/*------------------------------------
Headers
------------------------------------*/
header .top-logo {
width: 190px;
padding-right: 30px; }
@media (max-width: 992px) {
header .top-logo {
border-right: none; } }
header #navBar .navbar-nav .nav-item.active a {
color: #000; }
.placehold-position {
display: flex;
justify-content: flex-end;
align-items: center; }
@media (max-width: 365px) {
header .top-logo {
width: 145px;
padding-right: 15px; }
.placehold-position [class^="mvp-icon-"]:before,
.placehold-position [class*="mvp-icon-"]:before {
font-size: 18px !important; } }
.u-header {
position: relative;
left: 0;
right: 0;
width: 100%;
font-size: 0.92857143rem;
z-index: 101; }
.u-header [aria-labelledby] {
opacity: 0; }
.u-header [aria-labelledby][role="tabpanel"] {
opacity: 1; }
.u-header [aria-labelledby].u-dropdown--css-animation,
.u-header [aria-labelledby].u-dropdown--jquery-slide {
opacity: 1; }
.u-header--abs-top, .u-header--abs-bottom, .u-header--abs-top-2nd-screen {
position: absolute; }
.u-header--abs-top-2nd-screen {
top: 100%;
bottom: auto; }
.u-header--abs-top {
top: 0;
bottom: auto; }
.u-header--abs-bottom {
top: auto;
bottom: 0; }
.u-header--abs-bottom .dropdown-menu {
top: auto;
bottom: 100%;
margin-top: 0;
margin-bottom: .125rem; }
.u-header--sticky-top, .u-header--sticky-bottom {
position: fixed; }
.u-header--sticky-top {
bottom: auto;
top: 0; }
.u-header--sticky-top.u-negative-top {
bottom: 100%;
top: auto; }
.u-header--sticky-bottom {
top: auto;
bottom: 0; }
.u-header--sticky-bottom .dropdown-menu {
top: auto;
bottom: 100%;
margin-top: 0;
margin-bottom: .125rem; }
.u-header--invisible {
display: none; }
.u-header--moved-up {
transform: translate3d(0, -100%, 0); }
.u-header--moved-up.u-negative-top {
transform: translate3d(0, 100%, 0); }
.u-header--faded {
opacity: 0;
visibility: hidden; }
.u-header--untransitioned {
transition: none !important; }
.u-header__section--hidden {
position: relative; }
.u-header--floating {
position: absolute;
left: 0;
right: 0; }
.u-header--floating.js-header-fix-moment {
margin-top: 0 !important; }
.u-header--floating.js-header-fix-moment .navbar {
padding-left: 0;
padding-right: 0; }
.u-header[data-header-fix-effect] {
transition: .3s ease; }
.u-header-reduced--shift.js-header-change-moment {
padding-top: 0 !important;
padding-bottom: 0 !important; }
.u-header.js-header-fix-moment {
position: fixed;
top: 0;
bottom: auto; }
.u-header__section {
position: relative;
z-index: 1; }
.u-header__section:nth-child(1) {
z-index: 5; }
.u-header__section:nth-child(2) {
z-index: 4; }
.u-header__section:nth-child(3) {
z-index: 3; }
.u-header__section:nth-child(4) {
z-index: 2; }
.u-header__section:nth-child(5) {
z-index: 1; }
.u-header__sections-container {
position: relative;
z-index: 2; }
.u-header__logo {
position: relative;
z-index: 1; }
.u-header__logo-img {
top: 0;
left: 0;
/*transition: .3s ease; */ }
.u-header__logo-img:not(.u-header__logo-img--main) {
position: absolute;
opacity: 0; }
.dropdown-menu.u-dropdown--reverse-position {
left: auto;
right: 0; }
.js-header-change-moment.g-bg-white--shift {
background-color: #fff; }
.js-header-change-moment.g-bg-light-semi-transparent--shift {
background-color: rgba(255, 255, 255, 0.9); }
.js-header-change-moment.g-bg-black--shift {
background-color: #000; }
.js-header-change-moment.g-bg-dark-semi-transparent--shift {
background-color: rgba(0, 0, 0, 0.9); }
.js-header-change-moment.g-bg-primary--shift {
background-color: #72c02c; }
.js-header-change-moment.g-bg-primary-semi-transparent--shift {
background-color: rgba(114, 192, 44, 0.9); }
.u-header__section--light .navbar-brand,
.u-header__section--light .navbar-toggler,
.u-header__section--light--shift.js-header-change-moment .navbar-brand,
.u-header__section--light--shift.js-header-change-moment .navbar-toggler {
color: #555555; }
.u-header__section--light .navbar-brand:focus,
.u-header__section--light .navbar-brand:hover,
.u-header__section--light .navbar-toggler:focus,
.u-header__section--light .navbar-toggler:hover,
.u-header__section--light--shift.js-header-change-moment .navbar-brand:focus,
.u-header__section--light--shift.js-header-change-moment .navbar-brand:hover,
.u-header__section--light--shift.js-header-change-moment .navbar-toggler:focus,
.u-header__section--light--shift.js-header-change-moment .navbar-toggler:hover {
color: #555555; }
.u-header__section--light .navbar-nav:not([class*="u-main-nav-v"]) .nav-link,
.u-header__section--light--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link {
color: #555555; }
.u-header__section--light .navbar-nav:not([class*="u-main-nav-v"]) .nav-link:focus,
.u-header__section--light .navbar-nav:not([class*="u-main-nav-v"]) .nav-link:hover,
.u-header__section--light--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link:focus,
.u-header__section--light--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link:hover {
color: #555555; }
.u-header__section--light .navbar-nav:not([class*="u-main-nav-v"]) .nav-link.disabled,
.u-header__section--light--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link.disabled {
color: rgba(85, 85, 85, 0.5); }
.u-header__section--light .navbar-nav:not([class*="u-main-nav-v"]) .open > .nav-link,
.u-header__section--light .navbar-nav:not([class*="u-main-nav-v"]) .active > .nav-link,
.u-header__section--light .navbar-nav:not([class*="u-main-nav-v"]) .nav-link.open,
.u-header__section--light .navbar-nav:not([class*="u-main-nav-v"]) .nav-link.active,
.u-header__section--light--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .open > .nav-link,
.u-header__section--light--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .active > .nav-link,
.u-header__section--light--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link.open,
.u-header__section--light--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link.active {
color: #72c02c; }
.u-header__section--light .navbar-toggler,
.u-header__section--light--shift.js-header-change-moment .navbar-toggler {
border-color: rgba(85, 85, 85, 0.3); }
.u-header__section--light .navbar-toggler-icon,
.u-header__section--light--shift.js-header-change-moment .navbar-toggler-icon {
background-image: url("data:image/svg+xml; charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba($g-color-main, .5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); }
.u-header__section--light .navbar-text,
.u-header__section--light--shift.js-header-change-moment .navbar-text {
color: rgba(85, 85, 85, 0.7); }
.u-header__section--dark .navbar-brand,
.u-header__section--dark .navbar-toggler,
.u-header__section--dark--shift.js-header-change-moment .navbar-brand,
.u-header__section--dark--shift.js-header-change-moment .navbar-toggler,
.u-header__section--primary .navbar-brand,
.u-header__section--primary .navbar-toggler,
.u-header__section--primary--shift.js-header-change-moment .navbar-brand,
.u-header__section--primary--shift.js-header-change-moment .navbar-toggler {
color: #fff; }
.u-header__section--dark .navbar-brand:focus,
.u-header__section--dark .navbar-brand:hover,
.u-header__section--dark .navbar-toggler:focus,
.u-header__section--dark .navbar-toggler:hover,
.u-header__section--dark--shift.js-header-change-moment .navbar-brand:focus,
.u-header__section--dark--shift.js-header-change-moment .navbar-brand:hover,
.u-header__section--dark--shift.js-header-change-moment .navbar-toggler:focus,
.u-header__section--dark--shift.js-header-change-moment .navbar-toggler:hover,
.u-header__section--primary .navbar-brand:focus,
.u-header__section--primary .navbar-brand:hover,
.u-header__section--primary .navbar-toggler:focus,
.u-header__section--primary .navbar-toggler:hover,
.u-header__section--primary--shift.js-header-change-moment .navbar-brand:focus,
.u-header__section--primary--shift.js-header-change-moment .navbar-brand:hover,
.u-header__section--primary--shift.js-header-change-moment .navbar-toggler:focus,
.u-header__section--primary--shift.js-header-change-moment .navbar-toggler:hover {
color: #fff; }
.u-header__section--dark .navbar-nav:not([class*="u-main-nav-v"]) .nav-link,
.u-header__section--dark--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link,
.u-header__section--primary .navbar-nav:not([class*="u-main-nav-v"]) .nav-link,
.u-header__section--primary--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link {
color: rgba(255, 255, 255, 0.8); }
.u-header__section--dark .navbar-nav:not([class*="u-main-nav-v"]) .nav-link:focus,
.u-header__section--dark .navbar-nav:not([class*="u-main-nav-v"]) .nav-link:hover,
.u-header__section--dark--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link:focus,
.u-header__section--dark--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link:hover,
.u-header__section--primary .navbar-nav:not([class*="u-main-nav-v"]) .nav-link:focus,
.u-header__section--primary .navbar-nav:not([class*="u-main-nav-v"]) .nav-link:hover,
.u-header__section--primary--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link:focus,
.u-header__section--primary--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link:hover {
color: #fff; }
.u-header__section--dark .navbar-nav:not([class*="u-main-nav-v"]) .nav-link.disabled,
.u-header__section--dark--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link.disabled,
.u-header__section--primary .navbar-nav:not([class*="u-main-nav-v"]) .nav-link.disabled,
.u-header__section--primary--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link.disabled {
color: rgba(255, 255, 255, 0.5); }
.u-header__section--dark .navbar-nav:not([class*="u-main-nav-v"]) .open > .nav-link,
.u-header__section--dark .navbar-nav:not([class*="u-main-nav-v"]) .active > .nav-link,
.u-header__section--dark .navbar-nav:not([class*="u-main-nav-v"]) .nav-link.open,
.u-header__section--dark .navbar-nav:not([class*="u-main-nav-v"]) .nav-link.active,
.u-header__section--dark--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .open > .nav-link,
.u-header__section--dark--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .active > .nav-link,
.u-header__section--dark--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link.open,
.u-header__section--dark--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link.active,
.u-header__section--primary .navbar-nav:not([class*="u-main-nav-v"]) .open > .nav-link,
.u-header__section--primary .navbar-nav:not([class*="u-main-nav-v"]) .active > .nav-link,
.u-header__section--primary .navbar-nav:not([class*="u-main-nav-v"]) .nav-link.open,
.u-header__section--primary .navbar-nav:not([class*="u-main-nav-v"]) .nav-link.active,
.u-header__section--primary--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .open > .nav-link,
.u-header__section--primary--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .active > .nav-link,
.u-header__section--primary--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link.open,
.u-header__section--primary--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link.active {
color: #fff; }
.u-header__section--dark .navbar-toggler,
.u-header__section--dark--shift.js-header-change-moment .navbar-toggler,
.u-header__section--primary .navbar-toggler,
.u-header__section--primary--shift.js-header-change-moment .navbar-toggler {
border-color: rgba(255, 255, 255, 0.3); }
.u-header__section--dark .navbar-toggler-icon,
.u-header__section--dark--shift.js-header-change-moment .navbar-toggler-icon,
.u-header__section--primary .navbar-toggler-icon,
.u-header__section--primary--shift.js-header-change-moment .navbar-toggler-icon {
background-image: url("data:image/svg+xml; charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba($g-color-white, .5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); }
.u-header__section--dark .navbar-text,
.u-header__section--dark--shift.js-header-change-moment .navbar-text,
.u-header__section--primary .navbar-text,
.u-header__section--primary--shift.js-header-change-moment .navbar-text {
color: rgba(255, 255, 255, 0.7); }
.navbar > .container {
position: relative; }
@media all and (min-width: 576px) {
.u-header--abs-top--sm, .u-header--abs-bottom--sm, .u-header--abs-top-2nd-screen--sm {
position: absolute; }
.u-header--abs-top-2nd-screen--sm {
top: 100%; }
.u-header--abs-top--sm {
bottom: auto;
top: 0; }
.u-header--abs-bottom--sm {
top: auto;
bottom: 0; }
.u-header--sticky-top--sm, .u-header--sticky-bottom--sm {
position: fixed; }
.u-header--sticky-top--sm {
bottom: auto;
top: 0; }
.u-header--sticky-bottom--sm {
top: auto;
bottom: 0; }
.u-header--floating--sm {
position: absolute;
left: 0;
right: 0; }
.u-header--floating--sm.js-header-fix-moment {
margin-top: 0 !important; }
.u-header--floating--sm.js-header-fix-moment .navbar {
padding-left: 0;
padding-right: 0; } }
@media all and (min-width: 768px) {
.u-header--abs-top--md, .u-header--abs-bottom--md, .u-header--abs-top-2nd-screen--md {
position: absolute; }
.u-header--abs-top-2nd-screen--md {
top: 100%; }
.u-header--abs-top--md {
bottom: auto;
top: 0; }
.u-header--abs-bottom--md {
top: auto;
bottom: 0; }
.u-header--sticky-top--md, .u-header--sticky-bottom--md {
position: fixed; }
.u-header--sticky-top--md {
bottom: auto;
top: 0; }
.u-header--sticky-bottom--md {
top: auto;
bottom: 0; }
.u-header--floating--md {
position: absolute;
left: 0;
right: 0; }
.u-header--floating--md.js-header-fix-moment {
margin-top: 0 !important; }
.u-header--floating--md.js-header-fix-moment .navbar {
padding-left: 0;
padding-right: 0; } }
@media all and (min-width: 992px) {
.u-header--abs-top--lg, .u-header--abs-bottom--lg, .u-header--abs-top-2nd-screen--lg {
position: absolute; }
.u-header--abs-top-2nd-screen--lg {
top: 100%; }
.u-header--abs-top--lg {
bottom: auto;
top: 0; }
.u-header--abs-bottom--lg {
top: auto;
bottom: 0; }
.u-header--sticky-top--lg, .u-header--sticky-bottom--lg {
position: fixed; }
.u-header--sticky-top--lg {
bottom: auto;
top: 0; }
.u-header--sticky-bottom--lg {
top: auto;
bottom: 0; }
.u-header--floating--lg {
position: absolute;
left: 0;
right: 0; }
.u-header--floating--lg.js-header-fix-moment {
margin-top: 0 !important; }
.u-header--floating--lg.js-header-fix-moment .navbar {
padding-left: 0;
padding-right: 0; } }
@media all and (min-width: 1200px) {
.u-header--abs-top--xl, .u-header--abs-bottom--xl, .u-header--abs-top-2nd-screen--xl {
position: absolute; }
.u-header--abs-top-2nd-screen--xl {
top: 100%; }
.u-header--abs-top--xl {
bottom: auto;
top: 0; }
.u-header--abs-bottom--xl {
top: auto;
bottom: 0; }
.u-header--sticky-top--xl, .u-header--sticky-bottom--xl {
position: fixed; }
.u-header--sticky-top--xl {
bottom: auto;
top: 0; }
.u-header--sticky-bottom--xl {
top: auto;
bottom: 0; }
.u-header--floating--xl {
position: absolute;
left: 0;
right: 0; }
.u-header--floating--xl.js-header-fix-moment {
margin-top: 0 !important; }
.u-header--floating--xl.js-header-fix-moment .navbar {
padding-left: 0;
padding-right: 0; } }
@media all and (max-width: 1200px - 1) {
.navbar-expand-xl > .container,
.navbar-expand-xl > .container-fluid {
justify-content: flex-start; }
.navbar-expand-xl .navbar-collapse {
width: 100%;
order: 10; } }
@media all and (max-width: 992px - 1) {
.navbar-expand-lg > .container,
.navbar-expand-lg > .container-fluid {
justify-content: flex-start; }
.navbar-expand-lg .navbar-collapse {
width: 100%;
order: 10; } }
@media all and (max-width: 768px - 1) {
.navbar-expand-md > .container,
.navbar-expand-md > .container-fluid {
justify-content: flex-start; }
.navbar-expand-md .navbar-collapse {
width: 100%;
order: 10; } }
@media all and (max-width: 576px - 1) {
.navbar-expand-sm > .container,
.navbar-expand-sm > .container-fluid {
justify-content: flex-start; }
.navbar-expand-sm .navbar-collapse {
width: 100%;
order: 10; } }
/*------------------------------------
Header Togglers
------------------------------------*/
.u-header-toggler {
display: block;
width: 5rem;
height: 3.57142857rem;
z-index: 102;
/* Hamburgers */ }
.u-header-toggler .hamburger {
line-height: 1; }
/* Toggler Positioning */
@media all and (min-width: 0) {
.u-header-toggler--top-right, .u-header-toggler--top-right.btn, .u-header-toggler--top-left, .u-header-toggler--top-left.btn, .u-header-toggler--bottom-right, .u-header-toggler--bottom-right.btn, .u-header-toggler--bottom-left, .u-header-toggler--bottom-left.btn {
position: fixed; }
.u-header-toggler--top-right, .u-header-toggler--top-right.btn, .u-header-toggler--top-left, .u-header-toggler--top-left.btn {
top: 1.42857143rem; }
.u-header-toggler--bottom-right, .u-header-toggler--bottom-right.btn, .u-header-toggler--bottom-left, .u-header-toggler--bottom-left.btn {
bottom: 1.42857143rem; }
.u-header-toggler--top-left, .u-header-toggler--bottom-left {
left: 1.42857143rem; }
.u-header-toggler--top-right, .u-header-toggler--bottom-right {
right: 1.42857143rem; } }
/* Toggler Positioning (sm) */
@media all and (min-width: 576px) {
.u-header-toggler--top-right--sm, .u-header-toggler--top-right--sm.btn, .u-header-toggler--top-left--sm, .u-header-toggler--top-left--sm.btn, .u-header-toggler--bottom-right--sm, .u-header-toggler--bottom-right--sm.btn, .u-header-toggler--bottom-left--sm, .u-header-toggler--bottom-left--sm.btn {
position: fixed; }
.u-header-toggler--top-right--sm, .u-header-toggler--top-right--sm.btn, .u-header-toggler--top-left--sm, .u-header-toggler--top-left--sm.btn {
top: 1.42857143rem; }
.u-header-toggler--bottom-right--sm, .u-header-toggler--bottom-right--sm.btn, .u-header-toggler--bottom-left--sm, .u-header-toggler--bottom-left--sm.btn {
bottom: 1.42857143rem; }
.u-header-toggler--top-left--sm, .u-header-toggler--bottom-left--sm {
left: 1.42857143rem; }
.u-header-toggler--top-right--sm, .u-header-toggler--bottom-right--sm {
right: 1.42857143rem; } }
/* Toggler Positioning (md) */
@media all and (min-width: 768px) {
.u-header-toggler--top-right--md, .u-header-toggler--top-right--md.btn, .u-header-toggler--top-left--md, .u-header-toggler--top-left--md.btn, .u-header-toggler--bottom-right--md, .u-header-toggler--bottom-right--md.btn, .u-header-toggler--bottom-left--md, .u-header-toggler--bottom-left--md.btn {
position: fixed; }
.u-header-toggler--top-right--md, .u-header-toggler--top-right--md.btn, .u-header-toggler--top-left--md, .u-header-toggler--top-left--md.btn {
top: 1.42857143rem; }
.u-header-toggler--bottom-right--md, .u-header-toggler--bottom-right--md.btn, .u-header-toggler--bottom-left--md, .u-header-toggler--bottom-left--md.btn {
bottom: 1.42857143rem; }
.u-header-toggler--top-left--md, .u-header-toggler--bottom-left--md {
left: 1.42857143rem; }
.u-header-toggler--top-right--md, .u-header-toggler--bottom-right--md {
right: 1.42857143rem; } }
/* Toggler Positioning (lg) */
@media all and (min-width: 992px) {
.u-header-toggler--top-right--lg, .u-header-toggler--top-right--lg.btn, .u-header-toggler--top-left--lg, .u-header-toggler--top-left--lg.btn, .u-header-toggler--bottom-right--lg, .u-header-toggler--bottom-right--lg.btn, .u-header-toggler--bottom-left--lg, .u-header-toggler--bottom-left--lg.btn {
position: fixed; }
.u-header-toggler--top-right--lg, .u-header-toggler--top-right--lg.btn, .u-header-toggler--top-left--lg, .u-header-toggler--top-left--lg.btn {
top: 1.42857143rem; }
.u-header-toggler--bottom-right--lg, .u-header-toggler--bottom-right--lg.btn, .u-header-toggler--bottom-left--lg, .u-header-toggler--bottom-left--lg.btn {
bottom: 1.42857143rem; }
.u-header-toggler--top-left--lg, .u-header-toggler--bottom-left--lg {
left: 1.42857143rem; }
.u-header-toggler--top-right--lg, .u-header-toggler--bottom-right--lg {
right: 1.42857143rem; } }
/* Toggler Positioning (xl) */
@media all and (min-width: 1200px) {
.u-header-toggler--top-right--xl, .u-header-toggler--top-right--xl.btn, .u-header-toggler--top-left--xl, .u-header-toggler--top-left--xl.btn, .u-header-toggler--bottom-right--xl, .u-header-toggler--bottom-right--xl.btn, .u-header-toggler--bottom-left--xl, .u-header-toggler--bottom-left--xl.btn {
position: fixed; }
.u-header-toggler--top-right--xl, .u-header-toggler--top-right--xl.btn, .u-header-toggler--top-left--xl, .u-header-toggler--top-left--xl.btn {
top: 1.42857143rem; }
.u-header-toggler--bottom-right--xl, .u-header-toggler--bottom-right--xl.btn, .u-header-toggler--bottom-left--xl, .u-header-toggler--bottom-left--xl.btn {
bottom: 1.42857143rem; }
.u-header-toggler--top-left--xl, .u-header-toggler--bottom-left--xl {
left: 1.42857143rem; }
.u-header-toggler--top-right--xl, .u-header-toggler--bottom-right--xl {
right: 1.42857143rem; } }
/*------------------------------------
Fullscreen Header
------------------------------------*/
[class*="u-header--fullscreen"] {
text-align: center;
visibility: hidden; }
[class*="u-header--fullscreen"] .u-header__sections-container {
display: flex;
height: 100%;
align-items: center;
justify-content: center;
opacity: 0;
visibility: hidden;
transition: opacity .5s ease, visibility .5s ease; }
[class*="u-header--fullscreen"] .mCustomScrollBox {
width: 100%;
height: auto; }
[class*="u-header--fullscreen"] .u-header__section {
width: 100%; }
[class*="u-header--fullscreen"] .navbar-nav[class*="u-main-nav-v"] > li > a {
display: inline-block; }
[class*="u-header--fullscreen"] .u-header__overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: none;
opacity: 0;
visibility: hidden;
border-radius: 50%;
transition: transform .5s ease, opacity .5s ease, visibility .5s ease; }
.u-header.u-header--fullscreen--top-left, .u-header.u-header--fullscreen--top-right, .u-header.u-header--fullscreen--bottom-left, .u-header.u-header--fullscreen--bottom-right {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0; }
.u-header.u-header--fullscreen--top-left .u-header__overlay, .u-header.u-header--fullscreen--top-right .u-header__overlay, .u-header.u-header--fullscreen--bottom-left .u-header__overlay, .u-header.u-header--fullscreen--bottom-right .u-header__overlay {
display: block; }
.u-header.u-header--fullscreen--top-left.u-header--fullscreen-showed, .u-header.u-header--fullscreen--top-right.u-header--fullscreen-showed, .u-header.u-header--fullscreen--bottom-left.u-header--fullscreen-showed, .u-header.u-header--fullscreen--bottom-right.u-header--fullscreen-showed {
visibility: visible; }
.u-header.u-header--fullscreen--top-left.u-header--fullscreen-showed .u-header__overlay,
.u-header.u-header--fullscreen--top-left.u-header--fullscreen-showed .u-header__sections-container, .u-header.u-header--fullscreen--top-right.u-header--fullscreen-showed .u-header__overlay,
.u-header.u-header--fullscreen--top-right.u-header--fullscreen-showed .u-header__sections-container, .u-header.u-header--fullscreen--bottom-left.u-header--fullscreen-showed .u-header__overlay,
.u-header.u-header--fullscreen--bottom-left.u-header--fullscreen-showed .u-header__sections-container, .u-header.u-header--fullscreen--bottom-right.u-header--fullscreen-showed .u-header__overlay,
.u-header.u-header--fullscreen--bottom-right.u-header--fullscreen-showed .u-header__sections-container {
opacity: 1;
visibility: visible; }
.u-header.u-header--fullscreen--top-left.u-header--fullscreen-showed .u-header__sections-container, .u-header.u-header--fullscreen--top-right.u-header--fullscreen-showed .u-header__sections-container, .u-header.u-header--fullscreen--bottom-left.u-header--fullscreen-showed .u-header__sections-container, .u-header.u-header--fullscreen--bottom-right.u-header--fullscreen-showed .u-header__sections-container {
transition-delay: .5s; }
.u-header.u-header--fullscreen--top-left .container, .u-header.u-header--fullscreen--top-right .container, .u-header.u-header--fullscreen--bottom-left .container, .u-header.u-header--fullscreen--bottom-right .container {
width: 100%; }
.u-header.u-header--fullscreen--top-left .navbar, .u-header.u-header--fullscreen--top-right .navbar, .u-header.u-header--fullscreen--bottom-left .navbar, .u-header.u-header--fullscreen--bottom-right .navbar {
min-width: 22.85714286rem;
width: 50%;
margin-left: auto;
margin-right: auto; }
.u-header.u-header--fullscreen--top-left .dropdown-menu, .u-header.u-header--fullscreen--top-right .dropdown-menu, .u-header.u-header--fullscreen--bottom-left .dropdown-menu, .u-header.u-header--fullscreen--bottom-right .dropdown-menu {
text-align: inherit;
position: static;
width: 100%; }
.u-header.u-header--fullscreen--top-left .u-header__overlay {
transform-origin: 0% 0%;
transform: scale3d(0.1, 0.1, 0.1) translate3d(-20%, -20%, 0); }
.u-header.u-header--fullscreen--top-left.u-header--fullscreen-showed .u-header__overlay {
transform: scale3d(1, 1, 1) translate3d(-20%, -20%, 0); }
.u-header.u-header--fullscreen--top-right .u-header__overlay {
left: auto;
transform-origin: 100% 0%;
transform: scale3d(0.1, 0.1, 0.1) translate3d(20%, -20%, 0); }
.u-header.u-header--fullscreen--top-right.u-header--fullscreen-showed .u-header__overlay {
transform: scale3d(1, 1, 1) translate3d(20%, -20%, 0); }
.u-header.u-header--fullscreen--bottom-left .u-header__overlay {
top: auto;
transform-origin: 0% 100%;
transform: scale3d(0.1, 0.1, 0.1) translate3d(-20%, 20%, 0); }
.u-header.u-header--fullscreen--bottom-left.u-header--fullscreen-showed .u-header__overlay {
transform: scale3d(1, 1, 1) translate3d(-20%, 20%, 0); }
.u-header.u-header--fullscreen--bottom-right .u-header__overlay {
top: auto;
left: auto;
transform-origin: 100% 100%;
transform: scale3d(0.1, 0.1, 0.1) translate3d(20%, 20%, 0); }
.u-header.u-header--fullscreen--bottom-right.u-header--fullscreen-showed .u-header__overlay {
transform: scale3d(1, 1, 1) translate3d(20%, 20%, 0); }
/*------------------------------------
Side Header
------------------------------------*/
/* Common styles of Side Header */
body[class*="u-body--header-side"] .u-header.u-header--side {
position: fixed;
top: 0;
height: 100%;
width: 21.42857143rem; }
body[class*="u-body--header-side"] .u-header.u-header--side .navbar {
flex-direction: column; }
body[class*="u-body--header-side"] .u-header.u-header--side .navbar .container {
width: 100%;
padding-left: 0;
padding-right: 0;
flex-direction: column; }
body[class*="u-body--header-side"] .u-header.u-header--side .navbar .navbar-collapse {
flex-direction: column; }
body[class*="u-body--header-side"] .u-header.u-header--side .navbar .navbar-nav {
width: 100%;
flex-direction: column;
margin-left: 0 !important;
margin-right: 0 !important; }
body[class*="u-body--header-side"] .u-header.u-header--side .u-header__sections-container {
height: 100%; }
body[class*="u-body--header-side"] .u-header.u-header--side .dropdown-menu {
top: 0; }
body[class*="u-body--header-side"] .u-header.u-header--side .mCSB_container,
body[class*="u-body--header-side"] .u-header.u-header--side .mCustomScrollBox {
overflow: visible; }
/* Overlay */
.u-header--side .u-header__overlay {
position: absolute;
top: 0;
height: 100%;
width: 2000%;
opacity: 0;
visibility: hidden; }
body[class*="u-body--header-side"].u-body--header-side-opened .u-header__overlay {
opacity: 1;
visibility: visible; }
.u-body--header-side-static-left .u-header--side .dropdown-menu, .u-body--header-side-overlay-left .u-header--side .dropdown-menu, .u-body--header-side-push-left .u-header--side .dropdown-menu {
left: 100%;
margin-left: 1.07142857rem; }
.u-body--header-side-static-left .u-header--side .hs-menu-vertical .hs-mega-menu,
.u-body--header-side-static-left .u-header--side .hs-menu-vertical .hs-sub-menu, .u-body--header-side-overlay-left .u-header--side .hs-menu-vertical .hs-mega-menu,
.u-body--header-side-overlay-left .u-header--side .hs-menu-vertical .hs-sub-menu, .u-body--header-side-push-left .u-header--side .hs-menu-vertical .hs-mega-menu,
.u-body--header-side-push-left .u-header--side .hs-menu-vertical .hs-sub-menu {
margin-left: 1.07142857rem; }
.u-body--header-side-static-left .u-header--side .hs-menu-vertical .hs-mega-menu .hs-mega-menu,
.u-body--header-side-static-left .u-header--side .hs-menu-vertical .hs-mega-menu .hs-sub-menu,
.u-body--header-side-static-left .u-header--side .hs-menu-vertical .hs-sub-menu .hs-mega-menu,
.u-body--header-side-static-left .u-header--side .hs-menu-vertical .hs-sub-menu .hs-sub-menu, .u-body--header-side-overlay-left .u-header--side .hs-menu-vertical .hs-mega-menu .hs-mega-menu,
.u-body--header-side-overlay-left .u-header--side .hs-menu-vertical .hs-mega-menu .hs-sub-menu,
.u-body--header-side-overlay-left .u-header--side .hs-menu-vertical .hs-sub-menu .hs-mega-menu,
.u-body--header-side-overlay-left .u-header--side .hs-menu-vertical .hs-sub-menu .hs-sub-menu, .u-body--header-side-push-left .u-header--side .hs-menu-vertical .hs-mega-menu .hs-mega-menu,
.u-body--header-side-push-left .u-header--side .hs-menu-vertical .hs-mega-menu .hs-sub-menu,
.u-body--header-side-push-left .u-header--side .hs-menu-vertical .hs-sub-menu .hs-mega-menu,
.u-body--header-side-push-left .u-header--side .hs-menu-vertical .hs-sub-menu .hs-sub-menu {
margin-left: 0; }
.u-body--header-side-static-left .u-header--side .hs-menu-vertical.hs-rtl .hs-mega-menu,
.u-body--header-side-static-left .u-header--side .hs-menu-vertical.hs-rtl .hs-sub-menu, .u-body--header-side-overlay-left .u-header--side .hs-menu-vertical.hs-rtl .hs-mega-menu,
.u-body--header-side-overlay-left .u-header--side .hs-menu-vertical.hs-rtl .hs-sub-menu, .u-body--header-side-push-left .u-header--side .hs-menu-vertical.hs-rtl .hs-mega-menu,
.u-body--header-side-push-left .u-header--side .hs-menu-vertical.hs-rtl .hs-sub-menu {
margin-left: 0;
margin-right: 1.07142857rem; }
.u-body--header-side-static-left .u-header--side .hs-menu-vertical.hs-rtl .hs-mega-menu .hs-mega-menu,
.u-body--header-side-static-left .u-header--side .hs-menu-vertical.hs-rtl .hs-mega-menu .hs-sub-menu,
.u-body--header-side-static-left .u-header--side .hs-menu-vertical.hs-rtl .hs-sub-menu .hs-mega-menu,
.u-body--header-side-static-left .u-header--side .hs-menu-vertical.hs-rtl .hs-sub-menu .hs-sub-menu, .u-body--header-side-overlay-left .u-header--side .hs-menu-vertical.hs-rtl .hs-mega-menu .hs-mega-menu,
.u-body--header-side-overlay-left .u-header--side .hs-menu-vertical.hs-rtl .hs-mega-menu .hs-sub-menu,
.u-body--header-side-overlay-left .u-header--side .hs-menu-vertical.hs-rtl .hs-sub-menu .hs-mega-menu,
.u-body--header-side-overlay-left .u-header--side .hs-menu-vertical.hs-rtl .hs-sub-menu .hs-sub-menu, .u-body--header-side-push-left .u-header--side .hs-menu-vertical.hs-rtl .hs-mega-menu .hs-mega-menu,
.u-body--header-side-push-left .u-header--side .hs-menu-vertical.hs-rtl .hs-mega-menu .hs-sub-menu,
.u-body--header-side-push-left .u-header--side .hs-menu-vertical.hs-rtl .hs-sub-menu .hs-mega-menu,
.u-body--header-side-push-left .u-header--side .hs-menu-vertical.hs-rtl .hs-sub-menu .hs-sub-menu {
margin-left: 0;
margin-right: 0; }
.u-body--header-side-static-left {
margin-left: 21.42857143rem; }
.u-body--header-side-static-left .u-header--side {
right: auto;
left: 0; }
.u-body--header-side-static-right {
margin-right: 21.42857143rem; }
.u-body--header-side-static-right .u-header--side {
left: auto;
right: 0; }
.u-body--header-side-overlay-left .u-header--side, .u-body--header-side-push-left .u-header--side {
right: auto;
left: -21.42857143rem; }
.u-body--header-side-overlay-left .u-header--side .u-header__overlay, .u-body--header-side-push-left .u-header--side .u-header__overlay {
left: 100%; }
.u-body--header-side-overlay-left.u-body--header-side-opened .u-header--side, .u-body--header-side-push-left.u-body--header-side-opened .u-header--side {
left: 0; }
.u-body--header-side-push-left.u-body--header-side-opened {
margin-left: 21.42857143rem; }
.u-body--header-side-overlay-right .u-header--side, .u-body--header-side-push-right .u-header--side {
left: auto;
right: -21.42857143rem; }
.u-body--header-side-overlay-right .u-header--side .u-header__overlay, .u-body--header-side-push-right .u-header--side .u-header__overlay {
right: 100%; }
.u-body--header-side-overlay-right.u-body--header-side-opened .u-header--side, .u-body--header-side-push-right.u-body--header-side-opened .u-header--side {
right: 0; }
.u-body--header-side-push-right.u-body--header-side-opened {
margin-right: 21.42857143rem; }
.u-body--header-side-static-right .u-header--side .dropdown-menu, .u-body--header-side-overlay-right .u-header--side .dropdown-menu, .u-body--header-side-push-right .u-header--side .dropdown-menu {
left: auto;
right: 100%;
margin-right: 1.07142857rem; }
.u-body--header-side-static-right .u-header--side .hs-menu-vertical .hs-mega-menu,
.u-body--header-side-static-right .u-header--side .hs-menu-vertical .hs-sub-menu, .u-body--header-side-overlay-right .u-header--side .hs-menu-vertical .hs-mega-menu,
.u-body--header-side-overlay-right .u-header--side .hs-menu-vertical .hs-sub-menu, .u-body--header-side-push-right .u-header--side .hs-menu-vertical .hs-mega-menu,
.u-body--header-side-push-right .u-header--side .hs-menu-vertical .hs-sub-menu {
left: auto;
right: 100%;
margin-right: 1.07142857rem; }
.u-body--header-side-static-right .u-header--side .hs-menu-vertical .hs-mega-menu .hs-mega-menu,
.u-body--header-side-static-right .u-header--side .hs-menu-vertical .hs-mega-menu .hs-sub-menu,
.u-body--header-side-static-right .u-header--side .hs-menu-vertical .hs-sub-menu .hs-mega-menu,
.u-body--header-side-static-right .u-header--side .hs-menu-vertical .hs-sub-menu .hs-sub-menu, .u-body--header-side-overlay-right .u-header--side .hs-menu-vertical .hs-mega-menu .hs-mega-menu,
.u-body--header-side-overlay-right .u-header--side .hs-menu-vertical .hs-mega-menu .hs-sub-menu,
.u-body--header-side-overlay-right .u-header--side .hs-menu-vertical .hs-sub-menu .hs-mega-menu,
.u-body--header-side-overlay-right .u-header--side .hs-menu-vertical .hs-sub-menu .hs-sub-menu, .u-body--header-side-push-right .u-header--side .hs-menu-vertical .hs-mega-menu .hs-mega-menu,
.u-body--header-side-push-right .u-header--side .hs-menu-vertical .hs-mega-menu .hs-sub-menu,
.u-body--header-side-push-right .u-header--side .hs-menu-vertical .hs-sub-menu .hs-mega-menu,
.u-body--header-side-push-right .u-header--side .hs-menu-vertical .hs-sub-menu .hs-sub-menu {
margin-right: 0; }
.u-body--header-side-static-right .u-header--side .hs-menu-vertical.hs-rtl .hs-mega-menu,
.u-body--header-side-static-right .u-header--side .hs-menu-vertical.hs-rtl .hs-sub-menu, .u-body--header-side-overlay-right .u-header--side .hs-menu-vertical.hs-rtl .hs-mega-menu,
.u-body--header-side-overlay-right .u-header--side .hs-menu-vertical.hs-rtl .hs-sub-menu, .u-body--header-side-push-right .u-header--side .hs-menu-vertical.hs-rtl .hs-mega-menu,
.u-body--header-side-push-right .u-header--side .hs-menu-vertical.hs-rtl .hs-sub-menu {
margin-right: 0;
margin-left: 1.07142857rem; }
.u-body--header-side-static-right .u-header--side .hs-menu-vertical.hs-rtl .hs-mega-menu .hs-mega-menu,
.u-body--header-side-static-right .u-header--side .hs-menu-vertical.hs-rtl .hs-mega-menu .hs-sub-menu,
.u-body--header-side-static-right .u-header--side .hs-menu-vertical.hs-rtl .hs-sub-menu .hs-mega-menu,
.u-body--header-side-static-right .u-header--side .hs-menu-vertical.hs-rtl .hs-sub-menu .hs-sub-menu, .u-body--header-side-overlay-right .u-header--side .hs-menu-vertical.hs-rtl .hs-mega-menu .hs-mega-menu,
.u-body--header-side-overlay-right .u-header--side .hs-menu-vertical.hs-rtl .hs-mega-menu .hs-sub-menu,
.u-body--header-side-overlay-right .u-header--side .hs-menu-vertical.hs-rtl .hs-sub-menu .hs-mega-menu,
.u-body--header-side-overlay-right .u-header--side .hs-menu-vertical.hs-rtl .hs-sub-menu .hs-sub-menu, .u-body--header-side-push-right .u-header--side .hs-menu-vertical.hs-rtl .hs-mega-menu .hs-mega-menu,
.u-body--header-side-push-right .u-header--side .hs-menu-vertical.hs-rtl .hs-mega-menu .hs-sub-menu,
.u-body--header-side-push-right .u-header--side .hs-menu-vertical.hs-rtl .hs-sub-menu .hs-mega-menu,
.u-body--header-side-push-right .u-header--side .hs-menu-vertical.hs-rtl .hs-sub-menu .hs-sub-menu {
margin-left: 0;
margin-right: 0; }
/*------------------------------------
Dropdowns
------------------------------------*/
[class*="u-dropdown--"] [class*="u-dropdown--"] {
left: 100%;
top: 0; }
[class*="u-dropdown--"] [class*="u-dropdown--"].u-dropdown--reverse-x {
left: auto;
right: 100%; }
.u-dropdown--simple.u-dropdown--reverse-y,
.u-dropdown--jquery-slide.u-dropdown--reverse-y,
.u-dropdown--css-animation.u-dropdown--reverse-y {
top: auto;
bottom: 100%;
margin-top: 0 !important;
margin-bottom: 1.42857143rem; }
/* Simple Dropdown */
.u-dropdown--simple.u-dropdown--hidden {
display: none; }
/* CSS Animation Dropdown */
.u-dropdown--css-animation {
animation-duration: 1s; }
.u-dropdown--css-animation.u-dropdown--hidden {
opacity: 0;
visibility: hidden; }
/* jQuery Slide */
.u-dropdown--jquery-slide.u-dropdown--hidden {
opacity: 0;
visibility: hidden; }
.u-dropdown--hidden:not(.hs-sub-menu-opened) * {
transition: none !important; }
.u-dropdown--hidden:not(.hs-sub-menu-opened) *::before, .u-dropdown--hidden:not(.hs-sub-menu-opened) *::after {
transition: none !important; }
.newclass {
color: #000; }
/* Add here all your css styles (customizations) */
#joule-global-nav div.globalnavigationsection:not(:last-of-type) {
margin-bottom: 5px; }
#joule-global-nav div.globalnavigationsection .site.mvp2 {
height: 45px;
background: #535353;
position: relative;
left: -320px;
cursor: pointer; }
#joule-global-nav div.globalnavigationsection .site.mvp2.active {
background: #007BC2; }
#joule-global-nav div.globalnavigationsection .site.mvp2:hover {
background: #6C6C6C; }
#joule-global-nav div.globalnavigationsection .site.mvp2.active:hover {
background: #45A8EA; }
#joule-global-nav div.globalnavigationsection .site.mvp2.active:hover .active-edge {
border-left-color: #45A8EA; }
#joule-global-nav div.globalnavigationsection .site.mvp2 .site-inner {
height: 100%; }
#joule-global-nav div.globalnavigationsection .site.mvp2 .site-link {
color: #fff;
letter-spacing: 0.5px;
font-size: 14px;
height: 100%;
padding-left: 20px;
padding-right: 10px;
display: flex;
align-items: center; }
#joule-global-nav div.globalnavigationsection .site.mvp2 .site-link.global-nav-collapse {
cursor: pointer; }
#joule-global-nav div.globalnavigationsection .site.mvp2 .site-link:hover {
text-decoration: none; }
#joule-global-nav div.globalnavigationsection .site.mvp2 .site-icon {
color: #F0F0F0; }
#joule-global-nav div.globalnavigationsection .site.mvp2 .site-icon img {
height: 32px;
width: 32px; }
#joule-global-nav div.globalnavigationsection .site.mvp2 .mvp-icon-carat_down::before {
font-size: 22px;
padding-top: 3px;
color: #fff; }
#joule-global-nav div.globalnavigationsection .site.mvp2 .mvp-icon-carat_right::before {
font-size: 22px;
color: #fff; }
#joule-global-nav div.globalnavigationsection .site.mvp2 .site-link__text {
margin-left: 20px;
font-size: 14px; }
#joule-global-nav div.globalnavigationsection .site.mvp2 .active-edge {
width: 0;
height: 0;
border-top: 23px solid transparent;
border-bottom: 23px solid transparent;
border-left: 20px solid #007BC2;
position: absolute;
top: 0;
left: 320px; }
#joule-global-nav div.globalnavigationsection .collapsible-content.hide {
display: none; }
/* Add here all your css styles (customizations) */
#joule-global-nav .globalnavigationlist .generic-list.mvp2 {
list-style-type: none;
padding-left: 0;
margin-top: 20px; }
#joule-global-nav .globalnavigationlist .generic-list.mvp2 .generic-list__item:not(:last-child) {
margin-bottom: 20px; }
#joule-global-nav .globalnavigationlist .generic-list.mvp2 .generic-link {
margin-left: 25px;
font-size: 12px;
letter-spacing: 0.5px;
color: #fff; }
#joule-global-nav .globalnavigationsection .globalnavigationlist .generic-list {
margin-left: 48px;
margin-bottom: 20px; }
/* Add here all your css styles (customizations) */
.switch-overlay {
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: #fff;
display: none; }
.switch-overlay .switch-overlay__img {
width: 100%; }
/* Add here all your css styles (customizations) */
.footer-fragment {
padding-bottom: 0 !important;
background: none !important; }
@media (max-width: 991px) {
.footer-fragment {
margin-top: 50px; } }
#tenant-footer {
clear: both; }
#tenant-footer .global-footer.mvp2.full-width, #global-footer.mvp2.full-width, #micro-footer.mvp2.full-width {
position: relative;
height: 0;
/*over lapping on entire page in mobile view. so none of the links are unable to click, for fix changed 100% to 0*/ }
#tenant-footer .global-footer.mvp2.full-width *, #global-footer.mvp2.full-width *, #micro-footer.mvp2.full-width * {
font-family: "Solstice Sans", Helvetica, Arial, sans-serif !important; }
#tenant-footer .global-footer.mvp2.full-width .global-footer__top, #global-footer.mvp2.full-width .global-footer__top, #micro-footer.mvp2.full-width .global-footer__top {
padding: 40px 20px;
font-size: 14px;
color: #fff;
background: #404040; }
#tenant-footer .global-footer.mvp2.full-width .global-footer__top .global-footer__lead-gen, #global-footer.mvp2.full-width .global-footer__top .global-footer__lead-gen, #micro-footer.mvp2.full-width .global-footer__top .global-footer__lead-gen {
text-align: center;
/*START styles for RTE*/
/*END styles for RTE*/ }
#tenant-footer .global-footer.mvp2.full-width .global-footer__top .global-footer__lead-gen .cmp-text, #global-footer.mvp2.full-width .global-footer__top .global-footer__lead-gen .cmp-text, #micro-footer.mvp2.full-width .global-footer__top .global-footer__lead-gen .cmp-text {
padding: 0 !important; }
#tenant-footer .global-footer.mvp2.full-width .global-footer__top .global-footer__lead-gen .cmp-text *, #global-footer.mvp2.full-width .global-footer__top .global-footer__lead-gen .cmp-text *, #micro-footer.mvp2.full-width .global-footer__top .global-footer__lead-gen .cmp-text * {
color: #fff !important; }
#tenant-footer .global-footer.mvp2.full-width .global-footer__top .global-footer__lead-gen .cmp-text p, #global-footer.mvp2.full-width .global-footer__top .global-footer__lead-gen .cmp-text p, #micro-footer.mvp2.full-width .global-footer__top .global-footer__lead-gen .cmp-text p {
font-size: 14px;
letter-spacing: normal;
line-height: 28px;
font-weight: 300;
color: #fff !important;
margin-bottom: 1.5rem; }
#tenant-footer .global-footer.mvp2.full-width .global-footer__top .global-footer__lead-gen .cta-component .cta, #global-footer.mvp2.full-width .global-footer__top .global-footer__lead-gen .cta-component .cta, #micro-footer.mvp2.full-width .global-footer__top .global-footer__lead-gen .cta-component .cta {
width: 100%;
margin: 0; }
@media (min-width: 768px) {
#tenant-footer .global-footer.mvp2.full-width .global-footer__top .global-footer__lead-gen .cta-component .cta, #global-footer.mvp2.full-width .global-footer__top .global-footer__lead-gen .cta-component .cta, #micro-footer.mvp2.full-width .global-footer__top .global-footer__lead-gen .cta-component .cta {
min-width: 250px;
width: auto;
text-align: center; } }
#tenant-footer .global-footer.mvp2.full-width .global-footer__top .global-footer__lead-gen .cta-component .cta:hover, #global-footer.mvp2.full-width .global-footer__top .global-footer__lead-gen .cta-component .cta:hover, #micro-footer.mvp2.full-width .global-footer__top .global-footer__lead-gen .cta-component .cta:hover {
text-decoration: none !important;
color: #1273B4; }
#tenant-footer .global-footer.mvp2.full-width .global-footer__top .global-footer__links-section:not(.social), #global-footer.mvp2.full-width .global-footer__top .global-footer__links-section:not(.social), #micro-footer.mvp2.full-width .global-footer__top .global-footer__links-section:not(.social) {
border-bottom: 1px solid #606060; }
#tenant-footer .global-footer.mvp2.full-width .global-footer__top .footer-heading, #global-footer.mvp2.full-width .global-footer__top .footer-heading, #micro-footer.mvp2.full-width .global-footer__top .footer-heading {
font-size: 20px;
font-weight: 300;
letter-spacing: 0.5px;
padding: 10px 0;
text-align: left;
text-transform: capitalize;
color: #fff; }
#tenant-footer .global-footer.mvp2.full-width .global-footer__top .footer-heading a, #global-footer.mvp2.full-width .global-footer__top .footer-heading a, #micro-footer.mvp2.full-width .global-footer__top .footer-heading a {
margin: 0; }
#tenant-footer .global-footer.mvp2.full-width .global-footer__top .social, #global-footer.mvp2.full-width .global-footer__top .social, #micro-footer.mvp2.full-width .global-footer__top .social {
margin-top: 25px; }
#tenant-footer .global-footer.mvp2.full-width .global-footer__top .social ul, #global-footer.mvp2.full-width .global-footer__top .social ul, #micro-footer.mvp2.full-width .global-footer__top .social ul {
list-style: none !important; }
#tenant-footer .global-footer.mvp2.full-width .global-footer__top .social ul li img, #global-footer.mvp2.full-width .global-footer__top .social ul li img, #micro-footer.mvp2.full-width .global-footer__top .social ul li img {
width: 26px;
height: 26px; }
#tenant-footer .global-footer.mvp2.full-width .global-footer__top .social .footer-heading, #global-footer.mvp2.full-width .global-footer__top .social .footer-heading, #micro-footer.mvp2.full-width .global-footer__top .social .footer-heading {
text-align: center; }
#tenant-footer .global-footer.mvp2.full-width .global-footer__top .footer-heading .mvp-icon-carat_down, #tenant-footer .global-footer.mvp2.full-width .global-footer__top .footer-heading .mvp-icon-carat_up, #global-footer.mvp2.full-width .global-footer__top .footer-heading .mvp-icon-carat_down, #global-footer.mvp2.full-width .global-footer__top .footer-heading .mvp-icon-carat_up, #micro-footer.mvp2.full-width .global-footer__top .footer-heading .mvp-icon-carat_down, #micro-footer.mvp2.full-width .global-footer__top .footer-heading .mvp-icon-carat_up {
display: inline-block;
vertical-align: middle;
height: 26px; }
#tenant-footer .global-footer.mvp2.full-width .global-footer__top .footer-heading .mvp-icon-carat_down::before, #tenant-footer .global-footer.mvp2.full-width .global-footer__top .footer-heading .mvp-icon-carat_up::before, #global-footer.mvp2.full-width .global-footer__top .footer-heading .mvp-icon-carat_down::before, #global-footer.mvp2.full-width .global-footer__top .footer-heading .mvp-icon-carat_up::before, #micro-footer.mvp2.full-width .global-footer__top .footer-heading .mvp-icon-carat_down::before, #micro-footer.mvp2.full-width .global-footer__top .footer-heading .mvp-icon-carat_up::before {
font-size: 24px;
color: #fff; }
#tenant-footer .global-footer.mvp2.full-width .global-footer__top .global-footer__links, #global-footer.mvp2.full-width .global-footer__top .global-footer__links, #micro-footer.mvp2.full-width .global-footer__top .global-footer__links {
width: 100%; }
#tenant-footer .global-footer.mvp2.full-width .global-footer__top .global-footer__links-list, #global-footer.mvp2.full-width .global-footer__top .global-footer__links-list, #micro-footer.mvp2.full-width .global-footer__top .global-footer__links-list {
display: flex;
list-style-type: none; }
#tenant-footer .global-footer.mvp2.full-width .global-footer__top .global-footer__links-list .pr-0, #global-footer.mvp2.full-width .global-footer__top .global-footer__links-list .pr-0, #micro-footer.mvp2.full-width .global-footer__top .global-footer__links-list .pr-0 {
font-size: 15px;
font-weight: 300;
line-height: 30px; }
#tenant-footer .global-footer.mvp2.full-width .global-footer__top .global-footer__links-list a, #global-footer.mvp2.full-width .global-footer__top .global-footer__links-list a, #micro-footer.mvp2.full-width .global-footer__top .global-footer__links-list a {
color: #fff; }
#tenant-footer .global-footer.mvp2.full-width .global-footer__top .global-footer__links-section.social li, #global-footer.mvp2.full-width .global-footer__top .global-footer__links-section.social li, #micro-footer.mvp2.full-width .global-footer__top .global-footer__links-section.social li {
line-height: 30px; }
@media (min-width: 768px) {
#tenant-footer .global-footer.mvp2.full-width .global-footer__top .global-footer__lead-gen, #global-footer.mvp2.full-width .global-footer__top .global-footer__lead-gen, #micro-footer.mvp2.full-width .global-footer__top .global-footer__lead-gen {
text-align: left;
width: 360px;
margin-right: 100px; }
#tenant-footer .global-footer.mvp2.full-width .global-footer__top .global-footer__links, #global-footer.mvp2.full-width .global-footer__top .global-footer__links, #micro-footer.mvp2.full-width .global-footer__top .global-footer__links {
flex-grow: 1; }
#tenant-footer .global-footer.mvp2.full-width .global-footer__top .global-footer__links-col:not(:first-child), #global-footer.mvp2.full-width .global-footer__top .global-footer__links-col:not(:first-child), #micro-footer.mvp2.full-width .global-footer__top .global-footer__links-col:not(:first-child) {
margin-left: 25px; }
#tenant-footer .global-footer.mvp2.full-width .global-footer__top .global-footer__links-col.edit-margin-left, #global-footer.mvp2.full-width .global-footer__top .global-footer__links-col.edit-margin-left, #micro-footer.mvp2.full-width .global-footer__top .global-footer__links-col.edit-margin-left {
display: none; }
#tenant-footer .global-footer.mvp2.full-width .global-footer__top .col-active.column-one-left-margin, #tenant-footer .global-footer.mvp2.full-width .global-footer__top .col-active.column-one-left-margin, #tenant-footer .global-footer.mvp2.full-width .global-footer__top .col-active.column-one-left-margin, #global-footer.mvp2.full-width .global-footer__top .col-active.column-one-left-margin, #global-footer.mvp2.full-width .global-footer__top .col-active.column-one-left-margin, #global-footer.mvp2.full-width .global-footer__top .col-active.column-one-left-margin, #micro-footer.mvp2.full-width .global-footer__top .col-active.column-one-left-margin, #micro-footer.mvp2.full-width .global-footer__top .col-active.column-one-left-margin, #micro-footer.mvp2.full-width .global-footer__top .col-active.column-one-left-margin {
margin-left: 0px; }
#tenant-footer .global-footer.mvp2.full-width .global-footer__top .global-footer__links-section:not(.social), #global-footer.mvp2.full-width .global-footer__top .global-footer__links-section:not(.social), #micro-footer.mvp2.full-width .global-footer__top .global-footer__links-section:not(.social) {
border: none; }
#tenant-footer .global-footer.mvp2.full-width .global-footer__top .global-footer__links-col .list:not(:last-child):not(:only-child), #global-footer.mvp2.full-width .global-footer__top .global-footer__links-col .list:not(:last-child):not(:only-child), #micro-footer.mvp2.full-width .global-footer__top .global-footer__links-col .list:not(:last-child):not(:only-child) {
margin-bottom: 45px; }
#tenant-footer .global-footer.mvp2.full-width .global-footer__top .footer-heading, #global-footer.mvp2.full-width .global-footer__top .footer-heading, #micro-footer.mvp2.full-width .global-footer__top .footer-heading {
font-size: 14px;
font-weight: 500;
text-transform: uppercase;
padding: 0;
margin-bottom: 10px !important; }
#tenant-footer .global-footer.mvp2.full-width .global-footer__top .social, #global-footer.mvp2.full-width .global-footer__top .social, #micro-footer.mvp2.full-width .global-footer__top .social {
margin-top: 0; }
#tenant-footer .global-footer.mvp2.full-width .global-footer__top .social .footer-heading, #global-footer.mvp2.full-width .global-footer__top .social .footer-heading, #micro-footer.mvp2.full-width .global-footer__top .social .footer-heading {
text-align: left; } }
@media (max-width: 767px) {
#tenant-footer .global-footer.mvp2.full-width .global-footer__top .global-footer__links-list.hide-this, #global-footer.mvp2.full-width .global-footer__top .global-footer__links-list.hide-this, #micro-footer.mvp2.full-width .global-footer__top .global-footer__links-list.hide-this {
display: none; } }
@media (min-width: 768px) {
#tenant-footer .global-footer.mvp2.full-width .global-footer__top .global-footer__links-list.hidden, #global-footer.mvp2.full-width .global-footer__top .global-footer__links-list.hidden, #micro-footer.mvp2.full-width .global-footer__top .global-footer__links-list.hidden {
visibility: visible !important; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
#tenant-footer .global-footer.mvp2.full-width .global-footer__top .global-footer__lead-gen, #global-footer.mvp2.full-width .global-footer__top .global-footer__lead-gen, #micro-footer.mvp2.full-width .global-footer__top .global-footer__lead-gen {
margin-right: 20px !important; }
#tenant-footer .global-footer.mvp2.full-width .global-footer__top .global-footer__lead-gen .text, #global-footer.mvp2.full-width .global-footer__top .global-footer__lead-gen .text, #micro-footer.mvp2.full-width .global-footer__top .global-footer__lead-gen .text {
margin-top: 0px; } }
@media (min-width: 1200px) {
#tenant-footer .global-footer.mvp2.full-width .global-footer__top, #global-footer.mvp2.full-width .global-footer__top, #micro-footer.mvp2.full-width .global-footer__top {
padding: 75px 120px; } }
#tenant-footer .global-footer.mvp2.full-width .scroll-to-top, #global-footer.mvp2.full-width .scroll-to-top, #micro-footer.mvp2.full-width .scroll-to-top {
position: absolute;
top: -20px;
text-align: center; }
#tenant-footer .global-footer.mvp2.full-width .scroll-to-top a, #global-footer.mvp2.full-width .scroll-to-top a, #micro-footer.mvp2.full-width .scroll-to-top a {
color: #fff;
background: #4a90e2;
width: 40px;
height: 40px;
display: inline-block;
border-radius: 40px; }
#tenant-footer .global-footer.mvp2.full-width .scroll-to-top a:before, #global-footer.mvp2.full-width .scroll-to-top a:before, #micro-footer.mvp2.full-width .scroll-to-top a:before {
font-size: 20px;
color: #fff;
line-height: 40px; }
#tenant-footer .global-footer.mvp2.full-width .scroll-to-top a:hover, #global-footer.mvp2.full-width .scroll-to-top a:hover, #micro-footer.mvp2.full-width .scroll-to-top a:hover {
text-decoration: none !important; }
@media (min-width: 768px) {
#tenant-footer .global-footer.mvp2.full-width .scroll-to-top, #global-footer.mvp2.full-width .scroll-to-top, #micro-footer.mvp2.full-width .scroll-to-top {
right: 100px; } }
#tenant-footer .global-footer.mvp2.full-width .global-footer__bottom, #global-footer.mvp2.full-width .global-footer__bottom, #micro-footer.mvp2.full-width .global-footer__bottom {
background: #303030;
color: #fff;
padding: 40px 20px;
font-size: 12px;
font-weight: 300; }
#tenant-footer .global-footer.mvp2.full-width .global-footer__bottom .copyright-section, #global-footer.mvp2.full-width .global-footer__bottom .copyright-section, #micro-footer.mvp2.full-width .global-footer__bottom .copyright-section {
display: flex;
flex-wrap: wrap;
margin: 0 auto; }
#tenant-footer .global-footer.mvp2.full-width .global-footer__bottom .copyright-year + *, #global-footer.mvp2.full-width .global-footer__bottom .copyright-year + *, #micro-footer.mvp2.full-width .global-footer__bottom .copyright-year + * {
display: inline; }
#tenant-footer .global-footer.mvp2.full-width .global-footer__bottom .bottom-links, #global-footer.mvp2.full-width .global-footer__bottom .bottom-links, #micro-footer.mvp2.full-width .global-footer__bottom .bottom-links {
list-style-type: none;
display: flex;
width: 100%;
margin-bottom: 0;
/*padding:0;*/ }
#tenant-footer .global-footer.mvp2.full-width .global-footer__bottom .bottom-links__link-item, #global-footer.mvp2.full-width .global-footer__bottom .bottom-links__link-item, #micro-footer.mvp2.full-width .global-footer__bottom .bottom-links__link-item {
padding: 0;
line-height: 25px;
color: #fff;
font-size: 12px; }
#tenant-footer .global-footer.mvp2.full-width .global-footer__bottom .bottom-links__link-item p, #global-footer.mvp2.full-width .global-footer__bottom .bottom-links__link-item p, #micro-footer.mvp2.full-width .global-footer__bottom .bottom-links__link-item p {
margin-bottom: 0; }
#tenant-footer .global-footer.mvp2.full-width .global-footer__bottom .bottom-links__link-item a, #global-footer.mvp2.full-width .global-footer__bottom .bottom-links__link-item a, #micro-footer.mvp2.full-width .global-footer__bottom .bottom-links__link-item a {
color: #fff; }
#tenant-footer .global-footer.mvp2.full-width .global-footer__bottom .bottom-links__link-item a img.footer-icon, #global-footer.mvp2.full-width .global-footer__bottom .bottom-links__link-item a img.footer-icon, #micro-footer.mvp2.full-width .global-footer__bottom .bottom-links__link-item a img.footer-icon {
height: 16px;
padding-left: 3px; }
#tenant-footer .global-footer.mvp2.full-width .global-footer__bottom .bottom-links__link-item a:hover, #global-footer.mvp2.full-width .global-footer__bottom .bottom-links__link-item a:hover, #micro-footer.mvp2.full-width .global-footer__bottom .bottom-links__link-item a:hover {
color: #fff; }
@media (min-width: 768px) {
#tenant-footer .global-footer.mvp2.full-width .global-footer__bottom, #global-footer.mvp2.full-width .global-footer__bottom, #micro-footer.mvp2.full-width .global-footer__bottom {
padding: 20px 5px 0;
font-size: 14px; }
#tenant-footer .global-footer.mvp2.full-width .global-footer__bottom .bottom-links, #global-footer.mvp2.full-width .global-footer__bottom .bottom-links, #micro-footer.mvp2.full-width .global-footer__bottom .bottom-links {
width: auto; }
#tenant-footer .global-footer.mvp2.full-width .global-footer__bottom .bottom-links__link-item, #global-footer.mvp2.full-width .global-footer__bottom .bottom-links__link-item, #micro-footer.mvp2.full-width .global-footer__bottom .bottom-links__link-item {
line-height: 15px;
font-size: 13px;
white-space: nowrap; }
#tenant-footer .global-footer.mvp2.full-width .global-footer__bottom .bottom-links__link-item:not(:first-child), #global-footer.mvp2.full-width .global-footer__bottom .bottom-links__link-item:not(:first-child), #micro-footer.mvp2.full-width .global-footer__bottom .bottom-links__link-item:not(:first-child) {
margin-left: 10px;
border-left: 1px solid #fff;
padding: 0 0 0 10px; } }
@media only screen and (min-width: 768px) and (max-width: 1024px) {
#tenant-footer .global-footer.mvp2.full-width .global-footer__bottom, #global-footer.mvp2.full-width .global-footer__bottom, #micro-footer.mvp2.full-width .global-footer__bottom {
min-height: 125px;
height: auto;
padding-bottom: 20px;
padding: 20px !important;
font-size: 14px !important; }
#tenant-footer .global-footer.mvp2.full-width .global-footer__bottom .global-footer__top, #global-footer.mvp2.full-width .global-footer__bottom .global-footer__top, #micro-footer.mvp2.full-width .global-footer__bottom .global-footer__top {
padding: 24px !important; }
#tenant-footer .global-footer.mvp2.full-width .global-footer__bottom .bottom-links__link-item, #global-footer.mvp2.full-width .global-footer__bottom .bottom-links__link-item, #micro-footer.mvp2.full-width .global-footer__bottom .bottom-links__link-item {
line-height: 20px !important;
font-size: 12px !important; }
#tenant-footer .global-footer.mvp2.full-width .global-footer__bottom .bottom-links__link-item:not(:first-child), #global-footer.mvp2.full-width .global-footer__bottom .bottom-links__link-item:not(:first-child), #micro-footer.mvp2.full-width .global-footer__bottom .bottom-links__link-item:not(:first-child) {
margin-left: 10px !important;
padding: 0 0 0 10px !important; }
#tenant-footer .global-footer.mvp2.full-width .global-footer__bottom .language-select-wrap, #global-footer.mvp2.full-width .global-footer__bottom .language-select-wrap, #micro-footer.mvp2.full-width .global-footer__bottom .language-select-wrap {
font-size: 12px !important; }
#tenant-footer .global-footer.mvp2.full-width .global-footer__bottom .bottom-links, #global-footer.mvp2.full-width .global-footer__bottom .bottom-links, #micro-footer.mvp2.full-width .global-footer__bottom .bottom-links {
flex-direction: column !important; }
#tenant-footer .global-footer.mvp2.full-width .global-footer__bottom .bottom-links__link-item:not(:first-child), #global-footer.mvp2.full-width .global-footer__bottom .bottom-links__link-item:not(:first-child), #micro-footer.mvp2.full-width .global-footer__bottom .bottom-links__link-item:not(:first-child) {
border-left: none !important; } }
@media (min-width: 992px) {
#tenant-footer .global-footer.mvp2.full-width .global-footer__bottom, #global-footer.mvp2.full-width .global-footer__bottom, #micro-footer.mvp2.full-width .global-footer__bottom {
height: 125px; } }
@media (min-width: 768px) {
#tenant-footer .global-footer.mvp2.full-width .global-footer__bottom .language-selector, #global-footer.mvp2.full-width .global-footer__bottom .language-selector, #micro-footer.mvp2.full-width .global-footer__bottom .language-selector {
margin-top: -3px; } }
#tenant-footer .global-footer.mvp2.full-width .global-footer__bottom .language-select-wrap, #global-footer.mvp2.full-width .global-footer__bottom .language-select-wrap, #micro-footer.mvp2.full-width .global-footer__bottom .language-select-wrap {
position: relative;
font-size: 14px;
margin-left: 10px; }
#tenant-footer .global-footer.mvp2.full-width .global-footer__bottom .mvp-icon-globe, #global-footer.mvp2.full-width .global-footer__bottom .mvp-icon-globe, #micro-footer.mvp2.full-width .global-footer__bottom .mvp-icon-globe {
margin-top: -5px; }
#tenant-footer .global-footer.mvp2.full-width .global-footer__bottom .mvp-icon-globe::before, #global-footer.mvp2.full-width .global-footer__bottom .mvp-icon-globe::before, #micro-footer.mvp2.full-width .global-footer__bottom .mvp-icon-globe::before {
font-size: 22px;
font-weight: 300;
color: #fff; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
#tenant-footer .global-footer.mvp2.full-width .global-footer__bottom .bottom-links__link-item, #global-footer.mvp2.full-width .global-footer__bottom .bottom-links__link-item, #micro-footer.mvp2.full-width .global-footer__bottom .bottom-links__link-item {
line-height: 30px !important;
font-size: 15px !important;
border-left: none !important; } }
#tenant-footer .global-footer.mvp2.full-width .global-footer__bottom .language-selector__dropdown, #global-footer.mvp2.full-width .global-footer__bottom .language-selector__dropdown, #micro-footer.mvp2.full-width .global-footer__bottom .language-selector__dropdown {
background: transparent !important;
border: none !important;
color: #fff !important;
font-weight: 300;
padding: 0 20px 0 0 !important; }
#tenant-footer .global-footer.mvp2.full-width .global-footer__bottom .language-selector__dropdown option, #global-footer.mvp2.full-width .global-footer__bottom .language-selector__dropdown option, #micro-footer.mvp2.full-width .global-footer__bottom .language-selector__dropdown option {
color: #303030; }
#tenant-footer .global-footer.mvp2.full-width .global-footer__bottom .mvp-icon-carat_down, #global-footer.mvp2.full-width .global-footer__bottom .mvp-icon-carat_down, #micro-footer.mvp2.full-width .global-footer__bottom .mvp-icon-carat_down {
position: absolute;
right: 0px;
top: 2px;
pointer-events: none; }
#tenant-footer .global-footer.mvp2.full-width .global-footer__bottom .mvp-icon-carat_down::before, #global-footer.mvp2.full-width .global-footer__bottom .mvp-icon-carat_down::before, #micro-footer.mvp2.full-width .global-footer__bottom .mvp-icon-carat_down::before {
font-size: 16px;
color: #fff; }
/* Add here all your css styles (customizations) */
#joule-header {
background: #fff; }
#joule-header .nav-item {
position: unset;
/* all nav items have this class */ }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
#joule-header .nav-item {
position: static; } }
#joule-header .nav-item:first-child {
margin-left: 0; }
#joule-header .nav-link--tier-1 {
font-size: 15px;
line-height: 25px;
margin: 0 10px;
font-weight: 500; }
#joule-header .nav-link--tier-1.show {
color: #007BC2; }
@media (min-width: 992px) {
#joule-header .nav-link--tier-1 {
color: #404040 !important; }
#joule-header .nav-link--tier-1:hover {
color: #007BC2 !important; } }
@media (min-width: 1160px) {
#joule-header .nav-link--tier-1 {
margin: 0 20px; } }
#joule-header .nav-link--tier-1 .mvp-icon-carat_right {
display: none; }
#joule-header .nav-link:hover {
text-decoration: none;
color: #007BC2; }
@media (min-width: 992px) {
#joule-header .nav-tier {
border-bottom: 1px solid #D8D8D8; } }
#joule-header .nav-tier--two {
position: absolute;
width: 100%;
left: 0;
top: 75px;
display: none;
background: #fff; }
#joule-header .nav-tier--two.show {
display: block;
z-index: 999; }
#joule-header .nav-tier__inner {
margin: 0 auto; }
#joule-header .nav-tier__inner .global-nav__top {
display: none !important; }
#joule-header .tier-two-tiles {
list-style-type: none;
list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=);
margin: 0;
padding: 0;
overflow: hidden;
display: flex;
justify-content: center; }
#joule-header .tier-two-tiles .mvp-icon-carat_right {
display: none; }
#joule-header .tier-two-tiles .left-rail-back {
display: none; }
#joule-header .tier-two-tile {
padding: 20px 0;
position: unset; }
#joule-header .tier-two-tile:hover {
cursor: pointer; }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
#joule-header .tier-two-tile {
position: static;
padding: 0; } }
@supports (-ms-ime-align: auto) {
#joule-header .tier-two-tile {
padding: 0; } }
@media (min-width: 992px) {
#joule-header .tier-two-tile {
min-width: 128px;
width: 128px; } }
#joule-header .tier-two-tile__inner {
height: 106px;
padding: 15px 0 0;
display: flex;
flex-direction: column;
align-items: center;
border-left: 1px solid #D0D0D0;
text-align: center;
font-size: 12px;
font-weight: 500;
line-height: 15px;
color: #595858; }
#joule-header .tier-two-tile:last-child .tier-two-tile__inner {
border-right: 1px solid #D0D0D0; }
#joule-header .tier-two-tile__icon {
width: 36px;
height: 36px; }
@media (min-width: 992px) {
#joule-header .tier-two-tile__text {
width: 100px;
margin-top: 25px; } }
#joule-header .tier-two-tile__link {
color: #595858 !important; }
#joule-header .tier-two-tile__link:hover, #joule-header .tier-two-tile__link:focus {
text-decoration: none; }
@media (min-width: 992px) {
#joule-header .tier-two-tile {
min-height: 146px;
height: 146px; }
#joule-header .tier-two-tile:hover {
min-height: 146px;
height: 146px;
border-bottom: 5px solid #007BC2; } }
#joule-header .tier-two-tile--see-more-left, #joule-header .tier-two-tile--see-more-right {
background: white;
position: absolute;
top: 0;
cursor: pointer; }
#joule-header .tier-two-tile--see-more-left {
left: 0; }
#joule-header .tier-two-tile--see-more-left .tier-two-tile__inner {
border: none; }
#joule-header .tier-two-tile--see-more-right {
right: 0; }
#joule-header .tiers-wrapper.disable-tier-two .nav-tier--two {
padding: 50px 20px; }
#joule-header .tiers-wrapper.disable-tier-two .tier-two-tiles {
justify-content: flex-start;
flex-wrap: wrap;
max-width: 1250px;
margin: 0 auto; }
#joule-header .tiers-wrapper.disable-tier-two .tier-two-tile {
width: 25%;
margin-bottom: 25px;
font-size: 12px;
font-weight: 500;
line-height: 15px;
color: #595858;
padding: 0;
cursor: pointer; }
#joule-header .tiers-wrapper.disable-tier-two .tier-two-tile:hover {
border: none;
height: auto; }
#joule-header .tiers-wrapper.disable-tier-two .tier-two-tile:hover .tier-two-tile__link {
color: #007BC2; }
#joule-header .tiers-wrapper.disable-tier-two .tier-two-tile__inner {
border: none;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
height: auto;
padding-top: 0; }
#joule-header .tiers-wrapper.disable-tier-two .tier-two-tile__icon {
width: 54px;
height: 54px;
border-radius: 50%;
background: #F0F0F0;
display: flex;
justify-content: center;
align-items: center; }
#joule-header .tiers-wrapper.disable-tier-two .tier-two-tile__icon .icon-img {
width: 25px;
height: 25px; }
#joule-header .tiers-wrapper.disable-tier-two .tier-two-tile__text {
margin-left: 40px;
margin-top: 0; }
#joule-header .nav-tier--three {
padding: 50px 20px;
width: 100%;
position: absolute;
top: 147px;
left: 0px;
display: none;
background: #fff; }
#joule-header .tier-three-tiles {
list-style-type: none;
list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=);
margin: 0 auto;
padding: 0;
overflow: hidden;
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
max-width: 1250px; }
#joule-header .tier-three-tiles .left-rail-back {
display: none; }
#joule-header .tier-three-tile {
width: 25%;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
margin-bottom: 25px;
font-size: 12px;
font-weight: 500;
line-height: 15px;
color: #595858; }
#joule-header .tier-three-tile:hover {
cursor: pointer; }
#joule-header .tier-three-tile:hover .tier-three-tile__link {
color: #007BC2; }
#joule-header .tier-three-tile__icon {
width: 54px;
height: 54px;
border-radius: 50%;
background: #F0F0F0;
display: flex;
justify-content: center;
align-items: center;
flex-shrink: 0; }
#joule-header .tier-three-tile__icon::before {
font-size: 28px; }
#joule-header .tier-three-tile__icon .icon-inner {
width: 25px;
height: 25px; }
#joule-header .tier-three-tile__text {
margin-left: 40px; }
@media (min-width: 992px) {
#joule-header .tier-three-tile__text {
text-align: left;
word-break: break-word; } }
#joule-header .tier-three-tile__link {
color: #595858; }
#joule-header .tier-three-tile__link:hover, #joule-header .tier-three-tile__link:focus {
text-decoration: none;
color: #007BC2; }
@media (min-width: 1440px) {
#joule-header .tier-three-tiles {
margin: 0 auto; } }
#joule-header .tier-two-tile:hover .nav-tier--three {
display: block; }
/* Add here all your css styles (customizations) */
a, a:hover {
outline: 0 !important; }
a:focus {
outline: 0 !important; }
.aero-header.mvp2.full-width, #tenant-header .aero-header.mvp2.full-width, #joule-header.mvp2.full-width {
height: 52px;
border-bottom: 1px solid #D8D8D8;
color: #303030;
font-weight: 300; }
.aero-header.mvp2.full-width *, #tenant-header .aero-header.mvp2.full-width *, #joule-header.mvp2.full-width * {
font-family: "Solstice Sans", Helvetica, Arial, sans-serif !important; }
@media (min-width: 768px) {
.aero-header.mvp2.full-width, #tenant-header .aero-header.mvp2.full-width, #joule-header.mvp2.full-width {
height: 75px; } }
.aero-header.mvp2.full-width a:focus, #tenant-header .aero-header.mvp2.full-width a:focus, #joule-header.mvp2.full-width a:focus {
outline: 0 !important; }
.aero-header.mvp2.full-width .navbar, #tenant-header .aero-header.mvp2.full-width .navbar, #joule-header.mvp2.full-width .navbar {
height: 100%; }
.aero-header.mvp2.full-width .btn-link, #tenant-header .aero-header.mvp2.full-width .btn-link, #joule-header.mvp2.full-width .btn-link {
padding-top: 0;
padding-bottom: 0; }
.aero-header.mvp2.full-width .navbar-brand, #tenant-header .aero-header.mvp2.full-width .navbar-brand, #joule-header.mvp2.full-width .navbar-brand {
margin-left: 0 !important;
padding-left: 0;
padding-right: 0;
height: auto; }
@media (min-width: 992px) {
.aero-header.mvp2.full-width .navbar-brand, #tenant-header .aero-header.mvp2.full-width .navbar-brand, #joule-header.mvp2.full-width .navbar-brand {
margin: 0 15px; } }
.aero-header.mvp2.full-width .aero-header__logo, #tenant-header .aero-header.mvp2.full-width .aero-header__logo, #joule-header.mvp2.full-width .aero-header__logo {
width: 120px !important;
height: auto; }
@media (min-width: 768px) {
.aero-header.mvp2.full-width .aero-header__logo, #tenant-header .aero-header.mvp2.full-width .aero-header__logo, #joule-header.mvp2.full-width .aero-header__logo {
width: 150px !important; } }
@media (min-width: 992px) {
.aero-header.mvp2.full-width .aero-header__logo, #tenant-header .aero-header.mvp2.full-width .aero-header__logo, #joule-header.mvp2.full-width .aero-header__logo {
margin-left: 14px; } }
@media (min-width: 1200px) {
.aero-header.mvp2.full-width .aero-header__logo, #tenant-header .aero-header.mvp2.full-width .aero-header__logo, #joule-header.mvp2.full-width .aero-header__logo {
width: 175px !important;
margin-left: 0; } }
.aero-header.mvp2.full-width .topic-area, #tenant-header .aero-header.mvp2.full-width .topic-area, #joule-header.mvp2.full-width .topic-area {
font-size: 15px;
letter-spacing: 0.5px; }
@media (min-width: 992px) {
.aero-header.mvp2.full-width .topic-area, #tenant-header .aero-header.mvp2.full-width .topic-area, #joule-header.mvp2.full-width .topic-area {
width: 100px; } }
.aero-header.mvp2.full-width .separator, #tenant-header .aero-header.mvp2.full-width .separator, #joule-header.mvp2.full-width .separator {
width: 1px;
height: 30px;
background: #D0D0D0;
margin: 0 4px; }
@media (min-width: 1200px) {
.aero-header.mvp2.full-width .separator, #tenant-header .aero-header.mvp2.full-width .separator, #joule-header.mvp2.full-width .separator {
margin: 0 15px; } }
.aero-header.mvp2.full-width .separator--left, #tenant-header .aero-header.mvp2.full-width .separator--left, #joule-header.mvp2.full-width .separator--left {
margin: 0 20px; }
@media (max-width: 1262px) {
.aero-header.mvp2.full-width .separator--left, #tenant-header .aero-header.mvp2.full-width .separator--left, #joule-header.mvp2.full-width .separator--left {
margin: 0 10px 0 0; } }
.aero-header.mvp2.full-width .mvp-icon-menu::before, #tenant-header .aero-header.mvp2.full-width .mvp-icon-menu::before, #joule-header.mvp2.full-width .mvp-icon-menu::before {
font-size: 32px;
cursor: pointer; }
.aero-header.mvp2.full-width .nav-right, #tenant-header .aero-header.mvp2.full-width .nav-right, #joule-header.mvp2.full-width .nav-right {
height: 100%; }
.aero-header.mvp2.full-width .nav-right.search-expanded, #tenant-header .aero-header.mvp2.full-width .nav-right.search-expanded, #joule-header.mvp2.full-width .nav-right.search-expanded {
position: relative;
margin-left: 140px !important;
width: 100%; }
.aero-header.mvp2.full-width .aero-nav__search-area, #tenant-header .aero-header.mvp2.full-width .aero-nav__search-area, #joule-header.mvp2.full-width .aero-nav__search-area {
margin: 0 25px; }
.aero-header.mvp2.full-width .aero-nav__search-area.expanded, #tenant-header .aero-header.mvp2.full-width .aero-nav__search-area.expanded, #joule-header.mvp2.full-width .aero-nav__search-area.expanded {
width: 100%;
position: absolute;
height: 100%;
background: white;
display: flex;
justify-content: space-between;
align-items: center;
margin: 0;
left: 0;
top: 0; }
.aero-header.mvp2.full-width .aero-nav__search-area .aero-nav__search-expansion, #tenant-header .aero-header.mvp2.full-width .aero-nav__search-area .aero-nav__search-expansion, #joule-header.mvp2.full-width .aero-nav__search-area .aero-nav__search-expansion {
display: none; }
.aero-header.mvp2.full-width .aero-nav__search-area.expanded .aero-nav__search-expansion, #tenant-header .aero-header.mvp2.full-width .aero-nav__search-area.expanded .aero-nav__search-expansion, #joule-header.mvp2.full-width .aero-nav__search-area.expanded .aero-nav__search-expansion {
display: flex;
align-items: center;
height: 100%; }
.aero-header.mvp2.full-width .aero-nav__search-area.expanded .aero-nav__search-expansion button.mvp-icon-search, #tenant-header .aero-header.mvp2.full-width .aero-nav__search-area.expanded .aero-nav__search-expansion button.mvp-icon-search, #joule-header.mvp2.full-width .aero-nav__search-area.expanded .aero-nav__search-expansion button.mvp-icon-search {
background: none;
border: none; }
.aero-header.mvp2.full-width .aero-nav__search-area.expanded .mvp-icon-close, #tenant-header .aero-header.mvp2.full-width .aero-nav__search-area.expanded .mvp-icon-close, #joule-header.mvp2.full-width .aero-nav__search-area.expanded .mvp-icon-close {
margin-right: 120px; }
@media (max-width: 1262px) {
.aero-header.mvp2.full-width .aero-nav__search-area, #tenant-header .aero-header.mvp2.full-width .aero-nav__search-area, #joule-header.mvp2.full-width .aero-nav__search-area {
margin: 0 10px; }
.aero-header.mvp2.full-width .aero-nav__search-area.expanded, #tenant-header .aero-header.mvp2.full-width .aero-nav__search-area.expanded, #joule-header.mvp2.full-width .aero-nav__search-area.expanded {
margin-right: 6px; } }
.aero-header.mvp2.full-width .aero-nav__search-area.expanded ~ .separator, .aero-header.mvp2.full-width .aero-nav__search-area.expanded ~ .aero-header__signin, #tenant-header .aero-header.mvp2.full-width .aero-nav__search-area.expanded ~ .separator, #tenant-header .aero-header.mvp2.full-width .aero-nav__search-area.expanded ~ .aero-header__signin, #joule-header.mvp2.full-width .aero-nav__search-area.expanded ~ .separator, #joule-header.mvp2.full-width .aero-nav__search-area.expanded ~ .aero-header__signin {
display: none; }
.aero-header.mvp2.full-width .aero-nav__search-area .aero-nav__search-form, #tenant-header .aero-header.mvp2.full-width .aero-nav__search-area .aero-nav__search-form, #joule-header.mvp2.full-width .aero-nav__search-area .aero-nav__search-form {
border: none;
width: 100%;
min-width: 300px; }
.aero-header.mvp2.full-width .aero-nav__search-area .aero-nav__search-form .form-control, #tenant-header .aero-header.mvp2.full-width .aero-nav__search-area .aero-nav__search-form .form-control, #joule-header.mvp2.full-width .aero-nav__search-area .aero-nav__search-form .form-control {
border: none;
width: 75%;
min-width: 235px;
line-height: 25px; }
.aero-header.mvp2.full-width .aero-nav__search-area .aero-nav__search-form .form-control:focus, #tenant-header .aero-header.mvp2.full-width .aero-nav__search-area .aero-nav__search-form .form-control:focus, #joule-header.mvp2.full-width .aero-nav__search-area .aero-nav__search-form .form-control:focus {
box-shadow: none; }
.aero-header.mvp2.full-width .aero-nav__search-area .aero-nav__search-form ::-webkit-input-placeholder, #tenant-header .aero-header.mvp2.full-width .aero-nav__search-area .aero-nav__search-form ::-webkit-input-placeholder, #joule-header.mvp2.full-width .aero-nav__search-area .aero-nav__search-form ::-webkit-input-placeholder {
/* Chrome/Opera/Safari */
color: #808080;
font-weight: 500; }
.aero-header.mvp2.full-width .aero-nav__search-area .aero-nav__search-form ::-moz-placeholder, #tenant-header .aero-header.mvp2.full-width .aero-nav__search-area .aero-nav__search-form ::-moz-placeholder, #joule-header.mvp2.full-width .aero-nav__search-area .aero-nav__search-form ::-moz-placeholder {
/* Firefox 19+ */
color: #808080;
font-weight: 500; }
.aero-header.mvp2.full-width .aero-nav__search-area .aero-nav__search-form :-ms-input-placeholder, #tenant-header .aero-header.mvp2.full-width .aero-nav__search-area .aero-nav__search-form :-ms-input-placeholder, #joule-header.mvp2.full-width .aero-nav__search-area .aero-nav__search-form :-ms-input-placeholder {
/* IE 10+ */
color: #808080;
font-weight: 500; }
.aero-header.mvp2.full-width .aero-nav__search-area .aero-nav__search-form :-moz-placeholder, #tenant-header .aero-header.mvp2.full-width .aero-nav__search-area .aero-nav__search-form :-moz-placeholder, #joule-header.mvp2.full-width .aero-nav__search-area .aero-nav__search-form :-moz-placeholder {
/* Firefox 18- */
color: #808080;
font-weight: 500; }
.aero-header.mvp2.full-width .aero-nav__search-area .mvp-icon-search, #tenant-header .aero-header.mvp2.full-width .aero-nav__search-area .mvp-icon-search, #joule-header.mvp2.full-width .aero-nav__search-area .mvp-icon-search {
display: inline-block;
vertical-align: middle;
cursor: pointer; }
.aero-header.mvp2.full-width .aero-nav__search-area .mvp-icon-search::before, #tenant-header .aero-header.mvp2.full-width .aero-nav__search-area .mvp-icon-search::before, #joule-header.mvp2.full-width .aero-nav__search-area .mvp-icon-search::before {
font-size: 20px;
margin-top: 3px; }
.aero-header.mvp2.full-width .aero-nav__search-area .mvp-icon-close, #tenant-header .aero-header.mvp2.full-width .aero-nav__search-area .mvp-icon-close, #joule-header.mvp2.full-width .aero-nav__search-area .mvp-icon-close {
display: inline-block;
vertical-align: middle;
position: relative;
cursor: pointer; }
.aero-header.mvp2.full-width .aero-nav__search-area .mvp-icon-close::before, #tenant-header .aero-header.mvp2.full-width .aero-nav__search-area .mvp-icon-close::before, #joule-header.mvp2.full-width .aero-nav__search-area .mvp-icon-close::before {
font-size: 24px;
margin-top: 3px; }
.aero-header.mvp2.full-width .aero-nav__search-area .search-separator, #tenant-header .aero-header.mvp2.full-width .aero-nav__search-area .search-separator, #joule-header.mvp2.full-width .aero-nav__search-area .search-separator {
width: 2px;
height: 18px;
background: #007BC2;
margin: 0 5px; }
.aero-header.mvp2.full-width .aero-nav__search-area .search-links, #tenant-header .aero-header.mvp2.full-width .aero-nav__search-area .search-links, #joule-header.mvp2.full-width .aero-nav__search-area .search-links {
width: 37vw;
border: 1px solid #D0D0D0;
position: absolute;
background: #fff;
top: 67px;
left: -25px;
z-index: 99;
display: none; }
.aero-header.mvp2.full-width .aero-nav__search-area .search-links.show, #tenant-header .aero-header.mvp2.full-width .aero-nav__search-area .search-links.show, #joule-header.mvp2.full-width .aero-nav__search-area .search-links.show {
display: block; }
.aero-header.mvp2.full-width .aero-nav__search-area .search-links__inner, #tenant-header .aero-header.mvp2.full-width .aero-nav__search-area .search-links__inner, #joule-header.mvp2.full-width .aero-nav__search-area .search-links__inner {
width: 100%;
padding: 20px 25px;
font-size: 15px; }
.aero-header.mvp2.full-width .aero-nav__search-area .search-links__heading, .aero-header.mvp2.full-width .aero-nav__search-area .search-links__link, #tenant-header .aero-header.mvp2.full-width .aero-nav__search-area .search-links__heading, #tenant-header .aero-header.mvp2.full-width .aero-nav__search-area .search-links__link, #joule-header.mvp2.full-width .aero-nav__search-area .search-links__heading, #joule-header.mvp2.full-width .aero-nav__search-area .search-links__link {
line-height: 35px; }
.aero-header.mvp2.full-width .aero-nav__search-area .search-links__heading, #tenant-header .aero-header.mvp2.full-width .aero-nav__search-area .search-links__heading, #joule-header.mvp2.full-width .aero-nav__search-area .search-links__heading {
color: #808080; }
.aero-header.mvp2.full-width .aero-nav__search-area .search-links__link, #tenant-header .aero-header.mvp2.full-width .aero-nav__search-area .search-links__link, #joule-header.mvp2.full-width .aero-nav__search-area .search-links__link {
color: #303030; }
.aero-header.mvp2.full-width .cwa-loginurl, #tenant-header .aero-header.mvp2.full-width .cwa-loginurl, #joule-header.mvp2.full-width .cwa-loginurl {
color: #303030;
font-size: 15px; }
.aero-header.mvp2.full-width .aero-header__signin, #tenant-header .aero-header.mvp2.full-width .aero-header__signin, #joule-header.mvp2.full-width .aero-header__signin {
min-width: 77px; }
.aero-header.mvp2.full-width .aero-header__signin .mvp-icon-user, #tenant-header .aero-header.mvp2.full-width .aero-header__signin .mvp-icon-user, #joule-header.mvp2.full-width .aero-header__signin .mvp-icon-user {
display: inline-block;
vertical-align: middle; }
.aero-header.mvp2.full-width .aero-header__signin .mvp-icon-user::before, #tenant-header .aero-header.mvp2.full-width .aero-header__signin .mvp-icon-user::before, #joule-header.mvp2.full-width .aero-header__signin .mvp-icon-user::before {
font-size: 22px; }
.aero-header.mvp2.full-width .header-overlay, #tenant-header .aero-header.mvp2.full-width .header-overlay, #joule-header.mvp2.full-width .header-overlay {
background: #000;
opacity: .5;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
z-index: 999; }
.aero-header.mvp2.full-width .global-nav.left-rail, #tenant-header .aero-header.mvp2.full-width .global-nav.left-rail, #joule-header.mvp2.full-width .global-nav.left-rail {
width: 100%;
background: #3C3C3C;
z-index: 999;
position: fixed;
top: 0;
left: -100vw;
bottom: 0;
height: 100%;
color: #fff !important;
opacity: 0;
overflow-x: hidden; }
@media (min-width: 768px) {
.aero-header.mvp2.full-width .global-nav.left-rail, #tenant-header .aero-header.mvp2.full-width .global-nav.left-rail, #joule-header.mvp2.full-width .global-nav.left-rail {
width: 320px;
left: -320px;
-webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5); } }
@media (min-width: 992px) {
.aero-header.mvp2.full-width .global-nav.left-rail, #tenant-header .aero-header.mvp2.full-width .global-nav.left-rail, #joule-header.mvp2.full-width .global-nav.left-rail {
overflow-x: visible; } }
.aero-header.mvp2.full-width .global-nav.left-rail .global-nav__inner, #tenant-header .aero-header.mvp2.full-width .global-nav.left-rail .global-nav__inner, #joule-header.mvp2.full-width .global-nav.left-rail .global-nav__inner {
position: absolute;
width: 100%; }
.aero-header.mvp2.full-width .global-nav.left-rail .global-nav__top, #tenant-header .aero-header.mvp2.full-width .global-nav.left-rail .global-nav__top, #joule-header.mvp2.full-width .global-nav.left-rail .global-nav__top {
height: 70px;
padding: 0 10px;
margin-bottom: 5px; }
.aero-header.mvp2.full-width .global-nav.left-rail .global-nav__top a, #tenant-header .aero-header.mvp2.full-width .global-nav.left-rail .global-nav__top a, #joule-header.mvp2.full-width .global-nav.left-rail .global-nav__top a {
margin: 0; }
.aero-header.mvp2.full-width .global-nav.left-rail .global-nav__top .mvp-icon-carat_left::before, .aero-header.mvp2.full-width .global-nav.left-rail .global-nav__top .mvp-icon-close::before, #tenant-header .aero-header.mvp2.full-width .global-nav.left-rail .global-nav__top .mvp-icon-carat_left::before, #tenant-header .aero-header.mvp2.full-width .global-nav.left-rail .global-nav__top .mvp-icon-close::before, #joule-header.mvp2.full-width .global-nav.left-rail .global-nav__top .mvp-icon-carat_left::before, #joule-header.mvp2.full-width .global-nav.left-rail .global-nav__top .mvp-icon-close::before {
color: #F0F0F0;
font-size: 26px; }
.aero-header.mvp2.full-width .left-rail--site-specific, #tenant-header .aero-header.mvp2.full-width .left-rail--site-specific, #joule-header.mvp2.full-width .left-rail--site-specific {
background: #3C3C3C;
position: absolute;
top: 0;
left: 100vw;
width: 100%;
height: 100%; }
@media (min-width: 768px) {
.aero-header.mvp2.full-width .left-rail--site-specific, #tenant-header .aero-header.mvp2.full-width .left-rail--site-specific, #joule-header.mvp2.full-width .left-rail--site-specific {
width: 320px;
left: 320px; } }
.aero-header.mvp2.full-width .left-rail--site-specific .global-nav__top, #tenant-header .aero-header.mvp2.full-width .left-rail--site-specific .global-nav__top, #joule-header.mvp2.full-width .left-rail--site-specific .global-nav__top {
background: #007BC2;
margin-bottom: 5px; }
.aero-header.mvp2.full-width .left-rail--site-specific .global-nav__top:hover, #tenant-header .aero-header.mvp2.full-width .left-rail--site-specific .global-nav__top:hover, #joule-header.mvp2.full-width .left-rail--site-specific .global-nav__top:hover {
background: #45A8EA; }
.aero-header.mvp2.full-width .left-rail--site-specific .site-name, #tenant-header .aero-header.mvp2.full-width .left-rail--site-specific .site-name, #joule-header.mvp2.full-width .left-rail--site-specific .site-name {
color: #fff;
letter-spacing: 0.5px;
font-size: 14px;
margin-left: 30px; }
.aero-header.mvp2.full-width .left-rail--site-specific .nav-item, #tenant-header .aero-header.mvp2.full-width .left-rail--site-specific .nav-item, #joule-header.mvp2.full-width .left-rail--site-specific .nav-item {
height: 45px;
padding: 0 10px 0 65px;
background: #535353;
cursor: pointer; }
.aero-header.mvp2.full-width .left-rail--site-specific .nav-item:not(:last-child), #tenant-header .aero-header.mvp2.full-width .left-rail--site-specific .nav-item:not(:last-child), #joule-header.mvp2.full-width .left-rail--site-specific .nav-item:not(:last-child) {
margin-bottom: 5px; }
.aero-header.mvp2.full-width .left-rail--site-specific .nav-item:hover, #tenant-header .aero-header.mvp2.full-width .left-rail--site-specific .nav-item:hover, #joule-header.mvp2.full-width .left-rail--site-specific .nav-item:hover {
background: #6C6C6C; }
.aero-header.mvp2.full-width .left-rail--site-specific .nav-link--tier-1, #tenant-header .aero-header.mvp2.full-width .left-rail--site-specific .nav-link--tier-1, #joule-header.mvp2.full-width .left-rail--site-specific .nav-link--tier-1 {
color: white;
text-transform: uppercase;
font-size: 14px;
display: flex;
align-items: center;
height: 100%;
margin: 0; }
.aero-header.mvp2.full-width .left-rail--site-specific .nav-link--tier-1 .mvp-icon-carat_right, #tenant-header .aero-header.mvp2.full-width .left-rail--site-specific .nav-link--tier-1 .mvp-icon-carat_right, #joule-header.mvp2.full-width .left-rail--site-specific .nav-link--tier-1 .mvp-icon-carat_right {
display: inline; }
.aero-header.mvp2.full-width .left-rail--site-specific .nav-link--tier-1 .mvp-icon-carat_right::before, #tenant-header .aero-header.mvp2.full-width .left-rail--site-specific .nav-link--tier-1 .mvp-icon-carat_right::before, #joule-header.mvp2.full-width .left-rail--site-specific .nav-link--tier-1 .mvp-icon-carat_right::before {
color: #fff;
font-size: 22px;
margin-top: 5px; }
.aero-header.mvp2.full-width .left-rail--site-specific .nav-tier--two, #tenant-header .aero-header.mvp2.full-width .left-rail--site-specific .nav-tier--two, #joule-header.mvp2.full-width .left-rail--site-specific .nav-tier--two {
display: block;
background: #3C3C3C;
position: absolute;
left: 100vw;
top: 0px;
border-bottom: none;
width: 100%;
height: 100%; }
@media (min-width: 768px) {
.aero-header.mvp2.full-width .left-rail--site-specific .nav-tier--two, #tenant-header .aero-header.mvp2.full-width .left-rail--site-specific .nav-tier--two, #joule-header.mvp2.full-width .left-rail--site-specific .nav-tier--two {
width: 320px;
left: 320px; } }
.aero-header.mvp2.full-width .left-rail--site-specific .nav-tier--two .mvp-icon-carat_left::before, .aero-header.mvp2.full-width .left-rail--site-specific .nav-tier--three .mvp-icon-carat_left::before, #tenant-header .aero-header.mvp2.full-width .left-rail--site-specific .nav-tier--two .mvp-icon-carat_left::before, #tenant-header .aero-header.mvp2.full-width .left-rail--site-specific .nav-tier--three .mvp-icon-carat_left::before, #joule-header.mvp2.full-width .left-rail--site-specific .nav-tier--two .mvp-icon-carat_left::before, #joule-header.mvp2.full-width .left-rail--site-specific .nav-tier--three .mvp-icon-carat_left::before {
font-size: 22px;
color: #fff; }
.aero-header.mvp2.full-width .left-rail--site-specific .nav-tier__inner .global-nav__top, #tenant-header .aero-header.mvp2.full-width .left-rail--site-specific .nav-tier__inner .global-nav__top, #joule-header.mvp2.full-width .left-rail--site-specific .nav-tier__inner .global-nav__top {
display: flex !important;
background: #3C3C3C; }
.aero-header.mvp2.full-width .left-rail--site-specific .tier-two-tiles, #tenant-header .aero-header.mvp2.full-width .left-rail--site-specific .tier-two-tiles, #joule-header.mvp2.full-width .left-rail--site-specific .tier-two-tiles {
flex-direction: column; }
.aero-header.mvp2.full-width .left-rail--site-specific .tier-two-tile, #tenant-header .aero-header.mvp2.full-width .left-rail--site-specific .tier-two-tile, #joule-header.mvp2.full-width .left-rail--site-specific .tier-two-tile {
padding: 0;
height: 45px;
width: 100%;
background: #464545;
cursor: pointer; }
.aero-header.mvp2.full-width .left-rail--site-specific .tier-two-tile:not(:last-child), #tenant-header .aero-header.mvp2.full-width .left-rail--site-specific .tier-two-tile:not(:last-child), #joule-header.mvp2.full-width .left-rail--site-specific .tier-two-tile:not(:last-child) {
margin-bottom: 5px !important; }
.aero-header.mvp2.full-width .left-rail--site-specific .tier-two-tile:hover, #tenant-header .aero-header.mvp2.full-width .left-rail--site-specific .tier-two-tile:hover, #joule-header.mvp2.full-width .left-rail--site-specific .tier-two-tile:hover {
background: #6C6C6C;
border-bottom: 0; }
.aero-header.mvp2.full-width .left-rail--site-specific .tier-two-tile .mvp-icon-carat_right, #tenant-header .aero-header.mvp2.full-width .left-rail--site-specific .tier-two-tile .mvp-icon-carat_right, #joule-header.mvp2.full-width .left-rail--site-specific .tier-two-tile .mvp-icon-carat_right {
display: inline; }
.aero-header.mvp2.full-width .left-rail--site-specific .tier-two-tile .mvp-icon-carat_right::before, #tenant-header .aero-header.mvp2.full-width .left-rail--site-specific .tier-two-tile .mvp-icon-carat_right::before, #joule-header.mvp2.full-width .left-rail--site-specific .tier-two-tile .mvp-icon-carat_right::before {
color: #fff;
font-size: 22px; }
.aero-header.mvp2.full-width .left-rail--site-specific .tier-two-tile--see-more-left, .aero-header.mvp2.full-width .left-rail--site-specific .tier-two-tile--see-more-right, #tenant-header .aero-header.mvp2.full-width .left-rail--site-specific .tier-two-tile--see-more-left, #tenant-header .aero-header.mvp2.full-width .left-rail--site-specific .tier-two-tile--see-more-right, #joule-header.mvp2.full-width .left-rail--site-specific .tier-two-tile--see-more-left, #joule-header.mvp2.full-width .left-rail--site-specific .tier-two-tile--see-more-right {
display: none !important; }
.aero-header.mvp2.full-width .left-rail--site-specific .tier-two-tile__inner, #tenant-header .aero-header.mvp2.full-width .left-rail--site-specific .tier-two-tile__inner, #joule-header.mvp2.full-width .left-rail--site-specific .tier-two-tile__inner {
height: 100%;
width: auto;
border-left: none;
font-size: 14px;
text-transform: uppercase;
border-right: none;
flex-direction: row;
align-items: center;
padding: 0 10px 0 65px;
text-align: left; }
.aero-header.mvp2.full-width .left-rail--site-specific .tier-two-tile__inner:hover, #tenant-header .aero-header.mvp2.full-width .left-rail--site-specific .tier-two-tile__inner:hover, #joule-header.mvp2.full-width .left-rail--site-specific .tier-two-tile__inner:hover {
text-decoration: none !important; }
.aero-header.mvp2.full-width .left-rail--site-specific .tier-two-tile__icon, #tenant-header .aero-header.mvp2.full-width .left-rail--site-specific .tier-two-tile__icon, #joule-header.mvp2.full-width .left-rail--site-specific .tier-two-tile__icon {
display: none; }
.aero-header.mvp2.full-width .left-rail--site-specific .tier-two-tile__text, #tenant-header .aero-header.mvp2.full-width .left-rail--site-specific .tier-two-tile__text, #joule-header.mvp2.full-width .left-rail--site-specific .tier-two-tile__text {
margin-top: 0; }
.aero-header.mvp2.full-width .left-rail--site-specific .tier-two-tile__link, #tenant-header .aero-header.mvp2.full-width .left-rail--site-specific .tier-two-tile__link, #joule-header.mvp2.full-width .left-rail--site-specific .tier-two-tile__link {
color: #fff !important; }
.aero-header.mvp2.full-width .left-rail--site-specific .tier-two-tile.no-children .tier-two-tile__text, #tenant-header .aero-header.mvp2.full-width .left-rail--site-specific .tier-two-tile.no-children .tier-two-tile__text, #joule-header.mvp2.full-width .left-rail--site-specific .tier-two-tile.no-children .tier-two-tile__text {
display: flex;
width: 100%;
height: 100%; }
.aero-header.mvp2.full-width .left-rail--site-specific .tier-two-tile.no-children .tier-two-tile__text .tier-two-tile__link, #tenant-header .aero-header.mvp2.full-width .left-rail--site-specific .tier-two-tile.no-children .tier-two-tile__text .tier-two-tile__link, #joule-header.mvp2.full-width .left-rail--site-specific .tier-two-tile.no-children .tier-two-tile__text .tier-two-tile__link {
width: 100%;
line-height: 45px; }
.aero-header.mvp2.full-width .left-rail--site-specific .left-rail-back, #tenant-header .aero-header.mvp2.full-width .left-rail--site-specific .left-rail-back, #joule-header.mvp2.full-width .left-rail--site-specific .left-rail-back {
display: block;
cursor: pointer;
background: #535353; }
.aero-header.mvp2.full-width .left-rail--site-specific .left-rail-back .tier-two-tile__inner, #tenant-header .aero-header.mvp2.full-width .left-rail--site-specific .left-rail-back .tier-two-tile__inner, #joule-header.mvp2.full-width .left-rail--site-specific .left-rail-back .tier-two-tile__inner {
padding-left: 10px; }
.aero-header.mvp2.full-width .left-rail--site-specific .left-rail-back .tier-two-tile__text, .aero-header.mvp2.full-width .left-rail--site-specific .left-rail-back .tier-three-tile__text, #tenant-header .aero-header.mvp2.full-width .left-rail--site-specific .left-rail-back .tier-two-tile__text, #tenant-header .aero-header.mvp2.full-width .left-rail--site-specific .left-rail-back .tier-three-tile__text, #joule-header.mvp2.full-width .left-rail--site-specific .left-rail-back .tier-two-tile__text, #joule-header.mvp2.full-width .left-rail--site-specific .left-rail-back .tier-three-tile__text {
margin-left: 32px;
color: #fff; }
.aero-header.mvp2.full-width .left-rail--site-specific .nav-tier--three, #tenant-header .aero-header.mvp2.full-width .left-rail--site-specific .nav-tier--three, #joule-header.mvp2.full-width .left-rail--site-specific .nav-tier--three {
left: 100vw;
top: 0;
padding: 0;
background: #3C3C3C;
height: 100%;
display: block; }
@media (min-width: 768px) {
.aero-header.mvp2.full-width .left-rail--site-specific .nav-tier--three, #tenant-header .aero-header.mvp2.full-width .left-rail--site-specific .nav-tier--three, #joule-header.mvp2.full-width .left-rail--site-specific .nav-tier--three {
left: 320px; } }
.aero-header.mvp2.full-width .left-rail--site-specific .tier-three-inner, #tenant-header .aero-header.mvp2.full-width .left-rail--site-specific .tier-three-inner, #joule-header.mvp2.full-width .left-rail--site-specific .tier-three-inner {
flex-direction: column; }
.aero-header.mvp2.full-width .left-rail--site-specific .tier-three-tile, #tenant-header .aero-header.mvp2.full-width .left-rail--site-specific .tier-three-tile, #joule-header.mvp2.full-width .left-rail--site-specific .tier-three-tile {
width: 100%;
height: auto;
background: #464545;
padding: 0 10px 0 65px; }
.aero-header.mvp2.full-width .left-rail--site-specific .tier-three-tile:not(:last-child), #tenant-header .aero-header.mvp2.full-width .left-rail--site-specific .tier-three-tile:not(:last-child), #joule-header.mvp2.full-width .left-rail--site-specific .tier-three-tile:not(:last-child) {
margin-bottom: 5px !important; }
.aero-header.mvp2.full-width .left-rail--site-specific .tier-three-tile.left-rail-back, #tenant-header .aero-header.mvp2.full-width .left-rail--site-specific .tier-three-tile.left-rail-back, #joule-header.mvp2.full-width .left-rail--site-specific .tier-three-tile.left-rail-back {
background: #535353; }
.aero-header.mvp2.full-width .left-rail--site-specific .tier-three-tile:hover, #tenant-header .aero-header.mvp2.full-width .left-rail--site-specific .tier-three-tile:hover, #joule-header.mvp2.full-width .left-rail--site-specific .tier-three-tile:hover {
background: #6C6C6C; }
.aero-header.mvp2.full-width .left-rail--site-specific .tier-three-tile__icon, #tenant-header .aero-header.mvp2.full-width .left-rail--site-specific .tier-three-tile__icon, #joule-header.mvp2.full-width .left-rail--site-specific .tier-three-tile__icon {
display: none; }
.aero-header.mvp2.full-width .left-rail--site-specific .tier-three-tile__text, #tenant-header .aero-header.mvp2.full-width .left-rail--site-specific .tier-three-tile__text, #joule-header.mvp2.full-width .left-rail--site-specific .tier-three-tile__text {
width: 100%;
font-size: 14px;
text-align: left;
text-transform: uppercase;
height: 100%;
line-height: 45px;
display: flex;
margin-left: 0; }
.aero-header.mvp2.full-width .left-rail--site-specific .tier-three-tile__link, #tenant-header .aero-header.mvp2.full-width .left-rail--site-specific .tier-three-tile__link, #joule-header.mvp2.full-width .left-rail--site-specific .tier-three-tile__link {
font-size: 14px;
color: #fff;
width: 100%;
line-height: 45px; }
.aero-header.mvp2.full-width .left-rail--site-specific .left-rail-back.tier-three-tile, #tenant-header .aero-header.mvp2.full-width .left-rail--site-specific .left-rail-back.tier-three-tile, #joule-header.mvp2.full-width .left-rail--site-specific .left-rail-back.tier-three-tile {
padding-left: 10px; }
.aero-header.mvp2.full-width .left-rail--site-specific .left-rail-back .tier-three-tile__inner, #tenant-header .aero-header.mvp2.full-width .left-rail--site-specific .left-rail-back .tier-three-tile__inner, #joule-header.mvp2.full-width .left-rail--site-specific .left-rail-back .tier-three-tile__inner {
width: 100%;
height: 100%;
display: flex;
align-items: center; }
.aero-header.mvp2.full-width .left-rail--site-specific .left-rail-back .tier-three-tile__inner:hover, #tenant-header .aero-header.mvp2.full-width .left-rail--site-specific .left-rail-back .tier-three-tile__inner:hover, #joule-header.mvp2.full-width .left-rail--site-specific .left-rail-back .tier-three-tile__inner:hover {
color: #fff;
text-decoration: none; }
@media (min-width: 992px) {
#tenant-header .btn-link.js-hamburger, .aero-header.mvp2.full-width .btn-link.js-hamburger {
display: none; } }
/* Add here all your css styles (customizations) */
.footer-fragment {
color: #fff !important;
background: #404040; }
@media (max-width: 767px) {
.footer-fragment {
padding-bottom: 35px; } }
.footer-fragment a {
cursor: pointer; }
.footer-fragment a:hover {
text-decoration: underline; }
@media (max-width: 767px) {
.footer-fragment a:hover,
.footer-fragment a:active,
.footer-fragment a:visited {
text-decoration: none !important; } }
.footer-fragment .footer-top {
padding: 30px 0 10px; }
.footer-fragment footer {
border-top: 1px solid #505050;
min-height: 46px;
display: flex;
align-items: center; }
.footer-fragment footer p,
.footer-fragment footer a {
font-size: 12px;
width: 100%;
margin-bottom: 0; }
.footer-fragment footer .globe {
width: 18px;
height: 40px;
overflow: hidden; }
.footer-fragment footer .globe a {
color: transparent; }
.footer-fragment footer .globe a:before {
font-family: "icomoonregular";
content: "\e918";
font-size: 18px;
color: #fff; }
.footer-fragment footer .globe a:hover {
text-decoration: none;
color: transparent; }
@media (max-width: 992px) and (min-width: 768px) {
.footer-fragment .footer-top,
.footer-fragment footer {
max-width: calc(100% - 13%);
margin: 0 auto;
border-top: none; }
.footer-fragment hr {
margin: 0;
border-top-color: #505050; } }
.footer-fragment .container {
max-width: 1200px;
width: 100%;
padding-left: 20px;
padding-right: 20px; }
.footer-fragment p,
.footer-fragment .cmp-text p {
color: #fff; }
.footer-fragment ul {
list-style: none;
padding-left: 0;
display: flex;
flex-wrap: wrap;
align-items: center; }
.footer-fragment ul li {
padding-right: 15px; }
.footer-fragment ul li a {
color: #fff;
text-transform: none;
font-weight: 300; }
.footer-fragment ul li a:hover {
color: #fff; }
.footer-fragment .ul-flexstart ul {
margin: 0;
justify-content: space-between;
max-width: 765px; }
.footer-fragment .ul-flexstart ul li:first-child a {
font-weight: 800; }
@media (max-width: 1200px) and (min-width: 993px) {
.footer-fragment .ul-flexstart ul {
justify-content: flex-start; }
.footer-fragment .ul-flexstart ul li {
padding-right: 25px; } }
.footer-fragment .social-footer ul {
justify-content: flex-end;
flex-wrap: nowrap; }
.footer-fragment .social-footer ul li {
margin-left: 15px; }
.footer-fragment .social-footer ul li a:hover {
text-decoration: none !important; }
.footer-fragment .social-footer ul li:last-child {
padding-right: 0; }
.footer-fragment .social-footer ul li [class^="mvp-icon-"]:before,
.footer-fragment .social-footer ul li [class*="mvp-icon-"]:before,
.footer-fragment .social-footer ul li .mvp-stack_close:before {
color: #D0D0D0; }
.footer-fragment .ul-flexend {
display: flex;
justify-content: flex-end; }
.footer-fragment .ul-flexend ul li {
padding: 0 7.5px; }
.footer-fragment .ul-flexend ul li:first-child {
padding-left: 0; }
.footer-fragment .ul-flexend ul li:nth-child(2):before {
content: "|";
position: relative;
left: -5.5px; }
.footer-fragment .ul-flexend ul li:nth-child(2):after {
content: "|";
position: relative;
right: -5.5px; }
.footer-fragment .ul-flexend ul li.globe {
padding: 0;
top: 8px; }
.footer-fragment .ul-flexend ul li a {
font-weight: 300; }
@media (max-width: 992px) {
.ul-flexstart ul {
display: block;
-webkit-columns: 2;
-moz-columns: 2;
columns: 2;
text-align: left; } }
@media (max-width: 767px) {
.footer-fragment .ul-flexstart {
order: 2; }
.footer-fragment .ul-flexstart ul {
-webkit-columns: 1;
-moz-columns: 1;
columns: 1; }
.footer-fragment .social-footer {
order: 1; }
.footer-fragment .social-footer ul {
justify-content: flex-start; }
.footer-fragment .social-footer ul li:first-child {
margin-left: 0; }
.footer-fragment footer .cmp-text p {
text-align: left;
margin-top: 20px; }
.footer-fragment .ul-flexend {
justify-content: flex-start;
flex-wrap: wrap; }
.footer-fragment .ul-flexend li.globe {
width: 100%;
text-align: left;
height: 50px;
padding: 10px 0 0;
top: 0; }
.footer-fragment .ul-flexend li.globe a:before {
font-size: 30px; } }
/* Add here all your css styles (customizations) */
.download-controls__search input::-ms-clear {
display: none; }
.search-filter {
background: #303030; }
@media (min-width: 768px) {
.search-filter {
background: transparent; } }
@media (max-width: 767px) {
.search-filter .form-control-lg.search.js-typeahead {
height: 48px; } }
.events-detail .text,
.events-detail .image,
.events-detail .events-detail,
.events-detail .cmp-text {
padding: 0; }
/* Add here all your css styles (customizations) */
.strong-list {
padding-left: 0;
text-align: center;
list-style-type: none;
text-transform: uppercase; }
.strong-list a {
color: #404040;
font-weight: 800; }
.strong-list a:hover {
color: #707070; }
.link-list-container .u-heading-v7__title {
font-size: 16px !important; }
.link-list-container .g-mb-40 {
margin-bottom: 0 !important; }
.link-list-container .link-list-container {
background: #f6f6f6;
padding: 0; }
.wwd-item {
position: relative; }
@media (max-width: 992px) {
.link-list-container {
margin-bottom: 70px; }
.link-list-container ul li {
margin-bottom: 10px; } }
@media (max-width: 767px) {
.link-list-container {
background: #f6f6f6;
padding: 15px 0; }
.link-list-container .row {
margin-left: 0;
margin-right: 0; } }
.author-bio.aem-GridColumn.aem-GridColumn--default--9 .mvp2 {
margin: 0; }
@media (min-width: 768px) {
.author-bio.aem-GridColumn.aem-GridColumn--default--9 .mvp2 {
margin: 0 15px 0 0; } }
.author-bio.mvp2 .author-bio-name {
display: block; }
.author-bio.mvp2 .author-title {
display: block; }
/* Add here all your css styles (customizations) */
.mvp2 .article-section img {
width: 100% !important;
max-width: 100% !important; }
.mvp2 .article-info-flex {
margin-top: 0;
margin-bottom: 25px;
color: #303030;
font-weight: 500;
letter-spacing: 0;
border-bottom: none; }
@media (min-width: 992px) {
.mvp2 .article-info-flex {
margin-bottom: 35px; } }
.mvp2 .article-info-flex .p-2 {
margin-top: 0; }
@media (min-width: 768px) {
.mvp2 .article-info-flex .p-2 {
padding-left: 0px !important; } }
.mvp2 .article-info-flex .p-2 .bold {
font-weight: 900; }
.mvp2 .article-info-flex .p-2 span {
display: block;
color: #707070; }
.mvp2 .article-info-flex .p-2 small {
display: inline-block;
color: #707070;
margin-right: 20px;
font-size: 18px;
font-weight: 300;
position: relative; }
.mvp2 .article-info-flex .p-2 small::after {
content: '|';
position: absolute;
right: -15px;
top: 0; }
.mvp2 .article-info-flex .p-2 small:last-child {
margin-right: 0; }
.mvp2 .article-info-flex .p-2 small:last-child::after {
display: none; }
.mvp2 .article-info-flex-end {
border-top: 1px solid #D0D0D0;
margin-top: 10px;
margin-bottom: 25px;
padding-top: 12px; }
.mvp2 .article-info-flex-end ul {
min-width: 125px;
font-size: 10px;
padding-left: 0;
margin-bottom: 0;
margin-left: -6px;
padding-bottom: 10px; }
.mvp2 .article-info-flex-end ul li {
margin-left: 0;
min-height: 50px; }
.mvp2 .article-info-flex-end ul li .tag-cta {
border: 1px solid #D7D7D7;
transition: all .3s ease;
padding: 10px 30px;
color: #767676;
font-weight: 800;
font-size: 14px;
margin-left: 6px;
margin-bottom: 6px;
text-transform: uppercase;
text-decoration: none;
display: inline-block;
text-align: center; }
.mvp2 .article-info-flex-end ul li .tag-cta:hover {
color: #fff;
background: #808080; }
.mvp2 .article-info-flex-end ul li.tags {
padding: 2px 7.5px;
border-top-right-radius: 10px; }
/* Add here all your css styles (customizations) */
.mvp2 .article-info-flex {
margin-top: 0;
margin-bottom: 25px;
color: #303030;
font-weight: 500;
letter-spacing: 0;
border-bottom: none; }
@media (min-width: 992px) {
.mvp2 .article-info-flex {
margin-bottom: 35px; } }
.mvp2 .article-info-flex .p-2 {
margin-top: 0; }
@media (min-width: 768px) {
.mvp2 .article-info-flex .p-2 {
padding-left: 0px !important; } }
.mvp2 .article-info-flex .p-2 .bold {
font-weight: 900; }
.mvp2 .article-info-flex .p-2 span {
display: block;
color: #707070; }
.mvp2 .article-info-flex .p-2 small {
display: inline-block;
color: #707070;
margin-right: 20px;
font-size: 18px;
font-weight: 300;
position: relative; }
.mvp2 .article-info-flex .p-2 small::after {
content: '|';
position: absolute;
right: -15px;
top: 0; }
.mvp2 .article-info-flex .p-2 small:last-child {
margin-right: 0; }
.mvp2 .article-info-flex .p-2 small:last-child::after {
display: none; }
.mvp2 .article-info-flex-end {
border-top: 1px solid #D0D0D0;
margin-top: 10px;
margin-bottom: 25px;
padding-top: 12px; }
.mvp2 .article-info-flex-end ul {
min-width: 125px;
font-size: 10px;
padding-left: 0;
margin-bottom: 0;
margin-left: -6px;
padding-bottom: 10px; }
.mvp2 .article-info-flex-end ul li {
margin-left: 0;
min-height: 50px; }
.mvp2 .article-info-flex-end ul li .tag-cta {
border: 1px solid #D7D7D7;
transition: all .3s ease;
padding: 10px 30px;
color: #767676;
font-weight: 800;
font-size: 14px;
margin-left: 6px;
margin-bottom: 6px;
text-transform: uppercase;
text-decoration: none;
display: inline-block;
text-align: center; }
.mvp2 .article-info-flex-end ul li .tag-cta:hover {
color: #fff;
background: #808080; }
.mvp2 .article-info-flex-end ul li.tags {
padding: 2px 7.5px;
border-top-right-radius: 10px; }
/* Add here all your css styles (customizations) */
.mvp2.full-width .blog-wrapper .cmp-text blockquote {
color: #303030;
font-size: 28px;
font-weight: 300;
line-height: 35px; }
.mvp2.full-width .blog-wrapper .cmp-text p {
margin-bottom: 1.0rem; }
.mvp2.full-width .blog-wrapper .cmp-text h3 {
font-size: 22px; }
.mvp2.full-width .blog-wrapper .blog-headline {
padding: 20px 0; }
.mvp2.full-width .blog-wrapper .headline-description .cmp-text p:first-child {
font-size: 22px !important; }
.mvp2.full-width .blog-wrapper .cmp-image__image {
margin-bottom: 0; }
.mvp2.full-width .blog-wrapper .cmp-image__title {
margin-bottom: 20px;
display: inline-block;
font-size: 15px;
font-weight: 300;
line-height: 29px; }
.mvp2.full-width .blog-wrapper .related-content {
margin-top: 0; }
.mvp2.full-width .blog-wrapper .aem-GridColumn {
padding: 0; }
.mvp2.full-width .blog-wrapper .article-tags__list .article-tags__list-item {
float: left;
margin-top: 10px; }
.mvp2.full-width .blog-wrapper .at-svc-print, .mvp2.full-width .blog-wrapper .at-svc-email {
background-color: #000 !important; }
@media screen and (max-width: 479px) {
.mvp2.full-width .blog-wrapper .article-tags__list-item a {
display: inline-block; } }
/* Add here all your css styles (customizations) */
@media (max-width: 992px) {
#productDetailPageAlt.mvp2 .container {
width: 100% !important;
max-width: 1140px;
padding: 0 30px; } }
@media (max-width: 767px) {
#productDetailPageAlt.mvp2 .container {
padding: 0 15px; } }
@media (min-width: 576px) and (max-width: 767px) {
#productDetailPageAlt.mvp2 #productDetailHeader .container {
width: 100% !important;
max-width: 767px; } }
@media (min-width: 768px) {
#productDetailPageAlt.mvp2 {
margin-top: 40px; } }
#productDetailPageAlt.mvp2 .product-detail-tabs .nav-pills {
display: flex;
justify-content: center;
background: transparent;
border-bottom: 1px solid #D0D0D0;
height: 80px; }
@media (max-width: 767px) {
#productDetailPageAlt.mvp2 .product-detail-tabs .nav-pills {
background: #F7F7F7;
border-bottom: none; } }
@media (max-width: 767px) {
#productDetailPageAlt.mvp2 .product-detail-tabs .nav-pills {
flex-direction: column;
height: auto;
width: calc(100% + 30px);
margin-left: -15px;
margin-right: -15px; } }
#productDetailPageAlt.mvp2 .product-detail-tab-content.tab-content .tab-pane .right .overview-row1 .primary-cta, #productDetailPageAlt.mvp2 .product-detail-tab-content.tab-content .tab-pane .right .overview-row1 .secondary-cta {
width: 100%;
cursor: pointer;
display: inline-block; }
#productDetailPageAlt.mvp2 .product-detail-tab-content.tab-content .tab-pane .right .overview-row1 .primary-cta span, #productDetailPageAlt.mvp2 .product-detail-tab-content.tab-content .tab-pane .right .overview-row1 .secondary-cta span {
display: flex;
justify-content: center;
align-items: center; }
#productDetailPageAlt.mvp2 .product-detail-tab-content.tab-content .tab-pane .right .overview-row1 .primary-cta:first-child, #productDetailPageAlt.mvp2 .product-detail-tab-content.tab-content .tab-pane .right .overview-row1 .secondary-cta:first-child {
margin-left: 0; }
#productDetailPageAlt.mvp2 .product-detail-tab-content.tab-content .tab-pane .right .overview-row1 .primary-cta:last-child, #productDetailPageAlt.mvp2 .product-detail-tab-content.tab-content .tab-pane .right .overview-row1 .secondary-cta:last-child {
margin-right: 0; }
#productDetailPageAlt.mvp2 .product-detail-tab-content.tab-content .tab-pane .right .overview-row1 .primary-cta [class^="mvp-icon-"]:before,
#productDetailPageAlt.mvp2 .product-detail-tab-content.tab-content .tab-pane .right .overview-row1 .primary-cta [class*="mvp-icon-"]:before, #productDetailPageAlt.mvp2 .product-detail-tab-content.tab-content .tab-pane .right .overview-row1 .secondary-cta [class^="mvp-icon-"]:before,
#productDetailPageAlt.mvp2 .product-detail-tab-content.tab-content .tab-pane .right .overview-row1 .secondary-cta [class*="mvp-icon-"]:before {
margin-right: 10px; }
#productDetailPageAlt.mvp2 .product-detail-tab-content.tab-content .tab-pane .right .overview-row1 a.primary-cta, #productDetailPageAlt.mvp2 .product-detail-tab-content.tab-content .tab-pane .right .overview-row1 .secondary-cta {
display: flex;
justify-content: center;
align-items: center; }
#productDetailPageAlt.mvp2 .product-detail-tab-content.tab-content .tab-pane .right .overview-row1 .select-wrap label {
color: #303030;
font-size: 9px;
text-transform: uppercase;
font-weight: 900;
padding-left: 15px;
letter-spacing: .92px; }
#productDetailPageAlt.mvp2 .product-detail-tab-content.tab-content .tab-pane .description-text h3 {
color: #303030; }
#productDetailPageAlt.mvp2 .product-detail-tab-content.tab-content .tab-pane .description-text ul {
padding-left: 20px; }
#productDetailPageAlt.mvp2 .product-detail-tab-content.tab-content .tab-pane .description-text ul li {
padding-bottom: 10px;
color: #303030; }
#productDetailPageAlt.mvp2 .product-detail-tab-content.tab-content .tab-pane .description-text [class^="col-"] p {
width: 89%;
color: #303030; }
.mvp2 .mvp2-social-share .mvp2-custom [class^="mvp-icon-"]:before,
.mvp2 .mvp2-social-share .mvp2-custom [class*="mvp-icon-"]:before {
font-size: 18px;
color: #fff; }
.mvp2 .mvp2-social-share .mvp2-custom .mvp-icon-print:before {
font-size: 14px; }
.mvp2 .mvp2-social-share .mvp2-custom .mvp-icon-email:before {
font-size: 16px; }
.mvp2 .mvp2-social-share .mvp2-custom [class^="addthis_button_"],
.mvp2 .mvp2-social-share .mvp2-custom [class*="addthis_button_"] {
margin: 2px;
border-radius: 50%;
height: 26px;
width: 26px;
display: flex;
justify-content: center;
align-items: center;
background: #303030; }
.mvp2 .mvp2-social-share .mvp2-custom .addthis_button_facebook {
background: #445898; }
.mvp2 .mvp2-social-share .mvp2-custom .addthis_button_twitter {
background: #49A1EB; }
.mvp2 .mvp2-social-share .mvp2-custom .addthis_button_linkedin {
background: #3576AF; }
/* Add here all your css styles (customizations) */
#productDetailPageAlt.mvp2 #productListBanner {
color: #303030;
justify-content: space-around;
background: #F7F7F7;
border: none;
padding: 10px 15px; }
#productDetailPageAlt.mvp2 #productListBanner .left {
border: 2px solid #9B9B9B;
overflow: hidden; }
@media only screen and (min-width: 768px) {
#productDetailPageAlt.mvp2 #productListBanner {
padding: 0;
height: 176px; } }
@media only screen and (min-width: 992px) {
#productDetailPageAlt.mvp2 #productListBanner {
height: 148px; } }
@media only screen and (min-width: 1200px) {
#productDetailPageAlt.mvp2 #productListBanner .right .offer-body span {
margin-left: 0; } }
#productDetailPageAlt.mvp2 .simple-heading {
color: #404040;
font-size: 24px;
font-weight: 900;
letter-spacing: -0.5px;
line-height: 40px;
margin-bottom: 0; }
@media (max-width: 580px) {
#productDetailPageAlt.mvp2 .simple-heading {
max-width: 215px;
margin: 0 auto; } }
@media only screen and (min-width: 768px) {
#productDetailPageAlt.mvp2 .simple-heading {
font-size: 32px;
letter-spacing: -0.56px; } }
@media only screen and (min-width: 992px) {
#productDetailPageAlt.mvp2 .simple-heading {
font-size: 36px;
letter-spacing: -0.5px; } }
#productDetailPageAlt.mvp2 .product-alternatives figure,
#productDetailPageAlt.mvp2 .inset-products figure {
margin-bottom: 10px;
text-align: left; }
#productDetailPageAlt.mvp2 .product-alternatives figure h3,
#productDetailPageAlt.mvp2 .inset-products figure h3 {
margin-top: 30px;
text-decoration: none; }
#productDetailPageAlt.mvp2 .product-alternatives figure .pc-description-alt,
#productDetailPageAlt.mvp2 .inset-products figure .pc-description-alt {
visibility: hidden;
opacity: 0;
transition: opacity .5s ease; }
@media (max-width: 767px) {
#productDetailPageAlt.mvp2 .product-alternatives figure .pc-description-alt,
#productDetailPageAlt.mvp2 .inset-products figure .pc-description-alt {
visibility: visible;
opacity: 1; } }
#productDetailPageAlt.mvp2 .product-alternatives a:hover,
#productDetailPageAlt.mvp2 .product-alternatives a:focus,
#productDetailPageAlt.mvp2 .inset-products a:hover,
#productDetailPageAlt.mvp2 .inset-products a:focus {
text-decoration: none; }
#productDetailPageAlt.mvp2 .product-alternatives a:hover figure .pc-description-alt,
#productDetailPageAlt.mvp2 .product-alternatives a:focus figure .pc-description-alt,
#productDetailPageAlt.mvp2 .inset-products a:hover figure .pc-description-alt,
#productDetailPageAlt.mvp2 .inset-products a:focus figure .pc-description-alt {
visibility: visible;
opacity: 1; }
#productDetailPageAlt.mvp2 .product-alternatives a:hover figure img,
#productDetailPageAlt.mvp2 .product-alternatives a:focus figure img,
#productDetailPageAlt.mvp2 .inset-products a:hover figure img,
#productDetailPageAlt.mvp2 .inset-products a:focus figure img {
z-index: -1; }
#productDetailPageAlt.mvp2 .product-alternatives a:hover figure h3,
#productDetailPageAlt.mvp2 .product-alternatives a:focus figure h3,
#productDetailPageAlt.mvp2 .inset-products a:hover figure h3,
#productDetailPageAlt.mvp2 .inset-products a:focus figure h3 {
color: #007BC2; }
@media only screen and (max-width: 1199px) {
#productDetailPageAlt.mvp2 .product-alternatives figure .pc-description-alt,
#productDetailPageAlt.mvp2 .inset-products figure .pc-description-alt {
top: 10px; } }
#productDetailPageAlt.mvp2 .load-more-alternatives {
display: none; }
#productDetailPageAlt.mvp2 .load-more-alternatives.show {
display: flex; }
@media only screen and (max-width: 767px) {
#productDetailPageAlt.mvp2 .product-alternatives figure h3, #productDetailPageAlt.mvp2 .inset-products figure h3 {
line-height: 20px; } }
.product-related-items.mvp2 ul.related-items-list,
.product-related-categories.mvp2 ul.related-items-list {
list-style-type: none;
padding: 20px 0 0;
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3; }
.product-related-items.mvp2 ul.related-items-list li,
.product-related-categories.mvp2 ul.related-items-list li {
text-transform: unset; }
@media only screen and (max-width: 767px) {
.product-related-items.mvp2 ul.related-items-list,
.product-related-categories.mvp2 ul.related-items-list {
-webkit-column-count: initial;
-moz-column-count: initial;
column-count: initial; }
.product-related-items.mvp2 ul.related-items-list li:nth-child(n+4),
.product-related-categories.mvp2 ul.related-items-list li:nth-child(n+4) {
display: block; }
.product-related-items.mvp2 ul.related-items-list li:nth-child(3n),
.product-related-categories.mvp2 ul.related-items-list li:nth-child(3n) {
margin-bottom: 15px; }
.product-related-items.mvp2 ul.related-items-list li:last-child,
.product-related-categories.mvp2 ul.related-items-list li:last-child {
margin-bottom: 0; } }
/* Add here all your css styles (customizations) */
#productDetailPageAlt.mvp2 .tab-pane .product-slide-wrapper #products {
max-width: 230px; }
@media screen and (min-width: 768px) and (max-width: 992px) {
#productDetailPageAlt.mvp2 .tab-pane .product-slide-wrapper #products {
max-width: 250px; } }
@media screen and (min-width: 992px) {
#productDetailPageAlt.mvp2 .tab-pane .product-slide-wrapper #products {
max-width: 350px; } }
@media screen and (min-width: 1000px) {
#productDetailPageAlt.mvp2 .tab-pane .product-slide-wrapper #products {
max-width: 405px; } }
/* Add here all your css styles (customizations) */
.product-detail-tab-content.tab-content .list-view#chemicalLv .lv-col a.client-btn.text-a {
background: transparent;
color: #007BC2;
border: none;
letter-spacing: .25px;
font-weight: 800; }
.product-detail-tab-content.tab-content .list-view#chemicalLv .lv-col a.client-btn.text-a:active, .product-detail-tab-content.tab-content .list-view#chemicalLv .lv-col a.client-btn.text-a:hover, .product-detail-tab-content.tab-content .list-view#chemicalLv .lv-col a.client-btn.text-a:visited {
text-decoration: none; }
.product-detail-tab-content.tab-content .list-view#chemicalLv .lv-col a.client-btn.text-a:visited {
background: transparent;
color: #007BC2;
border: none; }
.product-detail-tab-content.tab-content .list-view#chemicalLv .lv-col a.client-btn.text-a:hover {
background: transparent;
color: #1273B4;
border: none;
text-decoration: underline; }
.product-detail-tab-content.tab-content .list-view#chemicalLv .lv-col a.client-btn.text-a:active {
background: transparent;
color: #0E5F95;
border: none; }
@media (max-width: 767px) {
.product-detail-tab-content.tab-content .list-view#chemicalLv .lv-col a.client-btn.text-a:active, .product-detail-tab-content.tab-content .list-view#chemicalLv .lv-col a.client-btn.text-a:hover, .product-detail-tab-content.tab-content .list-view#chemicalLv .lv-col a.client-btn.text-a:visited, .product-detail-tab-content.tab-content .list-view#chemicalLv .lv-col a.client-btn.text-a:focus {
text-decoration: none; } }
@media (max-width: 992px) {
#productDetailPage .container {
width: 100% !important;
max-width: 1140px;
padding: 0 30px; } }
@media (max-width: 767px) {
#productDetailPage .container {
padding: 0 15px; } }
@media (min-width: 576px) and (max-width: 767px) {
#productDetailHeader .container {
width: 100% !important;
max-width: 767px; } }
@media (min-width: 768px) {
#productDetailPage {
margin-top: 40px; } }
#productDetailPage .prod-head {
color: #707070;
font-size: 12px;
font-weight: 900;
letter-spacing: .86px;
margin-bottom: 0;
text-transform: uppercase; }
#productDetailPage .main-heading-h1 {
margin: 0;
line-height: 1.2;
letter-spacing: -.92px;
font-size: 24px; }
@media only screen and (min-width: 768px) and (max-width: 992px) {
#productDetailPage .main-heading-h1 {
font-size: 32px; } }
@media only screen and (min-width: 993px) {
#productDetailPage .main-heading-h1 {
font-size: 48px; } }
#productDetailPage .subhead {
font-style: normal;
margin-bottom: 0;
max-width: 73%;
font-size: 16px; }
@media (min-width: 1200px) {
#productDetailPage .subhead {
max-width: 80%; } }
@media only screen and (min-width: 768px) {
#productDetailPage .subhead {
font-size: 20px; } }
@media (max-width: 767px) {
#productDetailPage .subhead {
max-width: 100%; }
#productDetailPage .subhead span.more-subhead.show {
display: inline; } }
#productDetailPage .more-less {
text-align: center;
text-transform: uppercase;
cursor: pointer;
margin-top: 15px;
font-size: 12px;
font-weight: 800; }
#productDetailPage .more-less [class^="mvp-icon-"],
#productDetailPage .more-less [class*="mvp-icon-"] {
top: 5px;
position: relative; }
#productDetailPage .more-less [class^="mvp-icon-"]:before,
#productDetailPage .more-less [class*="mvp-icon-"]:before {
font-size: 20px;
color: #606060; }
#productDetailPage .more-less.subhead-ml {
margin-top: 0; }
#productDetailHeader {
position: relative; }
.productdetail-share {
position: absolute;
right: 0;
bottom: 0; }
.productdetail-share ul {
display: flex;
list-style: none;
padding-left: 0;
position: relative;
margin-bottom: 0; }
.productdetail-share ul li {
padding: 0 10px; }
.productdetail-share ul li button.mvp-icon-share.active-share:before {
color: #303030; }
@media (max-width: 767px) {
.productdetail-share {
position: relative; }
.productdetail-share ul {
justify-content: flex-end; }
.productdetail-share ul li:last-child {
padding-right: 0; }
.productdetail-share ul li:last-child button {
padding-right: 0; }
.productdetail-share .custom_images .nubbin {
right: 15px; }
.productdetail-share .custom_images .nubbin-border {
right: 13px; } }
.product-detail-tabs {
margin-top: 24px; }
.product-detail-tabs .nav-pills {
display: flex;
justify-content: center;
background: #f6f6f6;
height: 80px; }
.product-detail-tabs .nav-pills li.nav-item {
margin: 0 2%;
display: flex;
align-items: center; }
.product-detail-tabs .nav-pills li.nav-item a {
height: 80px;
display: flex;
align-items: center;
border-radius: 0;
border-bottom: 8px solid transparent;
font-size: 14px; }
@media only screen and (min-width: 768px) {
.product-detail-tabs .nav-pills li.nav-item a {
font-size: 18px; } }
.product-detail-tabs .nav-pills li.nav-item a.active {
color: #404040;
font-weight: 800;
background: transparent;
border-bottom: 8px solid #007BC2; }
.product-detail-tabs .mvp-icon-carat_down {
position: absolute;
right: 15px;
top: 12px;
pointer-events: none; }
.product-detail-tabs .mvp-icon-carat_down:before {
color: #303030;
font-size: 24px; }
@media (max-width: 992px) {
.product-detail-tabs .nav-pills {
width: calc(100% + 60px);
margin-left: -30px;
margin-right: -30px; } }
@media (max-width: 767px) {
.product-detail-tabs {
position: relative;
margin-top: 15px; }
.product-detail-tabs .nav-pills {
flex-direction: column;
height: auto;
width: calc(100% + 30px);
margin-left: -15px;
margin-right: -15px; }
.product-detail-tabs .nav-pills li.nav-item {
display: none;
justify-content: center;
order: 2; }
.product-detail-tabs .nav-pills li.nav-item a {
height: 48px; }
.product-detail-tabs .nav-pills li.nav-item a.active {
border-bottom: none; }
.product-detail-tabs .nav-pills li.nav-item.order1 {
order: 1;
display: flex; } }
.product-detail-tab-content.tab-content {
border: none;
padding: 15px 0 0;
min-height: 100%;
box-shadow: none; }
.product-detail-tab-content.tab-content > .active {
display: flex; }
.product-detail-tab-content.tab-content .tab-pane {
justify-content: space-between;
align-items: flex-start; }
.product-detail-tab-content.tab-content .tab-pane .left,
.product-detail-tab-content.tab-content .tab-pane .right {
width: 50%; }
@media (max-width: 767px) {
.product-detail-tab-content.tab-content .tab-pane .right {
margin-top: 20px; } }
.product-detail-tab-content.tab-content .tab-pane .right .overview-row1 {
display: flex;
justify-content: space-between; }
.product-detail-tab-content.tab-content .tab-pane .right .overview-row1 .client-btn {
width: 100%;
margin: 0 1% 24px;
cursor: pointer;
display: inline-block; }
@media (max-width: 992px) {
.product-detail-tab-content.tab-content .tab-pane .right .overview-row1 .client-btn {
margin: 0 0 10px; } }
.product-detail-tab-content.tab-content .tab-pane .right .overview-row1 .client-btn span {
display: flex;
justify-content: center;
align-items: center; }
.product-detail-tab-content.tab-content .tab-pane .right .overview-row1 .client-btn:first-child {
margin-left: 0; }
.product-detail-tab-content.tab-content .tab-pane .right .overview-row1 .client-btn:last-child {
margin-right: 0; }
.product-detail-tab-content.tab-content .tab-pane .right .overview-row1 .client-btn [class^="mvp-icon-"]:before,
.product-detail-tab-content.tab-content .tab-pane .right .overview-row1 .client-btn [class*="mvp-icon-"]:before {
margin-right: 10px; }
.product-detail-tab-content.tab-content .tab-pane .right .overview-row1 a.client-btn {
display: flex;
justify-content: center;
align-items: center; }
@media (max-width: 992px) {
.product-detail-tab-content.tab-content .tab-pane .right .overview-row1 a.client-btn {
margin: 0 0 10px; } }
.product-detail-tab-content.tab-content .tab-pane .right .overview-row1 .select-wrap {
width: 32%;
line-height: 1; }
.product-detail-tab-content.tab-content .tab-pane .right .overview-row1 .select-wrap label {
color: #707070;
font-size: 9px;
text-transform: uppercase;
font-weight: 900;
padding-left: 15px;
letter-spacing: .92px; }
.product-detail-tab-content.tab-content .tab-pane .right .overview-row1 .select-wrap .select-custom {
display: flex;
height: 48px; }
.product-detail-tab-content.tab-content .tab-pane .right .overview-row1 .select-wrap select {
width: 100%;
font-size: 18px;
color: #B0B0B0;
border: 2px solid #D0D0D0; }
@media (max-width: 992px) {
.product-detail-tab-content.tab-content .tab-pane .right .overview-row1 {
flex-direction: column; }
.product-detail-tab-content.tab-content .tab-pane .right .overview-row1 .select-wrap {
width: 100%;
margin-bottom: 10px; }
.product-detail-tab-content.tab-content .tab-pane .right .overview-row1 .select-wrap:last-child {
margin-bottom: 0; } }
.product-detail-tab-content.tab-content .tab-pane .right .flex-50d100m {
margin-top: 24px;
display: flex; }
.product-detail-tab-content.tab-content .tab-pane .right .flex-50d100m .pricef-c {
width: 50%;
display: flex;
margin-bottom: 10px; }
.product-detail-tab-content.tab-content .tab-pane .right .flex-50d100m .pricef-c .quantity {
width: 112px;
max-width: 136px;
height: 48px; }
.product-detail-tab-content.tab-content .tab-pane .right .flex-50d100m .pricef-c .quantity button:before {
color: #606060;
cursor: pointer; }
.product-detail-tab-content.tab-content .tab-pane .right .flex-50d100m .pricef-c .quantity input {
font-size: 16px;
color: #707070;
width: 40px; }
.product-detail-tab-content.tab-content .tab-pane .right .flex-50d100m .pricef-c .price {
font-size: 14px;
line-height: 1.1;
align-self: center; }
.product-detail-tab-content.tab-content .tab-pane .right .flex-50d100m .pricef-c .price span {
display: block;
font-size: 18px; }
.product-detail-tab-content.tab-content .tab-pane .right .flex-50d100m .pricef-c .client-btn {
width: 100%;
cursor: pointer; }
@media (min-width: 993px) {
.product-detail-tab-content.tab-content .tab-pane .right .flex-50d100m .pricef-c:first-child {
margin-right: 1%; }
.product-detail-tab-content.tab-content .tab-pane .right .flex-50d100m .pricef-c:last-child {
margin-left: 1%; } }
@media (max-width: 992px) {
.product-detail-tab-content.tab-content .tab-pane .right .flex-50d100m {
flex-direction: column; }
.product-detail-tab-content.tab-content .tab-pane .right .flex-50d100m .pricef-c {
width: 100%;
display: flex;
justify-content: space-between; }
.product-detail-tab-content.tab-content .tab-pane .right .flex-50d100m .pricef-c:first-child > div {
width: 50%; } }
.product-detail-tab-content.tab-content .tab-pane .description-text {
margin-top: 10px; }
.product-detail-tab-content.tab-content .tab-pane .description-text h3 {
font-size: 18px;
font-weight: 800;
color: #404040; }
@media only screen and (min-width: 768px) {
.product-detail-tab-content.tab-content .tab-pane .description-text h3 {
font-size: 20px; } }
.product-detail-tab-content.tab-content .tab-pane .description-text ul,
.product-detail-tab-content.tab-content .tab-pane .description-text p {
color: #404040;
font-size: 16px; }
.product-detail-tab-content.tab-content .tab-pane .description-text a {
color: #007BC2;
font-size: 16px;
font-weight: 800;
line-height: 2; }
.product-detail-tab-content.tab-content .tab-pane .description-text ul {
padding-left: 20px; }
.product-detail-tab-content.tab-content .tab-pane .description-text [class^="col-"] {
padding: 0; }
.product-detail-tab-content.tab-content .tab-pane .description-text [class^="col-"] p {
width: 89%; }
@media (max-width: 767px) {
.product-detail-tab-content.tab-content .tab-pane,
.product-detail-tab-content.tab-content > .active {
flex-direction: column; }
.product-detail-tab-content.tab-content .tab-pane .left,
.product-detail-tab-content.tab-content .tab-pane .right,
.product-detail-tab-content.tab-content > .active .left,
.product-detail-tab-content.tab-content > .active .right {
width: 100%; }
.product-detail-tab-content.tab-content span.more-detail.show {
display: inline; } }
#products {
max-width: 300px; }
.product-detail-tab-content.tab-content .tab-pane .right.specs {
width: 40%;
margin-left: 10%;
background: #f6f6f6;
padding: 10px 20px; }
@media (max-width: 992px) {
.product-detail-tab-content.tab-content .tab-pane .right.specs {
width: 50%;
margin-left: 0; } }
@media (max-width: 767px) {
.product-detail-tab-content.tab-content .tab-pane .right.specs {
width: 100%; } }
.product-detail-tab-content.tab-content .list-view {
width: 100%; }
.product-detail-tab-content.tab-content .list-view p {
color: #404040;
font-size: 16px; }
.product-detail-tab-content.tab-content .list-view .totalNumber {
font-weight: 900; }
.product-detail-tab-content.tab-content .lv-share ul {
display: flex;
list-style: none;
padding-left: 0;
margin-bottom: 0; }
.product-detail-tab-content.tab-content .lv-share ul li {
margin: 0 5px; }
.product-detail-tab-content.tab-content .lv-share ul [class^="mvp-icon-"]:before,
.product-detail-tab-content.tab-content .lv-share ul [class*="mvp-icon-"]:before {
font-size: 30px; }
@media (max-width: 992px) {
.product-detail-tab-content.tab-content .lv-share ul [class^="mvp-icon-"]:before,
.product-detail-tab-content.tab-content .lv-share ul [class*="mvp-icon-"]:before {
font-size: 24px; } }
.product-detail-tab-content.tab-content .img-thumb {
width: 70px;
padding: 5px; }
.product-detail-tab-content.tab-content .list-view#chemicalLv p.col-lg-9 {
padding-left: 0;
height: 100%;
min-height: 65px; }
@media (max-width: 767px) {
.product-detail-tab-content.tab-content .list-view#chemicalLv p.col-lg-9 {
margin-bottom: 0; } }
.product-detail-tab-content.tab-content .list-view#chemicalLv .more-less {
margin: 10px 0 24px; }
.product-detail-tab-content.tab-content .list-view#chemicalLv .sds {
min-width: 10%;
width: 60px;
text-align: center; }
.product-detail-tab-content.tab-content .list-view#chemicalLv .sds [class^="mvp-icon-"]:before,
.product-detail-tab-content.tab-content .list-view#chemicalLv .sds [class*="mvp-icon-"]:before {
font-size: 24px;
color: #606060; }
.product-detail-tab-content.tab-content .list-view#chemicalLv .img-thumb {
min-width: 10%;
display: flex;
justify-content: center; }
.product-detail-tab-content.tab-content .list-view#chemicalLv .lv-col a.client-btn.text-a {
font-size: 12px;
justify-content: flex-start; }
@media (min-width: 768px) {
.product-detail-tab-content.tab-content .list-view#chemicalLv .lv-col.lv-1 {
width: 20%;
font-weight: 900; }
.product-detail-tab-content.tab-content .list-view#chemicalLv .lv-col.lv-2, .product-detail-tab-content.tab-content .list-view#chemicalLv .lv-col.lv-3, .product-detail-tab-content.tab-content .list-view#chemicalLv .lv-col.lv-4, .product-detail-tab-content.tab-content .list-view#chemicalLv .lv-col.lv-5 {
width: 10%; }
.product-detail-tab-content.tab-content .list-view#chemicalLv .lv-col.lv-6 {
width: 20%; } }
@media (max-width: 992px) and (min-width: 768px) {
.product-detail-tab-content.tab-content .list-view#chemicalLv .img-thumb {
display: none; }
.product-detail-tab-content.tab-content .list-view#chemicalLv .lv-col a.client-btn.text-a {
white-space: normal; }
.product-detail-tab-content.tab-content .list-view#chemicalLv .lv-col.lv-1 {
width: 25%;
padding: 0 2.5%; }
.product-detail-tab-content.tab-content .list-view#chemicalLv .lv-col.lv-2, .product-detail-tab-content.tab-content .list-view#chemicalLv .lv-col.lv-3, .product-detail-tab-content.tab-content .list-view#chemicalLv .lv-col.lv-4, .product-detail-tab-content.tab-content .list-view#chemicalLv .lv-col.lv-5 {
width: calc(10% + 2.5%);
padding: 0 5px; }
.product-detail-tab-content.tab-content .list-view#chemicalLv .lv-col.lv-6 {
width: 15%;
padding: 0 5px; } }
@media only screen and (min-width: 993px) {
.product-detail-tab-content.tab-content .list-view#chemicalLv .lv-cta .client-btn {
max-width: 232px; } }
@media (max-width: 992px) and (min-width: 768px) {
.product-detail-tab-content.tab-content .list-view#downloadLv .lv-col.lv-1 {
width: calc(33% - 15px); }
.product-detail-tab-content.tab-content .list-view#downloadLv .lv-col.lv-2,
.product-detail-tab-content.tab-content .list-view#downloadLv .lv-col.lv-3,
.product-detail-tab-content.tab-content .list-view#downloadLv .lv-col.lv-5 {
width: 18%; }
.product-detail-tab-content.tab-content .list-view#downloadLv .lv-col.lv-4 {
width: 14.5%; } }
#downloadLv.list-view .lv-row.invert .lv-col.lv-1,
#chemicalLv.list-view .lv-row.invert .lv-col.lv-1 {
font-weight: 500; }
@media (max-width: 767px) {
#downloadLv.list-view .sds,
#chemicalLv.list-view .sds {
position: absolute;
right: -10px;
top: 0; }
#downloadLv.list-view .img-thumb,
#chemicalLv.list-view .img-thumb {
width: 90px;
height: 88px;
padding: 5px;
position: absolute; }
#downloadLv.list-view .img-thumb img,
#chemicalLv.list-view .img-thumb img {
width: 100%;
height: 100%; }
#downloadLv.list-view .lv-row,
#chemicalLv.list-view .lv-row {
position: relative;
margin-bottom: 24px;
align-items: flex-start; }
#downloadLv.list-view .lv-row .lv-col,
#chemicalLv.list-view .lv-row .lv-col {
width: calc(100% - 100px);
margin-left: 100px; }
#downloadLv.list-view .lv-share ul,
#chemicalLv.list-view .lv-share ul {
margin-top: 15px; }
#downloadLv.list-view .lv-share ul li,
#chemicalLv.list-view .lv-share ul li {
margin: 0 30px 0 0; }
#chemicalLv.list-view .quantity {
position: absolute;
left: 5px;
top: 95px; }
#chemicalLv.list-view .lv-col.lv-1 {
width: calc(100% - 130px);
line-height: 1.2; }
#chemicalLv.list-view .lv-col.lv-4 {
margin-top: 15px;
font-weight: 800; }
#chemicalLv.list-view .lv-col.lv-4 span {
font-weight: 300; } }
/* Add here all your css styles (customizations) */
.load-more-alternatives button {
background: #fff;
font-weight: 800;
font-size: 14px;
color: #000;
border: 2px solid #000;
transition: all .3s ease;
text-transform: uppercase;
height: 48px;
display: flex;
align-items: center;
justify-content: center;
white-space: nowrap; }
.load-more-alternatives button:active, .load-more-alternatives button:hover, .load-more-alternatives button:visited {
text-decoration: none; }
.load-more-alternatives button:hover {
background: #fff;
color: #707070;
border: 2px solid #707070; }
.load-more-alternatives button:active {
background: #404040;
color: #fff;
border: 2px solid #404040; }
@media (max-width: 767px) {
.load-more-alternatives button:active, .load-more-alternatives button:hover, .load-more-alternatives button:visited, .load-more-alternatives button:focus {
text-decoration: none; } }
#productListBanner {
color: #404040;
justify-content: space-around;
border: 1px solid #D0D0D0;
background: #F7F7F7;
padding: 10px 15px; }
#productListBanner .right span.lt-offer {
font-size: 12px;
letter-spacing: 0.86px;
line-height: 15px;
font-weight: 900;
margin-bottom: 5px; }
#productListBanner .right h2 {
color: #505050;
font-size: 24px;
letter-spacing: -0.75px;
font-weight: 300;
line-height: 30px;
margin-bottom: 10px; }
#productListBanner .right .offer-body p {
font-size: 16px;
font-weight: 300;
letter-spacing: -0.08px;
line-height: 24px;
margin-bottom: 10px; }
#productListBanner .right .offer-body span {
display: inline-block; }
#productListBanner .right .offer-body a {
font-size: 14px;
font-weight: 800;
letter-spacing: 0.29px;
padding: 0;
height: auto;
margin-top: 15px; }
@media only screen and (min-width: 768px) {
#productListBanner {
padding: 0;
height: 176px; }
#productListBanner .right {
padding: 10px 30px 20px 20px; }
#productListBanner .right span.lt-offer {
margin-bottom: 15px; }
#productListBanner .right h2 {
letter-spacing: -0.88px;
line-height: 32px;
margin-bottom: 15px; }
#productListBanner .right .offer-body {
flex-direction: row; }
#productListBanner .right .offer-body p {
margin-bottom: 0; }
#productListBanner .right .offer-body a {
height: auto;
margin-top: 0; } }
@media only screen and (min-width: 828px) {
#productListBanner .right {
padding-top: 15px;
padding-right: 50px; } }
@media only screen and (min-width: 992px) {
#productListBanner {
border-width: 2px;
height: 148px; }
#productListBanner .right {
padding: 20px 30px 20px 35px; }
#productListBanner .right .lt-offer {
margin-bottom: 5px; }
#productListBanner .right h2 {
letter-spacing: -1px;
margin-bottom: 10px;
line-height: 24px; }
#productListBanner .right .offer-body p {
line-height: 20px; } }
@media only screen and (min-width: 1200px) {
#productListBanner .right h2 {
font-size: 32px;
line-height: 48px;
margin-bottom: 0; }
#productListBanner .right .offer-body p {
line-height: 24px; }
#productListBanner .right .offer-body span {
margin-left: 25px; } }
.product-related-items ul.related-items-list,
.product-related-categories ul.related-items-list {
list-style-type: none;
padding: 20px 0 0;
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3; }
.product-related-items ul.related-items-list li,
.product-related-categories ul.related-items-list li {
text-transform: uppercase;
font-weight: 500;
text-align: center;
font-size: 14px; }
.product-related-items ul.related-items-list li p,
.product-related-categories ul.related-items-list li p {
margin: 0 auto; }
.product-related-items ul.related-items-list li p a,
.product-related-categories ul.related-items-list li p a {
font-weight: 800;
text-transform: uppercase;
color: #404040;
letter-spacing: -0.29px;
line-height: 36px; }
.product-related-items ul.related-items-list li p a:focus,
.product-related-categories ul.related-items-list li p a:focus {
text-decoration: underline; }
.product-related-items .show-more,
.product-related-categories .show-more {
justify-content: center; }
.product-related-items .show-more button,
.product-related-categories .show-more button {
text-decoration: none;
font-size: 14px;
letter-spacing: -0.29px;
line-height: 32px;
text-transform: uppercase;
color: #404040;
font-weight: 800;
display: flex; }
.product-related-items .show-more button:hover,
.product-related-categories .show-more button:hover {
text-decoration: underline; }
.product-related-items .show-more button span.icon-parent,
.product-related-categories .show-more button span.icon-parent {
height: 17px;
width: 17px;
margin-top: 8px;
margin-left: 5px;
display: flex;
justify-content: center;
align-items: center; }
.product-related-items .show-more button span.icon-parent span.mvp-icon-carat_down,
.product-related-items .show-more button span.icon-parent span.mvp-icon-carat_up,
.product-related-categories .show-more button span.icon-parent span.mvp-icon-carat_down,
.product-related-categories .show-more button span.icon-parent span.mvp-icon-carat_up {
padding-top: 5px; }
.product-related-items .show-more button span.icon-parent span.mvp-icon-carat_down::before,
.product-related-items .show-more button span.icon-parent span.mvp-icon-carat_up::before,
.product-related-categories .show-more button span.icon-parent span.mvp-icon-carat_down::before,
.product-related-categories .show-more button span.icon-parent span.mvp-icon-carat_up::before {
color: #606060;
font-size: 20px; }
@media only screen and (max-width: 767px) {
.product-related-items ul.related-items-list,
.product-related-categories ul.related-items-list {
-webkit-column-count: initial;
-moz-column-count: initial;
column-count: initial; }
.product-related-items ul#related-items-target li:nth-child(n+4),
.product-related-categories ul#related-items-target li:nth-child(n+4) {
display: none; } }
.simple-heading {
color: #404040;
font-size: 24px;
font-weight: 900;
letter-spacing: -0.5px;
line-height: 40px;
margin-bottom: 0; }
@media (max-width: 580px) {
.simple-heading {
max-width: 215px;
margin: 0 auto; } }
@media only screen and (min-width: 768px) {
.simple-heading {
font-size: 32px;
letter-spacing: -0.56px; } }
@media only screen and (min-width: 992px) {
.simple-heading {
font-size: 36px;
letter-spacing: -0.5px; } }
.product-alternatives > div,
.inset-products > div {
margin-bottom: 3.5rem !important;
padding-left: 15px !important;
padding-right: 15px !important; }
.product-alternatives figure,
.inset-products figure {
margin-bottom: 10px;
text-align: center; }
.product-alternatives figure img,
.inset-products figure img {
width: 100%; }
.product-alternatives figure figcaption,
.inset-products figure figcaption {
margin-top: 10px;
color: #404040;
text-decoration: none;
font-size: 20px;
font-weight: 500;
letter-spacing: -.35px;
line-height: 24px; }
.product-alternatives figure figcaption span:before,
.inset-products figure figcaption span:before {
font-size: 16px;
color: #404040; }
.product-alternatives figure .pc-img-overlay,
.inset-products figure .pc-img-overlay {
background-color: transparent;
position: relative;
text-align: left;
border: 1px solid #D0D0D0; }
.product-alternatives figure .pc-description,
.inset-products figure .pc-description {
color: #fff;
position: absolute;
top: 20px;
left: 20px;
font-size: 20px;
font-weight: 300;
line-height: 36px;
display: none;
max-width: 95%; }
.product-alternatives a:hover,
.product-alternatives a:focus,
.inset-products a:hover,
.inset-products a:focus {
text-decoration: none; }
.product-alternatives a:hover figure .pc-img-overlay,
.product-alternatives a:focus figure .pc-img-overlay,
.inset-products a:hover figure .pc-img-overlay,
.inset-products a:focus figure .pc-img-overlay {
background-color: rgba(64, 64, 64, 0.8);
border: 1px solid #007BC2; }
.product-alternatives a:hover figure .pc-img-overlay .pc-description,
.product-alternatives a:focus figure .pc-img-overlay .pc-description,
.inset-products a:hover figure .pc-img-overlay .pc-description,
.inset-products a:focus figure .pc-img-overlay .pc-description {
display: block; }
.product-alternatives a:hover figure img,
.product-alternatives a:focus figure img,
.inset-products a:hover figure img,
.inset-products a:focus figure img {
z-index: -1; }
.product-alternatives a:hover figure figcaption,
.product-alternatives a:focus figure figcaption,
.inset-products a:hover figure figcaption,
.inset-products a:focus figure figcaption {
color: #007BC2; }
.product-alternatives a:hover figure figcaption span::before,
.product-alternatives a:focus figure figcaption span::before,
.inset-products a:hover figure figcaption span::before,
.inset-products a:focus figure figcaption span::before {
color: #007BC2; }
@media only screen and (max-width: 1199px) {
.product-alternatives > div,
.inset-products > div {
margin-bottom: 24px !important; }
.product-alternatives figure .pc-description,
.inset-products figure .pc-description {
font-size: 16px;
line-height: 24px;
left: 10px;
top: 10px; }
.product-alternatives figure figcaption,
.inset-products figure figcaption {
font-size: 16px; }
.product-alternatives figure figcaption span:before,
.inset-products figure figcaption span:before {
font-size: 12px; } }
@media only screen and (max-width: 991px) {
.product-alternatives figure,
.inset-products figure {
letter-spacing: -0.38px; }
.product-alternatives figure .pc-description,
.inset-products figure .pc-description {
font-size: 20px;
top: 15px;
left: 10px;
max-width: 90%; } }
@media only screen and (max-width: 400px) {
.product-alternatives figure .pc-description,
.inset-products figure .pc-description {
font-size: 12px;
line-height: 18px; } }
.load-more-alternatives {
display: none; }
.load-more-alternatives.show {
display: flex; }
.load-more-alternatives button {
height: 48px;
width: 232px;
margin: 0 auto;
background-color: #ffffff;
border: 2px solid #000;
text-align: center;
font-weight: 800;
border-radius: 0; }
@media only screen and (max-width: 991px) {
.load-more-alternatives button {
width: 184px; } }
@media only screen and (max-width: 767px) {
.load-more-alternatives button {
margin: 0 15px;
width: 100%; } }
@media only screen and (max-width: 767px) {
.products-inset-wrap .simple-heading {
line-height: 28px; }
.product-alternatives figure figcaption,
.inset-products figure figcaption {
line-height: 20px; } }
@media only screen and (max-width: 767px) {
.products-inset-wrap .inset-products > div:nth-child(3) {
margin-bottom: 0 !important; } }
@media only screen and (min-width: 991px) {
.products-inset-wrap .inset-products > div {
margin-bottom: 0 !important; } }
@media only screen and (max-width: 1199px) {
.products-inset-wrap .inset-products > div:last-child {
margin-bottom: 0 !important; } }
/* Add here all your css styles (customizations) */
.tab-pane .left .img-wrapper {
position: relative; }
@media (max-width: 767px) {
.tab-pane .left .img-wrapper {
width: calc(100% + 30px);
left: -15px;
right: -15px; } }
.tab-pane .left .img-wrapper #mainImg {
width: 95%;
border: none; }
@media (max-width: 767px) {
.tab-pane .left .img-wrapper #mainImg {
width: 100%; } }
.tab-pane .left .img-wrapper #showLarger {
position: absolute;
bottom: 30px;
left: 7px;
font-size: 10px;
cursor: pointer;
border: 1px solid #9B9B9B;
height: 32px;
width: 32px; }
@media (max-width: 767px) {
.tab-pane .left .img-wrapper #showLarger {
bottom: 7px; } }
.tab-pane .left .img-wrapper #showLarger::before {
font-size: 24px;
color: #707070; }
@media screen and (min-width: 768px) {
.tab-pane .left .img-wrapper #showLarger {
bottom: 8px; } }
@media (min-width: 1200px) {
.tab-pane .left .product-slide-wrapper {
margin-right: 30px; } }
@media (min-width: 768px) and (max-width: 1199px) {
.tab-pane .left .product-slide-wrapper {
margin-right: 15px; } }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
.tab-pane .left .product-slide-wrapper {
max-width: 405px;
left: 25px;
position: relative; } }
@media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
.tab-pane .left .product-slide-wrapper {
max-width: 405px; } }
.tab-pane .left .product-slide-wrapper #products {
max-width: 230px; }
@media screen and (min-width: 768px) and (max-width: 991px) {
.tab-pane .left .product-slide-wrapper #products {
max-width: 250px; } }
@media screen and (min-width: 992px) {
.tab-pane .left .product-slide-wrapper #products {
max-width: 350px; } }
@media screen and (min-width: 1000px) {
.tab-pane .left .product-slide-wrapper #products {
max-width: 405px; } }
.tab-pane .left .product-slide-wrapper .item {
border: 1px solid #D0D0D0; }
.tab-pane .left .product-slide-wrapper #owlPrevBtn,
.tab-pane .left .product-slide-wrapper #owlNextBtn {
border: none;
background: none;
padding: 0; }
.tab-pane .left .product-slide-wrapper #owlPrevBtn:before,
.tab-pane .left .product-slide-wrapper #owlNextBtn:before {
color: #707070;
font-size: 32px; }
.tab-pane .left .product-slide-wrapper #owlPrevBtn.disabled:before,
.tab-pane .left .product-slide-wrapper #owlNextBtn.disabled:before {
color: #D0D0D0; }
#videoModal .modal-dialog .modal-content,
#imgModal .modal-dialog .modal-content {
border-radius: 0px; }
#videoModal .modal-dialog .modal-content .modal-header,
#imgModal .modal-dialog .modal-content .modal-header {
border-bottom: none;
height: 40px; }
#videoModal .modal-dialog .modal-content .modal-header .close-overlay .mvp-icon-close::before,
#imgModal .modal-dialog .modal-content .modal-header .close-overlay .mvp-icon-close::before {
background-color: #D0D0D0;
color: #000; }
#videoModal .modal-dialog .modal-content .modal-header .close-overlay:hover .mvp-icon-close::before,
#imgModal .modal-dialog .modal-content .modal-header .close-overlay:hover .mvp-icon-close::before {
background-color: #707070;
color: #D0D0D0; }
#videoModal .modal-dialog .modal-content .modal-header .close-overlay:active .mvp-icon-close::before,
#imgModal .modal-dialog .modal-content .modal-header .close-overlay:active .mvp-icon-close::before {
background-color: #707070;
color: #D0D0D0; }
#videoModal .modal-dialog .modal-content .modal-body,
#imgModal .modal-dialog .modal-content .modal-body {
padding-top: 0;
padding-bottom: 14px; }
#videoModal .modal-dialog .modal-content .modal-body img,
#imgModal .modal-dialog .modal-content .modal-body img {
width: 100%; }
#videoModal .modal-dialog .modal-content .modal-body > div,
#imgModal .modal-dialog .modal-content .modal-body > div {
margin-bottom: 0 !important; }
/* Add here all your css styles (customizations) */
.bottom-controls .load_more_wrapper #load_more_result {
background: #fff;
font-weight: 800;
font-size: 14px;
color: #000;
border: 2px solid #000;
transition: all .3s ease;
text-transform: uppercase;
height: 48px;
display: flex;
align-items: center;
justify-content: center;
white-space: nowrap; }
.bottom-controls .load_more_wrapper #load_more_result:active, .bottom-controls .load_more_wrapper #load_more_result:hover, .bottom-controls .load_more_wrapper #load_more_result:visited {
text-decoration: none; }
.bottom-controls .load_more_wrapper #load_more_result:hover {
background: #fff;
color: #707070;
border: 2px solid #707070; }
.bottom-controls .load_more_wrapper #load_more_result:active {
background: #404040;
color: #fff;
border: 2px solid #404040; }
@media (max-width: 767px) {
.bottom-controls .load_more_wrapper #load_more_result:active, .bottom-controls .load_more_wrapper #load_more_result:hover, .bottom-controls .load_more_wrapper #load_more_result:visited, .bottom-controls .load_more_wrapper #load_more_result:focus {
text-decoration: none; } }
.bottom-controls {
justify-content: center;
align-items: stretch; }
.bottom-controls .load_more_wrapper {
display: none;
margin-right: 20px; }
.bottom-controls .load_more_wrapper #load_more_result {
height: 48px !important;
width: 352px;
background-color: #fff;
text-align: center;
font-weight: 800;
text-transform: uppercase;
border-radius: 0; }
/* Add here all your css styles (customizations) */
/* START STYLES */
body > div.main-wrapper > div.product-categorylist > div {
max-width: 1440px; }
body > div.main-wrapper > div.product-categorylist > div div.product-category-content > div {
margin-bottom: 3.5rem !important;
padding-left: 15px !important;
padding-right: 15px !important; }
body > div.main-wrapper > div.product-categorylist > div div.product-category-content figure {
margin-bottom: 10px;
text-align: center; }
body > div.main-wrapper > div.product-categorylist > div div.product-category-content figure img {
width: 100%; }
body > div.main-wrapper > div.product-categorylist > div div.product-category-content figure figcaption {
margin-top: 10px;
color: #404040;
text-decoration: none;
font-size: 20px;
font-weight: 500;
letter-spacing: -.35px;
line-height: 24px; }
body > div.main-wrapper > div.product-categorylist > div div.product-category-content figure figcaption span::before {
font-size: 16px;
color: #404040; }
body > div.main-wrapper > div.product-categorylist > div div.product-category-content figure .pc-img-overlay {
background-color: transparent;
position: relative;
text-align: left;
border: 1px solid #D0D0D0; }
body > div.main-wrapper > div.product-categorylist > div div.product-category-content figure .pc-description {
color: #fff;
position: absolute;
top: 20px;
left: 20px;
font-size: 24px;
font-weight: 300;
line-height: 36px;
width: 90%;
display: none; }
body > div.main-wrapper > div.product-categorylist > div div.product-category-content .col-md-6 figcaption {
font-size: 24px;
letter-spacing: -0.48px; }
body > div.main-wrapper > div.product-categorylist > div div.product-category-content .col-md-6 figcaption span:before {
font-size: 20px;
color: #404040; }
body > div.main-wrapper > div.product-categorylist > div div.product-category-content .col-md-6 .pc-description {
font-size: 24px;
line-height: 48px; }
body > div.main-wrapper > div.product-categorylist > div div.product-category-content a:hover,
body > div.main-wrapper > div.product-categorylist > div div.product-category-content a:focus {
text-decoration: none; }
body > div.main-wrapper > div.product-categorylist > div div.product-category-content a:hover figure .pc-img-overlay,
body > div.main-wrapper > div.product-categorylist > div div.product-category-content a:focus figure .pc-img-overlay {
background-color: rgba(64, 64, 64, 0.8);
border: 1px solid #007BC2; }
body > div.main-wrapper > div.product-categorylist > div div.product-category-content a:hover figure .pc-img-overlay .pc-description,
body > div.main-wrapper > div.product-categorylist > div div.product-category-content a:focus figure .pc-img-overlay .pc-description {
display: block; }
body > div.main-wrapper > div.product-categorylist > div div.product-category-content a:hover figure img,
body > div.main-wrapper > div.product-categorylist > div div.product-category-content a:focus figure img {
z-index: -1; }
body > div.main-wrapper > div.product-categorylist > div div.product-category-content a:hover figure figcaption,
body > div.main-wrapper > div.product-categorylist > div div.product-category-content a:focus figure figcaption {
color: #007BC2; }
body > div.main-wrapper > div.product-categorylist > div div.product-category-content a:hover figure figcaption span:before,
body > div.main-wrapper > div.product-categorylist > div div.product-category-content a:focus figure figcaption span:before {
color: #007BC2; }
body > div.main-wrapper > div.product-categorylist > div div.product-category-content .col-md-12.special-outer {
padding: 0 !important;
margin-bottom: 0 !important; }
body > div.main-wrapper > div.product-categorylist > div div.product-category-content .col-md-12.special-outer .container.special-wrap {
max-width: 100%; }
body > div.main-wrapper > div.product-categorylist > div div.product-category-content .col-md-12.special-outer .container.special-wrap > .row .col-md-6 {
padding: 0 15px !important; }
body > div.main-wrapper > div.product-categorylist > div div.product-category-content .col-md-12.special-outer .container.special-wrap > .row .col-md-6:first-child > div {
width: 50%;
height: 50%; }
body > div.main-wrapper > div.product-categorylist > div div.product-category-content .col-md-12.special-outer .container.special-wrap > .row .col-md-6:first-child > div:nth-child(odd) {
padding: 0 15px 0 0 !important; }
body > div.main-wrapper > div.product-categorylist > div div.product-category-content .col-md-12.special-outer .container.special-wrap > .row .col-md-6:first-child > div:nth-child(even) {
padding: 0 0 0 15px !important; }
body > div.main-wrapper > div.product-categorylist > div div.product-category-content .col-md-12.special-outer .container.special-wrap > .row .col-md-6:first-child > div:nth-child(3), body > div.main-wrapper > div.product-categorylist > div div.product-category-content .col-md-12.special-outer .container.special-wrap > .row .col-md-6:first-child > div:nth-child(4) {
position: relative;
top: 7px; }
@media (min-width: 900px) {
body > div.main-wrapper > div.product-categorylist > div div.product-category-content .col-md-12.special-outer .container.special-wrap > .row .col-md-6:first-child > div:nth-child(3), body > div.main-wrapper > div.product-categorylist > div div.product-category-content .col-md-12.special-outer .container.special-wrap > .row .col-md-6:first-child > div:nth-child(4) {
top: 9px; } }
@media (min-width: 992px) {
body > div.main-wrapper > div.product-categorylist > div div.product-category-content .col-md-12.special-outer .container.special-wrap > .row .col-md-6:first-child > div:nth-child(3), body > div.main-wrapper > div.product-categorylist > div div.product-category-content .col-md-12.special-outer .container.special-wrap > .row .col-md-6:first-child > div:nth-child(4) {
top: 11px; } }
@media (min-width: 1100px) {
body > div.main-wrapper > div.product-categorylist > div div.product-category-content .col-md-12.special-outer .container.special-wrap > .row .col-md-6:first-child > div:nth-child(3), body > div.main-wrapper > div.product-categorylist > div div.product-category-content .col-md-12.special-outer .container.special-wrap > .row .col-md-6:first-child > div:nth-child(4) {
top: 13px; } }
@media (min-width: 1200px) {
body > div.main-wrapper > div.product-categorylist > div div.product-category-content .col-md-12.special-outer .container.special-wrap > .row .col-md-6:first-child > div:nth-child(3), body > div.main-wrapper > div.product-categorylist > div div.product-category-content .col-md-12.special-outer .container.special-wrap > .row .col-md-6:first-child > div:nth-child(4) {
top: 15px; } }
@media (min-width: 1300px) {
body > div.main-wrapper > div.product-categorylist > div div.product-category-content .col-md-12.special-outer .container.special-wrap > .row .col-md-6:first-child > div:nth-child(3), body > div.main-wrapper > div.product-categorylist > div div.product-category-content .col-md-12.special-outer .container.special-wrap > .row .col-md-6:first-child > div:nth-child(4) {
top: 21px; } }
@media (max-width: 991px) {
body > div.main-wrapper > div.product-categorylist > div div.product-category-content .col-md-12.special-outer .container.special-wrap > .row > .col-md-6 {
margin-bottom: 0 !important; }
body > div.main-wrapper > div.product-categorylist > div div.product-category-content .col-md-12.special-outer .container.special-wrap > .row > .col-md-6:first-child > div {
margin-bottom: 0 !important; } }
body > div.main-wrapper > div.product-categorylist > div div.product-category-content .col-md-12.special-outer .container.special-wrap .special-flex {
flex-direction: row;
flex-wrap: wrap; }
body > div.main-wrapper > div.product-categorylist > div div.product-category-content .col-md-12.special-outer .container.special-wrap .special-flex .pc-description {
line-height: 36px; }
body > div.main-wrapper > div.product-categorylist > div div.product-category-content .col-md-12.special-outer .container.special-wrap .special-flex figcaption {
font-size: 20px;
letter-spacing: -0.35px; }
body > div.main-wrapper > div.product-categorylist > div div.product-category-content .col-md-12.special-outer .container.special-wrap .special-flex figcaption .mvp-icon-carat_right::before {
font-size: 16px; }
@media (max-width: 991px) {
body > div.main-wrapper > div.product-categorylist > div div.product-category-content .col-md-12.special-outer .container.special-wrap .special-flex .pc-description {
font-size: 16px;
line-height: 24px;
top: 10px;
left: 10px; }
body > div.main-wrapper > div.product-categorylist > div div.product-category-content .col-md-12.special-outer .container.special-wrap .special-flex figcaption {
font-size: 16px;
line-height: 24px; }
body > div.main-wrapper > div.product-categorylist > div div.product-category-content .col-md-12.special-outer .container.special-wrap .special-flex figcaption .mvp-icon-carat_right::before {
font-size: 12px; } }
.product-category .product-categorylist .display-5.u-heading-v7__title,
.product-category .product-categorylist p.lead {
display: none; }
.product-category .product-categorylist .product-category-content .pc-img-overlay:hover {
background-color: transparent !important; }
/* START MOBILE STYLES */
@media only screen and (max-width: 767px) {
body > div.main-wrapper > div.product-categorylist > div .product-category-content.list-group {
margin-top: 20px; }
body > div.main-wrapper > div.product-categorylist > div .list-group-item.list-group-item-action {
width: 100% !important;
height: 56px;
line-height: 56px;
margin-bottom: 0 !important;
border-color: #E0E0E0;
display: flex;
align-items: center; }
body > div.main-wrapper > div.product-categorylist > div .list-group-item.list-group-item-action a {
width: 100%; }
body > div.main-wrapper > div.product-categorylist > div .list-group-item.list-group-item-action figure {
margin-bottom: 0; }
body > div.main-wrapper > div.product-categorylist > div .list-group-item.list-group-item-action figure .pc-img-overlay {
display: none; }
body > div.main-wrapper > div.product-categorylist > div .list-group-item.list-group-item-action figure figcaption {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 0;
font-size: 18px;
font-weight: 500;
text-align: left; }
body > div.main-wrapper > div.product-categorylist > div .list-group-item.list-group-item-action figure figcaption span {
float: right; }
body > div.main-wrapper > div.product-categorylist > div .list-group-item.list-group-item-action figure figcaption span:before {
color: #B0B0B0;
font-size: 18px; }
body > div.main-wrapper > div.product-categorylist > div .list-group-item.list-group-item-action a:hover span {
color: #007BC2; }
body > div.main-wrapper > div.product-categorylist > div .list-group-item.list-group-item-action:first-child {
border-top: 1px solid #E0E0E0; }
body > div.main-wrapper > div.product-categorylist > div .list-group-item.list-group-item-action:not(:first-of-type) {
border-top: none; }
body > div.main-wrapper > div.product-categorylist > div .list-group-item.list-group-item-action:last-child {
border-bottom: 1px solid #E0E0E0; } }
/* START MEDIUM STYLES */
@media only screen and (min-width: 768px) and (max-width: 991px) {
body > div.main-wrapper > div.product-categorylist > div div.product-category-content > div {
margin-bottom: 24px !important; }
body > div.main-wrapper > div.product-categorylist > div div.product-category-content figure .pc-description {
font-size: 20px;
line-height: 28px;
left: 10px;
top: 10px; }
body > div.main-wrapper > div.product-categorylist > div div.product-category-content figure figcaption {
font-size: 16px; }
body > div.main-wrapper > div.product-categorylist > div div.product-category-content figure figcaption span:before {
font-size: 12px; }
body > div.main-wrapper > div.product-categorylist > div div.product-category-content .col-md-6 .pc-description {
font-size: 30px;
line-height: 36px;
left: 20px;
top: 15px; }
body > div.main-wrapper > div.product-categorylist > div div.product-category-content .col-md-6 figcaption {
font-size: 20px; }
body > div.main-wrapper > div.product-categorylist > div div.product-category-content .col-md-6 figcaption span:before {
font-size: 16px; }
body > div.main-wrapper > div.product-categorylist > div div.product-category-content .col-md-3 figcaption {
font-size: 16px; }
body > div.main-wrapper > div.product-categorylist > div div.product-category-content .col-md-3 .pc-description {
font-size: 16px;
line-height: 24px; } }
/* END MEDIUM STYLES */
@media only screen and (min-width: 992px) and (max-width: 1059px) {
body > div.main-wrapper .subcategory-list .product-category-content div[class^=col-] figure figcaption {
font-size: 18px; } }
/* END STYLES */
/* Add here all your css styles (customizations) */
@media (min-width: 992px) {
body > div.main-wrapper > div.subcategory-list > div div.product-category-content div.col-6 {
padding: 0 20px !important;
margin-bottom: 40px !important; } }
body > div.main-wrapper > div.subcategory-list > div div.product-category-content figure .pc-img-overlay {
background-color: transparent;
overflow: hidden; }
body > div.main-wrapper > div.subcategory-list > div div.product-category-content figure .pc-img-overlay img {
transition: all .2s ease; }
body > div.main-wrapper > div.subcategory-list > div div.product-category-content figure .pc-description {
display: none !important; }
body > div.main-wrapper > div.subcategory-list > div div.product-category-content a:hover figure .pc-img-overlay {
background-color: transparent; }
body > div.main-wrapper > div.subcategory-list > div div.product-category-content a:hover figure .pc-img-overlay img {
transform: scale(1.05); }
@media only screen and (max-width: 767px) {
body > div.main-wrapper > div.subcategory-list > div div.product-category-content div.col-6 {
margin-bottom: 20px !important; }
body > div.main-wrapper > div.subcategory-list > div div.product-category-content figure figcaption {
font-size: 16px;
letter-spacing: -0.28px;
line-height: 20px; }
body > div.main-wrapper > div.subcategory-list > div div.product-category-content figure figcaption span::before {
font-size: 12px; } }
/* Add here all your css styles (customizations) */
.mvp2 .article-info-flex {
margin-top: 0;
margin-bottom: 25px;
color: #303030;
font-weight: 500;
letter-spacing: 0;
border-bottom: none; }
@media (min-width: 992px) {
.mvp2 .article-info-flex {
margin-bottom: 35px; } }
.mvp2 .article-info-flex .p-2 {
margin-top: 0; }
@media (min-width: 768px) {
.mvp2 .article-info-flex .p-2 {
padding-left: 0px !important; } }
.mvp2 .article-info-flex .p-2 .bold {
font-weight: 900; }
.mvp2 .article-info-flex .p-2 span {
display: block;
color: #707070; }
.mvp2 .article-info-flex .p-2 small {
display: inline-block;
color: #707070;
margin-right: 20px;
font-size: 18px;
font-weight: 300;
position: relative; }
.mvp2 .article-info-flex .p-2 small::after {
content: '|';
position: absolute;
right: -15px;
top: 0; }
.mvp2 .article-info-flex .p-2 small:last-child {
margin-right: 0; }
.mvp2 .article-info-flex .p-2 small:last-child::after {
display: none; }
.mvp2 .article-info-flex-end {
border-top: 1px solid #D0D0D0;
margin-top: 10px;
margin-bottom: 25px;
padding-top: 12px; }
.mvp2 .article-info-flex-end ul {
min-width: 125px;
font-size: 10px;
padding-left: 0;
margin-bottom: 0;
margin-left: -6px;
padding-bottom: 10px; }
.mvp2 .article-info-flex-end ul li {
margin-left: 0;
min-height: 50px; }
.mvp2 .article-info-flex-end ul li .tag-cta {
border: 1px solid #D7D7D7;
transition: all .3s ease;
padding: 10px 30px;
color: #767676;
font-weight: 800;
font-size: 14px;
margin-left: 6px;
margin-bottom: 6px;
text-transform: uppercase;
text-decoration: none;
display: inline-block;
text-align: center; }
.mvp2 .article-info-flex-end ul li .tag-cta:hover {
color: #fff;
background: #808080; }
.mvp2 .article-info-flex-end ul li.tags {
padding: 2px 7.5px;
border-top-right-radius: 10px; }
/* Add here all your css styles (customizations) */
a, a:hover {
outline: 0 !important; }
a:focus {
outline: 0 !important; }
@media (min-width: 992px) {
a:focus {
color: #007BC2 !important; } }
.left-rail--site-specific .micro-navigation-item .nav-item {
margin-bottom: 5px; }
.micro-navigation-item.mvp2 {
display: none; }
#microsite-header #joule-header a:focus {
color: #007BC2 !important; }
#microsite-header #joule-header .micro-navigation-item.mvp2 .tier-two-tile__inner:hover {
color: #007BC2 !important; }
#microsite-header #joule-header .micro-navigation-item.mvp2 .tier-two-tile__inner:hover a {
color: #007BC2 !important; }
#microsite-header .microsite-sticky-header {
position: fixed;
z-index: 1030;
top: 0;
left: 0;
right: 0; }
#microsite-header .tier-two-tile:last-child .tier-two-tile__inner {
border-right: 0; }
.microHeader-sticky-content .text .cmp-text h1, .microHeader-sticky-content .text .cmp-text h2, .microHeader-sticky-content .text .cmp-text h3, .microHeader-sticky-content .text .cmp-text h4, .microHeader-sticky-content .text .cmp-text p {
position: relative; }
.microHeader-sticky-content .text .cmp-text h1 a:not([href]):not([tabindex]), .microHeader-sticky-content .text .cmp-text h2 a:not([href]):not([tabindex]), .microHeader-sticky-content .text .cmp-text h3 a:not([href]):not([tabindex]), .microHeader-sticky-content .text .cmp-text h4 a:not([href]):not([tabindex]), .microHeader-sticky-content .text .cmp-text p a:not([href]):not([tabindex]) {
position: absolute;
top: -110px; }
.breadcrumb-wrapper.mvp2 .g-ml-1 {
display: inline-block;
top: 1px;
position: relative;
transform: rotate(-8deg);
-ms-transform: rotate(-8deg);
-webkit-transform: rotate(-8deg); }
.breadcrumb-wrapper.mvp2 .u-list-inline {
padding-left: 0; }
@media (max-width: 576px) {
.breadcrumb-wrapper.mvp2 .list-inline-item {
display: none; }
.breadcrumb-wrapper.mvp2 .list-inline-item:nth-last-of-type(2) {
display: inline-block; }
.breadcrumb-wrapper.mvp2 .list-inline-item:nth-last-of-type(2) span {
display: none; }
.breadcrumb-wrapper.mvp2 .list-inline-item:nth-last-of-type(2)::before {
content: "<"; } }
/* Add here all your css styles (customizations) */
.youtube-component.mvp2 .youtube-container {
margin: 20px 0px 20px 0px; }
.youtube-component.mvp2 .youtube-container .youtube-list {
list-style-type: none;
margin: 0px;
padding: 0px; }
@media (min-width: 768px) {
.youtube-component.mvp2 .youtube-container .youtube-list {
margin: auto; } }
.youtube-component.mvp2 .youtube-container .youtube-list .youtube-list__item-desc {
color: #303030;
font-family: "Solstice Sans";
font-size: 17px;
letter-spacing: 0.47px;
line-height: 24px;
padding-left: 5px; }
.youtube-component.mvp2 .youtube-container .youtube-list .youtube-list__item-video {
color: #303030;
font-family: "Solstice Sans";
font-size: 16px;
font-weight: 800;
letter-spacing: 0.47px;
line-height: 24px;
padding-left: 5px; }
.youtube-component.mvp2 .youtube-container .youtube-list .youtube-list__item {
display: none;
margin-bottom: 20px; }
.youtube-component.mvp2 .youtube-container .youtube-list .youtube-list__item .youtube-list__item-image {
height: auto;
width: 100%; }
.youtube-component.mvp2 .youtube-container .youtube-list .youtube-list__item .youtube-list__item-image video {
height: auto;
width: 100%; }
.youtube-component.mvp2 .youtube-container .youtube-list .youtube-list__item .youtube-list__item-image img {
height: auto;
width: 100%; }
.youtube-component.mvp2 .youtube-container .youtube-list .youtube-list__item .youtube-list__item-desc {
word-break: break-word;
color: #303030;
font-size: 22px;
font-weight: 300;
line-height: 29px; }
@media (max-width: 825px) {
.youtube-component.mvp2 .youtube-container .youtube-list .youtube-list__item {
width: 100%; } }
.youtube-component.mvp2 .youtube-container .youtube-list .secondary-cta {
border-color: #007BC2 !important;
color: #007BC2 !important; }
.youtube-component.mvp2 .youtube-container .youtube-list .secondary-cta:hover {
border-color: #1273B4 !important;
color: #1273B4 !important; }
.youtube-component.mvp2 .youtube-container .youtube-list .show-more {
display: none; }
.video.aem-GridColumn::after {
content: none; }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
.video-modal .modal-dialog {
max-width: 100%;
margin: 0.5rem; } }
.video-modal .modal-dialog .modal-content {
border-radius: 0px; }
.video-modal .modal-dialog .modal-content .modal-header {
border-bottom: none;
height: 40px; }
.video-modal .modal-dialog .modal-content .modal-header .close-video .mvp-icon-close::before {
background-color: #D0D0D0;
color: #000; }
.video-modal .modal-dialog .modal-content .modal-header .close-video:hover .mvp-icon-close::before {
background-color: #707070;
color: #fff !important; }
.video-modal .modal-dialog .modal-content .modal-header .close-video:active .mvp-icon-close::before {
background-color: #707070;
color: #fff !important; }
.video-modal .modal-dialog .modal-content .modal-body {
padding-top: 0;
padding-bottom: 14px; }
.video-modal .modal-dialog .modal-content .modal-body > div {
margin-bottom: 0 !important; }
body.modal-open .modal-backdrop {
background-color: #1e1e1e;
opacity: 0.87; }
.video-modal-img {
margin: 15px 0;
border: 1px solid #9B9B9B;
width: 100%; }
.video-modal-img:hover {
border: 1px solid #007BC2; }
.yt-modal-body {
padding: 0rem !important; }
.yt-modal-header {
display: none; }
.yt-modal-dialog {
max-width: 1148px; }
.youtube-list__item-video {
text-transform: uppercase;
padding-top: 20px; }
a.youtube-modal-trigger:hover {
border-color: #9B9B9B; }
@media (max-width: 825px) {
.youtube-list__item-image {
width: 100% !important; }
.youtube-list__item-image img {
width: 100% !important; } }
/* Add here all your css styles (customizations) */
.youkucomponent.aem-GridColumn::after {
content: none; }
.youkucomponent.aem-GridColumn::after .modal-trigger.video::after {
background-image: none !important; }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
.video-modal .modal-dialog {
max-width: 100%;
margin: 0.5rem; } }
.video-modal .modal-dialog .modal-content {
border-radius: 0px; }
.video-modal .modal-dialog .modal-content .modal-header {
border-bottom: none;
height: 40px; }
.video-modal .modal-dialog .modal-content .modal-header .close-video .mvp-icon-close::before {
background-color: #D0D0D0;
color: #000; }
.video-modal .modal-dialog .modal-content .modal-header .close-video:hover .mvp-icon-close::before {
background-color: #707070;
color: #fff !important; }
.video-modal .modal-dialog .modal-content .modal-header .close-video:active .mvp-icon-close::before {
background-color: #707070;
color: #fff !important; }
.video-modal .modal-dialog .modal-content .modal-body {
padding-top: 0;
padding-bottom: 14px; }
.video-modal .modal-dialog .modal-content .modal-body > div {
margin-bottom: 0 !important; }
body.modal-open .modal-backdrop {
background-color: #1e1e1e;
opacity: 0.87; }
.video-modal-img {
margin: 15px 0;
border: 1px solid #9B9B9B;
width: 100%; }
.video-modal-img:hover {
border: 1px solid #007BC2; }
/* Add here all your css styles (customizations) */
.mvp2 .aero-wrapper.full-width.light {
background: #f7f7f7; }
.mvp2 .aero-wrapper.full-width.light ul li, .mvp2 .aero-wrapper.full-width.light h1, .mvp2 .aero-wrapper.full-width.light h2, .mvp2 .aero-wrapper.full-width.light h3, .mvp2 .aero-wrapper.full-width.light h4, .mvp2 .aero-wrapper.full-width.light h5, .mvp2 .aero-wrapper.full-width.light h6, .mvp2 .aero-wrapper.full-width.light P, .mvp2 .aero-wrapper.full-width.light span, .mvp2 .aero-wrapper.full-width.light table {
color: #000 !important; }
.mvp2 .aero-wrapper.full-width.light a:hover .list-component__item-headline, .mvp2 .aero-wrapper.full-width.light a:hover .list-component__item-subhead, .mvp2 .aero-wrapper.full-width.light a:hover .list-component__item-contenttype {
color: #007BC2 !important; }
.mvp2 .aero-wrapper.full-width.dark {
background: #303030; }
.mvp2 .aero-wrapper.full-width.dark ul, .mvp2 .aero-wrapper.full-width.dark li, .mvp2 .aero-wrapper.full-width.dark h1, .mvp2 .aero-wrapper.full-width.dark h2, .mvp2 .aero-wrapper.full-width.dark h3, .mvp2 .aero-wrapper.full-width.dark h4, .mvp2 .aero-wrapper.full-width.dark h5, .mvp2 .aero-wrapper.full-width.dark h6, .mvp2 .aero-wrapper.full-width.dark P, .mvp2 .aero-wrapper.full-width.dark span, .mvp2 .aero-wrapper.full-width.dark div, .mvp2 .aero-wrapper.full-width.dark table {
color: #fff !important; }
.mvp2 .aero-wrapper.full-width.dark a:hover .list-component__item-headline, .mvp2 .aero-wrapper.full-width.dark a:hover .list-component__item-subhead, .mvp2 .aero-wrapper.full-width.dark a:hover .list-component__item-contenttype {
color: #007BC2 !important; }
.mvp2 .aero-wrapper.full-width.white {
background: #fff; }
.mvp2 .aero-wrapper.full-width.white ul li, .mvp2 .aero-wrapper.full-width.white h1, .mvp2 .aero-wrapper.full-width.white h2, .mvp2 .aero-wrapper.full-width.white h3, .mvp2 .aero-wrapper.full-width.white h4, .mvp2 .aero-wrapper.full-width.white h5, .mvp2 .aero-wrapper.full-width.white h6, .mvp2 .aero-wrapper.full-width.white P, .mvp2 .aero-wrapper.full-width.white span, .mvp2 .aero-wrapper.full-width.white table {
color: #000 !important; }
.mvp2 .aero-wrapper.full-width.white a:hover .list-component__item-headline, .mvp2 .aero-wrapper.full-width.white a:hover .list-component__item-subhead, .mvp2 .aero-wrapper.full-width.white a:hover .list-component__item-contenttype {
color: #007BC2 !important; }
.wrapper .aem-GridColumn {
padding: 0; }
.wrapper.aem-GridColumn {
padding: 0; }
.wrapper .content-carousel.mvp2.pt-70 {
padding-top: 0; }
.wrapper .mosaic.pb-70 {
padding-bottom: 0; }
.wrapper .mosaic.pt-70 {
padding-top: 0; }
.wrapper .text-cta-c7a1 {
padding-top: 0;
padding-bottom: 0; }
@media (max-width: 576px) {
.wrapper.pb-70 {
padding-bottom: 30px; }
.wrapper.pt-70 {
padding-top: 30px; }
.wrapper.pb-50 {
padding-bottom: 30px; }
.wrapper.pt-50 {
padding-top: 30px; }
.wrapper.pb-30 {
padding-bottom: 0; }
.wrapper.pt-30 {
padding-top: 0; }
.wrapper .mvp2.pb-70 {
padding-bottom: 30px; }
.wrapper .mvp2.pt-70 {
padding-top: 30px; }
.wrapper .mvp2.pb-50 {
padding-bottom: 30px; }
.wrapper .mvp2.pt-50 {
padding-top: 30px; }
.wrapper .mvp2.pb-30 {
padding-bottom: 0; }
.wrapper .mvp2.pt-30 {
padding-top: 0; } }
/* Add here all your css styles (customizations) */
.strong-list {
padding-left: 0;
text-align: center;
list-style-type: none;
text-transform: uppercase; }
.strong-list a {
color: #404040;
font-weight: 800; }
.strong-list a:hover {
color: #707070; }
.link-list-container .u-heading-v7__title {
font-size: 16px !important; }
.link-list-container .g-mb-40 {
margin-bottom: 0 !important; }
.link-list-container .link-list-container {
background: #f6f6f6;
padding: 0; }
.wwd-item {
position: relative; }
@media (max-width: 992px) {
.link-list-container {
margin-bottom: 70px; }
.link-list-container ul li {
margin-bottom: 10px; } }
@media (max-width: 767px) {
.link-list-container {
background: #f6f6f6;
padding: 15px 0; }
.link-list-container .row {
margin-left: 0;
margin-right: 0; } }
/* Add here all your css styles (customizations) */
.what-we-do-wrap {
padding-top: 80px;
padding-bottom: 80px; }
.what-we-do-wrap .accordion-c71-header {
border-top: 1px solid #D0D0D0;
border-bottom: 1px solid #D0D0D0;
margin-top: -1px; }
.what-we-do-wrap .accordion-c71-header h4 {
font-weight: 500;
margin: 0; }
.what-we-do-wrap .accordion-c71-header h4 a {
outline: none;
color: #303030; }
.what-we-do-wrap .accordion-c71-header h4 a .fa {
font-size: 20px; }
.what-we-do-wrap .accordion-c71-header h4 a .fa-minus {
display: block; }
.what-we-do-wrap .accordion-c71-header h4 a .fa-plus {
display: none; }
.what-we-do-wrap .accordion-c71-header h4 a.collapsed .fa-minus {
display: none; }
.what-we-do-wrap .accordion-c71-header h4 a.collapsed .fa-plus {
display: block; }
.what-we-do-wrap .accordion-c71-header h4 a:hover {
text-decoration: none; }
.what-we-do-wrap .accordion-c71-body ul {
list-style: none;
padding: 0;
margin: 0; }
@media (min-width: 768px) {
.what-we-do-wrap .accordion-c71-body ul.c71-menu-item {
display: flex;
flex-wrap: wrap; } }
.what-we-do-wrap .accordion-c71-body ul.c71-menu-item li {
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid;
position: relative;
white-space: normal; }
@media (min-width: 768px) {
.what-we-do-wrap .accordion-c71-body ul.c71-menu-item li {
width: 48.5%; }
.what-we-do-wrap .accordion-c71-body ul.c71-menu-item li:nth-of-type(odd) {
margin-right: 1.5%; }
.what-we-do-wrap .accordion-c71-body ul.c71-menu-item li:nth-of-type(even) {
margin-left: 1.5%; } }
.what-we-do-wrap .accordion-c71-body ul.c71-menu-item li a {
display: inline-flex;
color: #303030;
padding-right: 54px; }
.what-we-do-wrap .accordion-c71-body ul.c71-menu-item li a:hover {
text-decoration: none; }
.what-we-do-wrap .accordion-c71-body ul.c71-menu-item li .list-icon {
width: 24px;
height: 24px; }
.what-we-do-wrap .accordion-c71-body ul.c71-menu-item li .list-icon img {
max-width: 24px;
max-height: 24px;
margin-top: 10px; }
.what-we-do-wrap .accordion-c71-body ul.c71-menu-item li .c71-menu-item-icon {
cursor: pointer;
position: absolute;
top: 15px;
right: 0; }
.what-we-do-wrap .accordion-c71-body ul.c71-menu-item li .c71-menu-item-icon .fa-minus {
display: none; }
.what-we-do-wrap .accordion-c71-body ul.c71-menu-item li .c71-menu-item-icon.isActive {
right: auto;
transform: translate(-34px); }
.what-we-do-wrap .accordion-c71-body ul.c71-menu-item li .c71-menu-item-icon.isActive .fa-minus {
display: inline-block; }
.what-we-do-wrap .accordion-c71-body ul.c71-menu-item li .c71-menu-item-icon.isActive .fa-plus {
display: none; }
@media (max-width: 767px) {
.what-we-do-wrap .accordion-c71-body ul.c71-menu-item {
columns: 1 auto;
column-gap: 0; }
.what-we-do-wrap .accordion-c71-body ul.c71-menu-item li {
position: relative;
white-space: normal; }
.what-we-do-wrap .accordion-c71-body ul.c71-menu-item li .c71-menu-item-icon {
position: absolute;
right: 0;
top: -5px; } }
.what-we-do-wrap .accordion-c71-body ul.c71-sub-item {
padding: 15px 0 15px 48px;
display: none; }
.what-we-do-wrap .accordion-c71-body ul.c71-sub-item li {
break-inside: avoid;
break-inside: avoid-column;
page-break-inside: avoid;
display: inline-block;
width: 100%; }
.what-we-do-wrap .accordion-c71-body ul.c71-sub-item li:nth-of-type(even) {
margin-left: 0; }
.what-we-do-wrap .wcm-row .cq-Editable-dom {
width: 50%; }
.global-whatwedo {
padding-left: 15px;
padding-right: 15px; }
@media (min-width: 992px) {
.global-whatwedo .what-we-do-wrap {
padding-left: calc(8.333% + 15px);
width: 83.333%; } }
.what-we-do-pt0 .what-we-do-wrap {
padding-top: 0; }
/* Add here all your css styles (customizations) */
.video.aem-GridColumn::after {
content: none; }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
.video-modal .modal-dialog {
max-width: 100%;
margin: 0.5rem; } }
.video-modal .modal-dialog .modal-content {
border-radius: 0px; }
.video-modal .modal-dialog .modal-content .modal-header {
border-bottom: none;
height: 40px; }
.video-modal .modal-dialog .modal-content .modal-header .close-video .mvp-icon-close::before {
background-color: #D0D0D0;
color: #000; }
.video-modal .modal-dialog .modal-content .modal-header .close-video:hover .mvp-icon-close::before {
background-color: #707070;
color: #fff !important; }
.video-modal .modal-dialog .modal-content .modal-header .close-video:active .mvp-icon-close::before {
background-color: #707070;
color: #fff !important; }
.video-modal .modal-dialog .modal-content .modal-body {
padding-top: 0;
padding-bottom: 14px; }
.video-modal .modal-dialog .modal-content .modal-body > div {
margin-bottom: 0 !important; }
body.modal-open .modal-backdrop {
background-color: #1e1e1e;
opacity: 0.87; }
.video-modal-img {
margin: 15px 0;
border: 1px solid #9B9B9B;
width: 100%; }
.video-modal-img:hover {
border: 1px solid #007BC2; }
.contentIcon::after {
content: none !important; }
@supports (-ms-ime-align: auto) {
.iconVideo {
width: 52px;
height: 52px;
position: absolute;
top: 48%;
right: 0;
left: 50%; }
.video:after {
content: '' !important; } }
/* Add here all your css styles (customizations) */
/* Add here all your css styles (customizations) */
/* textcta */
.mvp2 .text-cta-c7ab .justify-content-start .primary-cta:first-child {
margin-left: 0px; }
@media (min-width: 992px) {
.mvp2 .text-cta-c7ab {
padding-left: 0px;
padding-right: 0px; } }
/* Add here all your css styles (customizations) */
/* textcta */
.textcta-c7a2 {
padding: 50px 0; }
@media (min-width: 768px) {
.textcta-c7a2 a[href^="tel:"] {
color: #303030;
text-decoration: none;
cursor: default; } }
.textcta-c7a2 .primary-cta-red, .textcta-c7a2 .secondary-cta-red, .textcta-c7a2 .primary-cta-blue, .textcta-c7a2 .secondary-cta-blue {
font-family: "Solstice Sans", Arial, Helvetica, sans-serif;
font-weight: 700;
display: block;
font-size: 13px;
line-height: 16px;
padding: 15px 40px;
word-break: break-word;
min-width: 232px;
width: auto;
letter-spacing: 0.5px;
text-transform: uppercase;
text-align: center;
transition: all .3s ease;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer; }
@media (min-width: 320px) and (max-width: 767px) {
.textcta-c7a2 .primary-cta-red, .textcta-c7a2 .secondary-cta-red, .textcta-c7a2 .primary-cta-blue, .textcta-c7a2 .secondary-cta-blue {
margin-top: 10px;
width: 100%;
max-width: 320px;
padding: 15px 8px; } }
@media (min-width: 768px) and (max-width: 1024px) {
.textcta-c7a2 .primary-cta-red, .textcta-c7a2 .secondary-cta-red, .textcta-c7a2 .primary-cta-blue, .textcta-c7a2 .secondary-cta-blue {
width: 100%;
max-width: 320px;
margin-top: 10px;
padding: 15px 15px; } }
.textcta-c7a2 .primary-cta-red {
font-family: "Solstice Sans", Arial, Helvetica, sans-serif;
font-weight: 700;
background: #DC202E;
border: 2px solid #DC202E;
color: #fff; }
.textcta-c7a2 .primary-cta-red:visited, .textcta-c7a2 .primary-cta-red:active {
background: #DC202E;
border-color: #DC202E;
color: #fff;
text-decoration: none; }
.textcta-c7a2 .primary-cta-red:hover {
background: #B5131F;
border-color: #B5131F;
color: #fff;
text-decoration: none; }
.textcta-c7a2 .secondary-cta-red {
font-family: "Solstice Sans", Arial, Helvetica, sans-serif;
font-weight: 700;
background: transparent;
border: 2px solid #DC202E;
color: #DC202E; }
.textcta-c7a2 .secondary-cta-red:visited, .textcta-c7a2 .secondary-cta-red:active {
border-color: #DC202E;
color: #DC202E;
text-decoration: none;
color: #DC202E; }
.textcta-c7a2 .secondary-cta-red:hover {
border-color: #B5131F;
color: #B5131F;
text-decoration: none; }
.textcta-c7a2 .primary-cta-blue {
font-family: "Solstice Sans", Arial, Helvetica, sans-serif;
font-weight: 700;
background: #007BC2;
border-color: #007BC2;
color: #fff; }
.textcta-c7a2 .primary-cta-blue:visited, .textcta-c7a2 .primary-cta-blue:active {
background: #007BC2;
border-color: #007BC2;
text-decoration: none;
color: #fff; }
.textcta-c7a2 .primary-cta-blue:hover {
border-color: #00629B;
background-color: #00629B;
color: #fff;
text-decoration: none; }
.textcta-c7a2 .secondary-cta-blue {
font-family: "Solstice Sans", Arial, Helvetica, sans-serif;
font-weight: 700;
background: transparent;
border: 2px solid #007BC2;
color: #007BC2; }
.textcta-c7a2 .secondary-cta-blue:visited, .textcta-c7a2 .secondary-cta-blue:active {
background: #fff;
border-color: #007BC2;
text-decoration: none;
color: #007BC2; }
.textcta-c7a2 .secondary-cta-blue:hover {
border-color: #00629B;
color: #00629B;
text-decoration: none; }
.textcta-c7a2 .fixed-width {
max-width: 300px !important; }
@media (min-width: 768px) and (max-width: 992px) {
.textcta-c7a2 .fixed-width {
max-width: 240px !important; } }
/* Add here all your css styles (customizations) */
/* textcta */
.text-cta-c7a1 {
padding: 70px 30px; }
@media (min-width: 768px) {
.text-cta-c7a1 a[href^="tel:"] {
color: #303030;
text-decoration: none;
cursor: default; } }
/* Add here all your css styles (customizations) */
#articlePage .aem-Grid {
margin-bottom: 25px; }
@media (min-width: 768px) {
#articlePage .aem-Grid {
margin-bottom: 40px; } }
@media (min-width: 992px) {
#articlePage .aem-Grid {
margin-bottom: 80px; } }
.text .cmp-text {
color: #404040; }
.text .cmp-text p, .text .cmp-text h6 {
font-size: 14px;
letter-spacing: normal;
line-height: 28px;
font-weight: 300;
font-size: 18px !important;
color: #303030;
margin-bottom: 1.5rem; }
@media only screen and (min-width: 768px) {
.text .cmp-text p, .text .cmp-text h6 {
font-size: 16px; } }
@media (min-width: 768px) {
.text .cmp-text p, .text .cmp-text h6 {
margin-bottom: 2.0rem; } }
.text .cmp-text blockquote {
font-size: 24px;
font-weight: 800;
letter-spacing: -0.71px;
line-height: 32px;
border-top: 2px solid #EE3124;
border-bottom: 2px solid #EE3124;
padding: 17px 11px;
margin: 50px 0; }
@media only screen and (min-width: 768px) and (max-width: 992px) {
.text .cmp-text blockquote {
font-size: 28px; } }
@media only screen and (min-width: 993px) {
.text .cmp-text blockquote {
font-size: 32px; } }
.text .cmp-text ul li, .text .cmp-text ol li {
font-size: 18px;
color: #303030;
font-weight: 300; }
.text .cmp-text h2,
.text .cmp-text h3,
.text .cmp-text h4,
.text .cmp-text h5, .text .cmp-text .body1, .text .cmp-text .body2 {
color: #303030;
font-weight: 300; }
.text .cmp-text h2 {
font-size: 50px;
line-height: 60px; }
.text .cmp-text h3 {
font-size: 40px;
line-height: 46px; }
.text .cmp-text h4 {
font-size: 28px;
line-height: 35px; }
.text .cmp-text h5 {
font-size: 22px;
line-height: 26px; }
.text .cmp-text .label1, .text .cmp-text .label2, .text .cmp-text .label3 {
color: #303030;
font-weight: 900;
letter-spacing: 0.5px; }
.text .cmp-text .label1 {
font-size: 18px;
line-height: 24px; }
.text .cmp-text .label2 {
font-size: 14px;
line-height: 17px; }
.text .cmp-text .label3 {
font-size: 18px;
line-height: 24px; }
.text .cmp-text .body1 {
font-size: 18px;
line-height: 25px; }
.text .cmp-text .body2 {
font-size: 15px;
line-height: 29px; }
.text .cmp-text a {
color: #007BC2;
font-weight: 400; }
.text .cmp-text a:hover {
color: #007BC2;
text-decoration: none; }
@media (max-width: 767px) {
.text .cmp-text h2 {
font-size: 28px;
line-height: 28px; }
.text .cmp-text h3 {
font-size: 24px;
line-height: 24px; }
.text .cmp-text h4 {
font-size: 20px;
line-height: 24px; }
.text .cmp-text h5 {
font-size: 18px;
line-height: 20px; }
.text .cmp-text .body1 {
font-size: 16px;
line-height: 23px; }
.text .cmp-text .body2 {
font-size: 14px;
line-height: 18px; }
.text .cmp-text .label1 {
font-size: 14px;
line-height: 15px; }
.text .cmp-text .label2 {
font-size: 12px;
line-height: 13px; }
.text .cmp-text .label3 {
font-size: 14px;
line-height: 15px; } }
.mvp2 .cmp-text p, .mvp2 .cmp-text h6 {
color: #303030;
font-size: 16px;
font-weight: 300;
line-height: 1.3;
width: 100%; }
@media only screen and (min-width: 768px) {
.mvp2 .cmp-text p, .mvp2 .cmp-text h6 {
font-size: 18px; } }
@media (min-width: 768px) {
.mvp2 .cmp-text p, .mvp2 .cmp-text h6 {
line-height: 1.4; } }
.mvp2 .cmp-text blockquote {
border: none; }
.mvp2 .cmp-text .table-responsive .table td p {
margin: 0; }
.mvp2 .cmp-text .table-responsive .table td p a {
color: #007BC2;
font-weight: 400; }
.mvp2 .cmp-text .table-responsive .table td p a:hover {
color: #007BC2;
text-decoration: none; }
.mvp2 .cmp-text .table-responsive .table td h4 {
margin: 0; }
.mvp2 .cmp-text .table-responsive .table td h3 {
margin: 0; }
.mvp2 .ctagrid-text .cmp-text p {
font-size: 14px;
line-height: 18px;
font-weight: 800; }
@media only screen and (min-width: 768px) {
.mvp2 .ctagrid-text .cmp-text p {
font-size: 15px;
line-height: 29px; } }
@media only screen and (min-width: 768px) {
.cmp-text p, .cmp-text h6 {
letter-spacing: -0.08px;
line-height: 32px; }
.cmp-text blockquote {
letter-spacing: -0.71px;
line-height: 44px;
border-left: 4px solid #EE3124;
border-top: none;
border-bottom: none;
padding: 0 0 0 40px; } }
@media only screen and (min-width: 992px) {
.cmp-text p, .cmp-text h6 {
letter-spacing: -0.09px;
line-height: 36px;
width: 90%; }
.cmp-text blockquote {
letter-spacing: -0.81px;
line-height: 48px;
width: 90%; } }
/* Add here all your css styles (customizations) */
#tenant-header #Tag-searchResults {
background: #fff; }
#tenant-header #Tag-searchResults .list-component__item-link:hover {
text-decoration: none; }
#Tag-searchResults .defaultSuggestions .popular-topics {
padding: 0; }
#Tag-searchResults .defaultSuggestions .popular-topics_title {
display: none !important; }
#Tag-searchResults .searchTitle {
color: #303030;
font-size: 40px;
font-weight: bold;
line-height: 46px; }
#Tag-searchResults .searchBox {
border: 0;
border-bottom: 3px solid #d8d8d8;
border-radius: 0;
caret-color: #007BC2;
height: 58px;
padding: 0 30px 0 0;
color: #000000;
font-size: 40px;
font-weight: bold;
line-height: 46px;
box-shadow: none !important; }
#Tag-searchResults input::-ms-clear {
display: none; }
#Tag-searchResults input.searchBox::-webkit-input-placeholder {
color: #9B9B9B;
font-size: 40px;
font-weight: bold;
line-height: 46px; }
#Tag-searchResults input.searchBox:-ms-input-placeholder {
color: #9B9B9B !important;
/* IE11 needs the !important flag */ }
#Tag-searchResults .form-control.searchBox:focus {
border: 0 !important;
border-bottom: 3px solid #007BC2 !important;
box-shadow: none !important; }
#Tag-searchResults .mvp-icon-search {
border: 0;
margin-left: -36px;
z-index: 3;
background: transparent;
cursor: pointer; }
#Tag-searchResults .mvp-icon-search:before {
color: #c0bebe;
font-size: 34px;
cursor: pointer; }
#Tag-searchResults .mvp-icon-carat_right:before {
color: #007BC2; }
#Tag-searchResults .mvp-icon-close {
cursor: pointer; }
#Tag-searchResults .mvp-icon-close:before {
color: #929090;
font-size: 34px;
cursor: pointer; }
#Tag-searchResults .list-group-item {
border: 0; }
#Tag-searchResults .Tag-Search-List .list-group-item {
height: 59px;
padding: 0 16px;
background: #f5f5f5;
border-radius: 0;
margin-right: 14px;
color: #303030;
font-size: 20px;
font-weight: 500;
line-height: 24px;
cursor: pointer; }
#Tag-searchResults .Tag-Search-List .list-group-item:hover {
color: #00629B; }
#Tag-searchResults .Tag-Search-List .Tag-List-View-More-Button {
height: 59px;
padding: 0 16px;
background: #f5f5f5;
border-radius: 0;
margin-right: 14px;
color: #303030;
font-size: 20px;
font-weight: 800;
line-height: 24px;
text-transform: uppercase; }
#Tag-searchResults .Tag-Search-List li:first-child {
margin-top: 34px; }
#Tag-searchResults .Tag-Search-List li {
margin: 4px 0; }
#Tag-searchResults .Tag-Search-List .list-component__item-link:hover {
text-decoration: none; }
@media (max-width: 767px) {
#Tag-searchResults .searchTitle {
font-size: 28px; }
#Tag-searchResults input.searchBox::-webkit-input-placeholder {
font-size: 22px; }
#Tag-searchResults .mvp-icon-search:before {
font-size: 22px; }
#Tag-searchResults .mvp-icon-search {
margin-left: -22px; }
#Tag-searchResults .Tag-Search-List .list-group-item, #Tag-searchResults .Tag-Search-List .Tag-List-View-More-Button {
margin-right: 0; }
#Tag-searchResults .searchBox {
font-size: 22px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
#Tag-searchResults .mvp-icon-close:before {
font-size: 28px; } }
.componentVisibility {
display: none !important; }
/* Add here all your css styles (customizations) */
.mvp2 .tab-c5c-container {
/*ul.tabs-c5c{
border-bottom:1px solid $grey11;
li{
.nav-link {
color:$grey-dark1;
font-size: 18px;
line-height: 1.4;
font-weight: 300;
padding: 1.5rem 1.8rem;
margin: 0 2rem;
border-bottom:7px solid $white;
&.active{
border-bottom:7px solid $blue;
font-weight: 500;
}
&:focus{
outline:none;
}
}
}
}*/ }
.mvp2 .tab-c5c-container.container {
max-width: 100%; }
.mvp2 .tab-c5c-container .cwr-header {
padding: 80px 30px 53px; }
@media (max-width: 576px) {
.mvp2 .tab-c5c-container .cwr-header {
padding: 50px 30px; } }
.mvp2 .tab-c5c-container h2.body1 {
font-weight: 500; }
.mvp2 .tab-c5c-container h3.body1 {
font-weight: 500; }
.mvp2 .tab-c5c-container .tabs-c5c-wrapper {
display: flex;
flex: 1;
border-bottom: 1px solid #D0D0D0;
overflow: hidden; }
.mvp2 .tab-c5c-container .tab-content {
border: none;
box-shadow: none; }
.mvp2 .tab-c5c-container .nav-pills {
display: flex;
flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
background: transparent;
height: 130px;
margin: 0 auto;
margin-bottom: -50px;
/* maximum width of scrollbar */
padding-bottom: 50px;
/* maximum width of scrollbar */
overflow-y: hidden;
overflow-x: scroll; }
.mvp2 .tab-c5c-container .nav-pills li.nav-item {
margin: 0;
display: flex;
align-items: center; }
.mvp2 .tab-c5c-container .nav-pills li.nav-item a {
font-size: 18px;
height: 80px;
display: flex;
align-items: center;
border-radius: 0;
border-bottom: 8px solid transparent;
white-space: nowrap; }
.mvp2 .tab-c5c-container .nav-pills li.nav-item a.active {
color: #404040;
font-weight: 800;
background: transparent;
border-bottom: 8px solid #007BC2; }
@media (max-width: 768px) {
.mvp2 .tab-c5c-container .tabs-c5c-wrapper {
border-bottom: none; }
.mvp2 .tab-c5c-container .nav-pills {
justify-content: start;
border-bottom: none;
height: 90px; }
.mvp2 .tab-c5c-container .nav-pills li.nav-item {
border-bottom: solid 1px #D0D0D0;
margin: 0 2px; }
.mvp2 .tab-c5c-container .nav-pills li.nav-item a {
height: 40px; } }
.mvp2 .tab-c5c-container .nav-item > a, .mvp2 .tab-c5c-container .nav-item > .nav-link, .mvp2 .tab-c5c-container [class*="u-tab-link"]:not([class*="-icon"]) {
transition-property: color, background-color, border-color;
transition-duration: .2s;
transition-timing-function: ease-in; }
.mvp2 .tab-c5c-container .nav-link {
color: #404040; }
@media (max-width: 767px) {
.mvp2 .tab-c5c-container .tab-pane .pr-0 {
padding: 0 !important; }
.mvp2 .tab-c5c-container .tab-pane .pl-md-0 {
padding: 0 !important; } }
/* Add here all your css styles (customizations) */
.tabs.aem-GridColumn {
padding: 0; }
.tabs-wrapper {
width: 100%;
margin-bottom: 12px; }
.tabs-wrapper.tabs-wrapper--gray {
background: #f6f6f6; }
.tabs-wrapper.tabs-wrapper--white {
background: #fff; }
.tabs-wrapper .nav-tabs {
padding: 0;
justify-content: center;
flex-direction: column;
border-width: 0 1px 1px 1px;
border-style: solid;
border-color: #007BC2;
display: none; }
.tabs-wrapper .custom-dropdown__link {
color: #303030;
border: 1px solid #D0D0D0; }
.tabs-wrapper .custom-dropdown__link:hover,
.tabs-wrapper .custom-dropdown__link:focus,
.tabs-wrapper .custom-dropdown__link:active {
text-decoration: none; }
.tabs-wrapper .custom-dropdown__link::after {
font-family: "icomoonregular";
content: "\e907";
color: #9B9B9B;
font-size: 24px;
font-weight: 300;
position: absolute;
right: 10px; }
.tabs-wrapper .custom-dropdown__link.expanded {
border-color: #007BC2; }
.tabs-wrapper .custom-dropdown__link.expanded::after {
content: "\e90A"; }
.tabs-wrapper .nav-item {
padding: 0 20px; }
@media (max-width: 767px) {
.tabs-wrapper .nav-item {
padding: 0; }
.tabs-wrapper .nav-item:not(:last-child) {
border-bottom: 1px solid #D0D0D0; } }
.tabs-wrapper .nav-link, .tabs-wrapper .custom-dropdown__link {
padding: 15px 10px 15px 20px;
width: 100%;
color: #303030;
font-size: 16px;
line-height: 23px;
font-weight: 500;
outline: 0;
text-transform: none; }
.tabs-wrapper .nav-link:hover, .tabs-wrapper .nav-link.active, .tabs-wrapper .custom-dropdown__link:hover, .tabs-wrapper .custom-dropdown__link.active {
background: none; }
.tabs-wrapper .nav-link.active, .tabs-wrapper .custom-dropdown__link.active {
color: #303030; }
.tabs-wrapper .nav-link {
border: 0; }
@media (min-width: 768px) {
.tabs-wrapper.desktop-view {
margin-bottom: 0; }
.tabs-wrapper.desktop-view.tabs-wrapper--gray .nav-tabs {
border-bottom: 0; }
.tabs-wrapper.desktop-view.tabs-wrapper--white .nav-tabs {
border-bottom: 1px solid #D0D0D0; }
.tabs-wrapper.desktop-view .nav-tabs {
display: flex !important;
flex-direction: row;
border: 0; }
.tabs-wrapper.desktop-view .nav-link {
padding: 27px 10px;
font-size: 18px;
line-height: 25px;
font-weight: 300; }
.tabs-wrapper.desktop-view .nav-link::after {
content: ""; }
.tabs-wrapper.desktop-view .nav-link:hover, .tabs-wrapper.desktop-view .nav-link.active {
padding-bottom: 19px;
border-bottom: 8px solid #007BC2;
border-width: 0 0 8px 0; }
.tabs-wrapper.desktop-view .nav-link.active {
color: #303030;
font-weight: 800;
padding-left: 9.5px;
padding-right: 9.5px; }
.tabs-wrapper.mobile-view .nav-item {
padding: 0; }
.tabs-wrapper.mobile-view .nav-item:not(:last-child) {
border-bottom: 1px solid #D0D0D0; }
.tabs-wrapper.mobile-view .nav-link {
text-align: left !important; } }
.tab-content .tab-pane-wrapper .icons.mvp-icon-globe:before {
color: #007BC2; }
.tab-content .tab-pane-wrapper .t-content-wrap p {
font-size: 20px;
line-height: 32px;
font-weight: 300; }
.tab-content .tab-pane-wrapper .t-content-wrap .cta-more {
color: #007BC2;
text-transform: uppercase;
font-size: 14px; }
.tab-content .p-content p {
font-size: 16px;
line-height: 22px;
font-weight: 300; }
.tab-content .social-icons a:before {
font-size: 24px;
padding: 0 15px; }
.platform-detail .tabs .cta, .product-detail .tabs .cta {
margin: 0; }
.platform-detail .tab-content, .product-detail .tab-content {
overflow: hidden; }
/* Add here all your css styles (customizations) */
.table-component.mvp2 {
/*
styles for table as per Invision
*/
/*
CUSTOM Styles INPUT Class Name color palettes
*/ }
.table-component.mvp2 table.dataTable {
clear: both;
margin-top: 6px !important;
margin-bottom: 6px !important;
max-width: none !important;
border-collapse: separate !important; }
.table-component.mvp2 table.dataTable td, .table-component.mvp2 table.dataTable th {
-webkit-box-sizing: content-box;
box-sizing: content-box; }
.table-component.mvp2 table.dataTable td.dataTables_empty, .table-component.mvp2 table.dataTable th.dataTables_empty {
text-align: center; }
.table-component.mvp2 table.dataTable.nowrap th, .table-component.mvp2 table.dataTable.nowrap td {
white-space: nowrap; }
.table-component.mvp2 div.dataTables_wrapper div.dataTables_length label {
font-weight: normal;
text-align: left;
white-space: nowrap; }
.table-component.mvp2 div.dataTables_wrapper div.dataTables_length select {
width: 75px;
display: inline-block; }
.table-component.mvp2 div.dataTables_wrapper div.dataTables_filter {
text-align: right; }
.table-component.mvp2 div.dataTables_wrapper div.dataTables_filter label {
font-weight: normal;
white-space: nowrap;
text-align: left; }
.table-component.mvp2 div.dataTables_wrapper div.dataTables_filter input {
margin-left: 0.5em;
display: inline-block;
width: auto; }
.table-component.mvp2 div.dataTables_wrapper div.dataTables_info {
padding-top: 8px;
white-space: nowrap; }
.table-component.mvp2 div.dataTables_wrapper div.dataTables_paginate {
margin: 0;
white-space: nowrap;
text-align: right; }
.table-component.mvp2 div.dataTables_wrapper div.dataTables_paginate ul.pagination {
margin: 2px 0;
white-space: nowrap; }
.table-component.mvp2 div.dataTables_wrapper div.dataTables_processing {
position: absolute;
top: 50%;
left: 50%;
width: 200px;
margin-left: -100px;
margin-top: -26px;
text-align: center;
padding: 1em 0; }
.table-component.mvp2 table.dataTable thead > tr > th.sorting_asc, .table-component.mvp2 table.dataTable thead > tr > th.sorting_desc, .table-component.mvp2 table.dataTable thead > tr > th.sorting, .table-component.mvp2 table.dataTable thead > tr > td.sorting_asc, .table-component.mvp2 table.dataTable thead > tr > td.sorting_desc, .table-component.mvp2 table.dataTable thead > tr > td.sorting {
padding-right: 30px; }
.table-component.mvp2 table.dataTable thead > tr > th:active, .table-component.mvp2 table.dataTable thead > tr > td:active {
outline: none; }
.table-component.mvp2 table.dataTable thead .sorting, .table-component.mvp2 table.dataTable thead .sorting_asc, .table-component.mvp2 table.dataTable thead .sorting_desc, .table-component.mvp2 table.dataTable thead .sorting_asc_disabled, .table-component.mvp2 table.dataTable thead .sorting_desc_disabled {
cursor: pointer;
position: relative; }
.table-component.mvp2 table.dataTable thead .sorting:after, .table-component.mvp2 table.dataTable thead .sorting_asc:after, .table-component.mvp2 table.dataTable thead .sorting_desc:after, .table-component.mvp2 table.dataTable thead .sorting_asc_disabled:after, .table-component.mvp2 table.dataTable thead .sorting_desc_disabled:after {
position: absolute;
bottom: 8px;
right: 8px;
display: block;
font-family: 'Glyphicons Halflings';
opacity: 0.5; }
.table-component.mvp2 table.dataTable thead .sorting:after {
opacity: 0.2; }
.table-component.mvp2 table.dataTable thead .sorting_asc_disabled:after, .table-component.mvp2 table.dataTable thead .sorting_desc_disabled:after {
color: #eee; }
.table-component.mvp2 div.dataTables_scrollHead table.dataTable {
margin-bottom: 0 !important; }
.table-component.mvp2 div.dataTables_scrollBody > table {
border-top: none;
margin-top: 0 !important;
margin-bottom: 0 !important; }
.table-component.mvp2 div.dataTables_scrollBody > table > thead .sorting:after, .table-component.mvp2 div.dataTables_scrollBody > table > thead .sorting_asc:after, .table-component.mvp2 div.dataTables_scrollBody > table > thead .sorting_desc:after {
display: none; }
.table-component.mvp2 div.dataTables_scrollBody > table > tbody > tr:first-child > th, .table-component.mvp2 div.dataTables_scrollBody > table > tbody > tr:first-child > td {
border-top: none; }
.table-component.mvp2 div.dataTables_scrollFoot > .dataTables_scrollFootInner {
box-sizing: content-box; }
.table-component.mvp2 div.dataTables_scrollFoot > .dataTables_scrollFootInner > table {
margin-top: 0 !important;
border-top: none; }
@media screen and (max-width: 767px) {
.table-component.mvp2 div.dataTables_wrapper div.dataTables_length, .table-component.mvp2 div.dataTables_wrapper div.dataTables_filter, .table-component.mvp2 div.dataTables_wrapper div.dataTables_info, .table-component.mvp2 div.dataTables_wrapper div.dataTables_paginate {
text-align: center; } }
.table-component.mvp2 table.dataTable.table-condensed > thead > tr > th {
padding-right: 20px; }
.table-component.mvp2 table.dataTable.table-condensed .sorting:after, .table-component.mvp2 table.dataTable.table-condensed .sorting_asc:after, .table-component.mvp2 table.dataTable.table-condensed .sorting_desc:after {
top: 6px;
right: 6px;
display: none; }
.table-component.mvp2 table.table-bordered.dataTable th, .table-component.mvp2 table.table-bordered.dataTable td {
border-left-width: 0; }
.table-component.mvp2 table.table-bordered.dataTable th:last-child, .table-component.mvp2 table.table-bordered.dataTable th:last-child, .table-component.mvp2 table.table-bordered.dataTable td:last-child, .table-component.mvp2 table.table-bordered.dataTable td:last-child {
border-right-width: 0; }
.table-component.mvp2 table.table-bordered.dataTable tbody th, .table-component.mvp2 table.table-bordered.dataTable tbody td {
border-bottom-width: 0; }
.table-component.mvp2 div.dataTables_scrollHead table.table-bordered {
border-bottom-width: 0; }
.table-component.mvp2 div.table-responsive > div.dataTables_wrapper > div.row {
margin: 0; }
.table-component.mvp2 div.table-responsive > div.dataTables_wrapper > div.row > div[class^="col-"]:first-child {
padding-left: 0; }
.table-component.mvp2 div.table-responsive > div.dataTables_wrapper > div.row > div[class^="col-"]:last-child {
padding-right: 0; }
.table-component.mvp2 table.dataTable.dtr-inline.collapsed > tbody > tr > td.child, .table-component.mvp2 table.dataTable.dtr-inline.collapsed > tbody > tr > th.child, .table-component.mvp2 table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty {
cursor: default !important; }
.table-component.mvp2 table.dataTable.dtr-inline.collapsed > tbody > tr > td.child:before, .table-component.mvp2 table.dataTable.dtr-inline.collapsed > tbody > tr > th.child:before, .table-component.mvp2 table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty:before {
display: none !important; }
.table-component.mvp2 table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child, .table-component.mvp2 table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child {
position: relative;
padding-left: 30px;
cursor: pointer; }
.table-component.mvp2 table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child:before, .table-component.mvp2 table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child:before {
top: 9px;
left: 4px;
height: 14px;
width: 14px;
display: block;
position: absolute;
color: white;
border: 2px solid white;
border-radius: 14px;
box-shadow: 0 0 3px #444;
box-sizing: content-box;
text-align: center;
text-indent: 0 !important;
font-family: 'Courier New', Courier, monospace;
line-height: 14px;
content: '+';
background-color: #337ab7; }
.table-component.mvp2 table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before, .table-component.mvp2 table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before {
content: '-';
background-color: #d33333; }
.table-component.mvp2 table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child, .table-component.mvp2 table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child {
padding-left: 27px; }
.table-component.mvp2 table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child:before, .table-component.mvp2 table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child:before {
top: 5px;
left: 4px;
height: 14px;
width: 14px;
border-radius: 14px;
line-height: 14px;
text-indent: 3px; }
.table-component.mvp2 table.dataTable.dtr-column > tbody > tr > td.control, .table-component.mvp2 table.dataTable.dtr-column > tbody > tr > th.control {
position: relative;
cursor: pointer; }
.table-component.mvp2 table.dataTable.dtr-column > tbody > tr > td.control:before, .table-component.mvp2 table.dataTable.dtr-column > tbody > tr > th.control:before {
top: 50%;
left: 50%;
height: 16px;
width: 16px;
margin-top: -10px;
margin-left: -10px;
display: block;
position: absolute;
color: white;
border: 2px solid white;
border-radius: 14px;
box-shadow: 0 0 3px #444;
box-sizing: content-box;
text-align: center;
text-indent: 0 !important;
font-family: 'Courier New', Courier, monospace;
line-height: 14px;
content: '+';
background-color: #337ab7; }
.table-component.mvp2 table.dataTable.dtr-column > tbody > tr.parent td.control:before, .table-component.mvp2 table.dataTable.dtr-column > tbody > tr.parent th.control:before {
content: '-';
background-color: #d33333; }
.table-component.mvp2 table.dataTable > tbody > tr.child {
padding: 0.5em 1em; }
.table-component.mvp2 table.dataTable > tbody > tr.child:hover {
background: transparent !important; }
.table-component.mvp2 table.dataTable > tbody > tr.child ul.dtr-details {
display: inline-block;
list-style-type: none;
margin: 0;
padding: 0; }
.table-component.mvp2 table.dataTable > tbody > tr.child ul.dtr-details > li {
border-bottom: 1px solid #efefef;
padding: 0.5em 0; }
.table-component.mvp2 table.dataTable > tbody > tr.child ul.dtr-details > li:first-child {
padding-top: 0; }
.table-component.mvp2 table.dataTable > tbody > tr.child ul.dtr-details > li:last-child {
border-bottom: none; }
.table-component.mvp2 table.dataTable > tbody > tr.child span.dtr-title {
display: inline-block;
min-width: 75px;
font-weight: bold; }
.table-component.mvp2 div.dtr-modal {
position: fixed;
box-sizing: border-box;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 100;
padding: 10em 1em; }
.table-component.mvp2 div.dtr-modal div.dtr-modal-display {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 50%;
height: 50%;
overflow: auto;
margin: auto;
z-index: 102;
overflow: auto;
background-color: #f5f5f7;
border: 1px solid black;
border-radius: 0.5em;
box-shadow: 0 12px 30px rgba(0, 0, 0, 0.6); }
.table-component.mvp2 div.dtr-modal div.dtr-modal-content {
position: relative;
padding: 1em; }
.table-component.mvp2 div.dtr-modal div.dtr-modal-close {
position: absolute;
top: 6px;
right: 6px;
width: 22px;
height: 22px;
border: 1px solid #eaeaea;
background-color: #f9f9f9;
text-align: center;
border-radius: 3px;
cursor: pointer;
z-index: 12; }
.table-component.mvp2 div.dtr-modal div.dtr-modal-close:hover {
background-color: #eaeaea; }
.table-component.mvp2 div.dtr-modal div.dtr-modal-background {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 101;
background: rgba(0, 0, 0, 0.6); }
@media screen and (max-width: 767px) {
.table-component.mvp2 div.dtr-modal div.dtr-modal-display {
width: 95%; } }
.table-component.mvp2 div.dtr-bs-modal table.table tr:first-child td {
border-top: none; }
.table-component.mvp2 .dataTables_wrapper div {
width: 100%; }
.table-component.mvp2 .table-bordered table, .table-component.mvp2 .table-bordered {
border: none; }
.table-component.mvp2 .table .dataTable thead .sorting_asc:after {
content: none !important; }
.table-component.mvp2 .table .dataTable thead .sorting_desc:after {
content: none !important; }
.table-component.mvp2 .dataTables_info {
display: none; }
.table-component.mvp2 .table thead tr, .table-component.mvp2 .dataTable thead tr {
background-color: #606060;
color: #fff; }
.table-component.mvp2 .table tbody tr:first-child,
.table-component.mvp2 .table tr th,
.table-component.mvp2 .dataTable tr th,
.table-component.mvp2 .table thead td,
.table-component.mvp2 .dataTable thead td {
color: #fff !important;
padding: 10px 17px 10px 17px;
font-size: 18px;
line-height: 25px;
font-weight: normal; }
.table-component.mvp2 .dataTable tbody tr {
background-color: transparent !important; }
.table-component.mvp2 .table tr.odd, .table-component.mvp2 .dataTable tr.odd {
background-color: #f7f7f7 !important;
color: #303030 !important; }
.table-component.mvp2 .table tbody tr td, .table-component.mvp2 .dataTable tbody tr td {
padding: 17px;
font-size: 16px;
font-weight: 300;
line-height: 23px;
color: #303030; }
.table-component.mvp2 .dataTable tbody tr:first-child td {
color: #303030 !important;
font-size: 16px !important;
font-weight: 300 !important; }
.table-component.mvp2 .table-bordered th, .table-component.mvp2 .table-bordered td {
border: none; }
.table-component.mvp2 .custom-palette__blue.table thead tr,
.table-component.mvp2 .custom-palette__blue .dataTable thead tr {
background-color: #0892df !important;
color: #fff !important; }
.table-component.mvp2 .custom-palette__blue.table tbody tr:first-child,
.table-component.mvp2 .custom-palette__blue.table tr th,
.table-component.mvp2 .custom-palette__blue .dataTable tr th,
.table-component.mvp2 .custom-palette__blue.table thead td,
.table-component.mvp2 .custom-palette__blue .dataTable thead td {
color: #fff;
padding: 10px 17px 10px 17px;
font-size: 18px;
line-height: 25px;
font-weight: normal; }
.table-component.mvp2 .custom-palette__blue .dataTable tbody tr {
background-color: transparent !important; }
.table-component.mvp2 .custom-palette__blue.table tr.odd,
.table-component.mvp2 .custom-palette__blue .dataTable tr.odd {
background-color: #bad8eb !important;
color: #303030 !important; }
.table-component.mvp2 .custom-palette__blue.table tbody tr td,
.table-component.mvp2 .custom-palette__blue .dataTable tbody tr td {
padding: 17px;
font-size: 16px;
font-weight: 300;
line-height: 23px;
color: #303030; }
.table-component.mvp2 .custom-palette__blue .dataTable tbody tr:first-child td {
background-color: #bad8eb !important;
color: #303030 !important;
font-size: 16px !important;
font-weight: 300 !important; }
.table-component.mvp2 .custom-palette__blue.table-bordered th, .table-component.mvp2 .custom-palette__blue.table-bordered td {
border: none; }
@media (max-width: 767px) {
.table-component.mvp2 table {
display: none !important; } }
.table-component.mvp2 .table-mobile .table-cell {
margin-bottom: 16px;
margin-top: 20px; }
.table-component.mvp2 .table-mobile .table-cell .table-th {
font-size: 14px;
font-weight: 300;
line-height: 18px; }
.table-component.mvp2 .table-mobile .table-cell .table-td {
font-size: 16px;
font-weight: 300;
line-height: 23px; }
.table-component.mvp2 .table-mobile .table-row .option-button {
background-color: #F7F7F7;
width: 100%;
height: 48px;
color: #007BC2;
font-size: 14px;
font-weight: 300;
line-height: 18px;
border: 0; }
.table-component.mvp2 .table-mobile .table-row .option-button:hover {
color: #00629B; }
.table-component.mvp2 .table-mobile .table-row .option-button:focus {
outline: 0; }
.table-component.mvp2 .table-mobile .table-row .option-button .sign {
padding-right: 10px; }
.table-component.mvp2 .table-mobile .table-row .option-button .sign-plus:after {
content: '\005B \002B \005D \0020 Show Details'; }
.table-component.mvp2 .table-mobile .table-row .option-button .sign-minus:after {
content: '\005B \002D \005D \0020 Hide Details'; }
/* Add here all your css styles (customizations) */
#searchResults.mvp2 .searchbarwrap .search__field .form-control {
border: 0;
border-radius: 0;
height: 60px;
background-clip: unset; }
#searchResults.mvp2 .searchbarwrap #searchResultsSubmit {
background: #fff;
border: 0;
width: 60px;
cursor: pointer;
transition: .2s all ease; }
#searchResults.mvp2 .searchbarwrap #searchResultsSubmit::before {
font-size: 24px;
margin-top: 5px; }
#searchResults.mvp2 #searchFilters .form-control {
height: 48px;
border-radius: 0; }
#searchResults.mvp2 #searchFilters .form-control:focus {
width: 100%; }
#searchResults.mvp2 #searchFilters #resetSearchFilter {
background: none;
border: none;
padding: 0;
cursor: pointer; }
#searchResults.mvp2 #searchFilters #resetSearchFilter .mvp-icon-close:before {
font-size: 12px; }
#searchResults.mvp2 #searchFilters button {
background: none;
height: 60px; }
#searchResults.mvp2 #searchFilters button .mvp-icon-carat_down:before {
font-size: 32px; }
#searchResults.mvp2 .search-page-error {
color: #007BC2; }
#searchResults.mvp2 .search-tags {
color: #A0A0A0;
border: 1px solid #A0A0A0;
padding: 3px 7px;
min-width: 160px;
width: 47%;
display: inline-block;
text-align: center; }
@media (min-width: 768px) {
#searchResults.mvp2 .search-tags {
width: 205px; } }
#searchResults.mvp2 .search-result-left a {
border: 1px solid #F7F7F7;
width: 160px;
height: 160px; }
@media (min-width: 768px) {
#searchResults.mvp2 .search-result-left a {
width: 200px;
height: 200px; } }
#searchResults.mvp2 .search-result-left a img {
width: 100%;
max-height: 195px; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
#searchResults.mvp2 .search-result-left a img {
width: 100%; } }
#searchResults.mvp2 .search-result-center h4 a {
color: #303030;
transition: .2s all ease;
font-weight: 800; }
#searchResults.mvp2 .search-result-center h4 a:hover {
text-decoration: none;
color: #007BC2; }
span.multiselect-native-select {
position: relative
}
span.multiselect-native-select select {
border: 0 !important;
clip: rect(0 0 0 0) !important;
height: 1px !important;
margin: -1px -1px -1px -3px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important;
left: 50%;
top: 30px
}
.multiselect-container {
position: absolute;
list-style-type: none;
margin: 0;
padding: 0;
width:200px;
}
.multiselect-container .input-group {
margin: 5px
}
.multiselect-container .multiselect-reset .input-group {
width: 93%
}
.multiselect-container>li {
padding: 0 10px;
}
.multiselect-container>li>a.multiselect-all label {
font-weight: 700
}
.multiselect-container>li.multiselect-group label {
margin: 0;
padding: 3px 0;
height: 100%;
font-weight: 700
}
.multiselect-container>li.multiselect-group-clickable label {
cursor: pointer
}
.multiselect-container>li>a {
padding: 0;
color:#000;
}
.multiselect-container>li>a>label {
margin: 0;
height: 100%;
cursor: pointer;
font-weight: 400;
padding: 3px 0;
}
.multiselect-container>li>a>label.checkbox,
.multiselect-container>li>a>label.radio {
margin: 0
}
.multiselect-container>li>a>label>input[type=checkbox] {
margin-bottom: 5px
}
.btn-group>.btn-group:nth-child(2)>.multiselect.btn {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px
}
.form-inline .multiselect-container label.checkbox,
.form-inline .multiselect-container label.radio {
padding: 3px 20px 3px 40px
}
.form-inline .multiselect-container li a label.checkbox input[type=checkbox],
.form-inline .multiselect-container li a label.radio input[type=radio] {
margin-left: -20px;
margin-right: 0
}
/* Add here all your css styles (customizations) */
.superhero .hero-wrapper .mvp2.superhero-overlay-dark, .superhero .hero-wrapper .mvp2.superhero-overlay-light, .superhero .herocontent .mvp2.superhero-overlay-dark, .superhero .herocontent .mvp2.superhero-overlay-light {
position: relative; }
.superhero .hero-wrapper .mvp2.superhero-overlay-dark img, .superhero .hero-wrapper .mvp2.superhero-overlay-light img, .superhero .herocontent .mvp2.superhero-overlay-dark img, .superhero .herocontent .mvp2.superhero-overlay-light img {
width: 100%;
vertical-align: top; }
.superhero .hero-wrapper .mvp2.superhero-overlay-dark:after, .superhero .herocontent .mvp2.superhero-overlay-dark:after {
content: '\A';
position: absolute;
width: 100%;
top: 0;
left: 0;
bottom: 0;
background: linear-gradient(270deg, transparent 0%, #000 100%);
opacity: 0.75;
transition: all 0.5s;
-webkit-transition: all 0.5s; }
.superhero .hero-wrapper .mvp2.superhero-overlay-light:after, .superhero .herocontent .mvp2.superhero-overlay-light:after {
content: '\A';
position: absolute;
width: 100%;
top: 0;
left: 0;
bottom: 0;
opacity: 0.75;
background: linear-gradient(270deg, transparent 0%, #ffffff 100%); }
@media (max-width: 576px) {
.superhero .hero-wrapper .mvp2.superhero-overlay-dark:after, .superhero .herocontent .mvp2.superhero-overlay-dark:after {
background: linear-gradient(0, transparent 0%, #000 100%); }
.superhero .hero-wrapper .mvp2.superhero-overlay-light:after, .superhero .herocontent .mvp2.superhero-overlay-light:after {
background: linear-gradient(0, transparent 0%, #ffffff 100%); } }
.superhero .hero-wrapper .mvp2 .container-fluid, .superhero .herocontent .mvp2 .container-fluid {
position: relative;
z-index: 2; }
.superhero .hero-wrapper .mvp2 .superhero-heading, .superhero .herocontent .mvp2 .superhero-heading {
margin-top: 0; }
.superhero .hero-wrapper .mvp2 .superhero-heading .header1, .superhero .herocontent .mvp2 .superhero-heading .header1 {
line-height: 27px !important;
margin-bottom: 0;
text-transform: uppercase;
font-family: "Solstice Sans";
font-weight: 700;
letter-spacing: -2px;
padding-top: 10px; }
.superhero .hero-wrapper .mvp2 .superhero-heading .header1 span, .superhero .herocontent .mvp2 .superhero-heading .header1 span {
display: block; }
@media (min-width: 768px) {
.superhero .hero-wrapper .mvp2 .superhero-heading, .superhero .herocontent .mvp2 .superhero-heading {
margin-top: 0; }
.superhero .hero-wrapper .mvp2 .superhero-heading .header1, .superhero .herocontent .mvp2 .superhero-heading .header1 {
font-size: 45px;
line-height: 46px !important;
width: 700px;
margin-left: -4px;
padding-top: 10px; }
.superhero .hero-wrapper .mvp2 .superhero-heading .subheadline, .superhero .herocontent .mvp2 .superhero-heading .subheadline {
width: 475px;
font-family: "solstice sans";
font-size: 20px;
line-height: 24px;
margin-top: 25px;
font-weight: 800; }
.superhero .hero-wrapper .mvp2 .superhero-heading .text-cta-arrow, .superhero .herocontent .mvp2 .superhero-heading .text-cta-arrow {
padding-left: 0; }
.superhero .hero-wrapper .mvp2 .superhero-heading .text-cta-arrow.white-red, .superhero .herocontent .mvp2 .superhero-heading .text-cta-arrow.white-red {
color: #fff; }
.superhero .hero-wrapper .mvp2 .superhero-heading .text-cta-arrow.white-red:hover, .superhero .herocontent .mvp2 .superhero-heading .text-cta-arrow.white-red:hover {
color: #dc202e; }
.superhero .hero-wrapper .mvp2 .superhero-heading .text-cta-arrow.white-blue, .superhero .herocontent .mvp2 .superhero-heading .text-cta-arrow.white-blue {
color: #fff; }
.superhero .hero-wrapper .mvp2 .superhero-heading .text-cta-arrow.white-blue:hover, .superhero .herocontent .mvp2 .superhero-heading .text-cta-arrow.white-blue:hover {
color: #00629B; }
.superhero .hero-wrapper .mvp2 .superhero-heading .text-cta-arrow.charcoal-red, .superhero .herocontent .mvp2 .superhero-heading .text-cta-arrow.charcoal-red {
color: #303030; }
.superhero .hero-wrapper .mvp2 .superhero-heading .text-cta-arrow.charcoal-red:hover, .superhero .herocontent .mvp2 .superhero-heading .text-cta-arrow.charcoal-red:hover {
color: #dc202e; }
.superhero .hero-wrapper .mvp2 .superhero-heading .text-cta-arrow.charcoal-blue, .superhero .herocontent .mvp2 .superhero-heading .text-cta-arrow.charcoal-blue {
color: #303030; }
.superhero .hero-wrapper .mvp2 .superhero-heading .text-cta-arrow.charcoal-blue:hover, .superhero .herocontent .mvp2 .superhero-heading .text-cta-arrow.charcoal-blue:hover {
color: #00629B; } }
@media (min-width: 992px) {
.superhero .hero-wrapper .mvp2 .superhero-heading .header1, .superhero .herocontent .mvp2 .superhero-heading .header1 {
line-height: 54px !important;
font-size: 55px;
margin-top: 0;
padding-top: 10px; }
.superhero .hero-wrapper .mvp2 .superhero-heading .subheadline, .superhero .herocontent .mvp2 .superhero-heading .subheadline {
font-size: 22px;
line-height: 26px; } }
@media (min-width: 320px) and (max-width: 767px) {
.superhero .hero-wrapper .mvp2 .superhero-heading .header1, .superhero .herocontent .mvp2 .superhero-heading .header1 {
font-size: 26px; } }
.superhero .hero-wrapper .mvp2.mvp-hero-video .superhero-heading .text-cta-arrow, .superhero .herocontent .mvp2.mvp-hero-video .superhero-heading .text-cta-arrow {
padding-left: 0; }
.superhero .hero-wrapper .mvp2 .primary-cta, .superhero .hero-wrapper .mvp2 .secondary-cta, .superhero .hero-wrapper .mvp2 .primary-red-cta, .superhero .hero-wrapper .mvp2 .secondary-red-cta, .superhero .herocontent .mvp2 .primary-cta, .superhero .herocontent .mvp2 .secondary-cta, .superhero .herocontent .mvp2 .primary-red-cta, .superhero .herocontent .mvp2 .secondary-red-cta {
margin-left: 0; }
.superhero .hero-wrapper .mvp2 .primary-cta.invert, .superhero .hero-wrapper .mvp2 .secondary-cta.invert, .superhero .hero-wrapper .mvp2 .primary-red-cta.invert, .superhero .hero-wrapper .mvp2 .secondary-red-cta.invert, .superhero .herocontent .mvp2 .primary-cta.invert, .superhero .herocontent .mvp2 .secondary-cta.invert, .superhero .herocontent .mvp2 .primary-red-cta.invert, .superhero .herocontent .mvp2 .secondary-red-cta.invert {
margin-left: 0; }
.superhero .hero-wrapper .mvp2 .btn, .superhero .herocontent .mvp2 .btn {
background: transparent !important; }
.superhero .hero-wrapper .mvp2 .play-btn .play-rollover, .superhero .herocontent .mvp2 .play-btn .play-rollover {
display: none; }
.superhero .hero-wrapper .mvp2 .play-btn:hover .play-rollover, .superhero .herocontent .mvp2 .play-btn:hover .play-rollover {
display: block; }
.superhero .hero-wrapper .mvp2 .play-btn:hover .play, .superhero .herocontent .mvp2 .play-btn:hover .play {
display: none; }
.superhero .hero-wrapper .mvp2 .btn-overplay, .superhero .herocontent .mvp2 .btn-overplay {
position: absolute;
left: 36%;
top: 67%;
z-index: 4;
background-size: 100%;
margin-top: -72px; }
.superhero .hero-wrapper .mvp2 .play-control, .superhero .herocontent .mvp2 .play-control {
position: absolute;
bottom: 10px;
left: 10px;
z-index: 3; }
.superhero .hero-wrapper .mvp2 .play-control a, .superhero .herocontent .mvp2 .play-control a {
color: white; }
@media (min-width: 768px) {
.superhero .hero-wrapper .mvp2 .btn-overplay, .superhero .herocontent .mvp2 .btn-overplay {
left: 50%;
top: 50%; } }
.superhero .modal-dialog {
max-width: 100%; }
.modal-open .mvp2.mvp-hero-video .container {
z-index: auto; }
.video.aem-GridColumn::after {
content: none; }
.video-modal-height {
height: 40vw; }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
.video-modal .modal-dialog {
max-width: 100%;
margin: 0.5rem; } }
.video-modal-img {
margin: 15px 0;
border: 1px solid #9B9B9B;
width: 100%; }
.video-modal-img:hover {
border: 1px solid #007BC2; }
.hero-wrapper.superhero-video-fit {
height: 790px !important;
margin-top: -86px; }
.amp-default-skin .vjs-play-progress {
background-color: #ffffff !important;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#ffffff)) !important;
background: -webkit-linear-gradient(#ffffff, #ffffff) !important;
background: linear-gradient(#ffffff, #ffffff) !important; }
@-moz-document url-prefix() {
.high-contrast-enabled .amp-default-skin .vjs-play-progress {
border: 1px solid #ffffff !important; } }
@media all and (-ms-high-contrast: active) {
.amp-default-skin .vjs-play-progress {
border: 1px solid #ffffff !important; } }
.stats-container .xf-content-height {
margin: 0 !important; }
.stats-experiencefragment .xf-content-height {
margin: 0 !important; }
@media (min-width: 768px) {
.stats-c81a {
display: flex; } }
@media (min-width: 320px) and (max-width: 767px) {
.stats-c81a {
padding: 30px 0; } }
.stats-c81a .stats-module {
width: 100%; }
.stats-c81a .sub-headline-container .body1 {
margin-bottom: 0.7rem; }
.stats-c81a .stats-headline {
margin-bottom: 20px; }
@media (min-width: 768px) {
.stats-c81a .stats-headline {
display: flex;
flex-direction: column;
justify-content: flex-start;
margin-right: 2em; } }
@media (min-width: 992px) {
.stats-c81a .stats-headline {
margin-right: 8em; } }
.stats-c81a .stats-headline .headline-black {
color: #000; }
.stats-c81a .stats-headline .headline-red {
color: #DC202E; }
.stats-c81a .stats-headline .header1 {
font-family: "Solstice Sans", Arial, Helvetica, sans-serif;
font-weight: 700;
margin-bottom: 0;
text-transform: uppercase;
letter-spacing: -2px; }
@media (min-width: 320px) {
.stats-c81a .stats-headline .header1 {
line-height: 27px; } }
@media (min-width: 768px) {
.stats-c81a .stats-headline .header1 {
font-size: 3em;
line-height: 33px; } }
@media (min-width: 768px) {
.stats-c81a .stats-info-container {
display: flex;
flex-direction: row; } }
.stats-c81a .stats-number {
font-family: "Solstice Sans", Arial, Helvetica, sans-serif;
font-weight: 700;
font-size: 4em;
letter-spacing: -2px;
text-transform: uppercase;
color: #303030;
margin-bottom: 0; }
@media (min-width: 320px) {
.stats-c81a .stats-number {
font-size: 5em; } }
@media (min-width: 768px) {
.stats-c81a .stats-number {
font-size: 3em; } }
.stats-c81a .stats-description {
font-family: "Solstice Sans", Arial, Helvetica, sans-serif;
font-size: 2em;
letter-spacing: -2px;
color: #303030;
line-height: normal;
text-align: left;
margin-right: 20px; }
.stats-c81a .stats-cta {
font-family: "Solstice Sans", Arial, Helvetica, sans-serif;
font-weight: 700;
font-size: 13px;
line-height: 16px;
padding: 15px 40px;
min-width: 232px;
width: auto;
letter-spacing: 0.5px;
text-transform: uppercase;
text-align: center;
transition: all .3s ease;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
background: transparent;
border: 2px solid #DC202E;
color: #DC202E;
margin-top: 20px; }
.stats-c81a .stats-cta:visited, .stats-c81a .stats-cta:active {
border-color: #DC202E;
color: #DC202E;
text-decoration: none; }
.stats-c81a .stats-cta:hover {
border-color: #B5131F;
color: #B5131F;
text-decoration: none; }
@media (max-width: 768px) {
.stats-c81a .stats-cta {
width: 100%;
max-width: 320px;
padding: 15px 8px; } }
/* Add here all your css styles (customizations) */
.brands-stat-numbers {
text-align: center;
margin-bottom: 70px; }
.brands-stat-numbers.grey-bg {
background-color: #F7F7F7; }
.brands-stat-numbers h2, .brands-stat-numbers p {
font-weight: 400 !important;
word-wrap: break-word; }
@media (max-width: 576px) {
.brands-stat-numbers h2 {
font-size: 50px !important; } }
.brands-stat-numbers h4 {
font-size: 40px !important; }
@media (max-width: 576px) {
.brands-stat-numbers h4 {
font-size: 28px !important; } }
@media (max-width: 576px) {
.brands-stat-numbers p {
font-size: 18px !important; } }
.brands-stat-numbers [class^=col-] {
padding-left: 60px;
padding-right: 60px; }
@media (max-width: 768px) {
.brands-stat-numbers [class^=col-] {
padding-left: 50px;
padding-right: 50px; } }
@media (min-width: 1440px) {
.brands-stat-numbers [class^=col-] {
padding-left: 90px;
padding-right: 90px; } }
@media (min-width: 768px) {
.brands-stat-numbers [class^=col-] {
border-right: 1px solid #A0A0A0; }
.brands-stat-numbers [class^=col-]:last-child {
border-right: none; } }
@media (max-width: 576px) {
.brands-stat-numbers .pb-xs-30 {
padding-bottom: 30px !important; } }
.StandardEquipment.list-component.mvp2 ul {
padding: 0; }
.StandardEquipment.list-component.mvp2 ul .tileBorder {
background-color: #f7f7f7;
border-top: 15px solid white;
border-left: 15px solid white;
border-right: 15px solid white; }
@media screen and (max-width: 767px) {
.StandardEquipment.list-component.mvp2 ul .tileBorder {
border-bottom: 15px solid white;
border-top: 0;
border-right: 0;
border-left: 0; } }
@media (max-width: 991px) and (min-width: 768px) {
.StandardEquipment.list-component.mvp2 ul .list-row div.tileBorder:nth-child(2n+1) {
border-left: 0; }
.StandardEquipment.list-component.mvp2 ul .list-row div.tileBorder:nth-child(2n+2) {
border-right: 0; } }
@media (min-width: 992px) {
.StandardEquipment.list-component.mvp2 ul .list-row div.tileBorder:nth-child(3n+1) {
border-left: 0; }
.StandardEquipment.list-component.mvp2 ul .list-row div.tileBorder:nth-child(3n+3) {
border-right: 0; } }
.StandardEquipment.list-component.mvp2 ul li {
list-style-type: none; }
.StandardEquipment.list-component.mvp2 .list-component__list-item {
display: block;
width: 100%; }
.StandardEquipment.list-component.mvp2 .data-list__item {
display: block; }
.StandardEquipment.list-component.mvp2 .lis-component-container {
margin: 20px 0 0 0;
background: none; }
/* Add here all your css styles (customizations) */
.sponsoredcontent-component.mvp2 {
margin-top: 30px !important;
margin-bottom: 30px !important;
background-color: #f7f7f7; }
.sponsoredcontent-component.mvp2 .sponsored-content__image {
width: 100%;
height: auto;
border: thin solid #D0D0D0; }
.sponsoredcontent-component.mvp2 a.sponsored-content__cta {
color: #007BC2; }
.sponsoredcontent-component.mvp2 a.sponsored-content__cta:hover {
color: #00629B;
text-decoration: none; }
.sponsoredcontent-component.mvp2 .sponsored-content__description {
font-size: 18px;
line-height: 25px;
word-break: break-word; }
.sponsoredcontent-component.mvp2 .sponsored-content__subtitle {
color: #303030;
font-size: 28px;
font-weight: 300;
line-height: 35px; }
.sponsoredcontent-component.mvp2 .sponsored-content__title {
color: #303030;
font-size: 14px;
font-weight: bold;
line-height: 17px;
letter-spacing: 0.5px;
margin-top: 28px;
text-transform: uppercase; }
.sponsoredcontent-component.mvp2 .sponsored-content__image-container {
padding: 0; }
@media only screen and (min-width: 768px) {
.sponsoredcontent-component.mvp2 {
height: auto;
width: 100%; }
.sponsoredcontent-component.mvp2 .sponsored-content__image-container {
padding-right: 15px; } }
/* Add here all your css styles (customizations) */
.cs-popout .cs-popout-text a {
background: #fff;
font-weight: 800;
font-size: 14px;
color: #000;
border: 2px solid #000;
transition: all .3s ease;
text-transform: uppercase;
height: 48px;
display: flex;
align-items: center;
justify-content: center;
white-space: nowrap; }
.cs-popout .cs-popout-text a:active, .cs-popout .cs-popout-text a:hover, .cs-popout .cs-popout-text a:visited {
text-decoration: none; }
.cs-popout .cs-popout-text a:hover {
background: #fff;
color: #707070;
border: 2px solid #707070; }
.cs-popout .cs-popout-text a:active {
background: #404040;
color: #fff;
border: 2px solid #404040; }
@media (max-width: 767px) {
.cs-popout .cs-popout-text a:active, .cs-popout .cs-popout-text a:hover, .cs-popout .cs-popout-text a:visited, .cs-popout .cs-popout-text a:focus {
text-decoration: none; } }
.how-to-buy-style-btn {
background: #fff;
color: #007BC2;
font-weight: 800;
font-size: 14px;
border: 2px solid #007BC2;
transition: all .3s ease;
text-transform: uppercase;
height: 48px;
display: flex;
align-items: center;
justify-content: center;
white-space: nowrap; }
.how-to-buy-style-btn:active, .how-to-buy-style-btn:hover, .how-to-buy-style-btn:visited {
text-decoration: none; }
.how-to-buy-style-btn:hover {
background: #fff;
color: #1273B4;
border: 2px solid #1273B4; }
.how-to-buy-style-btn:active {
background: #0E5F95;
color: #fff;
border: 2px solid #0E5F95; }
@media (max-width: 767px) {
.how-to-buy-style-btn:active, .how-to-buy-style-btn:hover, .how-to-buy-style-btn:visited, .how-to-buy-style-btn:focus {
text-decoration: none; } }
.how-to-buy-style-btn {
margin: 0 auto;
margin-top: 30px;
padding: 10px;
width: 220px;
text-align: center; }
.solution-tab .how-to-buy-style-btn {
display: none; }
.solution-tab ul.nav {
display: flex !important; }
.solution-tab ul.nav li.nav-item {
min-width: 140px;
display: flex;
justify-content: center;
align-items: center;
background: #fff;
border: 1px solid #D0D0D0;
border-right: none;
z-index: 9;
transition: all .1s ease; }
.solution-tab ul.nav li.nav-item:last-child {
border-right: 1px solid #D0D0D0; }
.solution-tab ul.nav li.nav-item .nav-link.active {
border: none;
font-weight: 800; }
.solution-tab ul.nav li.nav-item > a,
.solution-tab ul.nav li.nav-item > .nav-link,
.solution-tab ul.nav li.nav-item [class*="u-tab-link"]:not([class*="-icon"]) {
transition-property: none; }
.solution-tab ul.nav li.nav-item:hover {
border: 1px solid #303030;
border-right: none; }
.solution-tab ul.nav li.nav-item:hover .nav-link {
color: #303030; }
.solution-tab ul.nav li.nav-item:nth-child(1):hover ~ li.nav-item:nth-child(2) {
border-left: 1px solid #303030; }
.solution-tab ul.nav li.nav-item:nth-child(2):hover ~ li.nav-item:nth-child(3) {
border-left: 1px solid #303030; }
.solution-tab ul.nav li.nav-item:nth-child(3):hover {
border: 1px solid #303030; }
.solution-tab .tab-content {
padding: 15px 15px 0;
position: relative;
margin-top: -20px;
border: none;
border-top: 1px solid #D0D0D0;
box-shadow: none; }
.solution-tab .tab-content .tab-pane {
padding: 15px 15px 0 !important; }
.solution-tab .tab-content img.cs-main-img {
width: 100%; }
.solution-tab .tab-content .cs-flex-p {
display: flex;
flex-direction: column;
justify-content: space-between; }
.solution-tab .tab-content .cs-flex-p ul {
padding-left: 20px; }
.solution-tab .tab-content .cs-flex-p h1,
.solution-tab .tab-content .cs-flex-p h2,
.solution-tab .tab-content .cs-flex-p h3 {
font-size: 24px;
font-weight: 900;
margin-bottom: 20px; }
@media only screen and (min-width: 768px) and (max-width: 992px) {
.solution-tab .tab-content .cs-flex-p h1,
.solution-tab .tab-content .cs-flex-p h2,
.solution-tab .tab-content .cs-flex-p h3 {
font-size: 30px; } }
@media only screen and (min-width: 993px) {
.solution-tab .tab-content .cs-flex-p h1,
.solution-tab .tab-content .cs-flex-p h2,
.solution-tab .tab-content .cs-flex-p h3 {
font-size: 36px; } }
.solution-tab .tab-content .cs-flex-p ul {
margin-top: 30px; }
.solution-tab .tab-content .cs-flex-p p,
.solution-tab .tab-content .cs-flex-p ul {
color: #404040;
font-size: 14px;
font-weight: 500; }
@media only screen and (min-width: 768px) {
.solution-tab .tab-content .cs-flex-p p,
.solution-tab .tab-content .cs-flex-p ul {
font-size: 16px; } }
.solution-tab .tab-content .cs-flex-p .cs-flex-c {
display: flex;
justify-content: flex-start;
align-items: stretch; }
.solution-tab .tab-content .cs-flex-p .cs-flex-c .button-popup-wrapper {
display: flex;
justify-content: flex-start;
align-items: stretch; }
.solution-tab .tab-content .cs-flex-p .cs-flex-c .tabs-btn {
border: none;
position: relative;
display: flex;
justify-content: flex-start;
align-items: center;
background: rgba(224, 224, 224, 0.5);
color: #000;
font-weight: 800;
width: 120px;
min-height: 60px;
text-align: center;
padding: 10px;
line-height: 1.2;
margin-right: 5px;
transition: all .2s ease; }
.solution-tab .tab-content .cs-flex-p .cs-flex-c .tabs-btn:before {
content: '';
position: absolute;
right: 0;
top: 0;
width: 0;
height: 0;
border-top: 16px solid #fff;
border-left: 16px solid transparent; }
.solution-tab .tab-content .cs-flex-p .cs-flex-c .tabs-btn:after {
content: '';
position: absolute;
right: 1px;
top: 1px;
width: 0;
height: 0;
border-top: 10px solid #EE3124;
border-left: 10px solid transparent; }
.solution-tab .tab-content .cs-flex-p .cs-flex-c .tabs-btn:hover {
background: #D0D0D0;
text-decoration: none;
cursor: pointer; }
.solution-tab .tab-content .cs-flex-p .cs-flex-c .tabs-btn ~ .cs-popout {
display: none; }
.cs-popout {
display: none;
position: absolute;
width: 100%;
min-height: 480px;
top: -45px;
right: 0;
bottom: 0;
left: 0;
z-index: 99;
background: #303030;
border-top-right-radius: 25px;
border-bottom-left-radius: 25px;
text-align: left;
padding: 25px 10px;
overflow: visible; }
.cs-popout .cs-main-img-popout {
width: 100%;
height: 100%;
border-top-right-radius: 25px;
border-bottom-left-radius: 25px; }
.cs-popout .popout-close {
background: transparent;
position: absolute;
top: 10px;
right: 10px;
transition: all .2s ease;
border: none;
z-index: 99;
width: 20px;
height: 20px;
cursor: pointer; }
.cs-popout .popout-close .mvp-stack_close:before {
top: 0;
position: absolute;
right: 5px; }
.cs-popout .cs-popout-text {
padding: 10px 15px;
position: relative; }
.cs-popout .cs-popout-text .red-line {
position: absolute;
width: 4px;
height: 6rem;
background: #EE3124;
left: 0; }
.cs-popout .cs-popout-text h1,
.cs-popout .cs-popout-text h2,
.cs-popout .cs-popout-text h3 {
color: #fff !important;
margin-bottom: 0;
font-weight: 900;
font-size: 24px; }
@media only screen and (min-width: 768px) and (max-width: 992px) {
.cs-popout .cs-popout-text h1,
.cs-popout .cs-popout-text h2,
.cs-popout .cs-popout-text h3 {
font-size: 30px; } }
@media only screen and (min-width: 993px) {
.cs-popout .cs-popout-text h1,
.cs-popout .cs-popout-text h2,
.cs-popout .cs-popout-text h3 {
font-size: 36px; } }
.cs-popout .cs-popout-text h3 {
font-weight: 300; }
.cs-popout .cs-popout-text p,
.cs-popout .cs-popout-text ul {
color: #fff !important;
margin-bottom: 10px;
margin: 20px 0 0;
display: inline-block;
font-size: 14px; }
@media only screen and (min-width: 768px) {
.cs-popout .cs-popout-text p,
.cs-popout .cs-popout-text ul {
font-size: 16px; } }
.cs-popout .cs-popout-text a {
padding: 5px 20px;
margin-top: 20px; }
@media (max-width: 992px) {
.solution-tab .container {
max-width: 100%; }
.solution-tab .tab-content .cs-flex-p .cs-flex-c .tabs-btn {
width: 110px; }
.cs-popout {
min-height: 440px; }
.cs-popout .cs-popout-text {
margin: 0 15px;
padding: 0 15px; }
.cs-popout .cs-popout-text .red-line {
height: 5rem; }
.cs-popout .cs-popout-text p {
margin: 8px 0 0; } }
@media (max-width: 992px) and (min-width: 768px) {
.solution-tab .tab-content .cs-flex-p h1,
.solution-tab .tab-content .cs-flex-p h2,
.solution-tab .tab-content .cs-flex-p h3,
.solution-tab .tab-content .cs-flex-p p {
margin-bottom: 10px; }
.solution-tab .tab-content .cs-flex-p ul {
margin-top: 0; }
.solution-tab .tab-content img.cs-main-img {
height: 100%; } }
@media (max-width: 767px) {
.solution-tab .how-to-buy-style-btn {
display: flex;
margin-top: 10px; }
.solution-tab #nav-4-1-accordion-primary-hor-center .tab-pane:not(:last-of-type) .how-to-buy-style-btn {
margin-bottom: 45px; }
.solution-tab ul {
list-style: none; }
.solution-tab ul.nav {
display: none !important; }
.solution-tab .tab-content {
margin-top: 0;
border-top: none; }
.solution-tab .tab-content img.cs-main-img {
display: none; }
.solution-tab .tab-content .tab-pane {
display: block;
text-align: center; }
.solution-tab .tab-content .tab-pane .cs-flex-c {
display: none; }
.solution-tab .tab-content .tab-pane.fade {
opacity: 1; }
.cs-popout {
display: none !important; } }
@media (max-width: 480px) {
.solution-tab ul {
display: none; } }
/* Add here all your css styles (customizations) */
.scm-component.mvp2 .scm-container {
margin: 20px 0px 20px 0px; }
.scm-component.mvp2 .scm-container .scm-list {
list-style-type: none;
margin: 0px;
padding: 0px; }
.scm-component.mvp2 .scm-container .scm-list .scm-list__title {
color: #303030;
font-size: 40px;
font-weight: 300;
line-height: 46px;
text-align: center;
margin-bottom: 50px; }
.scm-component.mvp2 .scm-container .scm-list .scm-list__item {
height: 352px;
display: none;
overflow: hidden;
margin-bottom: 15px; }
@media (min-width: 993px) {
.scm-component.mvp2 .scm-container .scm-list .scm-list__item {
padding-right: 0; }
.scm-component.mvp2 .scm-container .scm-list .scm-list__item:nth-child(4n+1) {
padding-right: 15px; } }
@media (min-width: 768px) and (max-width: 992px) {
.scm-component.mvp2 .scm-container .scm-list .scm-list__item {
padding-right: 0; }
.scm-component.mvp2 .scm-container .scm-list .scm-list__item:nth-child(2n+1) {
padding-right: 15px; } }
.scm-component.mvp2 .scm-container .scm-list .scm-list__item .scm-item-container {
background: #F5F5F5;
padding: 15px;
height: 352px; }
.scm-component.mvp2 .scm-container .scm-list .scm-list__item .scm-list__item-link {
text-decoration: none; }
.scm-component.mvp2 .scm-container .scm-list .scm-list__item .scm-list__item-link:hover span.scm-list__item-header-title {
color: #007BC2;
text-decoration: none; }
.scm-component.mvp2 .scm-container .scm-list .scm-list__item .scm-list__item-link span.scm-list__item-header-title:hover {
color: #007BC2;
text-decoration: none; }
.scm-component.mvp2 .scm-container .scm-list .scm-list__item .scm-list__item-header {
margin-bottom: 10px; }
.scm-component.mvp2 .scm-container .scm-list .scm-list__item .scm-list__item-header .scm-list__item-header-icon {
width: 40px;
float: left;
margin-right: 14px; }
.scm-component.mvp2 .scm-container .scm-list .scm-list__item .scm-list__item-header .scm-list__item-header-icon img {
width: 34px;
height: 34px; }
.scm-component.mvp2 .scm-container .scm-list .scm-list__item .scm-list__item-header .scm-list__item-header-icon img .instagram {
width: 44px;
height: 44px; }
.scm-component.mvp2 .scm-container .scm-list .scm-list__item .scm-list__item-header span.scm-list__item-header-title {
color: #303030;
font-size: 14px;
font-weight: 800;
letter-spacing: 0.5px;
line-height: 17px;
text-transform: uppercase;
word-break: break-word; }
.scm-component.mvp2 .scm-container .scm-list .scm-list__item .scm-list__item-header .scm-list__item-header-date {
color: #303030;
font-size: 14px;
font-weight: 300;
line-height: 29px; }
.scm-component.mvp2 .scm-container .scm-list .scm-list__item .scm-list__item-image {
margin-bottom: 10px; }
.scm-component.mvp2 .scm-container .scm-list .scm-list__item .scm-list__item-image img {
height: 144px;
width: 100%; }
.scm-component.mvp2 .scm-container .scm-list .scm-list__item .scm-list__item-desc {
word-break: break-word;
color: #303030;
font-size: 15px;
font-weight: 300;
line-height: 29px; }
.scm-component.mvp2 .scm-container .scm-list .scm-list__item .desc-height {
height: 300px; }
.scm-component.mvp2 .scm-container .scm-list .secondary-cta {
border-color: #007BC2 !important;
color: #007BC2 !important; }
.scm-component.mvp2 .scm-container .scm-list .secondary-cta:hover {
border-color: #1273B4 !important;
color: #1273B4 !important; }
.scm-component.mvp2 .scm-container .scm-list .show-more {
display: none; }
.scm-component.mvp2 .scm-container .scm-list .feed-loading .spinner {
text-align: center; }
.scm-component.mvp2 .scm-container .scm-list .feed-loading .spinner > div {
width: 20px;
height: 20px;
background-color: #808080;
border-radius: 100%;
display: inline-block;
-webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
animation: sk-bouncedelay 1.4s infinite ease-in-out both; }
.scm-component.mvp2 .scm-container .scm-list .feed-loading .spinner .bounce1 {
-webkit-animation-delay: -0.32s;
animation-delay: -0.32s; }
.scm-component.mvp2 .scm-container .scm-list .feed-loading .spinner .bounce2 {
-webkit-animation-delay: -0.16s;
animation-delay: -0.16s; }
@-webkit-keyframes sk-bouncedelay {
0%, 80%, 100% {
-webkit-transform: scale(0); }
40% {
-webkit-transform: scale(1); } }
@keyframes sk-bouncedelay {
0%, 80%, 100% {
-webkit-transform: scale(0);
transform: scale(0); }
40% {
-webkit-transform: scale(1);
transform: scale(1); } }
.scm-component.mvp2 .scm-container .scm-list .no-feeds {
text-align: center;
color: #808080;
display: none; }
.scm-component.mvp2 .scm-container .scm-list .feeds-error {
text-align: center;
color: #808080;
display: none; }
.scm-component.mvp2 .scm-container .scm-list .feeds-error .feed-oops {
font-size: 36px; }
.scm-component.mvp2 .scm-container .scm-list .feeds-error .feed-wrong {
font-size: 16px; }
@media (max-width: 767px) {
.scm-component.mvp2 .scm-list .scm-list__item {
display: none; } }
@media (max-width: 767px) {
.scm-component.mvp2.fourup {
overflow-x: auto !important; } }
/* Add here all your css styles (customizations) */
.wrapper {
float: left;
width: 100%; }
.signout-dropdown {
background: #fff;
display: none;
padding: 10px;
max-width: 300px;
width: auto;
margin: 10px; }
.signout-dropdown a {
color: #22252b;
padding-left: 10px; }
.signout-dropdown a:hover {
color: #1f53d5;
text-decoration: none; }
.signout-dropdown a:selected {
color: #1f53d5;
text-decoration: none; }
.signout-dropdown img {
padding: 10px 0;
padding-left: 15px; }
.signup-dropdown {
background: #fff;
display: none;
padding: 10px;
max-width: 300px;
width: auto;
margin: 10px; }
.signup-dropdown a {
color: #22252b;
padding-left: 10px; }
.signup-dropdown a:hover {
color: #1f53d5;
text-decoration: none; }
.signup-dropdown a:selected {
color: #1f53d5;
text-decoration: none; }
.signup-dropdown img {
padding: 10px 0;
padding-left: 15px; }
.btn-signin a {
border: 1px solid #137BC2;
color: #137BC2;
padding: 10px;
text-align: center;
display: block;
width: AUTO;
text-transform: uppercase;
font-size: 12px; }
.signtext {
color: #1f53d5;
display: inline-block;
text-align: center;
max-width: 290px;
margin: 20px;
margin-bottom: 5px; }
.signtext:active,
.signtext:hover {
color: #1f53d5; }
.welcome_name {
margin-top: -10px;
border-bottom: 1px solid #D8D8D8;
border-left: 1px solid #D8D8D8;
border-right: 1px solid #D8D8D8;
font-size: 22px;
padding: 10px 0px 10px 20px; }
#presign-in, #postsign-in {
margin-top: 20px; }
#presign-in .primary-cta, #postsign-in .primary-cta {
margin: 0px !important; }
#presign-in .secondary-cta, #postsign-in .secondary-cta {
margin: 0px !important; }
.cwa-wrapper .cwa-user-wrap {
display: block !important; }
.sign-in-list .dropdown-menu {
margin-top: 3.8rem !important;
border-radius: 0px !important;
padding-bottom: 0px !important; }
.presigin.nav-item.show a.dropdown-toggle, .postsignin.nav-item.show a.dropdown-toggle {
color: #007BC2 !important; }
.presigin.nav-item.show a .mvp-icon-user:before, .postsignin.nav-item.show a .mvp-icon-user:before {
color: #007BC2 !important; }
.sign-list_style {
margin: 20px 0px 5px 0px; }
.sign-list_style .sigin-menu_list {
width: 100%;
font-size: 15px !important;
color: #404040 !important;
font-weight: 500; }
.sign-list_style .sigin-menu_list img, .sign-list_style .sigin-menu_list svg {
width: 32px;
float: left;
margin-right: 20px; }
.sign-list_style .sigin-menu_list svg g#Page-1, .sign-list_style .sigin-menu_list svg g#Page-2 {
fill: #404040 !important; }
.sign-list_style .sigin-menu_list:hover {
color: #007BC2 !important;
text-decoration: none !important; }
.sign-list_style .sigin-menu_list:hover div {
color: #007BC2; }
.sign-list_style .sigin-menu_list:hover svg g#Page-1, .sign-list_style .sigin-menu_list:hover svg g#Page-11 {
fill: #007BC2 !important; }
.sign-list_style .sigin-menu_list div {
font-size: 15px; }
#joule-header.aero-header .sigin-nav-tier--two {
top: 25px !important;
width: 26% !important;
left: auto;
right: 0;
padding: 0; }
@media screen and (max-width: 767px) {
#joule-header.aero-header .sigin-nav-tier--two {
width: auto !important;
margin-right: 65px; } }
.sign-column-div {
margin-top: -2px;
border-left: 1px solid #D8D8D8 !important;
border-right: 1px solid #D8D8D8 !important;
border-bottom: 1px solid #D8D8D8 !important;
padding: 5px 20px 20px 20px; }
.sign-btn-style {
width: 100% !important; }
.sign-menu-border {
border: none !important; }
.mvp2 .btn-signin .secondary-cta {
color: #137BC2 !important; }
a.dropdown-toggle {
color: #404040 !important;
font-size: 15px;
font-weight: 500;
line-height: 25px;
cursor: pointer; }
a.dropdown-toggle:hover {
color: #007BC2 !important; }
@media (max-width: 767px) {
a.dropdown-toggle:hover {
text-decoration: none; } }
a.dropdown-toggle:hover .mvp-icon-user:before {
color: #007BC2 !important; }
a.dropdown-toggle .mvp-icon-user {
float: left; }
.dropdown-toggle::after {
display: none !important; }
#postsignin-li {
display: none; }
.postsignin, .presigin {
margin-top: 7px !important; }
.signin-label {
float: right;
padding-left: 12px;
font-size: 15px; }
@media screen and (max-width: 992px) {
.signin-label {
float: none;
padding: 0;
font-size: 14px;
font-weight: 300;
padding: 0.5rem 0rem;
color: white !important;
text-transform: uppercase; }
.signin-label:hover {
text-decoration: none; }
.signin-label .caretRight {
float: right; }
.signin-label .caretRight:before {
color: #fff;
font-size: 22px; } }
.mvp2 .btn-signin .transparent {
background: transparent !important; }
.mvp2 .btn-signin .secondary-cta {
border-color: #007BC2 !important;
color: #007BC2 !important; }
.mvp2 .btn-signin .secondary-cta .transparent:hover {
border-color: #00629B !important;
color: #00629B !important; }
.mvp2 .btn-signin .secondary-cta.invert {
border-color: #fff !important;
color: #fff !important; }
.mvp2 .btn-signin .secondary-cta.invert:hover {
border-color: #00629B !important;
color: #00629B !important; }
#myAeroNavMnuDvNew #joule-header .sigin-nav-tier--two {
top: 36px !important;
padding-top: 0;
box-shadow: none;
right: -2px; }
.signin-cta {
margin: 30px 0 0 38px; }
@media screen and (max-width: 767px) {
.signin-cta {
margin: 30px 0 0 0px; } }
.signInComp {
padding: 60px 10px;
background-color: #F7F7F7; }
.signInComp #header {
color: #303030;
font-size: 28px;
font-weight: 300;
line-height: 35px; }
.signInComp #description {
color: #303030;
font-size: 18px;
font-weight: 300;
line-height: 24px; }
.signInComp #signinvalidate {
text-transform: uppercase; }
@media screen and (max-width: 768px) {
a.dropdown-toggle .mvp-icon-user:before {
font-size: 22px !important;
position: relative;
margin-top: 7px;
margin-left: -30px; } }
/* Add here all your css styles (customizations) */
.wrapper {
float: left;
width: 100%; }
.signout-dropdown {
background: #fff;
display: none;
padding: 10px;
max-width: 300px;
width: auto;
margin: 10px; }
.signout-dropdown a {
color: #22252b;
padding-left: 10px; }
.signout-dropdown a:hover {
color: #1f53d5;
text-decoration: none; }
.signout-dropdown a:selected {
color: #1f53d5;
text-decoration: none; }
.signout-dropdown img {
padding: 10px 0;
padding-left: 15px; }
.signup-dropdown {
background: #fff;
display: none;
padding: 10px;
max-width: 300px;
width: auto;
margin: 10px; }
.signup-dropdown a {
color: #22252b;
padding-left: 10px; }
.signup-dropdown a:hover {
color: #1f53d5;
text-decoration: none; }
.signup-dropdown a:selected {
color: #1f53d5;
text-decoration: none; }
.signup-dropdown img {
padding: 10px 0;
padding-left: 15px; }
.btn-signin a {
border: 1px solid #137BC2;
color: #137BC2;
padding: 10px;
text-align: center;
display: block;
width: AUTO;
text-transform: uppercase;
font-size: 12px; }
.signtext {
color: #1f53d5;
display: inline-block;
text-align: center;
max-width: 290px;
margin: 20px;
margin-bottom: 5px; }
.signtext:active,
.signtext:hover {
color: #1f53d5; }
.welcome_name {
margin-top: -10px;
border-bottom: 1px solid #D8D8D8;
border-left: 1px solid #D8D8D8;
border-right: 1px solid #D8D8D8;
font-size: 22px;
padding: 10px 0px 10px 20px;
background: #FFF; }
#presign-in,
#postsign-in {
margin-top: 20px; }
#presign-in .primary-cta,
#postsign-in .primary-cta {
margin: 0px !important; }
#presign-in .secondary-cta,
#postsign-in .secondary-cta {
margin: 0px !important; }
#presign-in .secondary-cta:hover,
#postsign-in .secondary-cta:hover {
background: #007BC2;
color: #fff !important; }
.cwa-wrapper .cwa-user-wrap {
display: block !important; }
.sign-in-list .dropdown-menu {
margin-top: 3.8rem !important;
border-radius: 0px !important;
padding-bottom: 0px !important; }
.presigin.nav-item.show a.dropdown-toggle, .postsignin.nav-item.show a.dropdown-toggle {
color: #007BC2 !important; }
.presigin.nav-item.show a .mvp-icon-user:before, .postsignin.nav-item.show a .mvp-icon-user:before {
color: #007BC2 !important; }
.sign-list_style {
margin: 20px 0px 5px 0px; }
.sign-list_style .sigin-menu_list {
width: 100%;
font-size: 15px !important;
color: #404040 !important;
font-weight: 500; }
.sign-list_style .sigin-menu_list img, .sign-list_style .sigin-menu_list svg {
width: 32px;
height: 32px;
float: left;
margin-right: 20px; }
.sign-list_style .sigin-menu_list img:hover, .sign-list_style .sigin-menu_list svg:hover {
fill: #007BC2; }
.sign-list_style .sigin-menu_list svg g#Page-1, .sign-list_style .sigin-menu_list svg g#Page-2 {
fill: #404040 !important; }
.sign-list_style .sigin-menu_list:hover {
color: #007BC2 !important;
text-decoration: none !important; }
.sign-list_style .sigin-menu_list:hover div {
color: #007BC2; }
.sign-list_style .sigin-menu_list:hover path {
fill: #007BC2; }
.sign-list_style .sigin-menu_list:hover .cls-2 {
fill: #007BC2; }
.sign-list_style .sigin-menu_list:hover svg g#Page-1, .sign-list_style .sigin-menu_list:hover svg g#Page-11 {
fill: #007BC2 !important; }
.sign-list_style .sigin-menu_list div {
font-size: 14px; }
.sign-column-div {
margin-top: -2px;
border-left: 1px solid #D8D8D8 !important;
border-right: 1px solid #D8D8D8 !important;
border-bottom: 1px solid #D8D8D8 !important;
padding: 5px 20px 20px 20px; }
.sign-btn-style {
width: 100% !important; }
.sign-menu-border {
border: none !important; }
.mvp2 .btn-signin .secondary-cta {
color: #137BC2 !important; }
a.dropdown-toggle {
color: #404040 !important;
font-size: 15px;
font-weight: 500;
line-height: 25px;
cursor: pointer; }
a.dropdown-toggle:hover {
color: #007BC2 !important; }
@media (max-width: 767px) {
a.dropdown-toggle:hover {
text-decoration: none; } }
a.dropdown-toggle:hover .mvp-icon-user:before {
color: #007BC2 !important; }
a.dropdown-toggle .mvp-icon-user:before {
font-size: 22px !important; }
.dropdown-toggle::after {
display: none !important; }
#postsignin-li {
display: none; }
#presignin-li {
display: none; }
.postsignin, .presigin {
margin-top: 7px !important; }
.signin-label {
float: right;
padding-left: 12px;
font-size: 15px; }
@media screen and (max-width: 992px) {
.signin-label {
float: none;
padding: 0;
font-size: 14px;
font-weight: 300;
padding: 0.5rem 0rem;
color: white !important;
text-transform: uppercase; }
.signin-label:hover {
text-decoration: none; }
.signin-label .caretRight {
float: right; }
.signin-label .caretRight:before {
color: #fff;
font-size: 22px; } }
.mvp2 .btn-signin .transparent {
background: transparent !important; }
.mvp2 .btn-signin .secondary-cta {
border-color: #007BC2 !important;
color: #007BC2 !important; }
.mvp2 .btn-signin .secondary-cta .transparent:hover {
border-color: #00629B !important;
color: #00629B !important; }
.mvp2 .btn-signin .secondary-cta.invert {
border-color: #fff !important;
color: #fff !important; }
.mvp2 .btn-signin .secondary-cta.invert:hover {
border-color: #00629B !important;
color: #00629B !important; }
#myAeroNavMnuDvNew #joule-header .sigin-nav-tier--two {
top: 36px !important;
padding-top: 0;
box-shadow: none;
right: -2px; }
#joule-header .signInMobile .presigin, #joule-header .signInMobile .postsignin {
margin-top: 5px !important; }
#joule-header .signInMobile .signin-label {
font-weight: 500;
position: relative; }
#joule-header .signInMobile .sign-in-toggle {
text-decoration: none; }
#joule-header .signInMobile .mvp-icon-carat_right {
position: absolute;
top: 9px;
right: 0; }
#joule-header .signInMobile svg, #joule-header .signInMobile img {
display: none; }
#joule-header .signInMobile .dropdown-menu {
margin: 0 !important;
position: absolute;
top: 0px !important;
width: 100vw !important;
display: block;
background: #3C3C3C;
left: 100vw; }
@media (min-width: 768px) {
#joule-header .signInMobile .dropdown-menu {
width: 320px !important;
left: 320px; } }
#joule-header .signInMobile .global-nav__top {
background: #3C3C3C !important; }
#joule-header .signInMobile .global-nav__top:hover {
background: #3C3C3C !important; }
#joule-header .signInMobile .left-rail-back .mvp-icon-carat_left::before {
font-size: 22px;
color: #fff; }
#joule-header .signInMobile .sign-column-div {
border: 0 !important;
padding: 0; }
#joule-header .signInMobile .sign-list_style {
margin: 0 0 5px 0 !important;
height: 45px; }
#joule-header .signInMobile .sign-list_style:first-child {
margin-top: 2px !important; }
#joule-header .signInMobile .sigin-menu_list {
color: #fff !important;
text-transform: uppercase;
font-size: 14px !important;
line-height: 15px;
display: flex;
align-items: center;
height: 100%;
margin: 0;
background: #535353;
padding: 0 10px 0 65px; }
#joule-header .signInMobile .sigin-menu_list:hover {
background: #6C6C6C; }
#joule-header .signInMobile .sigin-menu_list:hover div {
color: #fff !important; }
#joule-header .signInMobile #presign-in, #joule-header .signInMobile #postsign-in {
margin-top: 0 !important; }
#joule-header .signInMobile #presign-in a, #joule-header .signInMobile #postsign-in a {
justify-content: flex-start;
border: 0;
padding: 0 10px 0 65px;
height: 45px;
background: #535353;
font-size: 14px;
line-height: 15px;
font-weight: 500;
color: #fff !important; }
#joule-header .signInMobile #presign-in a:hover, #joule-header .signInMobile #postsign-in a:hover {
background: #6C6C6C;
color: #fff !important; }
.dropdown-menu a:hover svg polygon {
fill: #007BC2 !important; }
@media only screen and (min-width: 992px) {
#joule-header.aero-header #presignin-li .sigin-nav-tier--two {
top: 22px !important;
width: 26% !important;
left: auto;
right: 0;
padding: 0; } }
@media only screen and (min-width: 992px) and (max-width: 767px) {
#joule-header.aero-header #presignin-li .sigin-nav-tier--two {
width: auto !important;
margin-right: 65px; } }
@media only screen and (min-width: 992px) {
#joule-header.aero-header #postsignin-li .sigin-nav-tier--two {
top: 32px !important; } }
/* Add here all your css styles (customizations) */
.mvp-icon-download {
display: inline-block;
text-decoration: none !important; }
.mvp-icon-download::before {
font-size: 30px; }
/* Add here all your css styles (customizations) */
#shareC54.mvp2-social-share .mvp2-custom [class^="mvp-icon-"]:before,
#shareC54.mvp2-social-share .mvp2-custom [class*="mvp-icon-"]:before {
font-size: 18px;
color: #fff; }
#shareC54.mvp2-social-share .mvp2-custom .mvp-icon-print:before {
font-size: 14px; }
#shareC54.mvp2-social-share .mvp2-custom .mvp-icon-email:before {
font-size: 16px; }
#shareC54.mvp2-social-share .mvp2-custom [class^="addthis_button_"],
#shareC54.mvp2-social-share .mvp2-custom [class*="addthis_button_"] {
margin: 2px;
border-radius: 50%;
height: 26px;
width: 26px;
display: flex;
justify-content: center;
align-items: center;
background: #303030; }
#shareC54.mvp2-social-share .mvp2-custom .addthis_button_facebook {
background: #445898; }
#shareC54.mvp2-social-share .mvp2-custom .addthis_button_twitter {
background: #49A1EB; }
#shareC54.mvp2-social-share .mvp2-custom .addthis_button_linkedin {
background: #3576AF; }
/*TODO - this smells bad, wrap the selectors in some type of context*/
form.formid {
width: 500px;
margin: 0;
padding: 50px;
}
.success-msg,
.failure-msg,
.validation {
display: none;
}
.asterisk {
color: #e12;
}
.honeypot {
z-index: -1;
position: absolute;
left: -10000px;
}
/* Add here all your css styles (customizations) */
#back2top {
width: 60px;
right: 0;
position: absolute;
z-index: 999; }
@media (min-width: 1440px) {
#back2top {
right: calc((100vw - 1640px)/2); } }
#back2top #backToTopIcon {
position: fixed;
display: none;
max-width: 60px;
top: 75vh;
text-decoration: none; }
#back2top #backToTopIcon .mvp-icon-carat_up:before {
color: #007BC2;
border: 2px solid #007BC2;
border-radius: 50%;
font-size: 32px;
padding: 2px;
transition: .2s all ease; }
#back2top #backToTopIcon:hover .mvp-icon-carat_up:before {
color: #00629B;
border: 2px solid #00629B;
text-decoration: none; }
/* Add here all your css styles (customizations) */
.mvp2 .related-content {
position: relative;
bottom: 5px; }
.mvp2 .related-content h2.body1 {
font-weight: 500; }
.mvp2 .related-content-col {
border-bottom: 1px solid #D0D0D0; }
.mvp2 .related-content-col ul {
list-style: none;
margin: 0;
padding: 0; }
.mvp2 .related-content-col ul li {
display: block;
margin: 0 0 40px; }
.mvp2 .related-content-col ul li figure {
margin-bottom: 1rem; }
.mvp2 .related-content-col ul li figure img {
max-width: 100%;
height: auto; }
.mvp2 .related-content-col ul li p a {
color: #303030; }
.mvp2 .related-des {
margin: 40px 0 0 0; }
/* Add here all your css styles (customizations) */
.related-content-section ul li .p-text a {
background: transparent;
color: #404040;
border: none;
letter-spacing: .25px;
font-weight: 800; }
.related-content-section ul li .p-text a:active, .related-content-section ul li .p-text a:hover, .related-content-section ul li .p-text a:visited {
text-decoration: none; }
.related-content-section ul li .p-text a:visited {
background: transparent;
color: #404040;
border: none; }
.related-content-section ul li .p-text a:hover {
background: transparent;
color: #707070;
border: none;
text-decoration: underline; }
.related-content-section ul li .p-text a:active {
background: transparent;
color: #404040;
border: none; }
@media (max-width: 767px) {
.related-content-section ul li .p-text a:active, .related-content-section ul li .p-text a:hover, .related-content-section ul li .p-text a:visited, .related-content-section ul li .p-text a:focus {
text-decoration: none; } }
.related-content-section .desktop-bg {
padding-top: 50px;
background: #f6f6f6; }
.related-content-section .mobile-bg {
padding: 0 45px 45px; }
.related-content-section ul {
padding: 0;
list-style-type: none;
margin-top: 20px; }
.related-content-section ul li {
display: block;
margin: 0 auto 50px; }
.related-content-section ul li:last-child {
margin-bottom: 20px; }
.related-content-section ul li figure {
margin-bottom: .5rem; }
.related-content-section ul li .p-text a {
font-size: 16px;
font-weight: 900; }
@media (max-width: 767px) {
.related-content-section ul li .p-text a {
font-size: 20px; } }
@media (max-width: 991px) {
.related-content-section ul li,
.related-content-section ul li:last-child {
margin-bottom: 0; } }
.related-content-section .u-heading-v7__title {
font-size: 16px !important;
text-align: center; }
.related-content-section img {
max-width: 100%;
height: auto; }
#articlePage .main-columns:last-child {
padding-right: 0;
padding-left: 0; }
@media (min-width: 992px) {
#articlePage {
margin-bottom: 80px; }
#articlePage .main-columns:last-child {
background: #f6f6f6; } }
@media (max-width: 991px) {
.related-content-section .desktop-bg {
background: none;
margin-top: 25px;
padding-top: 0px; }
.related-content-section .mobile-bg {
background: #f6f6f6;
padding: 15px 45px 15px;
margin: 20px -15px 80px -15px; }
.related-content-section .mobile-bg ul {
display: flex; }
.related-content-section .mobile-bg ul li {
max-width: 200px; }
.related-content-section .mobile-bg ul li figure {
width: 95%; }
.related-content-section .mobile-bg ul li .p-text {
margin-bottom: 0; } }
@media (max-width: 767px) {
.related-content-section .desktop-bg {
margin-top: 15px; }
.related-content-section .mobile-bg {
background: none;
padding: 15px 0;
margin: 10px 0 0 0; }
.related-content-section .mobile-bg ul {
display: initial; }
.related-content-section .mobile-bg ul li {
max-width: 100%;
margin-bottom: 30px; }
.related-content-section .mobile-bg ul li figure {
width: 100%; }
.related-content-section .mobile-bg ul li .p-text {
text-align: center; }
.related-content-section img {
width: 100%; } }
/* Add here all your css styles (customizations) */
.productlistfinder {
background: url(../../../etc.clientlibs/joule/clientlibs/clientlib-unify/resources/images/background/pattern_triangle_lightest_gray.png);
background-repeat: repeat;
position: relative;
z-index: 2; }
.productlistfinder .search-block-cont {
margin: auto; }
.productlistfinder .light-version {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: nowrap; }
@media (max-width: 767px) {
.productlistfinder .light-version {
flex-direction: column;
flex-wrap: wrap; } }
.productlistfinder h3 {
font-weight: 900;
text-align: center; }
.productlistfinder h3 .mvp-icon-search_flipped::before {
margin-right: 5px;
font-size: 24px;
color: #A0A0A0; }
.productlistfinder .search-inp-wrap {
position: relative;
margin-top: 30px; }
.productlistfinder .search-inp-wrap .search-inp {
margin-bottom: 0; }
.productlistfinder .search-inp-wrap .input-group-append button.mvp-icon-search_flipped {
height: 50px;
width: 50px; }
.productlistfinder .search-inp-wrap .input-group-append button.mvp-icon-search_flipped::before {
font-size: 28px;
color: #fff; }
.productlistfinder .search-inp-wrap .search-inp {
border-radius: 0;
padding-right: 30px; }
.productlistfinder .search-inp-wrap .search-inp::placeholder, .productlistfinder .search-inp-wrap .search-inp:-ms-input-placeholder, .productlistfinder .search-inp-wrap .search-inp::-ms-input-placeholder {
font-size: 16px;
font-weight: 300 !important;
color: #404040; }
.productlistfinder .search-inp-wrap .search-btn {
background: transparent;
position: absolute;
top: 0;
right: 0;
margin: 9px; }
.productlistfinder .input-caption {
color: #404040;
font-weight: 500; }
.productlistfinder .ctn-box-wrap {
border-left: 4px solid #EE3124;
padding-left: 40px;
display: flex;
justify-content: center;
align-items: center;
margin-right: 20px; }
.productlistfinder .ctn-box {
width: 100px;
float: left; }
.productlistfinder .ctn-box .ctn-box-inner {
margin: 10px;
background: #EFEFEF;
text-align: center;
padding: 5px;
font-size: 10px;
position: relative;
display: block;
text-decoration: none;
color: #000; }
.productlistfinder .ctn-box .ctn-box-inner:after {
content: "";
position: absolute;
top: 0;
right: 0;
margin: 2px;
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 0px solid transparent;
border-top: 10px solid #EE3124; }
.productlistfinder .ctn-box .ctn-box-inner i {
color: #bbb;
display: block;
margin: 10px 0;
font-size: 25px; }
.productlistfinder .ctn-box .ctn-box-inner span {
text-transform: none;
font-size: 10px;
line-height: 10px;
letter-spacing: 0; }
.productlistfinder .pfv2 {
display: none; }
.productlistfinder.pf-top {
background: url(../../../etc.clientlibs/joule/clientlibs/clientlib-unify/resources/images/background/pattern_triangle_darker_gray.png);
background-repeat: repeat; }
.productlistfinder.pf-top .search-block h3 {
color: #fff;
font-weight: 800; }
.productlistfinder.pf-top .search-block .search-inp-wrap {
margin-top: 10px; }
.productlistfinder.pf-top .search-block .search-inp-wrap .search-inp {
margin-bottom: 0; }
.productlistfinder.pf-top .search-block .search-inp-wrap .input-group-append button.mvp-icon-search_flipped {
height: 50px;
width: 50px; }
.productlistfinder.pf-top .search-block .search-inp-wrap .input-group-append button.mvp-icon-search_flipped::before {
font-size: 28px;
color: #fff; }
.productlistfinder.pf-top .search-block .input-caption {
display: none; }
.productlistfinder:not(.prodcatalogpage) h3 {
font-size: 36px;
letter-spacing: -0.56px; }
@media (max-width: 991px) {
.productlistfinder:not(.prodcatalogpage) h3 {
font-size: 32px; } }
@media (max-width: 767px) {
.productlistfinder:not(.prodcatalogpage) h3 {
font-size: 20px;
letter-spacing: -0.5px; } }
.productlistfinder.prodcatalogpage {
background-color: #555;
background-image: url(../../../etc.clientlibs/joule/clientlibs/clientlib-unify/resources/images/background/pattern_triangle_darker_gray.png);
background-repeat: repeat;
text-transform: none;
letter-spacing: 0; }
.productlistfinder.prodcatalogpage .container {
max-width: 1400px;
width: 100%; }
.productlistfinder.prodcatalogpage .pfv1 {
display: none; }
.productlistfinder.prodcatalogpage .pfv2 {
display: inline-block; }
.productlistfinder.prodcatalogpage .pfv2.search-p {
flex-grow: .5; }
.productlistfinder.prodcatalogpage .search-block {
margin: 0 100px;
width: 100%; }
@media (max-width: 1200px) {
.productlistfinder.prodcatalogpage .pfv2.search-p {
flex-grow: 1; }
.productlistfinder.prodcatalogpage .search-block {
margin: 0 100px 0 20px;
width: auto; } }
@media (max-width: 992px) {
.productlistfinder.prodcatalogpage .pfv2.search-p {
width: 50%;
display: flex;
justify-content: flex-end; }
.productlistfinder.prodcatalogpage .pfv2.search-p h3 {
font-size: 20px; } }
@media (min-width: 768px) and (max-width: 775px) {
.productlistfinder.prodcatalogpage .pfv2.search-p h3 {
font-size: 19px; } }
@media (max-width: 767px) {
.productlistfinder.prodcatalogpage {
padding: 20px 0 !important; }
.productlistfinder.prodcatalogpage .pfv2.search-p {
flex-grow: 2;
width: 100%; }
.productlistfinder.prodcatalogpage .pfv2.search-p .search-block {
margin: 0 auto;
padding: 0 20px; } }
.productlistfinder.prodcatalogpage .search-block-cont {
margin: auto; }
.productlistfinder.prodcatalogpage h3 {
color: #fff;
font-weight: 900;
text-align: left; }
.productlistfinder.prodcatalogpage h3 i {
margin-right: 10px;
font-size: 22px; }
.productlistfinder.prodcatalogpage .search-inp-wrap {
position: relative;
margin-top: 20px; }
.productlistfinder.prodcatalogpage .search-inp-wrap .search-inp {
border-radius: 0;
padding-right: 30px; }
.productlistfinder.prodcatalogpage .search-inp-wrap .search-btn {
position: absolute;
top: 0;
right: 0;
margin: 9px;
background: transparent;
border: 0;
padding: 0;
cursor: pointer; }
.productlistfinder.prodcatalogpage .input-caption {
color: #fff; }
@media only screen and (max-width: 767px) {
.productlistfinder.prodcatalogpage .search-block {
padding: 0 10px;
width: 100%;
margin-bottom: 0 !important; }
.productlistfinder.prodcatalogpage .ctn-box-wrap {
border-left: none;
margin-bottom: 0 !important;
padding-top: 20px;
padding-left: 0;
margin: 0 auto; }
.productlistfinder.prodcatalogpage .ctn-box-wrap .ctn-box {
width: auto; }
.productlistfinder.prodcatalogpage .ctn-box-wrap .ctn-box .ctn-box-inner {
display: flex;
align-items: center;
justify-content: center;
width: 90px;
height: 48px;
margin: 0;
background: #404040;
border: 2px solid #D0D0D0;
font-size: 10px;
font-weight: 800;
letter-spacing: -0.21px;
line-height: 12px;
margin-right: 0;
color: #D0D0D0; }
.productlistfinder.prodcatalogpage .ctn-box-wrap .ctn-box .ctn-box-inner .fa {
display: none; }
.productlistfinder.prodcatalogpage .ctn-box-wrap .ctn-box .ctn-box-inner span {
vertical-align: middle; }
.productlistfinder.prodcatalogpage .ctn-box-wrap .ctn-box:nth-child(2) {
margin: 0 10px; }
.productlistfinder.prodcatalogpage .search-block h3 {
text-align: center; } }
@media only screen and (max-width: 340px) {
.productlistfinder.prodcatalogpage .pfv2.col-12 {
padding: 0 7px; } }
@media (max-width: 330px) {
.productlistfinder.prodcatalogpage .pfv2.search-p h3 {
font-size: 19px; } }
@media (max-width: 1000px) {
.productlistfinder.prodcatalogpage .container {
max-width: 100%; } }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.productlistfinder .search-inp-wrap button {
min-height: 45px;
max-height: 45px; }
.productlistfinder.prodcatalogpage .pfv2.search-p {
display: flex;
flex-wrap: nowrap; }
.productlistfinder.prodcatalogpage .search-inp-wrap .search-btn {
top: -8px; } }
@media all and (-ms-high-contrast: none) and (max-width: 767px), (-ms-high-contrast: active) and (max-width: 767px) {
.productlistfinder.prodcatalogpage {
max-width: 100%;
overflow: hidden; }
.productlistfinder.prodcatalogpage .pfv2.search-p {
flex-wrap: wrap; }
.productlistfinder.prodcatalogpage .pfv2.search-p h3,
.productlistfinder.prodcatalogpage .pfv2.search-p .input-caption {
width: 100%; }
.productlistfinder.prodcatalogpage .search-block {
width: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center; }
.productlistfinder.prodcatalogpage .search-block .ctn-box-wrap {
flex-wrap: wrap; } }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
.productlistfinder.prodcatalogpage .search-block {
margin-left: 50px;
margin-right: 25px;
width: 100%; }
.productlistfinder.prodcatalogpage .search-block h3 {
text-align: left; }
.productlistfinder.prodcatalogpage .ctn-box-wrap.pfv2 {
padding-left: 20px; } }
body.product-category .productlistfinder h3 {
font-size: 24px;
letter-spacing: -0.31px; }
@media (min-width: 768px) {
body.product-category .productlistfinder h3 {
font-size: 28px;
letter-spacing: -0.44px; } }
/* Add here all your css styles (customizations) */
/* START STYLES */
body > div.main-wrapper > div.product-category-list > div {
max-width: 1500px; }
#product_category_list_prod-cat-list > div {
margin-bottom: 3.5rem !important;
padding-left: 15px !important;
padding-right: 15px !important; }
#product_category_list_prod-cat-list a:hover {
text-decoration: none; }
#product_category_list_prod-cat-list a:hover figure .pc-img-overlay {
border: 1px solid #007BC2;
background-color: rgba(64, 64, 64, 0.8); }
#product_category_list_prod-cat-list a:hover figure .pc-img-overlay .pc-description {
display: block; }
#product_category_list_prod-cat-list a:hover figure img {
z-index: -1;
transform: scale(1.05); }
#product_category_list_prod-cat-list a:hover figure figcaption {
color: #007BC2; }
#product_category_list_prod-cat-list a:hover figure figcaption span:before {
color: #007BC2; }
#product_category_list_prod-cat-list figure {
margin-bottom: 10px;
text-align: center; }
#product_category_list_prod-cat-list figure img {
width: 100%; }
#product_category_list_prod-cat-list figure figcaption {
margin-top: 10px;
color: #404040;
text-decoration: none;
font-size: 20px;
font-weight: 500;
letter-spacing: -0.38px;
height: 28px;
line-height: 24px; }
#product_category_list_prod-cat-list figure figcaption span:before {
font-size: 16px;
color: #404040; }
#product_category_list_prod-cat-list .pc-img-overlay {
transition: all .5s ease;
position: relative;
text-align: left;
border: 1px solid #D0D0D0;
overflow: hidden; }
#product_category_list_prod-cat-list .pc-description {
color: #fff !important;
position: absolute;
top: 20px;
left: 30px;
font-size: 24px;
font-weight: 300;
line-height: 36px;
width: 85%;
display: none; }
#product_category_list_prod-cat-list .col-md-6 figcaption {
font-size: 24px; }
#product_category_list_prod-cat-list .col-md-6 figcaption span:before {
font-size: 20px; }
#product_category_list_prod-cat-list .col-md-6 .pc-description {
font-size: 36px;
line-height: 48px; }
/* START MOBILE STYLES */
@media only screen and (max-width: 767px) {
#product_category_list_prod-cat-list > div {
margin-bottom: 1rem !important; }
#product_category_list_prod-cat-list figure figcaption {
margin-top: 6px; }
#product_category_list_prod-cat-list div[class*='col-']:nth-child(1) {
width: 100%;
padding: 0 !important; }
#product_category_list_prod-cat-list div[class*='col-']:nth-child(1) figcaption {
font-size: 16px;
line-height: 24px;
height: 24px; }
#product_category_list_prod-cat-list div[class*='col-']:nth-child(1) figcaption span:before {
font-size: 12px; }
#product_category_list_prod-cat-list div[class*='col-']:nth-child(1) .pc-description {
font-size: 24px;
line-height: 36px;
left: 20px; }
#product_category_list_prod-cat-list div[class*='col-']:not(:nth-child(1)) {
width: 50%; }
#product_category_list_prod-cat-list div[class*='col-']:not(:nth-child(1)) figcaption {
font-size: 12px;
line-height: 16px;
height: 16px; }
#product_category_list_prod-cat-list div[class*='col-']:not(:nth-child(1)) figcaption span:before {
font-size: 8px; }
#product_category_list_prod-cat-list div[class*='col-']:not(:nth-child(1)) .pc-description {
font-size: 15px;
line-height: 24px;
left: 15px; }
#product_category_list_prod-cat-list .list-group-item.list-group-item-action {
width: 100% !important;
height: 56px;
line-height: 56px;
margin-bottom: 0 !important;
border-color: #E0E0E0; }
#product_category_list_prod-cat-list .list-group-item.list-group-item-action .pc-img-overlay {
display: none; }
#product_category_list_prod-cat-list .list-group-item.list-group-item-action figure figcaption {
font-size: 18px;
font-weight: 500;
text-align: left; }
#product_category_list_prod-cat-list .list-group-item.list-group-item-action span {
color: #B0B0B0; }
#product_category_list_prod-cat-list .list-group-item.list-group-item-action a:hover span {
color: #007BC2; }
#product_category_list_prod-cat-list .list-group-item.list-group-item-action:not(:first-of-type) {
border-top: none; }
#product_category_list_prod-cat-list .list-group-item.list-group-item-action:last-child {
border-bottom: 1px solid #E0E0E0; } }
/* START MEDIUM STYLES */
@media only screen and (min-width: 768px) and (max-width: 991px) {
#product_category_list_prod-cat-list > div {
margin-bottom: 24px !important; }
#product_category_list_prod-cat-list figure .pc-description {
font-size: 20px;
line-height: 28px;
left: 20px; }
#product_category_list_prod-cat-list figure figcaption {
font-size: 16px; }
#product_category_list_prod-cat-list figure figcaption span:before {
font-size: 12px; }
#product_category_list_prod-cat-list .col-md-6 .pc-description {
font-size: 30px;
line-height: 36px; }
#product_category_list_prod-cat-list .col-md-6 figcaption {
font-size: 20px; }
#product_category_list_prod-cat-list .col-md-6 figcaption span:before {
font-size: 16px; }
#product_category_list_prod-cat-list .col-md-3 figcaption {
font-size: 16px; }
#product_category_list_prod-cat-list .col-md-3 .pc-description {
font-size: 24px;
line-height: 32px; } }
/* END MEDIUM STYLES */
/* END STYLES */
/* Add here all your css styles (customizations) */
.related-categories ul.related-cat-list {
list-style-type: none;
padding: 10px 0;
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3; }
.related-categories ul.related-cat-list li {
text-transform: uppercase;
font-weight: 500;
text-align: center;
font-size: 14px; }
.related-categories ul.related-cat-list li p {
margin: 0 auto; }
.related-categories ul.related-cat-list li p a {
font-weight: 800;
text-transform: uppercase;
color: #404040;
letter-spacing: -0.29px;
line-height: 36px; }
.related-categories ul.related-cat-list li p a:focus {
text-decoration: underline; }
.related-categories .show-more {
justify-content: center; }
.related-categories .show-more button {
text-decoration: none;
font-size: 14px;
letter-spacing: -0.29px;
line-height: 32px;
text-transform: uppercase;
color: #404040;
font-weight: 800;
display: flex; }
.related-categories .show-more button:hover {
text-decoration: underline; }
.related-categories .show-more button span.icon-parent {
height: 17px;
width: 17px;
margin-top: 8px;
margin-right: 5px;
border: 1px solid #404040;
border-radius: 50%;
background-color: #404040;
display: flex;
justify-content: center;
align-items: center; }
.related-categories .show-more button span.icon-parent span.mvp-icon-slider_plus,
.related-categories .show-more button span.icon-parent span.mvp-icon-slider_minus {
padding-top: 10px; }
.related-categories .show-more button span.icon-parent span.mvp-icon-slider_plus::before,
.related-categories .show-more button span.icon-parent span.mvp-icon-slider_minus::before {
color: #fff;
font-size: 24px; }
@media only screen and (max-width: 767px) {
.related-categories ul.related-cat-list {
-webkit-column-count: initial;
-moz-column-count: initial;
column-count: initial; } }
/* Add here all your css styles (customizations) */
/* Add here all your css styles (customizations) */
.partner-resources .show-more {
flex-direction: column;
align-items: center; }
.partner-resources .show-more button {
text-decoration: none;
font-size: 14px;
min-width: 145px;
letter-spacing: -0.29px;
line-height: 32px;
text-transform: uppercase;
color: #404040;
font-weight: 800;
display: flex; }
.partner-resources .show-more button:hover {
text-decoration: underline; }
.partner-resources .show-more button span.icon-parent {
height: 17px;
width: 17px;
margin-top: 8px;
margin-right: 5px;
border: 1px solid #404040;
border-radius: 50%;
background-color: #404040;
display: flex;
justify-content: center;
align-items: center; }
.partner-resources .show-more button span.icon-parent span.mvp-icon-slider_plus,
.partner-resources .show-more button span.icon-parent span.mvp-icon-slider_minus {
padding-top: 10px; }
.partner-resources .show-more button span.icon-parent span.mvp-icon-slider_plus::before,
.partner-resources .show-more button span.icon-parent span.mvp-icon-slider_minus::before {
color: #fff;
font-size: 24px; }
.partner-resources ul.resources-ul {
background: #fff;
list-style-type: none;
margin: 0 0 20px;
padding: 10px 0;
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3; }
.partner-resources ul.resources-ul li {
text-transform: uppercase;
font-weight: 500;
margin: 7px;
text-align: center; }
.partner-resources ul.resources-ul li a {
color: #404040; }
.partner-resources .centered-div {
margin: 0 auto; }
.partner-resources p {
/*max-width: 200px;*/
margin: 0 auto;
line-height: 1.1;
font-size: 18px; }
.partner-resources p a {
color: #404040;
font-size: 18px;
text-transform: uppercase; }
.partner-resources p.resources-list {
justify-content: center; }
.partner-resources p.resources-list.show {
display: flex; }
.partner-resources p.resources-list a.client-btn {
width: 220px;
height: 48px;
font-weight: 800;
font-size: 14px;
letter-spacing: 0.5px; }
@media (max-width: 767px) {
.partner-resources {
padding-top: 40px;
padding-bottom: 20px !important;
background: url(../../../etc.clientlibs/joule/clientlibs/clientlib-unify/resources/images/background/pattern_triangle_lightest_gray.png); }
.partner-resources h2.u-heading-v7__title {
font-size: 24px !important;
font-weight: 900 !important;
letter-spacing: -0.5px;
text-transform: none;
margin-bottom: 25px !important; }
.partner-resources h2.u-heading-v7__title::before {
display: none; }
.partner-resources p.lead {
display: none; }
.partner-resources .col-md-4 {
border-top: 1px solid #404040;
padding-top: 1rem; }
.partner-resources ul.resources-ul {
background-color: transparent;
-webkit-column-count: initial;
-moz-column-count: initial;
column-count: initial; }
.partner-resources ul.resources-ul a.client-btn {
width: 220px;
margin: 20px auto 0; } }
/* Add here all your css styles (customizations) */
.bottom-controls .load_more_wrapper #load_more_result {
background: #fff;
font-weight: 800;
font-size: 14px;
color: #000;
border: 2px solid #000;
transition: all .3s ease;
text-transform: uppercase;
height: 48px;
display: flex;
align-items: center;
justify-content: center;
white-space: nowrap; }
.bottom-controls .load_more_wrapper #load_more_result:active, .bottom-controls .load_more_wrapper #load_more_result:hover, .bottom-controls .load_more_wrapper #load_more_result:visited {
text-decoration: none; }
.bottom-controls .load_more_wrapper #load_more_result:hover {
background: #fff;
color: #707070;
border: 2px solid #707070; }
.bottom-controls .load_more_wrapper #load_more_result:active {
background: #404040;
color: #fff;
border: 2px solid #404040; }
@media (max-width: 767px) {
.bottom-controls .load_more_wrapper #load_more_result:active, .bottom-controls .load_more_wrapper #load_more_result:hover, .bottom-controls .load_more_wrapper #load_more_result:visited, .bottom-controls .load_more_wrapper #load_more_result:focus {
text-decoration: none; } }
@-webkit-keyframes animatezoom {
from {
-webkit-transform: scale(0); }
to {
-webkit-transform: scale(1); } }
@keyframes animatezoom {
from {
transform: scale(0); }
to {
transform: scale(1); } }
.product-filter-list {
position: relative;
z-index: 9;
background: url(../../../etc.clientlibs/joule/clientlibs/clientlib-unify/resources/images/background/pattern_triangle_darker_gray.png); }
.product-filter-list .container.d-flex {
justify-content: space-around;
align-items: flex-end;
max-width: 1440px; }
.product-filter-list .select-wrap {
display: inline-block; }
.product-filter-list .select-wrap:nth-child(2) {
margin: 0 5px; }
.product-filter-list .select-wrap .select-custom {
font-size: 18px;
font-weight: 500;
color: #D0D0D0;
width: 232px;
height: 40px;
text-indent: 9px;
letter-spacing: normal; }
.product-filter-list .select-wrap .select-custom .btn-group {
width: 100%;
min-height: 46px;
background: transparent; }
.product-filter-list .select-wrap .select-custom .btn-group .multiselect {
background-color: #404040 !important;
border: 2px solid #D0D0D0;
border-radius: 0 !important;
padding: 5px;
font-size: 18px;
font-weight: 500;
color: #D0D0D0;
width: 232px;
height: 40px;
text-align: left;
text-indent: 9px;
letter-spacing: normal; }
.product-filter-list .select-wrap .select-custom .btn-group .multiselect.dropdown-toggle:after {
right: 23px;
position: absolute;
top: 7px;
font-size: 18px;
display: none; }
.product-filter-list .select-wrap .select-custom .btn-group:hover {
z-index: auto; }
.product-filter-list .select-wrap .select-custom .btn-group .multiselect-container {
border: 2px solid #D0D0D0;
background: #d0d0d0;
margin-top: 1px;
width: 100%;
border-radius: 0; }
.product-filter-list .select-wrap .select-custom .btn-group .multiselect-container li a label {
font-size: 12px;
font-weight: 500;
color: #525252;
padding-left: 0; }
.products-row {
width: 100%; }
.compare-btn {
float: right;
position: relative; }
.compare-btn button.pc-compare-btn {
background: #3e91c9;
color: #fff;
min-width: 352px;
text-transform: uppercase;
font-size: 14px;
font-weight: 800;
display: inline-block;
text-align: center;
border: none;
border-radius: 0px;
height: auto;
cursor: pointer; }
.compare-btn button.pc-compare-btn span.notify {
padding: 5px 10px;
color: #3e91c9;
font-weight: 900;
background: #fff;
display: inline-block;
position: absolute;
right: 10px;
top: 10px; }
.compare-btn button.pc-compare-btn:not(.active):hover {
border: none;
text-decoration: none; }
.compare-btn button.pc-compare-btn.active:hover {
border: none; }
.compare-btn button.pc-compare-btn.active:hover .notify {
color: #1273B4; }
.compare-btn button.pc-compare-btn:disabled {
background: #D0D0D0;
opacity: initial;
cursor: default; }
.compare-btn button.pc-compare-btn:disabled span {
color: #D0D0D0; }
.compare-btn a {
background: #3e91c9;
color: #fff;
text-transform: uppercase;
font-size: 12px;
display: inline-block;
text-align: center;
border: none; }
.compare-btn a span.notify {
padding: 5px 10px;
color: #3e91c9;
font-weight: 900;
background: #fff;
display: inline-block;
position: absolute;
right: 10px;
top: 10px; }
.compare-btn a:hover {
text-decoration: none; }
.compare-btn .compare-bars {
justify-content: space-between;
margin-top: 5px; }
.compare-btn .compare-bars .compare-bar {
width: 82px;
height: 4px;
border: 1px solid #9B9B9B; }
.product-box {
float: left;
width: 100%;
/*position: relative;*/
min-height: 290px; }
.product-box .pc-content {
float: left;
width: 100%;
position: relative;
z-index: 1; }
.product-box .pc-content .pc-title-img {
float: left;
width: 100%;
position: relative;
margin: 0; }
.product-box .pc-content .pc-title-img img {
float: left;
width: 100%;
max-width: 100%; }
.product-box .pc-content .pc-title-img .pc-img-overlay {
background-color: rgba(64, 64, 64, 0.95);
text-align: left;
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
padding: 15px;
display: none;
border: 1px solid #007BC2; }
.product-box .pc-content .pc-title-img .pc-img-overlay p {
color: #fff;
font-size: 14px;
font-weight: 500;
max-height: 100%;
margin: 0;
padding-right: 15px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 8;
-webkit-box-orient: vertical; }
.product-box .pc-content .pc-title {
float: left;
width: 100%;
padding: 10px 0;
text-align: center; }
.product-box .pc-content .pc-title h3 {
margin: 0;
color: #404040;
text-decoration: none;
font-size: 20px;
font-weight: 500;
letter-spacing: -.35px;
line-height: 29px; }
.product-box .add-to-compare {
position: absolute;
top: 7px;
right: 25px;
height: 24px;
width: 24px;
z-index: 2; }
.product-box .add-to-compare .add-to-compare-btn {
border: 2px solid #A0A0A0;
border-radius: 50%;
background-color: #fff;
height: 24px;
width: 24px;
cursor: pointer;
text-align: center;
float: left;
padding: 0;
margin: 0; }
.product-box .add-to-compare .add-to-compare-btn:disabled {
border: 2px solid #D0D0D0;
cursor: default;
opacity: 0.3; }
.product-box .add-to-compare .add-to-compare-btn:focus {
outline: none; }
.product-box .add-to-compare .add-to-compare-btn:before {
line-height: 20px;
font-size: 18px;
color: #007BC2;
display: none; }
.product-box .add-to-compare .add-to-compare-btn .mvp-icon-check {
display: none; }
.product-box .add-to-compare .add-to-compare-btn .mvp-icon-check:before {
line-height: 20px;
font-size: 18px;
color: #007BC2; }
.product-box .add-to-compare .add-to-compare-btn.isActive {
border: 2px solid #007BC2; }
.product-box .add-to-compare .add-to-compare-btn.isActive:before {
display: block; }
.product-box .add-to-compare .add-to-compare-btn.isActive .mvp-icon-check {
display: block; }
.product-box:hover, .product-box:focus {
z-index: 99990; }
.product-box:hover .pc-content .pc-img-overlay, .product-box:focus .pc-content .pc-img-overlay {
display: block; }
.product-box:hover .pc-content .pc-title h3, .product-box:focus .pc-content .pc-title h3 {
color: #007BC2; }
.compare-tooltip {
display: none;
width: 250px;
top: 40px;
left: 90%;
transform: translate(-85%, 0);
padding: 15px;
background-color: #EEEEEE;
border-radius: 8px;
position: absolute;
z-index: 99999;
box-sizing: border-box;
box-shadow: 0 1px 8px rgba(0, 0, 0, 0.5);
text-align: left;
margin-left: 10px; }
.compare-tooltip .tooltip-angle {
position: absolute;
bottom: 100%;
left: 85%;
margin-left: -12px;
width: 24px;
height: 12px;
overflow: hidden; }
.compare-tooltip .tooltip-angle::after {
content: '';
position: absolute;
width: 12px;
height: 12px;
left: 50%;
transform: translate(-50%, 50%) rotate(45deg);
background-color: #eee;
box-shadow: 0 1px 8px rgba(0, 0, 0, 0.5); }
.compare-tooltip .compare-tooltip-close {
float: right;
cursor: pointer;
padding-right: 12px;
margin-top: -10px; }
.compare-tooltip .tooltip-hd {
float: left;
color: #404040;
font-size: 16px;
font-weight: 500;
letter-spacing: -.35px;
line-height: 23px;
margin: 0 0 5px 0; }
.compare-tooltip .pc-tooltip-description {
clear: both;
margin: 0 0 10px 0; }
.prodCatHeading {
float: left;
margin: 15px 0;
width: 100%; }
@media only screen and (min-width: 768px) {
.products-row .col-md-3 .compare-tooltip {
left: 30vw; }
.products-row .col-md-3 .compare-tooltip .tooltip-angle {
left: 135px; }
.products-row .col-md-3:nth-child(4n) .compare-tooltip {
left: 18vw; }
.products-row .col-md-3:nth-child(4n) .compare-tooltip .tooltip-angle {
left: 93%; } }
@media only screen and (min-width: 900px) {
.products-row .col-md-3 .compare-tooltip .tooltip-angle {
left: 130px; }
.products-row .col-md-3:nth-child(4n) .compare-tooltip {
left: 19vw; }
.products-row .col-md-3:nth-child(4n) .compare-tooltip .tooltip-angle {
left: 93%; } }
@media only screen and (min-width: 1000px) and (max-width: 1099px) {
.products-row .col-md-3:not(:nth-child(4n)) .compare-tooltip .tooltip-angle {
left: 125px; } }
@media only screen and (min-width: 1100px) and (max-width: 1199px) {
.products-row .col-md-3:not(:nth-child(4n)) .compare-tooltip .tooltip-angle {
left: 115px; } }
@media only screen and (min-width: 1200px) {
.products-row .col-md-3 .compare-tooltip .tooltip-angle {
left: 110px; }
.products-row .col-md-3:nth-child(4n) .compare-tooltip {
left: 20vw; }
.products-row .col-md-3:nth-child(4n) .compare-tooltip .tooltip-angle {
left: 92%; } }
@media only screen and (min-width: 1400px) {
.products-row .col-md-3 .compare-tooltip .tooltip-angle {
left: 100px; }
.products-row .col-md-3:nth-child(4n) .compare-tooltip {
left: 21vw; }
.products-row .col-md-3:nth-child(4n) .compare-tooltip .tooltip-angle {
left: 90%; } }
@media only screen and (min-width: 1500px) {
.products-row .col-md-3 .compare-tooltip {
left: 450px; }
.products-row .col-md-3 .compare-tooltip .tooltip-angle {
left: 86px; }
.products-row .col-md-3:nth-child(4n) .compare-tooltip {
left: 315px; }
.products-row .col-md-3:nth-child(4n) .compare-tooltip .tooltip-angle {
left: 90%; } }
.products-wrap div[id^=product-]:not(.d-none) .product-box a:focus .pc-img-overlay {
display: block;
z-index: 99990; }
.products-wrap div[id^=product-]:not(.d-none) .product-box a:focus .pc-title h3 {
color: #007BC2; }
.warning-modal {
display: none;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgba(0, 0, 0, 0.4);
z-index: 99999; }
.warning-modal .warning-modal-content {
background-color: #fff;
transform: translate(-50%, -50%);
position: relative;
width: 600px;
left: 50%;
top: 50%;
float: left; }
.warning-modal .warning-modal-header {
color: #fff;
background-color: #009688;
padding: 5px 15px;
float: left;
width: 100%; }
.warning-modal .warning-modal-header h3 {
margin: 0; }
.warning-modal .warning-modal-msg {
float: left;
width: 100%;
padding: 15px; }
.warning-modal .warning-modal-msg p {
margin: 0; }
.warning-modal .warning-modal-footer {
padding: 5px 15px;
float: left;
width: 100%; }
.warning-modal .warning-modal-footer .btn {
margin: 0;
float: right; }
.bottom-controls {
justify-content: center;
align-items: stretch; }
.bottom-controls .load_more_wrapper {
display: none;
margin-right: 20px; }
.bottom-controls .load_more_wrapper #load_more_result {
height: 100%;
width: 352px;
background-color: #ffffff;
text-align: center;
font-weight: 800;
text-transform: uppercase;
border-radius: 0; }
.bottom-controls .compare-btn {
align-self: center;
float: none; }
@media only screen and (max-width: 767px) {
.product-filter-list {
width: 100%;
float: left; }
.product-filter-list .container.d-flex {
flex-direction: column; }
.product-filter-list .container.d-flex .compare-btn {
order: 0; }
.product-filter-list .container.d-flex .compare-btn button {
width: 300px; }
.product-filter-list .container.d-flex .compare-btn .compare-bars .compare-bar {
width: 69px; }
.product-filter-list .container.d-flex .filters-wrap {
order: 1;
margin: 20px 0 0 0;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
text-align: center; }
.product-filter-list .container.d-flex .filters-wrap .select-wrap label {
text-align: left; }
.product-filter-list .container.d-flex .filters-wrap .filters-show-more button {
text-decoration: none;
font-size: 14px;
min-width: 145px;
letter-spacing: -0.29px;
line-height: 32px;
text-transform: uppercase;
color: #fff;
font-weight: 800;
display: flex; }
.product-filter-list .container.d-flex .filters-wrap .filters-show-more button:hover {
text-decoration: underline; }
.product-filter-list .container.d-flex .filters-wrap .filters-show-more button span.icon-parent {
height: 17px;
width: 17px;
margin-top: 8px;
margin-right: 5px;
border: 1px solid #808080;
border-radius: 50%;
background-color: #808080;
display: flex;
justify-content: center;
align-items: center; }
.product-filter-list .container.d-flex .filters-wrap .filters-show-more button span.icon-parent span.mvp-icon-slider_plus,
.product-filter-list .container.d-flex .filters-wrap .filters-show-more button span.icon-parent span.mvp-icon-slider_minus {
padding-top: 10px; }
.product-filter-list .container.d-flex .filters-wrap .filters-show-more button span.icon-parent span.mvp-icon-slider_plus::before,
.product-filter-list .container.d-flex .filters-wrap .filters-show-more button span.icon-parent span.mvp-icon-slider_minus::before {
color: #fff;
font-size: 24px; }
.products-wrap .container-fluid:first-child > div.row {
display: flex;
flex-direction: column; }
.products-wrap .container-fluid:first-child > div.row > div:last-child {
margin-bottom: 20px; }
.products-wrap .products-row div[id^=product-] {
max-width: 350px;
margin: 0 auto 35px; }
.bottom-controls .load_more_wrapper #load_more_result {
width: 300px; }
.bottom-controls .compare-btn button {
width: 300px; } }
@media only screen and (max-width: 1199px) {
.product-filter-list .compare-btn button {
min-width: 300px; }
.product-filter-list .compare-btn .compare-bars .compare-bar {
width: 69px; } }
@media only screen and (max-width: 991px) {
.product-filter-list .container.d-flex {
justify-content: space-between;
align-items: center; }
.product-filter-list .filters-wrap {
margin-bottom: 20px; }
.product-filter-list .filters-wrap .select-wrap:nth-child(2) {
margin: 0 15px; }
.product-filter-list .compare-btn button {
width: 352px; }
.product-filter-list .compare-btn .compare-bars .compare-bar {
width: 82px; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.products-wrap .products-row div[id^=product-] {
margin-bottom: 20px; }
.products-wrap .products-row div[id^=product-] .pc-title {
padding-top: 0; }
.products-wrap .products-row div[id^=product-] .pc-title h3 {
font-size: 16px; }
.products-wrap .products-row div[id^=product-] .product-box {
min-height: 1px;
float: none;
margin: 0 auto; }
.products-wrap .products-row div[id^=product-] .product-box .pc-img-overlay .pc-description {
font-size: 12px; } }
@media only screen and (max-width: 767px) {
#filter-group.show {
display: flex;
flex-direction: column;
justify-content: space-between; }
#filter-group.show .select-wrap:nth-child(2) {
margin: 15px 0; }
.bottom-controls {
flex-direction: column; }
.bottom-controls .load_more_wrapper {
align-self: center;
margin-right: 0;
margin-bottom: 20px; }
.bottom-controls .load_more_wrapper #load_more_result {
height: 50.6667px; } }
@media only screen and (min-width: 992px) and (max-width: 1074px) {
.filters-wrap .select-wrap div.select-custom {
width: 200px; }
.filters-wrap div.select-wrap.dropdown-dark-wrap select.dropdown-dark {
width: 200px; } }
@media only screen and (min-width: 1200px) {
.products-wrap .products-row div[id^=product-] {
margin-bottom: 25px; } }
/* Add here all your css styles (customizations) */
.freezePage {
overflow: hidden;
height: 100%;
position: relative; }
#sticky-header {
position: fixed;
background: #fff;
width: calc(100% - 18px);
max-width: 1200px;
top: 0;
left: 0;
z-index: 13005;
margin: 0 auto;
border-bottom: 1px solid #E0E0E0; }
@media only screen and (min-device-width: 320px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
#sticky-header {
width: 100%; } }
@media (min-width: 992px) {
#sticky-header {
width: calc(90% - 17px);
left: 5%; } }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
#sticky-header {
width: calc(100%); } }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
#sticky-header {
width: calc(90%); } }
@media (min-width: 1351px) {
#sticky-header {
width: 1198px;
left: calc((100vw - 1215px)/2); } }
#sticky-header .sticky-heading {
padding: 12px 1rem; }
#sticky-header .sticky-heading .comparison-heading {
color: #303030;
font-weight: 900;
font-size: 24px;
letter-spacing: -0.69px;
line-height: 48px; }
#sticky-header .sticky-heading .compare-modal-utilities {
width: 100px;
display: flex;
justify-content: space-between;
list-style-type: none;
padding-left: 0; }
#sticky-header .sticky-heading .compare-modal-utilities li a::before {
color: #A0A0A0;
font-size: 20px; }
@media (max-width: 767px) {
#sticky-header .sticky-heading {
padding: 10px; }
#sticky-header .sticky-heading .comparison-heading {
line-height: 24px;
padding: 0px; }
#sticky-header .sticky-heading .compare-modal-utilities {
width: auto; }
#sticky-header .sticky-heading .compare-modal-utilities li:not(:last-child) {
display: none; } }
@media (min-width: 768px) {
#sticky-header .sticky-heading .comparison-heading {
font-size: 36px;
letter-spacing: -1.04px; } }
#sticky-header .row.product-info-row > .col {
padding: 0 5px; }
#sticky-header .prod-content-inner {
margin: 0 auto;
display: flex;
flex-direction: column;
align-items: flex-start;
width: 128px; }
@media (min-width: 768px) {
#sticky-header .prod-content-inner {
width: 168px; } }
@media (min-width: 992px) {
#sticky-header .prod-content-inner {
width: 152px; } }
@media (min-width: 1200px) {
#sticky-header .prod-content-inner {
width: 175px; } }
#sticky-header .prod-name {
font-size: 16px;
font-weight: 900;
letter-spacing: -0.5px;
line-height: 20px;
color: #303030;
margin-bottom: 0; }
#sticky-header .details {
font-size: 12px;
font-weight: 800;
letter-spacing: 0.25px;
color: #404040; }
#sticky-header .row.product-info-row {
margin-bottom: 10px; }
#sticky-header .item {
display: flex; }
#sticky-header .row.product-info-row .owl-carousel {
display: flex;
flex-direction: column; }
#sticky-header .row.product-info-row .owl-stage-outer {
overflow: visible;
order: 2;
margin-top: 15px;
border-top: 1px solid #E0E0E0;
padding-top: 15px; }
#sticky-header .carousel-controls {
order: 1;
position: relative; }
#sticky-header .carousel-controls .owl-nav {
width: 100%;
padding: 0 10px;
display: flex;
justify-content: space-between; }
#sticky-header .carousel-controls .owl-nav button {
height: 32px;
width: 32px;
border: 1px solid #D0D0D0; }
#sticky-header .carousel-controls .owl-nav span[class^=mvp-icon-carat_]::before {
font-size: 24px;
color: #808080;
padding-top: 3px; }
#sticky-header .carousel-controls .owl-nav button.disabled {
cursor: auto; }
#sticky-header .carousel-controls .owl-nav button.disabled span[class^=mvp-icon-carat_]::before {
color: #E0E0E0; }
#sticky-header .carousel-controls .owl-dots {
width: 40px;
position: absolute;
bottom: 10px;
left: calc(50vw - 30px);
display: flex;
justify-content: space-between; }
#sticky-header .carousel-controls .owl-dots button {
height: 8px;
width: 8px;
background: #fff;
border: 1px solid #404040;
border-radius: 50%; }
#sticky-header .carousel-controls .owl-dots button.active {
background: #404040;
border: none; }
#compareModal {
padding-right: 0 !important; }
#compareModal .modal-dialog {
max-width: 1200px; }
#compareModal .modal-content {
border-radius: 0; }
#compareModal p {
color: #404040; }
#compareModal #compareModalTitle, #compareModal .comparison-heading {
color: #303030;
font-weight: 900;
font-size: 24px;
letter-spacing: -0.69px;
line-height: 48px; }
#compareModal .modal-header {
border-bottom: none; }
#compareModal .modal-header .compare-modal-utilities {
width: 100px;
display: flex;
justify-content: space-between;
list-style-type: none;
padding-left: 0; }
#compareModal .modal-header .compare-modal-utilities li a::before {
color: #A0A0A0;
font-size: 20px; }
#compareModal .modal-body {
padding: 0; }
#compareModal .modal-body .container-fluid {
padding: 0; }
#compareModal .modal-body .row.product-info-row {
margin-bottom: 15px;
padding: 0 15px; }
#compareModal .modal-body .row.product-info-row .prod-content {
display: flex;
justify-content: center; }
#compareModal .modal-body .row.product-info-row .prod-content-inner {
margin: 0 auto;
display: flex;
flex-direction: column;
align-items: flex-start; }
#compareModal .modal-body .row.product-info-row .prod-name {
font-size: 16px;
font-weight: 900;
letter-spacing: -0.5px;
line-height: 20px;
color: #303030;
margin-bottom: 0; }
#compareModal .modal-body .row.product-info-row .details {
font-size: 12px;
font-weight: 800;
letter-spacing: 0.25px;
color: #404040; }
#compareModal .modal-body .row.product-info-row .prod-img-wrapper {
height: 120px;
width: 128px;
border: 1px dashed #D0D0D0;
display: flex;
justify-content: center;
align-items: center;
margin-top: 10px; }
#compareModal .modal-body .row.product-info-row .prod-img-wrapper.empty {
margin-top: 48px; }
#compareModal .modal-body .row.product-info-row .prod-img-wrapper .prod-img-link:hover, #compareModal .modal-body .row.product-info-row .prod-img-wrapper .prod-img-link:focus {
border: 1px solid #007BC2; }
#compareModal .modal-body .row.product-info-row .prod-img-wrapper .add-product-to-compare {
background: none;
border: none;
cursor: pointer; }
#compareModal .modal-body .row.product-info-row .mvp-icon-slider_plus::before {
font-size: 100px;
color: #808080; }
#compareModal .modal-body .row.product-info-row .prod-image {
height: 120px;
width: 128px;
border: 1px solid #D0D0D0; }
#compareModal .modal-body .row.product-info-row .remove-btn {
position: absolute;
right: calc(50% - 75px);
bottom: -10px;
width: 24px;
height: 24px;
border: 1px solid #606060;
border-radius: 50%;
background: #fff;
text-align: center;
z-index: 4; }
#compareModal .modal-body .row.product-info-row .remove-btn:before {
font-size: 12px;
line-height: 24px;
color: #606060; }
#compareModal .modal-body .row.heading-row {
margin-left: 0;
margin-right: 0; }
#compareModal .modal-body .row.heading-row div.d-flex {
justify-content: space-between;
min-height: 40px;
height: 100%;
background: #E0E0E0; }
#compareModal .modal-body .row.heading-row .group-heading {
font-size: 16px;
font-weight: 800;
letter-spacing: -0.5px;
line-height: 40px;
margin-bottom: 0;
color: #303030; }
#compareModal .modal-body .row.heading-row span[class^=mvp-icon-carat_]::before {
font-size: 24px;
line-height: 40px;
color: #606060; }
#compareModal .modal-body .row.heading-row a.collapsed .mvp-icon-carat_up::before {
content: "\e907"; }
#compareModal .modal-body .row.data-row {
margin-left: 0;
margin-right: 0;
font-size: 12px;
font-weight: 300;
letter-spacing: -0.19px;
line-height: 16px; }
#compareModal .modal-body .row.data-row .col-12 {
background: #EFEFEF;
height: 40px; }
#compareModal .modal-body .row.data-row .col-12 p {
font-size: 16px;
color: #303030;
line-height: 40px;
letter-spacing: -0.44px;
font-weight: 800; }
#compareModal .modal-body .row.data-row .col {
height: 74px;
padding-bottom: 10px;
display: flex; }
#compareModal .modal-body .row.data-row .col:not(:nth-child(1)):not(:last-child) {
border-right: 1px solid #E0E0E0; }
#compareModal .modal-body .row.data-row .prod-features p {
margin-bottom: 0 !important; }
#compareModal .modal-body .row.data-row .col p {
align-self: center;
font-size: 12px;
font-weight: 300;
letter-spacing: -0.19px;
margin-bottom: 0; }
#compareModal .modal-body .row.data-row .col span {
margin: 0 auto;
align-self: center; }
#compareModal .modal-body .row.data-row .col span::before {
font-size: 24px;
color: #7EB338; }
#compareModal .modal-body .row.link-row a.client-btn:not(.text-a) {
margin: 30px auto 0; }
#compareModal .modal-body .row.link-row a.client-btn.text-a {
margin: 0 auto; }
#compareModal .modal-body .row.link-row a.client-btn {
white-space: normal; }
@media only screen and (max-width: 767px) {
#compareModal .modal-header {
padding: 10px; }
#compareModal .modal-header #compareModalTitle, #compareModal .modal-header .comparison-heading {
line-height: 24px; }
#compareModal .modal-header .compare-modal-utilities {
width: auto; }
#compareModal .modal-header .compare-modal-utilities li:not(:last-child) {
display: none; }
#compareModal .modal-body .item {
display: flex; }
#compareModal .modal-body .row:not(.product-info-row) .item .col:first-child {
border-right: 1px solid #E0E0E0; }
#compareModal .modal-body .carousel-controls {
order: 1;
position: relative; }
#compareModal .modal-body .row.product-info-row {
margin-bottom: 10px; }
#compareModal .modal-body .row.product-info-row .owl-carousel {
display: flex;
flex-direction: column; }
#compareModal .modal-body .row.product-info-row .owl-stage-outer {
overflow: hidden;
order: 2;
margin-top: 15px;
border-top: 1px solid #E0E0E0;
padding-top: 15px; }
#compareModal .modal-body .row.product-info-row .owl-nav {
width: 100%;
padding: 0 10px;
display: flex;
justify-content: space-between; }
#compareModal .modal-body .row.product-info-row .owl-nav button {
height: 32px;
width: 32px;
border: 1px solid #D0D0D0; }
#compareModal .modal-body .row.product-info-row .owl-nav span[class^=mvp-icon-carat_]::before {
font-size: 24px;
color: #808080;
padding-top: 3px; }
#compareModal .modal-body .row.product-info-row .owl-nav button.disabled {
cursor: auto; }
#compareModal .modal-body .row.product-info-row .owl-nav button.disabled span[class^=mvp-icon-carat_]::before {
color: #E0E0E0; }
#compareModal .modal-body .row.product-info-row .owl-dots {
width: 40px;
position: absolute;
bottom: 10px;
left: calc(50vw - 30px);
display: flex;
justify-content: space-between; }
#compareModal .modal-body .row.product-info-row .owl-dots button {
height: 8px;
width: 8px;
background: #fff;
border: 1px solid #404040;
border-radius: 50%; }
#compareModal .modal-body .row.product-info-row .owl-dots button.active {
background: #404040;
border: none; }
#compareModal .modal-body .row.product-info-row .owl-item {
height: 180px; }
#compareModal .modal-body .row.data-row .owl-carousel .owl-nav, #compareModal .modal-body .row.data-row .owl-carousel .owl-dots {
display: none; }
#compareModal .modal-body .row.data-row .owl-item:not(:last-child) {
border-right: 1px solid #E0E0E0; }
#compareModal .modal-body .row.data-row.link-row .col {
padding-left: 4px;
padding-right: 4px; }
#compareModal .modal-body .row.data-row.link-row a.client-btn {
font-size: 14px;
width: auto; }
#compareModal .modal-body .row.data-row.dist-button-row a.invert-btn {
border: none;
margin-top: 15px; }
#compareModal .modal-body .row.data-row.dist-button-row a.invert-btn:visited {
background: transparent;
color: #007BC2;
border: none; }
#compareModal .modal-body .row.data-row.dist-button-row a.invert-btn:hover {
background: transparent;
color: #1273B4;
border: none;
text-decoration: underline; }
#compareModal .modal-body .row.data-row.dist-button-row a.invert-btn:active {
background: transparent;
color: #0E5F95;
border: none; } }
@media only screen and (min-width: 768px) {
#compareModal #compareModalTitle, #compareModal .comparison-heading {
font-size: 36px;
letter-spacing: -1.04px; }
#compareModal .modal-body .row.product-info-row .prod-img-wrapper,
#compareModal .modal-body .row.product-info-row .prod-image {
height: 152px;
width: 168px; }
#compareModal .modal-body .row.product-info-row .remove-btn {
right: calc(50% - 95px); }
#compareModal .modal-body .row.data-row .col {
height: 72px;
padding-bottom: 8px; }
#compareModal .modal-body .row.data-row .col p {
font-size: 16px;
letter-spacing: -0.25px; }
#compareModal .modal-body .row.link-row.dist-button-row {
height: 86px; }
#compareModal .modal-body .row.link-row .col {
height: 86px;
width: 168px; }
#compareModal .modal-body .row.link-row a.client-btn {
width: 168px; } }
@media only screen and (max-width: 991px) {
#compareModal .modal-dialog {
margin: 0; }
#compareModal .row.product-info-row .col {
padding-left: 0;
padding-right: 0; } }
@media only screen and (min-width: 992px) {
#compareModal .modal-dialog {
width: 90%; }
#compareModal .modal-body .row.product-info-row > div {
padding: 0 5px; }
#compareModal .modal-body .row.product-info-row .prod-img-wrapper,
#compareModal .modal-body .row.product-info-row .prod-image {
width: 152px; }
#compareModal .modal-body .row.product-info-row .remove-btn {
right: calc(50% - 88px); }
#compareModal .modal-body .row.data-row:nth-child(5):not(.link-row) > div {
padding-bottom: 25px; }
#compareModal .modal-body .row.data-row .col-12.col-lg,
#compareModal .modal-body .row.data-row .d-lg-flex.col-lg {
background: #fff;
height: 72px;
display: flex;
border-right: 1px solid #E0E0E0; }
#compareModal .modal-body .row.data-row .prod-features {
overflow: auto; }
#compareModal .modal-body .row.data-row p {
overflow-x: auto;
line-height: 1.1;
height: 100%;
padding-top: 7%; }
#compareModal .modal-body .row.data-row .col-12.col-lg p {
font-size: 16px;
font-weight: 800;
letter-spacing: -0.29px;
line-height: 16px;
align-self: center;
margin-bottom: 0; }
#compareModal .modal-body .row.data-row .d-lg-flex.col-lg {
height: 86px; }
#compareModal .modal-body .row.link-row a.client-btn {
width: 200px; }
#compareModal .modal-body .row.dist-button-row .col {
overflow: auto; } }
@media only screen and (min-width: 1200px) {
#compareModal .modal-body .row.product-info-row .prod-img-wrapper,
#compareModal .modal-body .row.product-info-row .prod-image {
width: 175px; }
#compareModal .modal-body .row.product-info-row .remove-btn {
right: calc(50% - 98px); } }
/* Add here all your css styles (customizations) */
.mvp2 .popular-topics .popular-topics_title {
font-size: 32px;
font-weight: 300;
line-height: 38px;
padding-top: 20px;
padding-bottom: 40px; }
.mvp2 .popular-topics .list-component__item-contenttype {
font-weight: 800;
color: #303030;
font-size: 14px;
letter-spacing: 0.5px;
line-height: 15px;
text-transform: uppercase;
margin-bottom: 10px;
height: 15px;
width: 100%;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
word-wrap: break-word; }
.mvp2 .popular-topics .list-component__grid-list {
list-style: none;
padding: 0 12px; }
.mvp2 .popular-topics .list-component__grid-list .list-component__item {
padding-left: 0;
padding-bottom: 10px; }
.mvp2 .popular-topics .list-component__list {
list-style-type: none;
font-size: 16px;
text-align: left;
padding: 0; }
.mvp2 .popular-topics .list-component__item .list__grid-content {
background-color: #F5F5F5;
padding: 20px 20px 20px 15px;
height: 175px; }
.mvp2 .popular-topics .list-component__item .list__grid-content .mvp-icon-carat_right:before {
color: #007BC2; }
.mvp2 .popular-topics .list-component__item a.list-component__item-link {
text-decoration: none; }
.mvp2 .popular-topics .list-component__item a.list-component__item-link .list-component__item-title {
height: 75px;
width: 100%;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
word-wrap: break-word;
overflow: hidden;
color: #303030;
font-size: 20px;
font-weight: bold;
line-height: 24px; }
.mvp2 .popular-topics .list-component__item a.list-component__item-link .list-component__item-title.download-tooltip {
opacity: 1 !important; }
.mvp2 .popular-topics .list-component__item a.list-component__item-link .list-component__item-title.download-tooltip:hover .tooltiptext {
visibility: visible; }
.mvp2 .popular-topics .list-component__item a.list-component__item-link .list-component__item-title.download-tooltip .tooltiptext {
visibility: hidden;
text-transform: none;
width: 325px;
background-color: #fff;
color: #303030;
padding: 5px;
position: absolute;
z-index: 1;
bottom: 0%;
right: -30%;
border: 1px solid #007BC2;
transition: opacity 0.3s;
font-weight: normal;
font-size: 14px; }
@media (min-width: 768px) {
.mvp2 .popular-topics .list-component__grid-list .list-component__item {
padding-right: 10px; }
.mvp2 .popular-topics .list-component__grid-list.list-fourup li:nth-child(4n),
.mvp2 .popular-topics .list-component__grid-list.list-threeup li:nth-child(3n),
.mvp2 .popular-topics .list-component__grid-list.list-twoup li:nth-child(2n) {
padding-right: 0; } }
@media (max-width: 767px) {
.mvp2 .popular-topics .list-component__grid-list .list-component__item {
padding-right: 0px; } }
.popular-topics-wrap .topics-header {
margin-bottom: 40px; }
.popular-topics-wrap .popular-topics__text {
color: #303030 !important;
font-size: 28px;
font-weight: 300;
line-height: 28px; }
.popular-topics-wrap .popular-topics .list-component__grid-list {
max-width: 1178px;
margin: 0 auto;
padding: 0; }
.popular-topics-wrap .popular-topics .row {
margin: 0; }
@media (min-width: 768px) {
.popular-topics-wrap .popular-topics__text {
font-size: 32px;
line-height: 38px; } }
/* Add here all your css styles (customizations) */
.photo-stripe.mvp2 .stripe {
margin: 7px 0; }
.photo-stripe.mvp2 .stripe-text {
display: flex;
flex-direction: column;
justify-content: center;
padding: 5px 30px; }
@media (min-width: 1440px) {
.photo-stripe.mvp2 .stripe-text {
padding-left: 70px; } }
@media (max-width: 767px) {
.photo-stripe.mvp2 .stripe-text {
order: 2;
padding: 15px; } }
.photo-stripe.mvp2 .stripe-text h3, .photo-stripe.mvp2 .stripe-text p {
max-width: 275px; }
@media (max-width: 767px) {
.photo-stripe.mvp2 .stripe-text h3, .photo-stripe.mvp2 .stripe-text p {
max-width: 100%; } }
.photo-stripe.mvp2 .stripe-text h3 sup, .photo-stripe.mvp2 .stripe-text p sup {
font-size: 42%;
font-weight: 500;
vertical-align: super; }
.photo-stripe.mvp2 .stripe-text h3 {
margin-bottom: 15px; }
.photo-stripe.mvp2 .stripe-img {
display: flex;
align-items: center; }
@media (max-width: 767px) {
.photo-stripe.mvp2 .stripe-img {
order: 1;
padding: 0 15px; } }
.photo-stripe.mvp2 .stripe-img .img-overflow {
overflow: hidden; }
@media (max-width: 767px) {
.photo-stripe.mvp2 .stripe-img .img-overflow {
margin: 0 auto; } }
@media (min-width: 768px) {
.photo-stripe.mvp2 .stripe-img img {
min-width: 992px;
min-height: 244px; } }
@media (max-width: 992px) and (min-width: 768px) {
.photo-stripe.mvp2 .stripe-img img {
position: relative;
right: 50%; } }
.photo-stripe.mvp2 .stripe-text:hover,
.photo-stripe.mvp2 .stripe-img:hover {
text-decoration: none; }
/* Add here all your css styles (customizations) */
/* Add here all your css styles (customizations) */
.page-tile-wrapper {
/*background:$grey-bg;*/
background: #F5F5F5;
margin: 10px 0; }
.page-tile-wrapper ul.pageTitleNavList {
list-style: none;
justify-content: center;
border-top: 0px solid #fff !important;
border-bottom: 0px solid #fff !important;
width: 100%;
margin: 0 auto;
max-width: 1440px !important; }
.page-tile-wrapper ul.pageTitleNavList li {
/*width: calc(100% / 8);*/
text-align: center;
display: none;
cursor: pointer;
padding: 19px 6px 19px 6px;
height: 152px;
color: #D0D0D0;
background: #F5F5F5; }
@media (min-width: 1025px) and (max-width: 1280px) {
.page-tile-wrapper ul.pageTitleNavList li {
width: 131px !important;
height: 131px; }
.page-tile-wrapper ul.pageTitleNavList li:nth-child(n+10) {
margin-top: 10px !important; } }
@media (min-width: 1281px) and (max-width: 1348px) {
.page-tile-wrapper ul.pageTitleNavList li {
width: 140px !important;
height: 140px; }
.page-tile-wrapper ul.pageTitleNavList li:nth-child(n+10) {
margin-top: 10px !important; } }
@media (min-width: 1349px) {
.page-tile-wrapper ul.pageTitleNavList li {
width: 148px !important;
height: 148px; }
.page-tile-wrapper ul.pageTitleNavList li:nth-child(n+10) {
margin-top: 10px !important; } }
@media (min-width: 768px) and (max-width: 992px) {
.page-tile-wrapper ul.pageTitleNavList li {
width: 182px !important;
width: 182px; }
.page-tile-wrapper ul.pageTitleNavList li:nth-child(n+5) {
margin-top: 10px !important; } }
@media (min-width: 993px) and (max-width: 1024px) {
.page-tile-wrapper ul.pageTitleNavList li {
width: 132px !important;
height: 132px; }
.page-tile-wrapper ul.pageTitleNavList li:nth-child(n+8) {
margin-top: 10px !important; } }
@media (min-width: 320px) and (max-width: 767px) {
.page-tile-wrapper ul.pageTitleNavList li {
width: 150px !important;
height: 150px; }
.page-tile-wrapper ul.pageTitleNavList li:nth-child(n+3) {
margin-top: 10px !important; } }
.page-tile-wrapper ul.pageTitleNavList li:first-child {
margin-left: 10px;
/* border-left: 8px solid $white!important;*/ }
.page-tile-wrapper ul.pageTitleNavList li:last-child {
margin-right: 0px !important; }
.page-tile-wrapper ul.pageTitleNavList li a {
/*padding: 20px;*/
display: inline-block;
height: auto; }
.page-tile-wrapper ul.pageTitleNavList li a h4 {
font-size: 14px;
font-weight: 300;
line-height: 22px;
text-align: center;
color: #303030;
margin-top: 24px;
word-break: break-word; }
.page-tile-wrapper ul.pageTitleNavList li a:hover {
text-decoration: none; }
.page-tile-wrapper ul.pageTitleNavList li a svg {
height: 46px;
width: 46px;
fill: #707070;
display: none; }
.page-tile-wrapper ul.pageTitleNavList li a img {
height: 42px;
width: 42px;
display: block;
margin: 0 auto; }
.page-tile-wrapper ul.pageTitleNavList li:hover {
border: 0px solid #007BC2;
background-color: #FFFFFF; }
.page-tile-wrapper ul.pageTitleNavList li:hover h4 {
font-size: 14px;
color: #007BC2 !important; }
.page-tile-wrapper ul.pageTitleNavList li:hover svg {
fill: #007BC2 !important;
display: block;
margin: 0 auto; }
.page-tile-wrapper ul.pageTitleNavList li:hover img {
display: none; }
.page-tile-wrapper ul.pageTitleNavList li:hover svg rect, .page-tile-wrapper ul.pageTitleNavList li:hover svg polygon {
fill: #007BC2 !important; }
.loadMore {
cursor: pointer;
display: none;
color: #007BC2;
font-size: 14px;
font-weight: 800;
letter-spacing: -0.29px;
line-height: 17px;
text-align: center;
text-transform: uppercase;
margin-top: 20px; }
.loadMore:hover {
text-decoration: none; }
.mvp2 .pagetitlenavigationlist {
margin-top: 40px;
margin-bottom: 40px;
padding: 0;
width: 100vw !important;
position: relative; }
@media (min-width: 320px) {
.mvp2 .pagetitlenavigationlist {
margin-left: calc(-50vw + 50% - 5px) !important; } }
@media (min-width: 1280px) {
.mvp2 .pagetitlenavigationlist {
margin-left: calc(-50vw + 50% - 9px) !important; } }
.pagetitlenavigationlist ul li {
border: 0px solid #fff !important;
outline: 8px solid #fff;
margin-left: 10px; }
.pagetitlenavigationlist ul > :last-child {
border-right: 0px solid !important; }
.pagetitlenavigationlist ul li:hover {
border: 2px solid #007BC2 !important;
background-color: #FFFFFF !important; }
.pagetitlenavigationlist ul > :first-child:hover {
margin-left: 4px; }
.pagetitlenavigationlist svg {
width: 350px;
height: 350px; }
.pagetitlenavigationlist svg path {
fill: #007BC2 !important; }
/* Add here all your css styles (customizations) */
#articlePage {
margin-top: 25px; }
#articlePage.container {
max-width: 1440px;
width: 100%;
padding: 0 30px; }
#articlePage [class^="mvp-icon-"]:before,
#articlePage [class*="mvp-icon-"]:before {
color: #707070; }
#articlePage .mvp-icon-tag:before {
font-size: 34px; }
#articlePage .mvp-icon-share.active:before {
color: #303030; }
#articlePage blockquote {
font-weight: 900; }
@media (min-width: 768px) {
#articlePage .shareprint-bottom ul li:nth-child(2),
#articlePage .shareprint-top ul li:nth-child(2) {
margin: 0 25px 0 25px; } }
#articlePage .link-list-container ul li:not(:last-child) {
margin-bottom: 8px; }
.main-heading-h1 {
font-size: 32px;
font-weight: 900;
line-height: 1;
max-width: 100%;
letter-spacing: -0.84px;
margin: 15px 0; }
@media only screen and (min-width: 768px) and (max-width: 992px) {
.main-heading-h1 {
font-size: 48px; } }
@media only screen and (min-width: 993px) {
.main-heading-h1 {
font-size: 64px; } }
@media (max-width: 767px) {
.main-heading-h1 span.light-text {
font-weight: 900; } }
@media (min-width: 768px) {
.main-heading-h1 {
margin-bottom: 10px;
letter-spacing: -1.59px; } }
@media (min-width: 992px) {
.main-heading-h1 {
letter-spacing: -2.12px; } }
#articlePage .col-lg-7.main-columns > div:first-child .subhead {
font-style: italic;
color: #707070;
font-size: 24px;
line-height: 32px;
font-weight: 300; }
@media (min-width: 768px) {
#articlePage .col-lg-7.main-columns > div:first-child .subhead {
margin-bottom: 25px; } }
@media (min-width: 992px) {
#articlePage .col-lg-7.main-columns > div:first-child .subhead {
font-size: 28px;
line-height: 40px; } }
.article-info {
margin-top: 0;
margin-bottom: 25px;
color: #303030;
font-weight: 500;
letter-spacing: 2.25px;
border-bottom: 1px solid #D0D0D0; }
@media (min-width: 992px) {
.article-info {
margin-bottom: 35px; } }
.article-info .p-2 {
margin-top: 15px; }
@media (min-width: 768px) {
.article-info .p-2 {
padding-left: 0px !important; } }
.article-info .p-2 .bold {
font-weight: 900; }
.article-info .shareprint-top {
padding-right: 0px !important; }
.article-info ul {
min-width: 125px;
padding-left: 0;
list-style-type: none;
font-size: 10px;
text-align: right;
position: relative;
display: flex;
justify-content: flex-end;
margin-bottom: 5px; }
.article-info li {
display: inline; }
.article-info li button {
padding: 0; }
.custom_images {
display: flex;
flex-direction: column;
position: absolute;
right: 15px;
background: #fff;
border: 1px solid #E0E0E0;
width: 150px;
z-index: 9; }
.custom_images .nubbin {
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 10px solid #fff;
position: absolute;
right: 15px;
top: -9px; }
.custom_images .nubbin-border {
width: 0;
height: 0;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 12px solid #E0E0E0;
position: absolute;
right: 13px;
top: -12px; }
.custom_images a {
display: flex;
justify-content: flex-start;
align-items: center;
color: #303030;
font-weight: 500;
font-size: 14px;
letter-spacing: .3px;
margin-bottom: 0 !important;
padding: 5px;
border-bottom: 1px solid #E0E0E0; }
.custom_images a:hover {
color: #707070; }
.custom_images a:hover [class^="mvp-icon-"]:before,
.custom_images a:hover [class*="mvp-icon-"]:before {
text-decoration: none; }
.custom_images a:last-child {
border-bottom: none; }
.custom_images a [class^="mvp-icon-"]:before,
.custom_images a [class*="mvp-icon-"]:before {
font-size: 28px;
margin-right: 8px; }
.bold {
font-weight: 800; }
.grey-box-text {
color: #fff;
text-transform: uppercase;
background-color: #707070;
width: 50%;
font-weight: 900;
letter-spacing: 4px;
padding: 7px 17px;
height: 24px;
line-height: 24px;
text-decoration: none; }
.grey-box-text.full {
padding: 0 0 0 17px;
width: auto;
height: 100%;
font-size: 10px; }
@media (min-width: 992px) {
.grey-box-text.full {
padding: 2px 0 2px 17px;
font-size: 12px; } }
.article-info-end {
border-top: 1px solid #D0D0D0;
margin-top: 10px;
margin-bottom: 25px;
padding-top: 12px; }
.article-info-end ul {
min-width: 125px;
list-style-type: none;
font-size: 10px;
padding-left: 0;
margin-bottom: 0; }
.article-info-end ul li {
display: inline; }
.article-info-end ul li button {
padding: 0; }
.article-info-end ul li.tags {
padding: 2px 7.5px;
border-top-right-radius: 10px; }
.article-info-end .p-2 ul {
text-align: right;
position: relative;
display: flex;
justify-content: flex-end;
margin-bottom: 5px; }
@media only screen and (max-width: 767px) {
.article-info,
.article-info-end {
flex-direction: column;
border: 0; }
.article-info .ml-auto,
.article-info-end .ml-auto {
margin-left: initial !important; }
.article-info .ml-auto ul,
.article-info-end .ml-auto ul {
display: flex;
border-top: 1px solid #D0D0D0;
border-bottom: 1px solid #D0D0D0;
padding: 10px 8px 5px;
justify-content: space-around;
align-items: center; }
.article-info .mvp-icon-tag,
.article-info .tags-list,
.article-info-end .mvp-icon-tag,
.article-info-end .tags-list {
display: none !important; }
.custom_images .nubbin {
right: 40%; }
.custom_images .nubbin-border {
right: calc(40% - 1px); }
.content .main-heading-h1 {
text-align: center;
margin-bottom: 15px; }
.content .grey-box-text {
display: block;
width: 100%;
text-align: center;
padding: 0; }
.content .subhead {
letter-spacing: -.45px;
text-align: center;
font-size: 18px;
line-height: 24px; }
.content #articlePage.container {
padding: 0; }
.content #articlePage.container > .row {
margin: 0; }
.content #articlePage.container > .row > .main-columns {
padding: 0; }
.content .cmp-text {
padding: 0 15px; }
.content .article-info {
letter-spacing: 1.93px;
font-size: 12px;
text-align: center; }
#articlePage h2.u-heading-v7__title {
font-size: 12px !important;
letter-spacing: 3.5px; } }
/* Add here all your css styles (customizations) */
.banner-alert {
width: 100%;
margin-left: auto;
margin-right: auto; }
.banner-alert.notification-component.mvp2 .notification-container {
/*critical*/
/*important*/
/*info*/
/*success*/ }
.banner-alert.notification-component.mvp2 .notification-container .notification-square {
width: 100%; }
@media (min-width: 768px) {
.banner-alert.notification-component.mvp2 .notification-container .notification-square {
width: 518px; } }
.banner-alert.notification-component.mvp2 .notification-container .notifications {
position: relative;
padding: 15px;
background-color: #FFFFFF;
border: 2px solid transparent;
min-height: 100px; }
.banner-alert.notification-component.mvp2 .notification-container .notifications .notification__close {
padding: 0px 20px 20px 0px;
cursor: pointer; }
.banner-alert.notification-component.mvp2 .notification-container .notifications .notification__close .mvp-stack_close:before {
color: #404040;
font-size: 22px;
padding: 0px; }
.banner-alert.notification-component.mvp2 .notification-container .notifications .notification__close .mvp-stack_close:hover:before {
background: #D0D0D0; }
.banner-alert.notification-component.mvp2 .notification-container .notifications .notification__content {
font-size: 16px;
padding-left: 15px; }
.banner-alert.notification-component.mvp2 .notification-container .notifications .notification__content .notification__content-header {
color: #404040;
font-weight: 900;
line-height: 20px; }
.banner-alert.notification-component.mvp2 .notification-container .notifications .notification__content .notification__content-description {
font-weight: 500;
line-height: 20px;
color: #707070;
padding-top: 5px; }
.banner-alert.notification-component.mvp2 .notification-container .notifications .notification__content .notification__content-description .notification__content-link {
color: #007BC2;
font-size: 16px;
font-weight: 800;
line-height: 20px; }
.banner-alert.notification-component.mvp2 .notification-container .notifications .notification__content .notification__content-description .notification__content-link:hover {
text-decoration: none;
color: #00629B; }
.banner-alert.notification-component.mvp2 .notification-container .notifications .notification__content .notification__content-description .notification__content-description-maxlimits {
word-break: break-word !important;
padding-right: 8px; }
@media (max-width: 768px) {
.banner-alert.notification-component.mvp2 .notification-container .notifications .notification__content .notification__content-descriptions {
-ms-flex-direction: column !important;
flex-direction: column !important; }
.banner-alert.notification-component.mvp2 .notification-container .notifications .notification__content .notification__content-descriptions .notification__content-link {
padding-left: 0px; } }
.banner-alert.notification-component.mvp2 .notification-container .notifications-critical {
border-color: #EE3124; }
.banner-alert.notification-component.mvp2 .notification-container .notifications-critical .mvp-icon-alert-warning:before {
color: #EE3124;
font-size: 36px; }
.banner-alert.notification-component.mvp2 .notification-container .notifications-critical::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 6px;
height: 100%;
background-color: #EE3124; }
.banner-alert.notification-component.mvp2 .notification-container .notifications-important {
border-color: #F37021; }
.banner-alert.notification-component.mvp2 .notification-container .notifications-important .mvp-icon-alert-warning:before {
color: #F37021;
font-size: 36px; }
.banner-alert.notification-component.mvp2 .notification-container .notifications-important::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 6px;
height: 100%;
background-color: #F37021; }
.banner-alert.notification-component.mvp2 .notification-container .notifications-informative {
border-color: #007BC2; }
.banner-alert.notification-component.mvp2 .notification-container .notifications-informative .mvp-icon-information:before {
color: #007BC2;
font-size: 32px; }
.banner-alert.notification-component.mvp2 .notification-container .notifications-informative::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 6px;
height: 100%;
background-color: #007BC2; }
.banner-alert.notification-component.mvp2 .notification-container .notifications-success {
border-color: #7EB338; }
.banner-alert.notification-component.mvp2 .notification-container .notifications-success .mvp-icon-success:before {
color: #7EB338;
font-size: 32px; }
.banner-alert.notification-component.mvp2 .notification-container .notifications-success::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 6px;
height: 100%;
background-color: #7EB338; }
/* Add here all your css styles (customizations) */
.content-carousel-full-width.mvp2 .slick-dots {
left: 0;
right: 0;
bottom: -40px;
width: auto;
display: inline-block !important; }
@media (min-width: 768px) {
.content-carousel-full-width.mvp2 .slick-dots {
bottom: 100px;
left: auto;
right: 52px;
display: flex !important;
flex-direction: column;
justify-content: space-between; } }
.content-carousel-full-width.mvp2 .slick-dots li {
width: 10px;
height: 10px; }
@media (min-width: 768px) {
.content-carousel-full-width.mvp2 .slick-dots li:not(:last-child) {
margin-bottom: 10px; } }
.content-carousel-full-width.mvp2 .slick-dots .dot::before {
border: 1px solid #000;
border-radius: 50%;
color: transparent;
opacity: 1;
width: 10px;
height: 10px; }
@media (min-width: 768px) {
.content-carousel-full-width.mvp2 .slick-dots .dot::before {
border-color: #fff; } }
.content-carousel-full-width.mvp2 .slick-dots .slick-active .dot::before {
background: #000;
color: transparent;
opacity: 1; }
@media (min-width: 768px) {
.content-carousel-full-width.mvp2 .slick-dots .slick-active .dot::before {
background: #fff; } }
.content-carousel-wrap {
position: relative; }
.content-carousel-wrap .slide-progress {
position: absolute;
bottom: 20px;
left: 0;
right: 0;
margin: auto;
width: 52px;
height: 52px;
margin-bottom: 0;
background: transparent;
box-shadow: none;
cursor: pointer; }
@media (min-width: 768px) {
.content-carousel-wrap .slide-progress {
left: auto;
right: 36px;
bottom: 30px;
margin: 0; } }
.content-carousel-wrap .timer-icon {
position: absolute;
left: 16px;
top: 15px; }
.content-carousel-wrap .timer-icon.mvp-icon-play {
left: 18px; }
.content-carousel-wrap .timer-icon::before {
color: #fff;
font-size: 20px; }
/* Add here all your css styles (customizations) */
.notification-component.mvp2.nf-banner {
width: 100%;
max-width: 1440px !important;
margin: 0 auto; }
.notification-component.mvp2 .notification-container {
/*critical*/
/*important*/
/*info*/
/*success*/ }
.notification-component.mvp2 .notification-container .notification-square {
width: 100%; }
@media (min-width: 768px) {
.notification-component.mvp2 .notification-container .notification-square {
width: 518px; } }
.notification-component.mvp2 .notification-container .notification {
display: none;
position: relative;
padding: 15px;
background-color: #FFFFFF;
border: 2px solid transparent;
min-height: 100px; }
.notification-component.mvp2 .notification-container .notification .notification__close {
padding: 0px 20px 20px 0px;
cursor: pointer; }
.notification-component.mvp2 .notification-container .notification .notification__close .mvp-stack_close:before {
color: #404040;
font-size: 22px;
padding: 0px; }
.notification-component.mvp2 .notification-container .notification .notification__close .mvp-stack_close:hover:before {
background: #D0D0D0; }
.notification-component.mvp2 .notification-container .notification .notification__content {
font-size: 16px;
padding-left: 15px; }
.notification-component.mvp2 .notification-container .notification .notification__content .notification__content-header {
color: #404040;
font-weight: 900;
line-height: 20px; }
.notification-component.mvp2 .notification-container .notification .notification__content .notification__content-description {
font-weight: 500;
line-height: 20px;
color: #707070;
padding-top: 5px; }
.notification-component.mvp2 .notification-container .notification .notification__content .notification__content-description .notification__content-link {
color: #007BC2;
font-size: 16px;
font-weight: 800;
line-height: 20px; }
.notification-component.mvp2 .notification-container .notification .notification__content .notification__content-description .notification__content-link:hover {
text-decoration: none;
color: #00629B; }
.notification-component.mvp2 .notification-container .notification .notification__content .notification__content-description .notification__content-description-maxlimit {
word-break: break-word !important;
padding-right: 8px; }
@media (max-width: 768px) {
.notification-component.mvp2 .notification-container .notification .notification__content .notification__content-description {
-ms-flex-direction: column !important;
flex-direction: column !important; }
.notification-component.mvp2 .notification-container .notification .notification__content .notification__content-description .notification__content-link {
padding-left: 0px; } }
.notification-component.mvp2 .notification-container .notification-critical {
border-color: #EE3124; }
.notification-component.mvp2 .notification-container .notification-critical .mvp-icon-alert-warning:before {
color: #EE3124;
font-size: 36px; }
.notification-component.mvp2 .notification-container .notification-critical::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 6px;
height: 100%;
background-color: #EE3124; }
.notification-component.mvp2 .notification-container .notification-important {
border-color: #F37021; }
.notification-component.mvp2 .notification-container .notification-important .mvp-icon-alert-warning:before {
color: #F37021;
font-size: 36px; }
.notification-component.mvp2 .notification-container .notification-important::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 6px;
height: 100%;
background-color: #F37021; }
.notification-component.mvp2 .notification-container .notification-informative {
border-color: #007BC2; }
.notification-component.mvp2 .notification-container .notification-informative .mvp-icon-information:before {
color: #007BC2;
font-size: 32px; }
.notification-component.mvp2 .notification-container .notification-informative::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 6px;
height: 100%;
background-color: #007BC2; }
.notification-component.mvp2 .notification-container .notification-success {
border-color: #7EB338; }
.notification-component.mvp2 .notification-container .notification-success .mvp-icon-success:before {
color: #7EB338;
font-size: 32px; }
.notification-component.mvp2 .notification-container .notification-success::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 6px;
height: 100%;
background-color: #7EB338; }
/*square*/
.notification-component.mvp2.nf-square {
position: fixed;
/*bottom: 0;*/
right: 50px;
z-index: 2;
width: 518px;
margin-top: 5px;
-webkit-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.11);
-moz-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.11);
box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.11); }
.notification-component.mvp2.nf-square .notification {
min-height: 120px !important; }
.notification-component.mvp2.nf-square .notification__content-description {
-ms-flex-direction: column !important;
flex-direction: column !important; }
.notification-component.mvp2.nf-square .notification__content-description .notification__content-description-maxlimit {
display: flex;
padding-bottom: 15px; }
.notification-component.mvp2.nf-square .notification__content-description .notification__content-link {
text-align: left;
padding: 0px !important; }
@media (max-width: 767px) {
.notification-component.mvp2.nf-square {
width: 100%;
right: 0px; } }
.notification-component.mvp2.nf-square .notification-container .notification-success::before {
width: 5px; }
.notification-component.mvp2.nf-square .notification-container .notification-informative::before {
width: 5px; }
.notification-component.mvp2.nf-square .notification-container .notification-important::before {
width: 5px; }
.notification-component.mvp2.nf-square .notification-container .notification-critical::before {
width: 5px; }
/* Add here all your css styles (customizations) */
.mosaic-styles.mvp2 .mosaic-item {
padding-bottom: 5px; }
@media (min-width: 768px) {
.mosaic-styles.mvp2 .mosaic-item {
padding-left: 3px;
padding-right: 3px; } }
.mosaic-styles.mvp2 .mosaic-item.d-none-important {
display: none !important; }
.mosaic-styles.mvp2 img {
width: 100%;
height: auto; }
@media (min-width: 768px) {
.mosaic-styles.mvp2 img {
height: auto; } }
.mosaic-styles.mvp2 .img-rollover {
position: relative;
width: 100%;
height: 100%;
z-index: 1; }
.mosaic-styles.mvp2 .img-rollover:hover {
text-decoration: none; }
.mosaic-styles.mvp2 .img-rollover:after {
transition: .3s all ease;
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.6) 0%, transparent 15%);
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.6) 0%, transparent 15%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6) 0%, transparent 15%); }
.mosaic-styles.mvp2 .img-rollover .label2 {
width: 90%;
position: absolute;
top: 12px;
left: 10px;
z-index: 1;
margin: 10px;
text-transform: uppercase; }
.mosaic-styles.mvp2 .img-rollover .rollover-text {
opacity: 1;
position: relative;
top: 0;
z-index: 1;
margin: 15px;
width: 90%; }
@media (max-width: 767px) {
.mosaic-styles.mvp2 .img-rollover .rollover-text {
height: auto;
justify-content: space-between;
margin: 0;
padding: 15px;
width: 100%; } }
@media (max-width: 992px) and (min-width: 768px) {
.mosaic-styles.mvp2 .img-rollover .rollover-text h3 {
font-size: large; } }
@media (min-width: 768px) {
.mosaic-styles.mvp2 .img-rollover .rollover-text {
transition: .3s all ease;
transition-delay: .1s;
opacity: 0;
position: absolute;
margin: 70px 10px 10px 21px; }
.mosaic-styles.mvp2 .img-rollover .rollover-text p {
margin-top: 20px; }
.mosaic-styles.mvp2 .img-rollover .rollover-text h3 {
padding-right: 25px; }
.mosaic-styles.mvp2 .img-rollover:hover:after {
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.6) 100%);
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.6) 100%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.6) 100%); }
.mosaic-styles.mvp2 .img-rollover:hover .rollover-text {
opacity: 1; } }
@media (max-width: 767px) {
.mosaic-styles.mvp2 .mvp2-play-btn:before {
bottom: 20%; } }
.mosaic-styles.mvp2 .dropdown-button {
color: #007BC2;
font-weight: 800;
background: none;
border: none;
border-bottom: 1px solid #007BC2;
position: relative;
bottom: 2px; }
.mosaic-styles.mvp2 .mosaic-item .img-fluid,
.mosaic-styles.mvp2 .mosaic-item .img-fluid .cq-dd-image,
.mosaic-styles.mvp2 .mosaic-item .img-fluid .s7dm-dynamic-media,
.mosaic-styles.mvp2 .mosaic-item .img-fluid .s7responsiveContainer {
height: 100%; }
.mosaic-styles.mvp2 .large-img .img-1-1 {
display: block;
width: 100%;
height: auto; }
.mosaic-styles.mvp2 .large-img .img-2-1 {
display: none;
width: 100%;
height: auto; }
@media (min-width: 475px) {
.mosaic-styles.mvp2 .large-img .img-1-1 {
display: none; }
.mosaic-styles.mvp2 .large-img .img-2-1 {
display: block; } }
@media (min-width: 768px) {
.mosaic-styles.mvp2 .large-img .img-2-1 {
min-height: 100%; } }
.mosaic-styles.mvp2 .small-img .img-1-1 {
display: block;
width: 100%;
height: auto; }
.mosaic-styles.mvp2 .small-img .img-2-1 {
display: none;
width: 100%;
height: auto; }
@media (min-width: 475px) {
.mosaic-styles.mvp2 .small-img .img-1-1 {
display: none; }
.mosaic-styles.mvp2 .small-img .img-2-1 {
display: block; } }
@media (min-width: 768px) {
.mosaic-styles.mvp2 .small-img .img-1-1 {
display: block; }
.mosaic-styles.mvp2 .small-img .img-2-1 {
display: none; } }
/* Add here all your css styles (customizations) */
@media (min-width: 768px) {
#micro-footer.mvp2.full-width .global-footer__top .global-footer__links-col .titleLinks:not(:last-child):not(:only-child) {
margin-bottom: 45px; } }
@media (min-width: 1200px) {
#micro-footer.mvp2.full-width .global-footer__top {
padding: 75px; }
#micro-footer.mvp2.full-width .global-footer__bottom {
padding: 20px 75px 0; } }
#micro-footer.mvp2.full-width .global-footer__links-list {
padding-left: 0;
flex-wrap: wrap; }
#micro-footer.mvp2.full-width .global-footer__links-section.social ul li {
padding-right: 15px; }
#micro-footer.mvp2.full-width .copyright-section ul {
padding-left: 0; }
/* Add here all your css styles (customizations) */
.marketoIframe {
margin: 0 !important;
padding: 20px; }
.marketoIframe #mktoForm_1001 .mktoAsterix {
color: #dc3545 !important;
position: relative !important;
margin-left: -12px !important; }
.marketoIframe .mkt_name {
color: #303030;
font-family: "Solstice Sans";
font-size: 35px;
font-weight: 300;
line-height: 40px;
max-width: 90%;
margin-top: 0.4em;
width: 400px;
margin-left: 85px; }
.marketoIframe .mkt_info {
color: #303030;
font-family: "Solstice Sans";
font-size: 15px;
font-weight: 300;
line-height: 1.6em;
max-width: 90%;
width: 400px;
margin-left: 85px; }
.marketoIframe .mkt_info a {
color: #007BC2; }
.marketoIframe .mkt_info a:hover, .marketoIframe .mkt_info a:focus, .marketoIframe .mkt_info a:active {
color: #00629B; }
.marketoIframe .mkt_disc {
color: #fff;
font-family: "Solstice Sans";
font-size: 14px;
font-weight: 300;
line-height: 20px;
margin: 0 20px;
padding-top: 20px; }
.marketoIframe #mktoForm_1001 {
margin-left: 30px; }
@media (max-width: 767px) {
.marketoIframe .mkt_name, .marketoIframe .mkt_info {
width: 100%;
margin-left: 0;
max-width: 100%; }
.marketoIframe #mktoForm_1001 {
margin-left: 0px; }
.marketoIframe .mkt_disc {
margin-left: 0px !important; }
.marketoIframe .mktoHtmlText.mktoHasWidth {
margin-top: 0px !important;
padding-left: 0px;
width: 100% !important; }
.marketoIframe .mktoButtonWrap.mktoRound {
margin: 0 !important; }
.marketoIframe .mktoForm .mktoButtonRow .mktoButtonWrap .mktoButton {
margin-left: 0 !important;
width: 100% !important; } }
/* Add here all your css styles (customizations) */
.cwa-wrapper .cwa-user-wrap {
float: left;
margin-right: 15px;
display: none; }
.cwa-wrapper .cwa-user-wrap a {
color: #707070;
text-transform: uppercase;
display: inline-block;
vertical-align: middle;
line-height: 30px; }
@media (max-width: 767px) {
.cwa-wrapper .cwa-user-wrap a {
display: flex;
align-items: center;
position: relative; } }
.cwa-wrapper .cwa-user-wrap a .dropdown-toggle::after {
display: none; }
.cwa-wrapper .cwa-user-wrap a .mvp-icon-user {
display: inline-block;
vertical-align: middle;
line-height: 18px; }
.cwa-wrapper .cwa-user-wrap a .mvp-icon-user:before {
font-size: 22px;
color: #707070; }
@media (max-width: 767px) {
.cwa-wrapper .cwa-user-wrap a .mvp-icon-user:before {
top: 2px;
position: relative; } }
@media (max-width: 767px) {
.cwa-loginurl.dropdown-toggle::after {
position: absolute !important;
right: 0 !important; } }
.signin-text {
font-weight: 800;
color: #707070;
font-size: 14px; }
@media (max-width: 767px) {
.signin-text {
max-width: 81px;
width: 100%;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
display: inline-block; } }
/* Add here all your css styles (customizations) */
.dist-locator .dist-content-wrap #distributors-list .load-more-btn {
background: #fff;
font-weight: 800;
font-size: 14px;
color: #000;
border: 2px solid #000;
transition: all .3s ease;
text-transform: uppercase;
height: 48px;
display: flex;
align-items: center;
justify-content: center;
white-space: nowrap; }
.dist-locator .dist-content-wrap #distributors-list .load-more-btn:active, .dist-locator .dist-content-wrap #distributors-list .load-more-btn:hover, .dist-locator .dist-content-wrap #distributors-list .load-more-btn:visited {
text-decoration: none; }
.dist-locator .dist-content-wrap #distributors-list .load-more-btn:hover {
background: #fff;
color: #707070;
border: 2px solid #707070; }
.dist-locator .dist-content-wrap #distributors-list .load-more-btn:active {
background: #404040;
color: #fff;
border: 2px solid #404040; }
@media (max-width: 767px) {
.dist-locator .dist-content-wrap #distributors-list .load-more-btn:active, .dist-locator .dist-content-wrap #distributors-list .load-more-btn:hover, .dist-locator .dist-content-wrap #distributors-list .load-more-btn:visited, .dist-locator .dist-content-wrap #distributors-list .load-more-btn:focus {
text-decoration: none; } }
.dist-locator > h2 {
font-size: 32px;
font-weight: 900;
padding-left: 15px;
letter-spacing: -0.92px;
color: #303030; }
@media only screen and (min-width: 768px) and (max-width: 992px) {
.dist-locator > h2 {
font-size: 42px; } }
@media only screen and (min-width: 993px) {
.dist-locator > h2 {
font-size: 54px; } }
.dist-locator .controls-wrap {
background-color: #404040;
background-image: url(../../../etc.clientlibs/joule/clientlibs/clientlib-unify/resources/images/background/pattern_triangle_darker_gray.png);
padding: 15px; }
.dist-locator .controls-wrap .search-inp-wrap {
display: flex;
flex-direction: row; }
.dist-locator .controls-wrap .search-inp-wrap span:first-of-type {
flex-grow: 1; }
.dist-locator .controls-wrap .search-inp-wrap input {
height: 40px;
flex-grow: 15; }
.dist-locator .controls-wrap .search-inp-wrap button {
height: auto;
cursor: pointer;
height: 40px;
width: 40px; }
.dist-locator .controls-wrap .search-inp-wrap button.mvp-icon-search_flipped:before {
font-size: 24px;
color: #fff; }
.dist-locator .controls-wrap .distance-filter label {
display: block;
font-size: 11px;
text-transform: uppercase; }
.dist-locator .controls-wrap .distance-filter #dist_filter {
background-color: #404040 !important;
border: 2px solid #9B9B9B;
border-radius: 0 !important;
padding: 5px;
height: 42px;
width: 100%; }
.dist-locator .filters-wrap {
background: rgba(224, 224, 224, 0.5); }
.dist-locator .filters-wrap .select-wrap {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
width: 25%; }
.dist-locator .filters-wrap .select-wrap .select-custom {
width: 100%; }
.dist-locator .filters-wrap .select-wrap label {
display: none; }
.dist-locator .filters-wrap .select-wrap select {
min-height: 48px; }
.dist-locator .filters-wrap .select-wrap:not(:last-of-type) {
margin-right: 15px; }
.dist-locator .filters-wrap select {
background: #fff;
border: 1px solid #D0D0D0;
border-radius: 0 !important;
padding: 5px;
color: #404040;
height: 40px; }
.dist-locator .filters-wrap .selectedvalues {
margin-top: 5px;
display: block;
width: 100%; }
.dist-locator .filters-wrap .selectedvalues span.optvalue {
margin-right: 15px;
background: #fff;
padding: 5px;
border: 1px solid #9B9B9B;
font-size: 12px; }
.dist-locator .filters-wrap .selectedvalues .valueclose {
width: 15px;
height: 15px;
border: 1px solid #9B9B9B;
border-radius: 10px;
background: #fff;
line-height: 10px;
cursor: pointer; }
.dist-locator .filters-wrap .selectedvalues .valueclose.mvp-icon-close {
padding: 2px;
display: inline-flex;
align-items: center;
justify-content: center; }
.dist-locator .filters-wrap .selectedvalues .valueclose.mvp-icon-close:before {
font-size: 9px;
color: #9B9B9B; }
.dist-locator .filters-wrap .selectedvalues .clearvalues {
display: none; }
.dist-locator .filters-wrap .selectedvalues .cta-filter {
display: none; }
.dist-locator .filters-wrap .selectedvalues .selectedFilters {
width: 100%; }
.dist-locator .dist-content-wrap {
flex-direction: column;
color: #404040; }
.dist-locator .dist-content-wrap #map {
width: 100%;
height: 402px;
display: flex;
justify-content: center;
align-items: center;
background-color: rgba(224, 224, 224, 0.5);
background-image: url("../../../content/dam/joule/en-us/images/Locator/mobile/map.jpg");
background-repeat: no-repeat;
background-size: cover; }
.dist-locator .dist-content-wrap #map span.mvp-icon-map::before {
font-size: 200px;
color: #E0E0E0; }
.dist-locator .dist-content-wrap #results-info {
height: 40px;
padding: 0 10px;
justify-content: space-between;
align-items: center;
position: relative; }
.dist-locator .dist-content-wrap #results-info .num-results-wrap {
color: #404040;
font-weight: 500;
font-size: 16px; }
.dist-locator .dist-content-wrap #results-info .num-results-wrap span.num-results {
font-weight: 800; }
.dist-locator .dist-content-wrap #results-info .share-wrap .share-inner ul {
list-style-type: none;
min-width: 125px;
text-align: right;
display: flex;
justify-content: flex-end;
margin-bottom: 0; }
.dist-locator .dist-content-wrap #results-info .share-wrap .share-inner ul li:nth-child(1) {
display: none; }
.dist-locator .dist-content-wrap #results-info .share-wrap .share-inner ul li {
margin-left: 20px; }
.dist-locator .dist-content-wrap #results-info .share-wrap .share-inner ul button[class^=mvp-icon-]::before {
color: #707070; }
.dist-locator .dist-content-wrap #results-info .share-wrap .custom_images {
right: 16px; }
.dist-locator .dist-content-wrap #distributors-list .dist-result {
border-top: 1px solid #E0E0E0;
padding: 20px 0 10px 15px;
color: #303030;
font-size: 14px;
font-weight: 300; }
.dist-locator .dist-content-wrap #distributors-list .dist-result:last-of-type {
border-bottom: 1px solid #E0E0E0; }
.dist-locator .dist-content-wrap #distributors-list .dist-result .result-heading {
position: relative;
font-weight: 800; }
.dist-locator .dist-content-wrap #distributors-list .dist-result .result-heading .dist-result-number {
font-size: 12px;
color: #fff;
background-color: #707070;
padding: 0 4px;
height: 16px;
width: 16px;
position: absolute;
top: 4px; }
.dist-locator .dist-content-wrap #distributors-list .dist-result .result-heading .dist-name {
color: #404040;
font-size: 20px;
font-weight: 800;
letter-spacing: -0.31px;
line-height: 24px; }
.dist-locator .dist-content-wrap #distributors-list .dist-result .result-body {
letter-spacing: -0.22px;
color: #303030; }
.dist-locator .dist-content-wrap #distributors-list .dist-result .result-body .address-phone {
color: #303030; }
.dist-locator .dist-content-wrap #distributors-list .dist-result .result-body .address-phone a.phone-number {
color: #007BC2;
font-weight: 800;
text-decoration: none; }
.dist-locator .dist-content-wrap #distributors-list .dist-result .result-body .address-phone a.phone-number:hover, .dist-locator .dist-content-wrap #distributors-list .dist-result .result-body .address-phone a.phone-number:focus {
text-decoration: underline; }
.dist-locator .dist-content-wrap #distributors-list .dist-result .result-body .hours {
color: #303030; }
.dist-locator .dist-content-wrap #distributors-list .dist-result .result-body .hours .hours-label {
font-weight: 800; }
.dist-locator .dist-content-wrap #distributors-list .dist-result .result-body .directions {
display: flex;
align-items: center;
color: #808080;
font-weight: 300; }
.dist-locator .dist-content-wrap #distributors-list .dist-result .result-body .directions .mvp-icon-map {
margin-top: 5px; }
.dist-locator .dist-content-wrap #distributors-list .dist-result .result-body .directions .mvp-icon-map::before {
color: #404040;
font-size: 24px;
margin-right: 5px; }
.dist-locator .dist-content-wrap #distributors-list .dist-result .result-body .directions .dir-text {
color: #404040;
font-size: 12px;
font-weight: 800;
letter-spacing: 0.43px; }
.dist-locator .dist-content-wrap #distributors-list .dist-result .result-body .directions .distance,
.dist-locator .dist-content-wrap #distributors-list .dist-result .result-body .directions .badge-fpo {
letter-spacing: -0.25px; }
.dist-locator .dist-content-wrap #distributors-list .dist-result .result-body .directions .distance {
color: #707070; }
.dist-locator .dist-content-wrap #distributors-list .dist-result .result-body .directions .badge-fpo {
border: 1px solid #C0C0C0;
height: 32px;
width: 55px;
font-size: 10px;
line-height: 10px;
text-align: center;
padding-top: 5px; }
.dist-locator .dist-content-wrap #distributors-list .dist-result .result-body .show-more .more-wrap a {
color: #007BC2;
font-weight: 800; }
.dist-locator .dist-content-wrap #distributors-list .dist-result .result-body .show-more .more-wrap .more-info {
color: #303030; }
.dist-locator .dist-content-wrap #distributors-list .dist-result .result-body .show-more .more-wrap .circles .circle {
height: 33px;
width: 33px;
display: inline-block;
border: 1px solid #979797;
border-radius: 50%; }
.dist-locator .dist-content-wrap #distributors-list .dist-result .result-body .show-more .more-wrap .circles .circle:not(:first-child) {
margin-left: 15px; }
.dist-locator .dist-content-wrap #distributors-list .dist-result .result-body .show-more button {
color: #404040;
font-size: 12px;
padding: 0;
height: auto; }
.dist-locator .dist-content-wrap #distributors-list .dist-result .result-body .show-more button > span {
margin-left: 5px; }
.dist-locator .dist-content-wrap #distributors-list .dist-result .result-body .show-more button span[class^=mvp-icon-carat_]::before {
color: #404040;
font-size: 16px;
margin-top: 5px; }
.dist-locator .dist-content-wrap #distributors-list .load-more-btn {
margin: 25px auto 80px;
height: 48px;
width: 75%;
min-width: 288px;
text-align: center;
border-radius: 0; }
@media only screen and (max-width: 767px) {
.dist-locator .controls-wrap .search-inp-wrap button.mvp-icon-search_flipped:before {
font-size: 20px; }
.dist-locator .filters-wrap {
margin-bottom: 5px;
min-height: 40px; }
.dist-locator .filters-wrap .filters {
flex-direction: column; }
.dist-locator .filters-wrap .filters .select-wrap {
width: 100%;
margin-bottom: 10px; }
.dist-locator .filters-wrap .col-12 > .select-wrap {
justify-content: center; }
.dist-locator .filters-wrap .col-12 > .select-wrap .select-wrap {
order: 2;
margin-right: 0;
width: 100%; }
.dist-locator .filters-wrap .col-12 > .select-wrap .select-wrap:not(:last-child) {
margin-bottom: 15px; }
.dist-locator .filters-wrap .col-12 > .select-wrap .select-wrap .select-custom {
width: 100%; }
.dist-locator .filters-wrap .col-12 > .select-wrap .select-wrap select {
width: 100%; }
.dist-locator .filters-wrap .col-12 > .select-wrap .cta-wrapper {
order: 1; }
.dist-locator .filters-wrap .show-filters-mobile {
font-size: 14px;
color: #404040;
font-weight: 800;
letter-spacing: 0.25px;
text-decoration: none; }
.dist-locator .filters-wrap .show-filters-mobile:hover, .dist-locator .filters-wrap .show-filters-mobile:focus {
text-decoration: underline; }
.dist-locator .filters-wrap .show-filters-mobile span.btn-text {
margin-right: 5px; }
.dist-locator .filters-wrap .show-filters-mobile span[class^=mvp-icon-carat_]::before {
font-size: 18px;
color: #404040; }
.dist-locator .dist-content-wrap #results-info .share-inner ul li:first-child {
display: none; }
.dist-locator .dist-content-wrap #results-info .share-inner .custom_images .nubbin {
right: 10%; }
.dist-locator .dist-content-wrap #results-info .share-inner .custom_images .nubbin-border {
right: 9%; } }
@media only screen and (max-width: 991px) {
body.locator-page > .container {
padding-left: 0;
padding-right: 0;
max-width: 100%; } }
@media only screen and (min-width: 768px) {
.dist-locator > h2 {
padding-left: 30px; }
.dist-locator .controls-wrap {
display: flex;
flex-direction: row;
justify-content: space-between;
padding: 25px 20px; }
.dist-locator .controls-wrap .search-inp-wrap {
flex-grow: 1;
margin-right: 15px;
align-items: center; }
.dist-locator .controls-wrap .search-inp-wrap span:first-of-type {
flex-grow: 0;
margin-right: 15px; }
.dist-locator .controls-wrap .search-inp-wrap .search-inp {
border: 1px solid #fff;
flex-grow: 1;
height: 48px;
margin-bottom: 0 !important; }
.dist-locator .controls-wrap .search-inp-wrap button {
height: 48px;
width: 48px; }
.dist-locator .controls-wrap .distance-filter #dist_filter {
width: 232px;
height: 48px; }
.dist-locator .dist-content-wrap {
flex-direction: row;
flex-wrap: wrap;
height: 760px; }
.dist-locator .dist-content-wrap #results-info {
width: 100%;
height: 50px; }
.dist-locator .dist-content-wrap #results {
width: auto;
order: 1;
border: 1px solid #E0E0E0;
width: 320px;
height: 100%;
overflow: auto; }
.dist-locator .dist-content-wrap #results .dist-result:first-of-type {
border-top: none; }
.dist-locator .dist-content-wrap #results .dist-result:last-of-type {
border-bottom: none; }
.dist-locator .dist-content-wrap #map {
width: auto;
order: 2;
flex-grow: 1;
height: 100%;
margin-left: 5px;
border: 1px solid #E0E0E0;
background-image: url("../../../content/dam/joule/en-us/images/Locator/tablet/map.jpg"); } }
@media only screen and (min-width: 992px) {
body.locator-page > .container {
max-width: 1440px !important; }
.dist-locator > h2 {
padding-left: 150px; }
.dist-locator .controls-wrap {
justify-content: center;
padding: 15px 0; }
.dist-locator .controls-wrap .search-inp-wrap {
flex-grow: 0;
width: auto; }
.dist-locator .controls-wrap .search-inp-wrap .search-inp {
min-width: 500px; }
.dist-locator .dist-content-wrap #map {
background-image: url("../../../content/dam/joule/en-us/images/Locator/desktop/map.jpg"); }
.dist-locator .dist-content-wrap #results {
width: 352px; } }
@media (max-width: 992px) and (min-width: 768px) {
.dist-locator .select-wrap.filter-wrapper {
position: relative;
padding-right: 60px; }
.dist-locator .select-wrap.filter-wrapper select:nth-child(n+4) {
display: none; }
.dist-locator .select-wrap.filter-wrapper .cta-wrapper {
width: 7%;
display: flex;
position: absolute;
right: 0; }
.dist-locator .select-wrap.filter-wrapper .cta-filter {
display: block; }
.dist-locator .filters-wrap .filters {
flex-wrap: wrap; }
.dist-locator .filters-wrap .filters .cta-wrapper {
position: absolute;
right: 0; }
.dist-locator .filters-wrap .filters .select-wrap {
width: 30%; }
.dist-locator .filters-wrap .filters .select-wrap:last-of-type {
display: none; } }
@media only screen and (min-width: 768px) and (max-width: 992px) {
.dist-locator .select-wrap:nth-child(4) {
margin-top: 10px;
display: none !important; }
.dist-locator .select-wrap:nth-child(4).show {
display: block !important; } }
@media only screen and (min-width: 1200px) {
.dist-locator .controls-wrap .search-inp-wrap .search-inp {
width: 730px; } }
/* Add here all your css styles (customizations) */
.list-component.mvp2 .list-component__item-contenttype {
margin-top: 8px;
color: #303030;
font-size: 17px;
font-weight: 800;
letter-spacing: 0.47px;
line-height: 24px;
text-transform: uppercase; }
.list-component.mvp2 .lis-component-container {
background-color: #F7F7F7;
padding: 24px 23px 26px 23px;
width: 100%;
margin: 20px 0px 20px 0px; }
.list-component.mvp2 .lis-component-container .lis-component-container__header {
margin-bottom: 42px;
color: #303030;
font-size: 22px;
font-weight: 300;
line-height: 26px; }
.list-component.mvp2 .data-list__item {
display: none; }
.list-component.mvp2 .show-more {
margin-left: 0px;
display: none; }
@media (min-width: 768px) and (max-width: 1024px) {
.list-component.mvp2 .show-more {
width: 180px; } }
.list-component.mvp2 .list-component__list {
list-style-type: none;
font-size: 16px;
text-align: left;
padding: 0; }
.list-component.mvp2 .list-component__list-item {
line-height: 2;
padding-bottom: 16px;
width: 100%;
display: none; }
.list-component.mvp2 .list-component__list-item a {
white-space: pre-wrap;
color: #007BC2;
text-decoration: none;
font-size: 18px;
font-weight: 300;
line-height: 25px; }
.list-component.mvp2 .list-component__list-item a:hover {
color: #00629B;
text-decoration: none; }
.list-component.mvp2 .list-component__list-item .cta {
justify-content: left; }
.list-component.mvp2 .list-component__grid-list {
padding: 0px;
margin: 20px 0px; }
.list-component.mvp2 .list-component__grid-list .remove-margin-right {
margin-right: 0px !important; }
.list-component.mvp2 .list-component__grid-list .list-component__item {
display: inline-block;
/*&:hover img {.list-component.mvp2 .lis-component-container
-webkit-filter: brightness(1);
filter: brightness(1);
@media (min-width: $mediumbreakpoint) {-webkit-filter: brightness(0.3); filter: brightness(0.3);}
}*/ }
.list-component.mvp2 .list-component__grid-list .list-component__item:hover .list-component__item-subhead {
color: #007BC2; }
.list-component.mvp2 .list-component__grid-list .list-component__item .list-component__item-link:hover .list-component__item-headline {
color: #007BC2; }
.list-component.mvp2 .list-component__grid-list .list-component__item img {
width: 100%;
height: auto;
display: block;
transition: .3s all ease;
border: 1px solid #D0D0D0; }
@media (min-width: 768px) {
.list-component.mvp2 .list-component__grid-list .list-component__item img {
height: auto; } }
.list-component.mvp2 .list-component__grid-list .list-component__item figure {
margin: 0;
overflow: hidden; }
.list-component.mvp2 .list-component__grid-list .list-component__item figure div {
line-height: 1.4; }
.list-component.mvp2 .list-component__grid-list .list-component__item figure .list-component__item-subhead {
margin-top: 8px;
color: #303030;
font-size: 20px;
font-weight: 300;
line-height: 25px; }
.list-component.mvp2 .list-component__grid-list .list-component__item figure .list-component__item-headline {
margin-top: 8px;
color: #303030;
font-size: 17px;
font-weight: 800;
letter-spacing: 0.47px;
line-height: 24px; }
.list-component.mvp2 .list-component__grid-list .list-component__item figure .list-component__item-subheadline {
margin-top: 8px;
color: #303030;
font-size: 20px;
font-weight: 300;
line-height: 26px;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis; }
.list-component.mvp2 .list-component__grid-list .list-component__item .list-component__item-link {
text-decoration: none;
color: black; }
.list-component.mvp2 .list-component__grid-list .secondary-cta {
border-color: #007BC2;
color: #007BC2; }
.list-component.mvp2 .list-component__grid-list .secondary-cta:hover {
border-color: #1273B4;
color: #1273B4; }
@media (min-width: 768px) {
.list-component.mvp2 .list-component__grid-list .list-component__item {
margin: 0px 0px 40px 0px;
display: none; } }
@media (max-width: 767px) {
.list-component.mvp2 .list-component__grid-list .list-component__item {
display: none;
padding-bottom: 40px; } }
/* Add here all your css styles (customizations) */
.strong-list {
padding-left: 0;
text-align: center;
list-style-type: none;
text-transform: uppercase; }
.strong-list a {
color: #404040;
font-weight: 800; }
.strong-list a:hover {
color: #707070; }
.link-list-container .u-heading-v7__title {
font-size: 16px !important; }
.link-list-container .g-mb-40 {
margin-bottom: 0 !important; }
.link-list-container .link-list-container {
background: #f6f6f6;
padding: 0; }
@media (max-width: 992px) {
.link-list-container {
margin-bottom: 70px; }
.link-list-container ul li {
margin-bottom: 10px; } }
@media (max-width: 767px) {
.link-list-container {
background: #f6f6f6;
padding: 15px 0; }
.link-list-container .row {
margin-left: 0;
margin-right: 0; } }
.left-rail-c72 p {
margin-bottom: 27px; }
.left-rail-c72 ul {
padding-left: 0;
list-style: none;
display: flex;
flex-direction: column; }
.left-rail-c72 ul.label1 {
text-transform: uppercase; }
.left-rail-c72 ul.nav-tabs {
border-bottom: none; }
.left-rail-c72 ul li {
padding-top: 20px;
padding-bottom: 20px;
order: 2;
display: none; }
.left-rail-c72 ul li.active-wrapper {
border-top: solid 1px #979797;
border-bottom: solid 1px #979797;
order: 1;
display: block;
position: relative;
margin-bottom: 20px; }
.left-rail-c72 ul li.active-wrapper::after {
content: "\e931";
text-transform: none;
font-weight: 400;
font-style: normal;
font-variant: normal;
font-family: "icomoonregular" !important;
line-height: 1;
speak: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
font-size: 32px; }
.left-rail-c72 ul li a {
color: #303030;
background: none;
border: none; }
.left-rail-c72 ul li a:hover {
text-decoration: none;
background: none;
border: none; }
.left-rail-c72.open li {
display: block; }
.left-rail-c72.open li.active-wrapper::after {
content: "\e930"; }
@media (min-width: 992px) {
.left-rail-c72 ul {
display: block; }
.left-rail-c72 ul.label1 {
font-weight: 300;
text-transform: none; }
.left-rail-c72 ul li {
padding-top: 14px;
padding-bottom: 14px;
display: block; }
.left-rail-c72 ul li::first-child {
padding-top: 0; }
.left-rail-c72 ul li.active-wrapper {
border-top: none;
border-bottom: none;
margin-bottom: 0; }
.left-rail-c72 ul li.active-wrapper::after {
content: ""; }
.left-rail-c72 ul li.active-wrapper a {
font-weight: 800;
color: #137BC0;
border-bottom: solid 2px #137BC0;
padding-bottom: 4px;
line-height: 29px; }
.left-rail-c72 ul.open li.active-wrapper::after {
content: ""; } }
.left-rail-w-content {
padding-top: 40px;
padding-bottom: 40px; }
@media (min-width: 992px) {
.left-rail-w-content {
padding-top: 80px;
padding-bottom: 80px; }
.left-rail-w-content .col-lg-8.tab-content {
box-shadow: none;
border: none;
padding-left: 4rem;
padding-top: 0;
padding-right: 0; } }
.left-rail-w-content .tab-content {
border: none;
box-shadow: none; }
.left-rail-w-content a {
color: #137BC0; }
/* Add here all your css styles (customizations) */
.left-rail-side-nav.mvp2 {
width: 320px;
border: 1px solid #D0D0D0; }
@media (min-width: 768px) {
.left-rail-side-nav.mvp2 {
width: 352px; } }
.left-rail-side-nav.mvp2 .border-b, .left-rail-side-nav.mvp2 .link-wrap.empty:last-child {
border-bottom: 1px solid #D0D0D0; }
.left-rail-side-nav.mvp2 > .link-wrap:last-child {
border-bottom: 0; }
.left-rail-side-nav.mvp2 .link-wrap {
min-height: 49px;
height: auto; }
.left-rail-side-nav.mvp2 .link {
height: 100%;
width: 100%;
color: #404040;
font-size: 16px;
line-height: 37px; }
.left-rail-side-nav.mvp2 .link:hover {
text-decoration: none; }
.left-rail-side-nav.mvp2 .mvp-icon-carat_down {
line-height: 20px; }
.left-rail-side-nav.mvp2 .mvp-icon-carat_down::before {
font-size: 24px;
color: #707070; }
.left-rail-side-nav.mvp2 .link--level-1 {
font-weight: 800;
padding: 0 25px 0 5px; }
.left-rail-side-nav.mvp2 .link--level-1 .link-inner {
padding-left: 20px; }
.left-rail-side-nav.mvp2 .link--level-1.active-item .link-inner {
padding-left: 15px; }
.left-rail-side-nav.mvp2 .level-2-wrap {
background: #F7F7F7; }
.left-rail-side-nav.mvp2 .level-2-wrap.hide {
display: none; }
.left-rail-side-nav.mvp2 .link--level-2 {
padding: 0 25px;
line-height: 37px; }
.left-rail-side-nav.mvp2 .link--level-2 .link-inner {
padding-left: 20px; }
.left-rail-side-nav.mvp2 .link--level-2.active-item .link-inner {
padding-left: 15px; }
.left-rail-side-nav.mvp2 .link-wrap.empty:not(:last-child) .link-inner {
padding: 6px 0;
margin: 0 0 0 20px;
border-bottom: 1px solid #D0D0D0;
width: 100%; }
.left-rail-side-nav.mvp2 .link-wrap.empty:not(:last-child) .link.active-item {
padding-left: 0;
margin: 6px 0 6px 20px;
border-left: 5px solid #007BC2;
width: 100%;
height: 37px; }
.left-rail-side-nav.mvp2 .link-wrap.empty:not(:last-child) .link.active-item .link-inner {
border-left: 0; }
.left-rail-side-nav.mvp2 .level-3-wrap {
background: #E8E8E8; }
.left-rail-side-nav.mvp2 .level-3-wrap.hide {
display: none; }
.left-rail-side-nav.mvp2 .level-3-wrap .link-wrap {
border-bottom: none; }
.left-rail-side-nav.mvp2 .link--level-3 {
color: #4A4A4A;
padding: 0 45px; }
.left-rail-side-nav.mvp2 .link--level-3 .link-inner {
padding-left: 25px; }
.left-rail-side-nav.mvp2 .link--level-3.active-item .link-inner {
padding-left: 20px; }
.left-rail-side-nav.mvp2 .link-inner {
margin: 6px 0; }
.left-rail-side-nav.mvp2 .link.active-item .link-inner {
border-left: 5px solid #007BC2;
font-weight: 800; }
/* Add here all your css styles (customizations) */
.lead-gen-content span.sign-up a {
background: #fff;
color: #007BC2;
font-weight: 800;
font-size: 14px;
border: 2px solid #007BC2;
transition: all .3s ease;
text-transform: uppercase;
height: 48px;
display: flex;
align-items: center;
justify-content: center;
white-space: nowrap; }
.lead-gen-content span.sign-up a:active, .lead-gen-content span.sign-up a:hover, .lead-gen-content span.sign-up a:visited {
text-decoration: none; }
.lead-gen-content span.sign-up a:hover {
background: #fff;
color: #1273B4;
border: 2px solid #1273B4; }
.lead-gen-content span.sign-up a:active {
background: #0E5F95;
color: #fff;
border: 2px solid #0E5F95; }
@media (max-width: 767px) {
.lead-gen-content span.sign-up a:active, .lead-gen-content span.sign-up a:hover, .lead-gen-content span.sign-up a:visited, .lead-gen-content span.sign-up a:focus {
text-decoration: none; } }
.lead-gen-content {
min-height: 112px;
background-color: #E0E0E0;
justify-content: center;
align-items: center; }
.lead-gen-content .flex-c {
display: flex;
flex-direction: column;
margin: 0 1%; }
.lead-gen-content span.headline {
font-size: 24px;
font-weight: 900;
color: #404040; }
@media only screen and (min-width: 768px) {
.lead-gen-content span.headline {
font-size: 24px; } }
.lead-gen-content span.subhead {
font-size: 16px;
font-weight: 300;
color: #404040;
font-style: normal; }
@media only screen and (min-width: 993px) {
.lead-gen-content span.subhead {
font-size: 14px; } }
.lead-gen-content span.sign-up a {
min-width: 200px; }
@media (max-width: 992px) and (min-width: 768px) {
.lead-gen-content {
padding-left: calc(6.5% + 15px);
padding-right: calc(6.5% + 15px);
justify-content: space-between; } }
@media (max-width: 767px) {
.lead-gen-content {
flex-direction: column; }
.lead-gen-content .flex-c {
align-items: center;
width: 100%;
flex-wrap: wrap;
padding: 0 10px;
text-align: center; }
.lead-gen-content .flex-c .sign-up {
margin-top: 20px;
width: 100%;
padding: 0 15px; } }
form.formid {
width: 500px;
margin: 0;
padding: 50px;
}
.success-msg,
.failure-msg,
.validation{
display:none;
}
.asterisk{
color:#e12;
}
@charset "UTF-8";
/* Add here all your css styles (customizations) */
.language_drop-down {
position: relative;
display: inline-block;
width: auto;
margin-top: 0;
font-family: verdana; }
.language_drop-down select {
display: none; }
.language_drop-down .select-list {
position: absolute;
top: 0;
left: 0;
z-index: 1;
margin-top: 40px;
padding: 0;
background-color: #595959; }
.language_drop-down .select-list li {
display: none; }
.language_drop-down .select-list li:first-child {
padding-top: 10px; }
.language_drop-down .select-list li span {
display: flex;
align-items: center;
min-height: 36px;
min-width: 280px;
width: 100%;
padding: 5px 0px 5px 39px;
background-color: #595959;
background-position: left 10px center;
background-repeat: no-repeat;
font-size: 14px;
text-align: left;
font-weight: 300;
color: #FFF;
opacity: 0.7;
box-sizing: border-box; }
.language_drop-down .select-list li span:hover,
.language_drop-down .select-list li span:focus {
opacity: 1; }
.hidden_countrypath {
display: none; }
.img_flag {
width: 30px !important;
height: 25px;
min-width: 30px;
background-size: 17px 10px; }
.language_drop-down .mvp-icon-carat_down_lang:before {
content: ""; }
.language_drop-down .mvp-icon-carat_down_lang:before {
font-size: 13px;
color: #fff;
padding-left: 10px; }
.language_drop-down .mvp-icon-carat_down {
display: none; }
.language_drop-down .select-list {
margin-top: -20px;
left: -45px; }
.select-list-link {
color: #ffffff; }
.select-list-link:hover {
color: #ffffff; }
.language_drop-down .select-list li span {
background-color: #303030 !important;
min-width: 192px; }
@media (min-width: 768px) and (max-width: 1024px) {
.language_drop-down .select-list li span {
min-width: 172px; } }
.language_drop-down ul.select-list {
width: 200px; }
@media (min-width: 768px) and (max-width: 1024px) {
.language_drop-down ul.select-list {
width: 180px; } }
.language_drop-down .select-list li {
padding-left: 6px;
width: 200px;
background-color: #303030 !important;
cursor: pointer; }
@media (min-width: 768px) and (max-width: 1024px) {
.language_drop-down .select-list li {
width: 180px; } }
.lang_dropbtn {
cursor: pointer; }
.footer-fragment a.select-list-link:hover {
text-decoration: none; }
.footer-fragment a.select-list-link:visited, .footer-fragment a.select-list-link:focus, .footer-fragment a.select-list-link:active {
color: #ffffff; }
.lang_dropbtn span {
background: none; }
.mvp-icon-globe:before {
padding-top: 5px; }
@media (max-width: 767px) {
.mvp-icon-globe:before {
margin-right: -3px; } }
@media (min-width: 768px) and (max-width: 1024px) {
.language-selector {
min-width: 152px; } }
/* Add here all your css styles (customizations) */
.infographic {
padding: 0; }
.infographic-component a {
color: #007BC2; }
.infographic-component.light {
background: #f7f7f7; }
.infographic-component.light ul li, .infographic-component.light h1, .infographic-component.light h2, .infographic-component.light h3, .infographic-component.light h4, .infographic-component.light h5, .infographic-component.light h6, .infographic-component.light P, .infographic-component.light span, .infographic-component.light div:not(.marketo-iframe) > *, .infographic-component.light table {
color: #000 !important; }
.infographic-component.light a:hover .list-component__item-headline, .infographic-component.light a:hover .list-component__item-subhead, .infographic-component.light a:hover .list-component__item-contenttype {
color: #007BC2 !important; }
.infographic-component.dark {
background: #303030; }
.infographic-component.dark ul, .infographic-component.dark li, .infographic-component.dark h1, .infographic-component.dark h2, .infographic-component.dark h3, .infographic-component.dark h4, .infographic-component.dark h5, .infographic-component.dark h6, .infographic-component.dark P, .infographic-component.dark span, .infographic-component.dark div, .infographic-component.dark table {
color: #fff !important; }
.infographic-component.dark a:hover .list-component__item-headline, .infographic-component.dark a:hover .list-component__item-subhead, .infographic-component.dark a:hover .list-component__item-contenttype {
color: #007BC2 !important; }
.infographic-component.white {
background: #fff; }
.infographic-component.white ul li, .infographic-component.white h1, .infographic-component.white h2, .infographic-component.white h3, .infographic-component.white h4, .infographic-component.white h5, .infographic-component.white h6, .infographic-component.white P, .infographic-component.white span, .infographic-component.white div:not(.marketo-iframe) > *, .infographic-component.white table {
color: #000 !important; }
.infographic-component.white a:hover .list-component__item-headline, .infographic-component.white a:hover .list-component__item-subhead, .infographic-component.white a:hover .list-component__item-contenttype {
color: #007BC2 !important; }
.infographic-container {
padding-top: 70px;
padding-bottom: 80px; }
.infographic-container .infographic-detail {
padding-top: 50px; }
.infographic-container .infographic-eyebrow {
font-size: 18px;
font-weight: bold;
letter-spacing: 0.5px;
line-height: 24px;
text-align: center; }
.infographic-container .infographic-headline {
font-size: 40px;
font-weight: 300;
line-height: 46px;
text-align: center; }
.infographic-container .infographic-image {
height: 82px;
width: 82px;
margin-bottom: 30px; }
.infographic-container .infographic-description {
font-size: 22px;
font-weight: 300;
line-height: 26px;
text-align: center; }
.infographic-container .infographic-description b {
font-size: 18px;
font-weight: bold;
letter-spacing: 0.5px;
line-height: 24px;
text-align: center; }
/* Add here all your css styles (customizations) */
@media (min-width: 768px) {
.in-the-news .mvp2.content-grid-list .content-grid-items .news-item {
margin-bottom: 10px;
margin-top: 0px; }
.in-the-news .mvp2.content-grid-list .content-grid-items .news-item.w-20 {
max-width: 20%;
min-width: 20%; } }
@media (min-width: 768px) and (max-width: 576px) {
.in-the-news .mvp2.content-grid-list .content-grid-items .news-item {
margin-bottom: 20px;
margin-top: 20px; } }
@media (min-width: 768px) {
.in-the-news .mvp2.content-grid-list .content-grid-items .news-item a h4.header4 {
line-height: 1;
padding-top: 7px;
padding-bottom: 7px;
font-size: 20px; }
.in-the-news .mvp2.content-grid-list .content-grid-items .news-item a h4:hover {
text-decoration: none; }
.in-the-news .mvp2.content-grid-list .content-grid-items .news-item a h4:hover .header4 {
color: #007BC2; } }
.in-the-news .mvp2.content-grid-list .content-grid-items a h3.body2 {
font-weight: 800; }
.in-the-news .mvp2.content-grid-list .content-grid-items a:hover {
text-decoration: none; }
.in-the-news .mvp2.content-grid-list .content-grid-items a:hover .header4 {
color: #007BC2; }
.in-the-news .mvp2.content-grid-list .loadmore-wrap {
display: none; }
.in-the-news .mvp2.content-grid-list .loadmore-wrap .secondary-cta {
display: inline-flex;
margin-left: 0; }
.in-the-news .mvp2.content-grid-list .loadmore-wrap-5 .secondary-cta {
display: inline-flex;
margin-left: 0; }
.cmp-image__image {
max-width: 100%;
margin-bottom: 20px; }
/* Add here all your css styles (customizations) */
.howtobuy {
background: url(../../../etc.clientlibs/joule/clientlibs/clientlib-unify/resources/images/background/pattern_triangle_lightest_gray.png);
background-repeat: repeat; }
.howtobuy .how-to-block {
text-align: center; }
.howtobuy .how-to-block h3 {
font-weight: 900;
margin-bottom: 30px;
font-size: 36px;
letter-spacing: -0.56px; }
.howtobuy .how-to-block ul.how-to-list {
list-style: none;
padding-left: 0;
margin-bottom: 0;
justify-content: center; }
.howtobuy .how-to-block ul.how-to-list .how-to-list-item {
margin: 0 13px;
display: flex; }
.howtobuy .how-to-block ul.how-to-list .how-to-list-item a {
padding: 10px;
width: 220px; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.howtobuy .how-to-block h3 {
font-size: 32px; }
.howtobuy .how-to-block ul.how-to-list .how-to-list-item {
margin: 0 20px; }
.howtobuy .how-to-block ul.how-to-list .how-to-list-item a {
width: 184px; } }
@media only screen and (max-width: 767px) {
.howtobuy .how-to-block h3 {
font-size: 24px;
letter-spacing: -0.5px; }
.howtobuy .how-to-block ul.how-to-list .how-to-list-item {
width: 100%; }
.howtobuy .how-to-block ul.how-to-list .how-to-list-item a.how-to-btn {
width: 100%; }
.howtobuy .how-to-block ul.how-to-list .how-to-list-item:not(:first-child) {
display: none; } }
/* Add here all your css styles (customizations) */
/* Add here all your css styles (customizations) */
.partner-program .container {
max-width: 100%; }
.partner-program .u-heading-v2-3--bottom::after {
display: none; }
.partner-program h2.u-heading-v2__title {
font-size: 24px;
font-weight: 900 !important; }
@media only screen and (min-width: 768px) and (max-width: 992px) {
.partner-program h2.u-heading-v2__title {
font-size: 30px; } }
@media only screen and (min-width: 993px) {
.partner-program h2.u-heading-v2__title {
font-size: 36px; } }
.partner-program p.lead {
font-size: 14px !important;
font-weight: 300;
margin-top: 5px;
margin-bottom: 50px;
max-width: 90%;
letter-spacing: normal;
text-transform: none;
color: #404040 !important; }
.partner-program div.portal-container {
width: 232px; }
.partner-program a.partner-portal {
font-size: 12px;
letter-spacing: 0.5px;
text-align: center; }
@media only screen and (min-width: 768px) {
.partner-program a.partner-portal {
font-size: 14px; } }
.partner-program img {
width: 100%; }
@media (min-width: 992px) {
.partner-program h2.u-heading-v2__title {
margin-top: 30px; } }
@media only screen and (max-width: 767px) {
.partner-program h2.u-heading-v2__title {
margin-top: 0; }
.partner-program h2,
.partner-program p.lead {
text-align: center;
max-width: none; }
.partner-program a.partner-portal, .partner-program a.client-btn {
margin: 0 auto !important; }
.partner-program .portal-container {
margin: 0 auto 20px !important; } }
@media only screen and (min-width: 768px) {
.partner-program p.lead {
font-size: 16px !important; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.partner-program h2 {
margin-top: 0; }
.partner-program p.lead {
line-height: 1.5;
max-width: 100%;
margin-bottom: 10px !important; }
.partner-program a.btn.btn-md {
width: 224px; }
.partner-program div.portal-container {
width: 224px; } }
@media only screen and (max-width: 1199px) {
.partner-program .col-md-6:first-child {
padding-left: 30px; }
.partner-program p.lead {
margin-bottom: 25px; } }
/* Add here all your css styles (customizations) */
.herocarouse-wrap {
position: relative; }
.herocarouse-wrap .herocarouselImg {
margin: 0;
display: block;
padding: 0;
position: relative;
z-index: 2; }
.herocarouse-wrap .herocarouselImg img {
margin: 0;
display: block;
padding: 0;
width: 100%;
max-width: 100%; }
.herocarouse-wrap .herocarouselImg img.mobile-only-hero {
display: none; }
.herocarouse-wrap .herocarouseContent {
position: absolute;
width: 50%;
height: 100%;
background: #000;
top: 0;
right: 0;
z-index: 3;
color: #fff; }
.herocarouse-wrap .herocarouseContent .v-align-center {
position: absolute;
padding: 50px 80px 50px 50px;
width: 100%;
top: 50%;
left: 0;
transform: translate(0, -50%); }
.herocarouse-wrap .herocarouseContent p {
color: #fff; }
.herocarouse-wrap .herocarouseContent a {
color: #fff; }
.herocarouse-wrap.content-left .herocarouseContent {
right: auto;
left: 0; }
.herocarouse-wrap.content-left .herocarouseContent .v-align-center {
padding: 50px 50px 50px 80px; }
.herocarouse-wrap.content-bottom .herocarouseContent {
background: none;
width: 100%;
height: auto;
top: auto;
bottom: 70px;
right: auto;
left: 0; }
.herocarouse-wrap.content-bottom .hc-top {
position: relative;
padding: 20px 0 0 0; }
.herocarouse-wrap.content-bottom .hc-top .m-custom {
margin-top: 3rem; }
@media (max-width: 767px) {
.herocarouse-wrap.content-bottom .hc-top .m-custom {
margin-top: 1.5rem; } }
.herocarouse-wrap.content-bottom .hc-top .white-overlay {
position: absolute;
width: 83%;
height: 120px;
left: 0;
top: 0;
z-index: 1; }
@media (max-width: 992px) {
.herocarouse-wrap.content-bottom .hc-top .white-overlay {
width: 91%; } }
.herocarouse-wrap.content-bottom .hc-top .hc-top-hd {
z-index: 2;
position: relative; }
.herocarouse-wrap.content-bottom .hc-top .hc-top-hd h2 {
padding: 0;
margin: 0;
color: #404040;
font-weight: 900;
font-size: 32px; }
@media only screen and (min-width: 360px) and (max-width: 767px) {
.herocarouse-wrap.content-bottom .hc-top .hc-top-hd h2 {
font-size: 38px; } }
@media only screen and (min-width: 768px) and (max-width: 992px) {
.herocarouse-wrap.content-bottom .hc-top .hc-top-hd h2 {
font-size: 42px; } }
@media only screen and (min-width: 993px) {
.herocarouse-wrap.content-bottom .hc-top .hc-top-hd h2 {
font-size: 54px; } }
.herocarouse-wrap.content-bottom .hc-top .hc-top-hd p {
color: #404040;
font-weight: 300;
font-size: 14px; }
@media only screen and (min-width: 768px) and (max-width: 992px) {
.herocarouse-wrap.content-bottom .hc-top .hc-top-hd p {
font-size: 16px; } }
@media only screen and (min-width: 993px) {
.herocarouse-wrap.content-bottom .hc-top .hc-top-hd p {
font-size: 20px; } }
.herocarouse-wrap.content-bottom .hc-top .hc-top-hd .v-align-center {
position: static;
padding: 15px 30px 0 30px;
transform: translate(0, 0); }
.herocarouse-wrap.content-bottom .hc-bottom {
background: #fff; }
.herocarouse-wrap.content-bottom .hc-bottom .v-align-center {
position: static;
padding: 20px 20px 0 20px;
width: 100%;
top: 0;
left: 0;
transform: translate(0, 0); }
.herocarouse-wrap.content-bottom .hc-bottom .v-align-center p {
color: #404040; }
.herocarouse-wrap.content-bottom .hc-bottom .v-align-center a {
color: #404040; }
.herocarouse-wrap.content-bottom-text .herocarouseContent {
background: none;
width: 100%;
height: auto;
top: auto;
bottom: 100px;
right: auto;
left: 0;
position: relative; }
.herocarouse-wrap.content-bottom-text .hc-top {
position: relative;
padding: 15px 0 0 0; }
.herocarouse-wrap.content-bottom-text .hc-top .white-overlay {
position: absolute;
width: 85%;
max-width: 1190px;
height: 120px;
left: 0;
top: -20px;
z-index: 1; }
@media (max-width: 992px) and (min-width: 768px) {
.herocarouse-wrap.content-bottom-text .hc-top .white-overlay {
width: 88%; } }
.herocarouse-wrap.content-bottom-text .hc-top .hc-top-hd {
z-index: 2;
position: relative; }
.herocarouse-wrap.content-bottom-text .hc-top .hc-top-hd .m-custom {
margin-top: 3rem; }
.herocarouse-wrap.content-bottom-text .hc-top .hc-top-hd h2 {
padding: 15px;
margin: 0;
color: #404040;
font-weight: 900;
font-size: 32px;
letter-spacing: -0.84px; }
@media only screen and (min-width: 360px) and (max-width: 767px) {
.herocarouse-wrap.content-bottom-text .hc-top .hc-top-hd h2 {
font-size: 38px; } }
@media only screen and (min-width: 768px) and (max-width: 992px) {
.herocarouse-wrap.content-bottom-text .hc-top .hc-top-hd h2 {
font-size: 42px; } }
@media only screen and (min-width: 993px) {
.herocarouse-wrap.content-bottom-text .hc-top .hc-top-hd h2 {
font-size: 54px; } }
@media (min-width: 768px) {
.herocarouse-wrap.content-bottom-text .hc-top .hc-top-hd h2 {
letter-spacing: -1.5px; } }
@media screen and (max-width: 767px) {
.herocarouse-wrap.content-bottom-text .hc-top .hc-top-hd h2 {
padding-bottom: 0;
line-height: 40px; } }
.herocarouse-wrap.content-bottom-text .hc-top .hc-top-hd p {
color: #404040;
font-weight: 300;
margin-bottom: 0;
font-size: 14px; }
@media only screen and (min-width: 768px) and (max-width: 992px) {
.herocarouse-wrap.content-bottom-text .hc-top .hc-top-hd p {
font-size: 16px; } }
@media only screen and (min-width: 993px) {
.herocarouse-wrap.content-bottom-text .hc-top .hc-top-hd p {
font-size: 20px; } }
@media (min-width: 992px) {
.herocarouse-wrap.content-bottom-text .hc-top .hc-top-hd h2 {
padding: 15px 15px 15px 30px; } }
.herocarouse-wrap.content-bottom-text .hc-top .hc-top-hd a {
margin-left: 15px;
border-radius: 0;
width: auto;
padding: 15px 40px;
text-transform: uppercase; }
.herocarouse-wrap.content-bottom-text .hc-top .hc-top-hd a:hover {
border: 1px solid #007BC2; }
.herocarouse-wrap.content-bottom-text .hc-top .hc-top-hd .v-align-center {
position: static;
padding: 15px 30px 20px 30px;
transform: translate(0, 0); }
.herocarouse-wrap.content-bottom-text .hc-bottom {
background: #fff; }
.herocarouse-wrap.content-bottom-text .hc-bottom .v-align-center {
position: static;
padding: 10px 0 20px;
width: 100%;
top: 0;
left: 0;
transform: translate(0, 0); }
.herocarouse-wrap.content-bottom-text .hc-bottom .v-align-center p {
color: #404040;
margin-left: 15px;
font-size: 14px;
line-height: 32px;
font-weight: 300;
letter-spacing: -0.34px; }
@media only screen and (min-width: 768px) and (max-width: 992px) {
.herocarouse-wrap.content-bottom-text .hc-bottom .v-align-center p {
font-size: 16px; } }
@media only screen and (min-width: 993px) {
.herocarouse-wrap.content-bottom-text .hc-bottom .v-align-center p {
font-size: 20px; } }
@media (min-width: 992px) {
.herocarouse-wrap.content-bottom-text .hc-bottom .v-align-center p {
margin-left: 30px; } }
@media (max-width: 767px) {
.herocarouse-wrap.content-bottom-text .hc-bottom .v-align-center p {
margin-left: 0;
line-height: 1.5; } }
@media (min-width: 1200px) {
.herocarouse-wrap.content-bottom-text .hc-bottom .v-align-center p {
max-width: 93%; } }
.herocarouse-wrap.content-bottom-text .hc-bottom .v-align-center a {
display: none;
background: #007BC2;
color: #fff;
border-radius: 0;
width: auto;
padding: 15px 40px;
font-weight: 800;
text-transform: uppercase; }
.herocarouse-wrap.content-bottom-text .hc-bottom .v-align-center a:hover {
border: 1px solid #007BC2; }
@media (max-width: 991px) and (min-width: 768px) {
.herocarouse-wrap.content-bottom-text .hc-bottom .v-align-center {
padding: 0 0 20px; }
.herocarouse-wrap.content-bottom-text .hc-bottom .v-align-center p {
line-height: 24px; } }
.hero-crousel.owl-carousel .owl-nav button.owl-prev, .hero-crousel.owl-carousel .owl-nav button.owl-next {
color: transparent;
font-size: 40px;
line-height: 40px;
position: absolute;
top: 50%;
margin: -20px 0 0 0;
width: 40px;
height: 40px;
text-align: center; }
.hero-crousel.owl-carousel .owl-nav button.owl-prev span, .hero-crousel.owl-carousel .owl-nav button.owl-next span {
color: transparent;
display: inline-block;
margin: 0;
vertical-align: top;
font-size: 40px;
line-height: 36px;
width: 40px;
height: 40px;
padding: 0; }
h2 span.light-text {
font-weight: 300; }
.hero-crousel.owl-carousel.hero-bottom-text .item {
height: auto;
float: left;
width: 100%; }
@media (max-width: 992px) and (min-width: 768px) {
.hero-crousel.owl-carousel.hero-bottom-text .item {
max-height: 600px; } }
.hero-crousel.owl-carousel.hero-bottom-text .owl-nav button {
top: 34%; }
.hero-crousel.owl-carousel.hero-bottom-text .owl-dots {
text-align: right;
top: 65%;
max-height: 20px; }
.hero-crousel.owl-carousel.hero-bottom-text .owl-dots .owl-dot span {
background: #000;
border: 1px solid #000; }
.hero-crousel.owl-carousel.hero-bottom-text .owl-dots .owl-dot.active span {
background: #fff;
border: 1px solid #000; }
@media (max-width: 1430px) {
.hero-crousel.owl-carousel.hero-bottom-text .owl-dots {
top: calc(100vw * 320/800); } }
@media (max-width: 767px) {
.hero-crousel.owl-carousel.hero-bottom-text .owl-dots {
top: calc(100vw * 320/450); } }
.hero-crousel.owl-carousel .owl-nav button.owl-prev {
left: 10px;
background: transparent; }
.hero-crousel.owl-carousel .owl-nav button.owl-prev:focus {
outline: none; }
.hero-crousel.owl-carousel .owl-nav button.owl-prev:focus span:before {
border: 1px dotted #000; }
.hero-crousel.owl-carousel .owl-nav button.owl-prev span:before {
content: "\e908";
display: inline-block;
text-transform: none;
font-weight: 500;
font-style: normal;
font-variant: normal;
font-family: "icomoonregular" !important;
line-height: 1;
speak: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 48px;
color: #fff;
text-shadow: 1px 0px 5px rgba(0, 0, 0, 0.8); }
.hero-crousel.owl-carousel .owl-nav button.owl-next {
right: 10px;
background: transparent; }
.hero-crousel.owl-carousel .owl-nav button.owl-next:focus {
outline: none; }
.hero-crousel.owl-carousel .owl-nav button.owl-next:focus span:before {
border: 1px dotted #000; }
.hero-crousel.owl-carousel .owl-nav button.owl-next span:before {
content: "\e909";
display: inline-block;
text-transform: none;
font-weight: 500;
font-style: normal;
font-variant: normal;
font-family: "icomoonregular" !important;
line-height: 1;
speak: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 48px;
color: #fff;
text-shadow: 1px 0px 5px rgba(0, 0, 0, 0.8); }
.hero-crousel.owl-carousel .owl-dots {
position: absolute;
right: 20px;
bottom: 15px;
width: 100%;
text-align: right; }
.hero-crousel.owl-carousel .owl-dots .owl-dot {
display: inline-block;
margin: 0 3px; }
.hero-crousel.owl-carousel .owl-dots .owl-dot span {
display: inline-block;
width: 8px;
height: 8px;
background: #fff;
border-radius: 50%;
border: 1px solid #000; }
.hero-crousel.owl-carousel .owl-dots .owl-dot.active span {
background: #000;
border: 1px solid #fff; }
.hero-crousel.cbIsactive .owl-dots {
width: auto;
left: auto;
right: 50px; }
/*Small Screen Style*/
@media only screen and (max-width: 767px) {
.product-catalog.page .slider-wrapper .hero-crousel.owl-carousel .owl-item img {
margin: 0;
display: none !important;
padding: 0;
width: 100%;
max-width: 100%; }
.product-catalog.page .slider-wrapper .hero-crousel.owl-carousel .owl-item img.mobile-only-hero {
display: block !important; }
.home.page .slider-wrapper .hero-crousel.owl-carousel .owl-item img {
margin: 0;
display: none !important;
padding: 0;
width: 100%;
max-width: 100%; }
.home.page .slider-wrapper .hero-crousel.owl-carousel .owl-item img.mobile-only-hero {
display: block !important; }
.product-list.page .hero-crousel.owl-carousel .owl-item img {
margin: 0;
display: none !important;
padding: 0;
width: 100%;
max-width: 100%; }
.product-list.page .hero-crousel.owl-carousel .owl-item img.mobile-only-hero {
display: block !important; }
.hero-crousel.owl-carousel.hero-bottom-text .owl-nav button {
top: -49%; }
.hero-crousel.owl-carousel.hero-bottom-text .owl-dots {
text-align: center;
bottom: 30px; }
.herocarouse-wrap {
/*float:left;
width:100%;
.herocarouselImg{
float:left;
width:100%;
}*/ }
.herocarouse-wrap .herocarouseContent {
/*float:left;*/
width: 100%;
position: static;
margin-top: 0px; }
.herocarouse-wrap .herocarouseContent .v-align-center {
float: left;
padding: 30px 15px 50px 15px !important;
position: static;
transform: translate(0, 0); }
.herocarouse-wrap.content-left .herocarouseContent {
margin-top: 0 !important; }
.herocarouse-wrap.content-right .herocarouseContent {
margin-top: 0 !important; }
.herocarouse-wrap.content-bottom .hc-top .white-overlay, .herocarouse-wrap.content-bottom-text .hc-top .white-overlay {
background: none !important; }
.herocarouse-wrap.content-bottom .hc-top .hc-top-hd .v-align-center, .herocarouse-wrap.content-bottom-text .hc-top .hc-top-hd .v-align-center {
background: none !important; }
.herocarouse-wrap.content-bottom .hc-top .hc-top-hd h2, .herocarouse-wrap.content-bottom-text .hc-top .hc-top-hd h2 {
letter-spacing: -0.84px;
margin-top: 20px; } }
@media only screen and (max-width: 767px) and (max-width: 767px) {
.herocarouse-wrap.content-bottom .hc-top .hc-top-hd h2, .herocarouse-wrap.content-bottom-text .hc-top .hc-top-hd h2 {
margin-top: 0; } }
@media only screen and (max-width: 767px) {
.herocarouse-wrap .herocarouseContent {
position: relative;
margin-top: 40px;
text-align: center; }
.herocarouse-wrap .herocarouseContent h2 {
text-align: center; }
.herocarouse-wrap .herocarouseContent h2 span.light-text {
font-weight: 900; }
.herocarouse-wrap .herocarouseContent p {
margin-bottom: 20px; }
.herocarouse-wrap .herocarouseContent a {
display: inline-block; }
.herocarouse-wrap.content-bottom-text .herocarouseContent {
position: relative;
margin-top: 40px;
bottom: 40px !important;
text-align: center; }
.herocarouse-wrap.content-bottom-text .herocarouseContent h2 {
text-align: center; }
.herocarouse-wrap.content-bottom-text .herocarouseContent p {
display: block;
text-align: center;
line-height: 20px; }
.herocarouse-wrap.content-bottom-text .herocarouseContent a {
display: inline-block; }
.hero-crousel.owl-carousel .owl-nav {
top: 21%;
width: 100%;
height: 50px;
float: left;
position: absolute; } }
@media only screen and (max-width: 767px) and (max-width: 767px) {
.hero-crousel.owl-carousel .owl-nav {
top: 31%; } }
@media only screen and (max-width: 767px) {
.hero-crousel.owl-carousel .owl-dots {
bottom: 30px;
width: 100%;
left: 0;
height: 20px;
float: left;
text-align: center;
position: absolute; }
.product-list .slider-wrapper .hero-crousel .hc-top-hd .v-align-center p {
display: block; }
.product-list .slider-wrapper .hero-crousel .hc-top-hd .v-align-center a.client-btn {
display: none; } }
@media only screen and (min-width: 768px) and (max-width: 992px) {
.slider-wrapper {
height: 570px; }
.herocarouse-wrap.content-bottom .hc-top .white-overlay {
height: 88px; }
.herocarouse-wrap.content-bottom .hc-top .hc-top-hd .m-custom {
margin-top: 1.5rem; }
.herocarouse-wrap.content-bottom .hc-top .hc-top-hd .container {
max-width: 900px;
width: 100%; }
.herocarouse-wrap.content-bottom .hc-top .hc-top-hd .v-align-center {
padding: 5px 20px 20px; }
.herocarouse-wrap.content-bottom .herocarouseContent {
bottom: 40px; }
.herocarouse-wrap.content-bottom-text .hc-top .white-overlay {
height: 120px; }
.herocarouse-wrap.content-bottom-text .hc-top .hc-top-hd h2 {
width: 100vw; }
.herocarouse-wrap.content-bottom-text .hc-top .hc-top-hd .m-custom {
margin-top: 1.5rem; }
.herocarouse-wrap.content-bottom-text .hc-top .hc-top-hd .v-align-center {
padding: 5px 20px 20px; }
.herocarouse-wrap.content-bottom-text .herocarouseContent {
bottom: 80px; } }
@media only screen and (min-width: 768px) and (max-width: 830px) {
.slider-wrapper {
height: 500px; } }
@media only screen and (min-width: 993px) and (max-width: 1119px) {
.slider-wrapper {
height: 650px; } }
@media only screen and (min-width: 1200px) {
.slider-wrapper {
min-height: 725px;
height: 60vh; } }
@media only screen and (min-width: 993px) {
.slider-wrapper {
min-height: 725px; }
.home.page .slider-wrapper {
min-height: 100%;
height: auto; } }
@media (max-width: 767px) {
body.product-catalog .slider-wrapper .hero-crousel.owl-carousel .owl-nav span::before {
font-size: 36px; }
body.product-catalog .slider-wrapper .hero-crousel.owl-carousel .owl-dots .owl-dot {
margin: 0 5px; } }
/* Add here all your css styles (customizations) */
.hero-wrapper .mvp2.mvp-hero-image {
background-size: cover;
background-repeat: no-repeat;
background-position: center top; }
.hero-wrapper .mvp2.mvp-hero-image .text-cta-arrow {
white-space: normal;
padding-left: 15px; }
.hero-wrapper .mvp2.mvp-hero-image .text-cta-arrow.invert {
display: inline-flex; }
.hero-wrapper .mvp2.mvp-hero-image .text-cta-arrow:after {
position: absolute;
margin-top: 6px; }
.hero-wrapper .mvp2.mvp-hero-image .container {
z-index: 2;
position: absolute; }
.hero-wrapper .mvp2.mvp-hero-video {
background-color: black;
min-height: 25rem;
width: 100%;
overflow: hidden; }
.hero-wrapper .mvp2.mvp-hero-video .text-cta-arrow {
white-space: normal;
padding-left: 15px; }
.hero-wrapper .mvp2.mvp-hero-video .text-cta-arrow.invert {
display: inline-flex; }
.hero-wrapper .mvp2.mvp-hero-video .text-cta-arrow:after {
position: absolute;
margin-top: 6px; }
.hero-wrapper .mvp2.mvp-hero-video video {
position: absolute;
top: 50%;
left: 50%;
min-width: 100%;
min-height: 100%;
width: auto;
height: 100px;
max-width: none;
z-index: 0;
-ms-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%); }
.hero-wrapper .mvp2.mvp-hero-video .container {
position: absolute;
z-index: 2; }
.hero-wrapper .mvp2.mvp-hero-image .mt-15,
.hero-wrapper .mvp2.mvp-hero-video .mt-15 {
margin-top: 1em; }
@media (min-width: 1200px) {
.hero-wrapper .mvp2.mvp-hero-video .container, .hero-wrapper .mvp2.mvp-hero-image .container {
max-width: 1285px; } }
@media (min-width: 768px) {
.hero-wrapper .mvp2.mvp-hero-image .mt-15,
.hero-wrapper .mvp2.mvp-hero-video .mt-15 {
margin-top: 5em; }
.hero-wrapper .mvp2.mvp-hero-image .mb-15,
.hero-wrapper .mvp2.mvp-hero-video .mb-15 {
margin-bottom: 5em; } }
@media (min-width: 768px) and (max-width: 1200px) {
.hero-wrapper .mvp2.mvp-hero-video .text-cta-arrow {
margin-top: 0 !important; }
.hero-wrapper .mvp2.mvp-hero-video .text-cta-arrow:after {
margin-top: 7px; }
.hero-wrapper .mvp2 .hero-c1c {
width: auto !important;
height: 50% !important; } }
.hero-wrapper .mvp2.mvp-hero-image, .hero-wrapper .mvp2.mvp-hero-video {
position: relative;
height: 125vw; }
.hero-wrapper .mvp2 .text-cta-arrow.invert:hover {
color: #00629B !important; }
.hero-wrapper .mvp2 .mvp-hero-image .bottom {
margin-top: 15em; }
.hero-wrapper .mvp2 .transparent {
background: transparent; }
.hero-wrapper .mvp2 .secondary-cta {
border-color: #007BC2;
color: #007BC2; }
.hero-wrapper .mvp2 .secondary-cta.transparent:hover {
border-color: #00629B !important;
color: #00629B !important; }
.hero-wrapper .mvp2 .secondary-cta.invert:hover {
border-color: #00629B;
color: #00629B; }
.hero-wrapper .mvp2 .secondary-cta:visited, .hero-wrapper .mvp2 .secondary-cta:active {
border-color: #007BC2;
color: #007BC2; }
@media (min-width: 567px) and (max-width: 767px) {
.hero-wrapper .mvp2.mvp-hero-image, .hero-wrapper .mvp2.mvp-hero-video {
height: 500px; }
.hero-wrapper .mvp2.mvp-hero-video video {
height: 125vw; } }
@media (min-width: 992px) {
.hero-wrapper .mvp2.mvp-hero-image, .hero-wrapper .mvp2.mvp-hero-video {
height: 576px; } }
.hero-wrapper .mvp2 .body1 {
padding-left: 15px; }
.hero-wrapper .cq-dd-image, .herocontent .cq-dd-image {
display: none; }
.hero-wrapper .text-right h1, .herocontent .text-right h1 {
width: inherit;
padding-left: 35%; }
.hero-wrapper .text-right p, .herocontent .text-right p {
padding-left: 50%;
max-width: 100%; }
.hero-wrapper .img-overlay-dark, .herocontent .img-overlay-dark {
position: relative; }
.hero-wrapper .img-overlay-dark img, .herocontent .img-overlay-dark img {
width: 100%;
vertical-align: top; }
.hero-wrapper .img-overlay-dark:after, .herocontent .img-overlay-dark:after {
content: '\A';
position: absolute;
width: 100%;
top: 0;
left: 0;
bottom: 0;
background: linear-gradient(270deg, transparent 0%, #000 100%);
opacity: 0.75;
transition: all 0.5s;
-webkit-transition: all 0.5s; }
.hero-wrapper .img-overlay-dark-right img, .herocontent .img-overlay-dark-right img {
width: 100%;
vertical-align: top; }
.hero-wrapper .img-overlay-dark-right, .herocontent .img-overlay-dark-right {
position: relative; }
.hero-wrapper .img-overlay-dark-right:after, .herocontent .img-overlay-dark-right:after {
content: '\A';
position: absolute;
width: 100%;
top: 0;
left: 0;
bottom: 0;
background: linear-gradient(-270deg, transparent 0%, #000 100%);
opacity: 0.75;
transition: all 0.5s;
-webkit-transition: all 0.5s; }
.hero-wrapper .img-overlay-light, .herocontent .img-overlay-light {
position: relative; }
.hero-wrapper .img-overlay-light img, .herocontent .img-overlay-light img {
width: 100%;
vertical-align: top; }
.hero-wrapper .img-overlay-light:after, .herocontent .img-overlay-light:after {
content: '\A';
position: absolute;
width: 100%;
top: 0;
left: 0;
bottom: 0;
opacity: 0.75;
background: linear-gradient(270deg, transparent 0%, #ffffff 100%); }
.hero-wrapper .img-overlay-light-right, .herocontent .img-overlay-light-right {
position: relative; }
.hero-wrapper .img-overlay-light-right img, .herocontent .img-overlay-light-right img {
width: 100%;
vertical-align: top; }
.hero-wrapper .img-overlay-light-right:after, .herocontent .img-overlay-light-right:after {
content: '\A';
position: absolute;
width: 100%;
top: 0;
right: 0;
bottom: 0;
opacity: 0.75;
background: linear-gradient(-270deg, transparent 0%, #ffffff 100%); }
@media (max-width: 576px) {
.hero-wrapper .img-overlay-dark:after, .herocontent .img-overlay-dark:after {
background: linear-gradient(0, transparent 0%, #000 100%); }
.hero-wrapper .img-overlay-dark-right:after, .herocontent .img-overlay-dark-right:after {
background: linear-gradient(0, transparent 0%, #000 100%); }
.hero-wrapper .img-overlay-light:after, .herocontent .img-overlay-light:after {
background: linear-gradient(0, transparent 0%, #ffffff 100%); }
.hero-wrapper .img-overlay-light-right:after, .herocontent .img-overlay-light-right:after {
background: linear-gradient(0, transparent 0%, #ffffff 100%); } }
@media (min-width: 992px) {
.hero-wrapper h1, .herocontent h1 {
width: 65%; }
.hero-wrapper p, .herocontent p {
max-width: 50%; } }
.hero-wrapper .mvp2 .primary-cta, .hero-wrapper .mvp2 .secondary-cta, .herocontent .mvp2 .primary-cta, .herocontent .mvp2 .secondary-cta {
margin-left: 0; }
.hero-wrapper .mvp2 .primary-cta.invert, .hero-wrapper .mvp2 .secondary-cta.invert, .herocontent .mvp2 .primary-cta.invert, .herocontent .mvp2 .secondary-cta.invert {
margin-left: 0; }
.hero-wrapper .mvp2 .play-btn .play-rollover, .herocontent .mvp2 .play-btn .play-rollover {
display: none; }
.hero-wrapper .mvp2 .play-btn:hover .play-rollover, .herocontent .mvp2 .play-btn:hover .play-rollover {
display: block; }
.hero-wrapper .mvp2 .play-btn:hover .play, .herocontent .mvp2 .play-btn:hover .play {
display: none; }
.hero-wrapper .mvp2 .btn-overplay, .herocontent .mvp2 .btn-overplay {
position: absolute;
left: 36%;
top: 67%;
z-index: 4;
background-size: 100%;
margin-top: -72px; }
.hero-wrapper .mvp2 .hero-play-control, .herocontent .mvp2 .hero-play-control {
position: absolute;
bottom: 10px;
left: 10px;
z-index: 3; }
.hero-wrapper .mvp2 .hero-play-control a, .herocontent .mvp2 .hero-play-control a {
color: white; }
.modal-open .mvp2.mvp-hero-video .container {
z-index: auto; }
/* Add here all your css styles (customizations) */
.headline-component-page__parent {
padding-bottom: 3px; }
.headline-component-page__parent .headline-component-page__title {
color: #303030;
font-size: 18px;
letter-spacing: 0.5px;
line-height: 24px;
text-transform: uppercase; }
.headline-component-page__headline {
padding-bottom: 2px; }
.headline-component-page__headline .headline-component-page__headline-title {
color: #303030;
font-size: 40px;
font-weight: 300;
line-height: 46px;
word-break: break-word; }
/* Add here all your css styles (customizations) */
.r-and-t .r-and-t-link a:first-child {
display: inline-block;
position: relative;
text-decoration: none;
height: auto;
width: 100%; }
@media (max-width: 576px) {
.r-and-t .r-and-t-link a:first-child {
width: 50%; } }
.r-and-t .r-and-t-link a:first-child img {
display: block;
width: 100%;
height: auto; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.r-and-t .r-and-t-link a:first-child {
height: 100%;
max-height: 168px; } }
.r-and-t .r-and-t-text {
word-break: break-word;
text-decoration: none;
min-height: 46px; }
@media (max-width: 768px) {
.r-and-t .r-and-t-text {
width: 50%;
padding: 2px 0 0 8px;
color: #303030;
font-size: 20px;
font-weight: 300;
line-height: 1.2; } }
@media only screen and (max-width: 768px) and (min-width: 768px) {
.r-and-t .r-and-t-text {
font-size: 28px; } }
@media (min-width: 768px) {
.r-and-t .r-and-t-text {
color: #303030;
font-size: 16px;
font-weight: 300;
line-height: 1.3;
width: 100%; } }
@media only screen and (min-width: 768px) and (min-width: 768px) {
.r-and-t .r-and-t-text {
font-size: 18px; } }
#gridWithoutRolloverModal iframe {
border: 0; }
/* Add here all your css styles (customizations) */
.mosaic-1row.mvp2 img {
width: 100%;
height: 100%; }
.mosaic-1row.mvp2 .img-rollover {
position: relative;
width: 100%;
height: auto;
z-index: 1; }
.mosaic-1row.mvp2 .img-rollover > div {
height: 100%; }
.mosaic-1row.mvp2 .img-rollover .cq-dd-image, .mosaic-1row.mvp2 .img-rollover .s7dm-dynamic-media, .mosaic-1row.mvp2 .img-rollover .s7responsiveContainer {
height: 100%; }
.mosaic-1row.mvp2 .img-rollover label {
width: 90%;
position: absolute;
top: 0;
z-index: 1;
margin: 10px;
text-transform: uppercase; }
.mosaic-1row.mvp2 .img-rollover .rollover-text {
opacity: 1;
position: relative;
top: 0;
z-index: 1;
margin: 15px; }
@media (min-width: 768px) {
.mosaic-1row.mvp2 .img-rollover .rollover-text {
transition: .3s all ease;
opacity: 0;
position: absolute;
margin: 70px 10px 10px; }
.mosaic-1row.mvp2 .img-rollover .rollover-text a {
margin-top: 20px; }
.mosaic-1row.mvp2 .img-rollover:after {
transition: .3s all ease;
content: '';
position: absolute;
background: transparent;
top: 0;
left: 0;
right: 0;
bottom: 0; }
.mosaic-1row.mvp2 .img-rollover:hover:after {
background: rgba(0, 0, 0, 0.6); }
.mosaic-1row.mvp2 .img-rollover:hover .rollover-text {
opacity: 1; } }
@media (min-width: 768px) {
.mosaic-1row.mvp2 .mosaic-1row-item {
width: 33.33%; }
.mosaic-1row.mvp2 .mosaic-1row-item:nth-child(2) {
padding: 0 5px; } }
@media (max-width: 767px) {
.mosaic-1row.mvp2 .mvp2-play-btn:before {
bottom: 20%; } }
/* Add here all your css styles (customizations) */
.frequently-asked-questions .u-heading-v7__title {
font-size: 18px;
font-weight: 800 !important;
letter-spacing: 0.5px;
line-height: 24px;
text-align: center;
padding-top: 40px; }
.frequently-asked-questions .u-heading-v7__title:before {
content: ''; }
.faq-component.mvp2 .faq-question-wrap {
background: #F5F5F5;
transition: 0.4s;
color: #303030;
padding: 15px 0;
margin-bottom: 7px; }
.faq-component.mvp2 .faq-question-inner {
display: flex;
height: 100%;
padding: 0 20px; }
@media (min-width: 768px) {
.faq-component.mvp2 .faq-question-inner {
max-width: 925px;
margin: 0 auto; } }
.faq-component.mvp2 .faq-expand {
border: 2px solid #D0D0D0;
background: #fff;
width: 32px;
height: 32px;
position: relative;
flex-shrink: 0; }
.faq-component.mvp2 .faq-expand:hover {
text-decoration: none; }
.faq-component.mvp2 .faq-expand span:first-child::before {
color: #606060;
font-size: 24px;
position: absolute;
top: 3px;
left: 3px; }
.faq-component.mvp2 .faq-question {
margin: 0 0 0 15px;
font-size: 22px;
font-weight: 300; }
@media (min-width: 768px) {
.faq-component.mvp2 .faq-question {
margin: 0 0 0 20px; } }
.faq-component.mvp2 .faq-answer {
background-color: white;
overflow: hidden;
padding: 0 30px;
font-size: 15px;
font-weight: 300; }
.faq-component.mvp2 .faq-answer img {
width: 100%;
height: 100%; }
.faq-component.mvp2 .faq-answer iframe {
width: 100%;
height: 375px;
max-width: 872px; }
@media (min-width: 768px) {
.faq-component.mvp2 .faq-answer {
max-width: 845px;
margin: 0 auto; }
.faq-component.mvp2 .faq-answer iframe {
height: 581px; } }
.faq-component.mvp2 #load_more {
margin-top: 40px; }
.tab-pane .frequently-asked-questions.aem-GridColumn {
padding: 0; }
.platform-detail .tab-pane .frequently-asked-questions.aem-GridColumn, .product-detail .tab-pane .frequently-asked-questions.aem-GridColumn {
padding: 0;
float: left;
width: 100%;
margin-top: 20px; }
.validation-message {
display: none; }
.aero-adaptive {
background: #F7F7F7;
padding: 20px 0px 10px 0px; }
.aero-adaptive .container {
width: 61% !important; }
@media (max-width: 767px) {
.aero-adaptive .container {
width: 100% !important; } }
@media (min-width: 768px) and (max-width: 1023px) {
.aero-adaptive .container {
width: 100% !important; } }
.aero-adaptive .joule-form-heading {
height: auto;
width: 1000px;
color: #303030;
font-family: "Solstice Sans";
font-size: 50px;
font-weight: 300;
line-height: normal;
margin-left: -3px; }
@media (max-width: 767px) {
.aero-adaptive .joule-form-heading {
height: auto;
line-height: normal;
width: 100%;
font-size: 24px; } }
@media (min-width: 768px) and (max-width: 1024px) {
.aero-adaptive .joule-form-heading {
height: auto;
line-height: normal;
width: 100%; } }
.aero-adaptive h2, .aero-adaptive h3 {
height: auto;
width: 1000px;
color: #303030;
font-family: "Solstice Sans";
font-size: 28px !important;
font-weight: 300;
line-height: auto; }
@media (max-width: 767px) {
.aero-adaptive h2, .aero-adaptive h3 {
font-size: 15px !important;
height: auto;
line-height: normal;
width: 100%; } }
@media (min-width: 768px) and (max-width: 1024px) {
.aero-adaptive h2, .aero-adaptive h3 {
height: auto;
line-height: normal;
width: 100%; } }
.aero-adaptive p {
height: auto;
color: #303030;
font-family: "Solstice Sans";
font-size: 15px;
font-weight: 300;
line-height: 29px;
margin-top: 29px;
padding-left: 2px; }
@media (max-width: 767px) {
.aero-adaptive p {
font-size: 14px;
margin-top: 6px;
line-height: 19px;
height: auto;
width: 100%; } }
@media (min-width: 768px) and (max-width: 1024px) {
.aero-adaptive p {
height: auto;
width: 100%; } }
.validation-failed .validation-message {
display: block;
border: 2px solid;
padding-left: 0;
padding-right: 0;
border-color: darkorange;
margin-bottom: 15px; }
.validation-failed .validation-message .mvp-icon-alert-warning:before {
background-color: darkorange;
color: white;
font-size: 32px;
padding: 11px;
line-height: 1.1; }
.validation-failed .validation-message .text-msg {
display: inline-block;
padding-left: 5px; }
/* Add here all your css styles (customizations) */
.form-overlay-bg {
display: none;
background: rgba(0, 0, 0, 0.7);
position: fixed;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 9999; }
.fancybox-active .form-overlay-bg {
display: block; }
.overlay-form-wrap {
width: 100%;
max-width: 700px;
position: absolute;
left: 50%;
top: 50px;
margin: 0 0 0 -300px;
background: #fff;
padding: 30px 30px 15px 30px;
z-index: 99999;
display: none; }
.overlay-form-wrap .form_row {
margin-bottom: 15px; }
.overlay-form-wrap .form_row .form_leftcol .form_leftcollabel {
display: inline-block; }
.overlay-form-wrap .form_row .form_leftcol .form_leftcolmark {
display: inline-block; }
.overlay-form-wrap .form_row .form_rightcol .form_field {
display: block;
width: 100%;
height: calc(2.25rem + 5px);
padding: .375rem .75rem;
font-size: 1rem;
line-height: 1.5;
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
border-radius: 0;
transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; }
.overlay-form-wrap .form_row .form_rightcol .form_field.form_field_textarea {
min-height: 100px; }
.overlay-form-wrap .form_row .form_rightcol .form_field.form_field_select {
width: 60%;
border-radius: 0; }
.overlay-form-wrap .form_row .form_rightcol .form_field.form_field_checkbox {
display: inline-block;
width: auto;
height: auto; }
.overlay-form-wrap .form_row .form_button_submit {
display: inline-block;
font-weight: 500;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid transparent;
padding: .375rem .75rem;
font-size: 1rem;
line-height: 1.5;
border-radius: .25rem;
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
color: #fff;
background-color: #72c02c;
cursor: pointer; }
.overlay-form-wrap .mvp-icon-close::before {
font-size: 12px; }
.overlay-form-wrap .spinner-overlay {
display: none; }
.form-close {
border-style: solid;
position: absolute;
right: 10px;
top: 10px;
cursor: pointer;
border-radius: 0;
width: 24px;
height: 24px;
line-height: 22px;
padding: 0;
margin: 0;
text-align: center; }
.form-close:focus {
outline: none; }
.form-close [class^="mvp-icon-"]:before,
.form-close [class*="mvp-icon-"]:before {
/* Change the font size to define the icon size */
font-size: 24px;
color: #404040; }
.form-close:hover [class^="mvp-icon-"]:before,
.form-close:hover [class*="mvp-icon-"]:before {
color: #707070; }
.onecol h2 {
font-size: 32px; }
.fancybox-container > * {
overflow: unset !important; }
.fancybox-is-open .fancybox-stage {
overflow: unset !important; }
.fancybox-container {
position: absolute !important; }
.fancybox-container .fancybox-content {
padding: 19px 32px 0; }
.fancybox-container .fancybox-content .onecol h1,
.fancybox-container .fancybox-content h2,
.fancybox-container .fancybox-content h3 {
color: #303030;
font-weight: 900;
letter-spacing: -.75px;
max-width: 90%;
padding-bottom: 11px; }
@media (min-width: 768px) {
.fancybox-container .fancybox-content {
max-width: 712px; } }
@media (max-width: 576px) {
.fancybox-container .fancybox-content {
padding: 16px 16px 0; } }
.fancybox-container button:not(.af-icon-button).form-close {
padding: 0;
margin: 0;
position: absolute;
right: 16px;
top: 16px;
border: none;
cursor: pointer;
border-radius: 0;
line-height: 22px;
width: 32px;
height: 32px;
text-align: center;
background-color: transparent; }
@media (max-width: 576px) {
.fancybox-container button:not(.af-icon-button).form-close {
width: 24px;
height: 24px;
right: 8px;
top: 8px; } }
@media (min-width: 576px) {
.fancybox-container .container, .fancybox-container.container {
width: auto;
margin-left: inherit; } }
.submit.guidebutton .guidefield {
margin-top: 20px; }
/*.fancybox-content{
z-index: 99999999;
}*/
.fancybox-inner.okwrapper {
z-index: 9999999; }
.fancybox-outer,
.fancybox-slide,
.fancybox-slide--html {
-ms-overflow-style: -ms-autohiding-scrollbar; }
body.fancybox-active {
overflow-y: scroll;
overflow-x: hidden;
/*position: fixed;*/ }
body.fancybox-active .fancybox-slide {
overflow: unset; }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
body.fancybox-active {
width: 100%;
height: 100vh;
position: fixed;
overflow-y: scroll;
overflow-x: visible; }
body.fancybox-active .fancybox-slide {
overflow: visible;
height: 100vh;
position: relative; }
body.fancybox-active .fancybox-slide .fancybox-content {
overflow: auto;
height: 100vh; } }
#formSuccess {
width: 100%;
height: 90px;
border: 1px solid #7EB338;
display: none;
justify-content: space-between;
align-items: stretch; }
#formSuccess .success-icon {
width: 60px;
background: #7EB338;
display: flex;
justify-content: center;
align-items: center;
margin-left: -1px; }
#formSuccess .success-icon.mvp-icon-check:before {
color: #fff; }
@media (max-width: 767px) {
#formSuccess .success-icon {
background: transparent;
align-items: flex-start;
padding: 10px 5px 10px 15px;
margin-left: 0; }
#formSuccess .success-icon.mvp-icon-check:before {
color: #7EB338;
font-size: 30px; } }
#formSuccess .success-text {
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
font-size: 16px;
margin: 15px;
flex-grow: 1; }
#formSuccess .success-text p {
margin-bottom: 0;
font-weight: 300; }
#formSuccess .success-text p.success-head {
font-weight: 800; }
@media (max-width: 767px) {
#formSuccess .success-text {
justify-content: flex-start; }
#formSuccess .success-text p {
line-height: 1.2; }
#formSuccess .success-text p.success-head {
margin-bottom: 10px; } }
#formSuccess button.mvp-icon-close {
background: transparent;
border: none;
margin-right: 10px;
cursor: pointer; }
#formSuccess button.mvp-icon-close:before {
color: #404040;
font-size: 24px; }
#formSuccess button.mvp-icon-close:hover:before {
color: #707070; }
@media (max-width: 767px) {
#formSuccess button.mvp-icon-close {
margin-top: 15px;
align-self: flex-start; } }
@media (max-width: 767px) {
#formSuccess {
height: 110px; } }
/* Add here all your css styles (customizations) */
/*lead-gen /contact-us form*/
@media (min-width: 768px) {
.fancybox-container.lead-generation .fancybox-content {
max-width: 712px; } }
/* Add here all your css styles (customizations) */
.Floatingcta__container {
margin: auto;
min-height: 77px;
width: 1442px;
background-color: #fff;
border-bottom: 1px solid #D8D8D8; }
.Floatingcta__container .Floatingcta__title {
display: none; }
.Floatingcta__container .Floatingcta__buttons {
margin: auto; }
.Floatingcta__container .cta.cta.secondary-cta.transparent {
height: auto;
background: #F7F7F7; }
.Floatingcta__container .cta.primary-Cta {
background-color: #007BC2;
border-color: #007BC2;
color: #fff; }
.Floatingcta__container .cta.primary-Cta:not([href]):not([tabindex]) {
color: #fff; }
.Floatingcta__container .cta.primary-Cta:hover {
border-color: #00629B;
background-color: #00629B;
color: #fff; }
.Floatingcta__container .cta.primary-Cta:focus {
color: #fff !important; }
.Floatingcta__container .Floatingcta__Locate-button,
.Floatingcta__container .Floatingcta__Support-button,
.Floatingcta__container .Floatingcta__Sales-button {
background: #fff;
border: 2px solid #007BC2;
color: #007BC2;
font-size: 14px;
line-height: 18px;
padding: 15px 5px;
word-break: break-word;
width: 100px !important;
margin-left: 7px !important;
margin-right: 7px !important;
margin-top: 0px !important;
margin-bottom: 0px !important;
letter-spacing: 0.5px;
text-transform: uppercase;
text-align: center;
font-weight: 800;
transition: all 0.3s ease;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
text-decoration: none !important; }
.Floatingcta__container .Floatingcta__Locate-button:not([href]):not([tabindex]),
.Floatingcta__container .Floatingcta__Support-button:not([href]):not([tabindex]),
.Floatingcta__container .Floatingcta__Sales-button:not([href]):not([tabindex]) {
color: #007BC2; }
.Floatingcta__container .Floatingcta__Locate-button:hover,
.Floatingcta__container .Floatingcta__Support-button:hover,
.Floatingcta__container .Floatingcta__Sales-button:hover {
border-color: #00629B;
color: #00629B; }
@media only screen and (min-width: 768px) {
.Floatingcta__container .Floatingcta__title {
display: block;
color: #303030;
font-family: "Solstice Sans";
font-size: 15px;
font-weight: 500;
letter-spacing: 0.5px;
line-height: 25px;
text-transform: uppercase; } }
@media only screen and (min-width: 1280px) {
.Floatingcta__container .Floatingcta__Locate-button,
.Floatingcta__container .Floatingcta__Support-button,
.Floatingcta__container .Floatingcta__Sales-button {
width: 150px !important; } }
.Floatingcta-fixed-top {
padding: 10px 15px;
position: fixed;
right: 0;
left: 0;
z-index: 1030;
top: 0;
border-width: 0 0 1px; }
.modal-header {
border: 0px !important; }
.Floatingcta-model-title {
color: #303030;
font-family: "Solstice Sans";
font-size: 35px;
font-weight: 300;
line-height: 60px;
text-align: center; }
.Floatingcta-model-instruction {
color: #303030;
font-family: "Solstice Sans";
font-size: 26px;
font-weight: 300;
line-height: 35px;
text-align: center; }
.marketo-disclaimerText,
.marketo-disclaimerText p {
font-family: "Solstice Sans";
font-size: 14px;
color: #303030 !important;
font-weight: 300;
line-height: 20px;
padding-top: 20px;
text-align: center; }
/* Add here all your css styles (customizations) */
.mvp2.full-width.event-page .event-wrap {
height: 118px;
max-width: 118px;
background: #F7F7F7; }
.mvp2.full-width.event-page .event-wrap .event-date {
font-size: 22px;
font-weight: 500;
line-height: 26px;
text-align: center;
color: #007BC2;
padding: 10px 0;
width: 71px;
box-sizing: content-box;
margin: 0 auto;
text-transform: uppercase; }
.mvp2.full-width.event-page .event-wrap hr {
width: 80%;
margin: 0 auto;
height: 2px; }
.mvp2.full-width.event-page .event-wrap .event-year {
font-size: 14px;
font-weight: 500;
line-height: 23px;
text-align: center;
color: #007BC2;
padding: 7px 0; }
.mvp2.full-width.event-page .event-teaser .event-heading h1 {
font-size: 40px;
font-weight: 300;
line-height: 46px; }
.mvp2.full-width.event-page .event-teaser .event-location p {
font-size: 18px;
font-weight: 300;
line-height: 25px;
margin-bottom: 10px; }
.mvp2.full-width.event-page .event-teaser .event-location span {
font-size: 18px;
font-weight: 300;
line-height: 25px; }
.mvp2.full-width.event-page .event-teaser .event-cta-wrap a {
margin-left: 0; }
.mvp2.full-width.event-page .event-teaser .event-cta-wrap .event-detail-cta {
background: #fff;
border: 2px solid #007BC2;
color: #007BC2;
font-size: 14px;
line-height: 18px;
padding: 15px 5px;
word-break: break-word;
width: 232px;
letter-spacing: 0.5px;
margin-bottom: 0 !important;
margin: 10px;
text-transform: uppercase;
text-align: center;
font-weight: 800;
transition: all 0.3s ease;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
text-decoration: none; }
.mvp2.full-width.event-page .event-teaser .event-cta-wrap .event-detail-cta:hover {
border: 2px solid #00629B !important;
color: #00629B !important;
text-decoration: none; }
.mvp2.full-width.event-page .event-teaser .addToCalendar {
color: #007BC2;
font-size: 14px;
line-height: 38px;
text-align: center;
margin: 0px;
padding: 5px 0;
border: 0; }
.mvp2.full-width.event-page .event-teaser .addToCalendar label {
margin-bottom: 0; }
.mvp2.full-width.event-page .event-teaser .addToCalendar .mvp-icon-calendar:before {
font-size: 30px;
color: #007BC2;
padding-right: 10px;
position: relative;
top: 5px; }
.mvp2.full-width .cmp-text blockquote {
font-size: 28px;
font-weight: 300;
line-height: 35px; }
.event-modal .modal-head {
margin-top: 10px;
margin-bottom: 30px; }
.event-modal .modal-body {
padding: 0; }
.event-modal .model-title {
font-size: 35px;
font-weight: 300;
line-height: 60px; }
.event-modal .model-instruction {
font-size: 26px;
font-weight: 300;
line-height: 35px; }
.event-modal form {
margin: 10px; }
.add-to-calendar {
position: relative;
}
#add-to-calendar-checkbox-label {
cursor: pointer;
}
.addToCalendar label {
cursor: pointer;
}
.add-to-calendar-checkbox~a {
display: none;
}
.add-to-calendar-checkbox:checked~a {
display: block;
width: 150px;
margin-left: 20px;
}
/* input[type=checkbox].add-to-calendar-checkbox {
position: absolute;
top: -9999px;
left: -9999px;
} */
input[type=checkbox].add-to-calendar-checkbox{
width: 100%;
left: 0;
height: 100%;
visibility: hidden;
}
.add-to-calendar-checkbox~a:before {
width: 16px;
height: 16px;
display: inline-block;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFQAAAAQCAYAAACIoli7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0MzJCRDU2NUE1MDIxMUUyOTY1Q0EwNTkxNEJDOUIwNCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0MzJCRDU2NkE1MDIxMUUyOTY1Q0EwNTkxNEJDOUIwNCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQzMkJENTYzQTUwMjExRTI5NjVDQTA1OTE0QkM5QjA0IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjQzMkJENTY0QTUwMjExRTI5NjVDQTA1OTE0QkM5QjA0Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+1Gcb3QAACh1JREFUeNrEWAtwVNUZ/u7d9yvZJBtMIC8eBhIKMkQIhqIBKirWwpSW0dahCir1gQhWg2XKjNRqR7AjQ6QjglBFRIW20KmC0KRYjRYMCZGHGEjIY0Oy2U32lX3d3Xv6nxuSbEJCQNvpn/n33POfxz33u9//uBGaBQFcMhgrpGYC6ddk+zfiZKgxsvOG4buJMGATNtzcq4l+WStbsGgpvOiELpgBWetGQGNCstSGkKwH1Ek04oVNFUZQsEAjedCg0iBRVivrP737CL+H8Na7f7lpRFa2cOfMqdUn9n3ARGc7NLEYJj62Qle6Z3/ZlATt82mINV4QVPV33HVXmK/1bRgPvst60vzXgJzZZ84UlOfnV1L/YvwhBxk7Q7quZ3zZLrvSivRy+PtR0Y8oUit2P7+aWm5TifxahErVPWfd/JRBQaNVjA2CIhsecEwIubHzB3+CQWNDNBCCyuiEC6NgpV3agkCszYWknBTInjAMFh20HAo1/QQFVM7Kw9aly7D1ze2iJEemhbu8Mzf++rkVNGMkaS7puKadb0yubGscp/Wa3rc0nNXVJ6RsJvsaUhmXt5oyZv36e4o//hi1tbUonjWrYNTs2QXxhywuL+8bmzevoG7dOu3gj8Po2MIVZGIcAw6TcPma0YV4JfXYEBiy/rbeqZcv+i1tEbIgagzgOAWMerT5MvDuXgfOH6vAsRoRgVAqHOp2TMrX4dYfFmLhVAHTRqtgkn0QQ3W0anZK+UsvzJe/qflxi2d04a3u9iJWdngUHd/I33KEyJEoqBE2mqCxGBCqq//p8idWvPh66Wa35ZlzUIcAnez3w+n14uwDD8CalYWo293vYePH+Fy+Jn58289HKu2rpbux9KF7EY4yfHroAHKL5iv2w/v2Ye7CBfBHBLRWHYJ54rzrCQcsDtx+YA4MAbyTqjsHLfLIrWWcChjwu/XHUVnuxrGDC2G2AdwnnKQNXwOLHnwFH4da8VnZBpg0ZqgcOgJMfKa+oqJkTDQMX3or3GF/khgJQ9TroDInQENq9rjItaNwqUWkeDoy0wtmTKYt/8XPpg4wZpADARTt2YOJx45Bo9PBlZEBy86dvQedPGkSxmZnw5SQAD6Xrxns6XWmYO+1x3e+n52D2WM3Y96w6F0F1F4wBwsBprBEv+0wIQO7Xj2HC0ercLbiEdi0zYgyAk1OgFUQccONwP5dyxELNMCQ5Cfq0YZpekgCpMZgENPvmIc5KckEm4gL7+9BrL0d1rFjYSGGGkePgyWX4qU1CQW3zVG5ztV+n25aQRpVGBojkFpWroTBaAQ/TpD6eput3xOZzWaKEjL43IEM3frHLZD8XtyQasXhdzbDbNTCJjN89tftvfaW8jd67fPyzP3jRBzThGGYKgwxrcceM2eyYDQNG9+8iAMfHsaRXY/AouV4qRAS9NCrmmkjKxBKwOQsM8X0iQhQkpK1IUiiBxq1+oLfaPJJXo8lEOyCJtGKScsfhTYpGYItFTUXG9DY2oqQw4UnFi5SGF/2zfkialQcUJ66V7PrFL5mQhwgXGRZZjv+8ALzBGPM4YuyA9s3sFMtIUW5/Xx7hNU0+RU7X7OM5bFlJxSQ2ODR+ArlIUy5HDjW04y+t5UrC9J5Vm5tYxkz/s5YF3WiESYzP2MRmbmp6+EH9vuZxM9N9iBz0ViUHbclsPuX/GJ2SUnJeX+LnUW6/MqzHTp6lL29dy9rtLewx598kpWsWcPuu+8+Fo1GlfG9+/bZn1q1Kk1JzHQSlUxHjBL7rkX5XL5mMBQks7WvY0vvZ3d4pW63j7Nfo/QDfYCbs3iGa6UORYMUP/92qhoYE4VsdNCoDEEyUYqnhBIDEmJ8hZYenKdmETH6468pWa3GJbvdHpKiTWpio4YSz7Hjx7Hu2Wdx9KOPkDkyHaWbNiE/Lw+LFy+makWlHCInOyc9MyOTJ3JRzcEhnCHHYtf0dCJtwrrp3Suvv/UGvO4uWBLN2L9/N7xeFzyedrS43+q1F401DQdaP+8Vrg1ppcRS3t+DDVQe9dhFqF3JiHTaIYaTyL2jYIld8IsGWCQRTB+GoCcgiU5q2QCD6KNFdQjrM1FVXeUYd+PYxg6nE+np6ZiYn48dO3Zg7dq1iEQi0Gq1KKeqh1h82T2BURkZQlpa2kzqHuJ1qEph3zCAPnVyDao8X6EgeQowANDlSx7mfo9t772NBQt+pmT5T468jgmFS5TxiqPvdderLO+Kfcnte2X71G9VzCvjulhfZaJFFjJSrCj7/DjCqgh0VN6EvSIsCUAXndxPvDxf1w5t4gjoY1qEnAYUfI8SpuokOlyIBIPhC06nSwHUZDIhNzcXoVAIRF7k5OQoLc83/E1eutSKpuYmRKToLZs3l6Zzhqo5QyPR6FVPfcJZg2lFN6Py80q+kbp2WzLwUEe/OZ2Ovr4YU11przqL/5XoRH3fvakwmjFdQtlH4/FC6VdY/dRNVKEYeMqAUR3EiSo9Vj56As2+MKwGMx68fySm5o+HSeDh6FLM7/fVu1zO3v24axcUFJDneZX+SkrgXq8PlZUnEKKKwGpNgM/rmaLT66Z1uzwxVBoC0JKqtTjpPtVd8sQ8YJKM+g3W5Ze/HpZ3f9r0kahk5aq41b/st1c8A3uYOQQrr0uyFwep+ujrG6HHip/YsPvlTmz+7dcovnMGZk4gt6cYKXQFMWuyAV98+iOcpfB6e9HzFBvvoS87J9XfynKZWFnfbLfzbwOlmpEkCauffhpejxenvjqF7KxsdPF6PByCz+PH6dOnKVRUW8eMGX1LN0MJ0MgQLl/dVgNb8YjuAj/qRFJhMmYVzkkv/3NZAV6jJPS4W/gWGLDr/Ua/mkQMzQM2T4dN58Q/DxbizuIKLLjtHax7bhqWPJaLVJMWPsXpzah3SWj3n6GQMKf7/wAmP6/65fq6uubGpsaOFntLuqPdARe5v4fY2emi1uej/OBmjjan3+V2tfi8voZYLFoXlaJnjQZDhZoJgi7GXX4IQPNN+Th9sJuhmKuCWM5w5pvqNiSLlfg/yhcLx2PEqA+QqhR/wX5jHirrdbIJI24A/lG9Gqt/U45NWz7Ey9s/BzQ3QpUQQajdjMS0NixdtQhFxTfTGzVQDc6rFJ/85Zdfem6ePr29dMuWdGKi5PV6Ov2BQFMoFL5INXqtx+upd3d21rXY7Y5AIMBvTp8FCJeXl/nVBKNFRa7Ag+xgsnH2K0p79+474Ix1IJWy5qgXuw40MPb8dwFkOFfngA0nY9zqQe1WnrQtzQRSBgwGEXs2zqUHmXvFvCCFLwP/Lw6PdhQLjVqFVIwSkCRFIgdPVp+sI66d7ury1Xrc7saGhkZ7OBziAEpxGotXYYQg/J4CReZwh3fdriqM2IQkrZN1mg/H9joY+4DMvSyt+eQlTL71uf8a+65VfvVw5nDh5Jpl58NHMK5FCT88diaSGi4DFYnTHvDkgTUyl/8IMABtKh8piZwIuwAAAABJRU5ErkJggg==);
margin-right: .5em;
content: ' ';
}
.icon-ical:before {
background-position: -68px 0;
}
.new-cal {
cursor: pointer;
}
.icon-outlook {
position: absolute;
top: 38px;
border: 1px solid #e0dede;
width: 100%;
margin: 5px 0 0 0;
line-height: normal;
color: #303030;
font-size:12px;
padding: 3px;
}
.icon-outlook:hover{
text-decoration: none
}
.icon-outlook:before {
position: relative;
top: 2px
}
.icon-yahoo:before {
background-position: -36px +4px;
}
.icon-google:before {
background-position: -52px 0;
}
/* Add here all your css styles (customizations) */
.shopping-wrap .minicart-box .cart-row.button .client-btn.invert-btn {
background: #fff;
color: #007BC2;
font-weight: 800;
font-size: 14px;
border: 2px solid #007BC2;
transition: all .3s ease;
text-transform: uppercase;
height: 48px;
display: flex;
align-items: center;
justify-content: center;
white-space: nowrap; }
.shopping-wrap .minicart-box .cart-row.button .client-btn.invert-btn:active, .shopping-wrap .minicart-box .cart-row.button .client-btn.invert-btn:hover, .shopping-wrap .minicart-box .cart-row.button .client-btn.invert-btn:visited {
text-decoration: none; }
.shopping-wrap .minicart-box .cart-row.button .client-btn.invert-btn:hover {
background: #fff;
color: #1273B4;
border: 2px solid #1273B4; }
.shopping-wrap .minicart-box .cart-row.button .client-btn.invert-btn:active {
background: #0E5F95;
color: #fff;
border: 2px solid #0E5F95; }
@media (max-width: 767px) {
.shopping-wrap .minicart-box .cart-row.button .client-btn.invert-btn:active, .shopping-wrap .minicart-box .cart-row.button .client-btn.invert-btn:hover, .shopping-wrap .minicart-box .cart-row.button .client-btn.invert-btn:visited, .shopping-wrap .minicart-box .cart-row.button .client-btn.invert-btn:focus {
text-decoration: none; } }
.shopping-wrap {
float: left;
position: relative; }
.shopping-wrap a#minicartHead {
display: inline-block;
vertical-align: middle;
line-height: 30px; }
.shopping-wrap a#minicartHead .mvp-icon-shopping_bag {
display: inline-block;
vertical-align: middle;
line-height: 22px; }
.shopping-wrap a#minicartHead .mvp-icon-shopping_bag:before {
font-size: 22px;
color: #707070; }
.shopping-wrap a#minicartHead #cartNo {
display: none;
background: #F37021;
color: #fff;
font-weight: 900;
width: 12px;
height: 12px;
font-size: 10px;
padding-bottom: 1px;
line-height: 1;
position: absolute;
bottom: 3px;
right: -3px;
justify-content: center;
align-items: center; }
.shopping-wrap a#minicartHead.active #cartNo {
display: flex; }
.shopping-wrap a#minicartHead.active .mvp-icon-shopping_bag:before {
color: #007BC2; }
.shopping-wrap .minicart-box {
position: absolute;
display: none;
flex-direction: column;
padding: 20px 20px 10px;
border: 1px solid #007BC2;
background: #f7f7f7;
right: -12px;
width: 414px;
margin-top: 15px; }
.shopping-wrap .minicart-box.active {
display: flex; }
.shopping-wrap .minicart-box .overflow-fix {
overflow: auto; }
.shopping-wrap .minicart-box .cart-row-title {
font-size: 16px;
line-height: 1;
margin-top: 5px;
font-weight: 800; }
.shopping-wrap .minicart-box .cart-row {
display: flex;
justify-content: space-between;
align-items: center;
padding-right: 28px;
font-size: 16px;
line-height: 1;
margin: 10px 0; }
.shopping-wrap .minicart-box .cart-row.total {
font-weight: 800;
position: relative;
width: 100%; }
.shopping-wrap .minicart-box .cart-row.total span:nth-child(2) {
position: absolute;
right: 27px;
bottom: 0; }
.shopping-wrap .minicart-box .cart-row.total .badge {
font-weight: 300;
position: absolute;
right: 5px;
bottom: -3px;
font-size: 12px;
width: 25px; }
.shopping-wrap .minicart-box .cart-row.button {
margin-top: 10px;
padding-right: 0; }
.shopping-wrap .minicart-box .cart-row.button .client-btn {
width: 100%;
cursor: pointer;
border-color: #007BC2 !important; }
.shopping-wrap .minicart-box .cart-row.button .client-btn:first-child {
margin-right: 5px; }
.shopping-wrap .minicart-box .cart-row.button .client-btn:last-child {
margin-left: 5px; }
.shopping-wrap .minicart-box .nubbin {
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 15px solid #f7f7f7;
position: absolute;
right: 13px;
top: -14px; }
.shopping-wrap .minicart-box .nubbin-border {
width: 0;
height: 0;
border-left: 12px solid transparent;
border-right: 12px solid transparent;
border-bottom: 17px solid #007BC2;
position: absolute;
right: 11px;
top: -17px; }
.shopping-wrap .minicart-box hr {
margin: 15px 0; }
@media (max-width: 767px) {
.shopping-wrap .minicart-box {
width: calc(100vw - 4px); } }
#shoppingCartH2 h2 {
font-size: 32px;
font-weight: 900; }
@media only screen and (min-width: 768px) and (max-width: 992px) {
#shoppingCartH2 h2 {
font-size: 42px; } }
@media only screen and (min-width: 993px) {
#shoppingCartH2 h2 {
font-size: 54px; } }
#shoppingCartH2 #cart-share {
margin-top: 10px;
margin-bottom: 10px; }
#shoppingCartH2 #cart-share .custom_images {
right: 10px; }
#shoppingCartH2 #cart-share ul {
min-width: 125px;
padding-left: 0;
list-style-type: none;
font-size: 10px;
text-align: right;
position: relative;
display: flex;
justify-content: flex-end;
margin-bottom: 5px; }
#shoppingCartH2 #cart-share li {
display: inline;
margin-left: 10px; }
#shoppingCartH2 #cart-share li button {
padding: 0; }
#shoppingCartH2 #cart-share li button:before {
color: #A0A0A0; }
#shoppingCartH2 #cart-share li button.mvp-icon-share.active-share:before {
color: #303030; }
.cart-pagination-wrap {
display: flex;
justify-content: space-between;
align-items: stretch;
border-bottom: 1px solid #E0E0E0; }
.cart-pagination-wrap .cart-fs {
display: flex;
justify-content: flex-start;
align-items: center; }
.cart-pagination-wrap .cart-fs p {
margin-bottom: 0; }
.cart-pagination-wrap .cart-fs p:first-child {
padding-right: 30px;
color: #404040; }
.cart-pagination-wrap .cart-fs .totalCartNumber {
font-weight: 900; }
.cart-pagination-wrap .cart-fe {
display: flex;
justify-content: flex-end;
align-items: center; }
.cart-pagination-wrap .cart-fe button {
background: transparent;
border: none;
cursor: pointer; }
.cart-pagination-wrap .cart-fe button:before {
color: #A0A0A0; }
.cart-pagination-wrap .cart-fe button.active:before {
color: #000; }
@media (max-width: 767px) {
.cart-pagination-wrap {
align-items: flex-end;
padding-bottom: 10px; }
.cart-pagination-wrap .cart-fs {
flex-direction: column;
align-items: flex-start; }
.cart-pagination-wrap .cart-fs p:first-child {
order: 2; }
.cart-pagination-wrap .cart-fs p:last-child {
order: 1; } }
.detail-view {
flex-direction: column; }
.cart-item {
display: flex;
justify-content: space-between;
align-items: stretch;
margin-top: 15px;
padding-bottom: 15px;
border-bottom: 1px solid #E0E0E0; }
.cart-item:last-child {
border-bottom: none; }
.cart-item .cart-result-left .cart-img {
display: flex;
justify-content: center;
align-items: center;
width: 216px;
height: 184px;
border: 1px solid #D0D0D0;
background: #f7f7f7;
overflow: hidden;
position: relative; }
.cart-item .cart-result-left .cart-img img {
width: auto;
height: auto; }
.cart-item .cart-result-left .cart-img .new {
position: absolute;
top: 5px;
left: 5px;
padding: 0 5px;
border: 1px solid #CB4E14;
color: #CB4E14;
font-weight: 900;
font-size: 14px;
background: #fff; }
.cart-item .cart-result-left .cart-img .empty-img {
font-weight: 500;
text-align: center;
color: #404040;
font-size: 10px; }
.cart-item .cart-result-left .cart-img .empty-img .number {
display: block;
font-size: 2.5rem;
font-weight: 300; }
@media (max-width: 1200px) {
.cart-item .cart-result-left .cart-img .empty-img .number {
font-size: 2rem; } }
@media (max-width: 767px) {
.cart-item .cart-result-left .cart-img .empty-img .number {
font-size: 1.2rem; } }
.cart-item .cart-result-left .cart-img:hover {
text-decoration: none; }
@media (max-width: 1200px) {
.cart-item .cart-result-left .cart-img {
width: 165px;
height: 132px; }
.cart-item .cart-result-left .cart-img img {
max-width: 170px;
max-height: 132px; } }
@media (max-width: 767px) {
.cart-item .cart-result-left .cart-img {
width: 90px;
height: 88px; }
.cart-item .cart-result-left .cart-img img {
max-width: 90px;
max-height: 88px; }
.cart-item .cart-result-left .cart-img .new {
border: none;
top: 2px;
left: 2px; } }
.cart-item .cart-result-center {
flex: 1;
margin: 0 20px 0 15px; }
.cart-item .cart-result-center .content-type {
text-transform: uppercase;
font-size: 12px;
line-height: 18px;
font-weight: 900;
color: #707070;
padding-right: 15px; }
.cart-item .cart-result-center .purchased {
color: #707070;
font-size: 12px; }
.cart-item .cart-result-center .purchased .mvp-icon-success:before {
color: #7EB338;
font-size: 14px; }
.cart-item .cart-result-center h4 a {
color: #404040;
font-weight: 900;
transition: .1s all ease;
font-size: 18px; }
@media only screen and (min-width: 768px) {
.cart-item .cart-result-center h4 a {
font-size: 20px; } }
.cart-item .cart-result-center h4 a:hover {
color: #707070;
text-decoration: none; }
.cart-item .cart-result-center h4 a:active {
color: #404040; }
.cart-item .cart-result-center .row2 {
border-bottom: 1px solid #E0E0E0;
padding-bottom: 10px; }
.cart-item .cart-result-center .row2 span {
padding: 0 7.5px 5px;
border-left: 1px solid #E0E0E0; }
.cart-item .cart-result-center .row2 span:first-child {
padding-left: 0;
border-left: none; }
.cart-item .cart-result-center .row3 {
display: flex;
justify-content: flex-start;
align-items: center;
padding-top: 20px; }
.cart-item .cart-result-center .row3 .price span {
font-weight: 800; }
@media (max-width: 767px) {
.cart-item .cart-result-center .row3 .price span {
display: block; } }
.cart-item .cart-result-center .row4 {
padding-top: 20px; }
.cart-item .cart-result-center .row4 p {
color: #303030;
font-weight: 300; }
.cart-item .cart-result-center .row4 p.title {
font-weight: 500; }
@media (max-width: 767px) {
.cart-item .cart-result-center .row4 {
margin-left: -98px;
width: calc(100% + 98px); } }
.cart-item .cart-result-center .more-less {
text-align: left;
background: transparent;
border: none;
cursor: pointer;
margin-top: 20px;
font-weight: 800; }
.cart-item .cart-result-center .more-less [class^="mvp-icon-"],
.cart-item .cart-result-center .more-less [class*="mvp-icon-"] {
top: 5px;
position: relative; }
.cart-item .cart-result-center .more-less [class^="mvp-icon-"]:before,
.cart-item .cart-result-center .more-less [class*="mvp-icon-"]:before {
font-size: 20px;
color: #606060; }
@media (max-width: 767px) {
.cart-item .cart-result-center {
display: flex;
flex-direction: column;
min-width: calc(100% - 130px);
margin: 0 5px 0 10px; }
.cart-item .cart-result-center .row1 {
display: flex;
flex-direction: column;
max-height: 120px;
height: 100%; }
.cart-item .cart-result-center .row1 .purchased {
order: 3; }
.cart-item .cart-result-center .row1 h4 {
order: 2; }
.cart-item .cart-result-center .row2 {
border-bottom: none;
margin-top: 25px;
margin-left: -98px;
width: calc(100% + 98px); }
.cart-item .cart-result-center .row3 {
justify-content: flex-start;
align-items: center;
padding-top: 0;
min-height: 65px;
margin-left: -98px;
width: calc(100% + 98px); }
.cart-item .cart-result-center .more-less {
text-align: center;
margin-left: -98px;
width: calc(100% + 98px);
margin-bottom: 20px;
height: 37px; } }
.cart-item .cart-result-right {
border-left: 1px solid #E0E0E0;
flex: .5; }
.cart-item .cart-widget {
list-style: none;
padding-left: 15px; }
.cart-item .cart-widget a {
justify-content: flex-start;
height: auto;
min-height: 40px; }
.cart-item .cart-widget [class^="mvp-icon-"]:before,
.cart-item .cart-widget [class*="mvp-icon-"]:before {
font-size: 22px;
color: #007BC2;
padding-right: 5px; }
@media (max-width: 767px) {
.cart-item .cart-result-right {
width: 100%;
border-left: none;
display: flex; }
.cart-item .cart-widget {
background: #f7f7f7;
list-style: none;
padding: 10px;
display: flex;
justify-content: space-around;
width: calc(100vw + 60px);
margin-left: -30px;
margin-right: -30px; }
.cart-item .cart-widget a {
justify-content: flex-start;
height: auto;
min-height: 40px; }
.cart-item .cart-widget [class^="mvp-icon-"]:before,
.cart-item .cart-widget [class*="mvp-icon-"]:before {
font-size: 22px;
color: #007BC2;
padding-right: 5px;
margin-left: 0; } }
@media (max-width: 767px) {
.cart-item {
flex-wrap: wrap;
position: relative; } }
.cart-checkout-box {
display: flex;
flex-direction: column;
margin-top: 48px;
padding: 10px;
border: 1px solid #007BC2;
background: #f7f7f7; }
.cart-checkout-box .cart-row {
display: flex;
justify-content: space-between;
align-items: center;
padding-right: 28px;
font-size: 16px;
line-height: 1;
margin: 10px 0; }
.cart-checkout-box .cart-row.total {
font-weight: 800;
position: relative; }
.cart-checkout-box .cart-row.total span:nth-child(2) {
position: absolute;
right: 27px;
bottom: 0; }
.cart-checkout-box .cart-row.total .badge {
font-weight: 300;
position: absolute;
right: 5px;
bottom: -3px;
font-size: 12px;
width: 25px; }
.cart-checkout-box .cart-row.button {
margin-top: 30px;
padding-right: 0; }
.cart-checkout-box .cart-row.button button {
width: 100%;
cursor: pointer;
display: inline-block;
text-align: center; }
.cart-checkout-box hr {
margin: 5px 0; }
@media (max-width: 992px) and (min-width: 768px) {
.cart-checkout-box {
flex-direction: row;
justify-content: space-between;
align-items: flex-start; }
.cart-checkout-box .tablet-p {
width: 45%; }
.cart-checkout-box .tablet-p .cart-row.button {
margin-top: 10px; } }
@media (max-width: 992px) {
.order-mobile1 {
order: 1; }
.order-mobile2 {
order: 2; }
.cart-checkout-box {
margin-top: 0;
margin-bottom: 15px; } }
.list-view {
display: none;
flex-direction: column; }
.list-view .lv-row {
display: flex;
align-items: center;
justify-content: flex-start;
width: 100%;
min-height: 48px; }
.list-view .lv-row.invert {
background: #606060 !important;
color: #fff; }
.list-view .lv-row .checkbox {
margin: 0 10px;
width: 15px; }
.list-view .lv-row .mvp-icon-save:before,
.list-view .lv-row .mvp-icon-trash:before {
margin-left: 20px;
font-size: 24px; }
.list-view .lv-row .lv-col a.client-btn.text-a {
color: #D0D0D0; }
.list-view .lv-row .lv-col.lv-1 {
width: calc(40% - 15px);
font-weight: 900; }
.list-view .lv-row .lv-col.lv-2, .list-view .lv-row .lv-col.lv-3, .list-view .lv-row .lv-col.lv-4, .list-view .lv-row .lv-col.lv-5 {
width: 15%; }
.list-view .lv-row .cart-widget {
display: none; }
.list-view .lv-row a.mvp-icon-edit {
position: absolute;
transition: .2s all ease;
cursor: pointer; }
.list-view .lv-row a.mvp-icon-edit:before {
color: #404040;
font-size: 22px; }
.list-view .lv-row a.mvp-icon-edit:hover:before {
color: #707070; }
.list-view .lv-row a.mvp-icon-edit:active:before {
color: #707070; }
.list-view .lv-row:nth-child(odd) {
background: #F7F7F7; }
@media (max-width: 767px) {
.list-view .lv-row a.mvp-icon-edit {
display: none; }
.list-view .lv-row:nth-child(odd) {
background: #fff; } }
.list-view .lv-row.white-bg {
background: #fff; }
.list-view .lv-cta {
text-align: center; }
.list-view .lv-cta .client-btn {
max-width: 312px;
width: 100%;
margin: 30px auto 0;
display: inline-block; }
.list-view .lv-cta a.client-btn {
display: flex;
justify-content: center;
align-items: center; }
@media (max-width: 767px) {
.list-view .lv-row {
flex-wrap: wrap; }
.list-view .lv-row:first-child, .list-view .lv-row.invert {
display: none; }
.list-view .lv-row .checkbox {
display: none; }
.list-view .lv-row .lv-col.lv-1 {
width: 100%;
color: #404040;
font-size: 18px; } }
@media only screen and (max-width: 767px) and (min-width: 768px) {
.list-view .lv-row .lv-col.lv-1 {
font-size: 20px; } }
@media (max-width: 767px) {
.list-view .lv-row .lv-col.lv-2, .list-view .lv-row .lv-col.lv-3 {
width: 100%;
color: #404040;
font-weight: 300;
font-size: 16px; }
.list-view .lv-row .lv-col.lv-4, .list-view .lv-row .lv-col.lv-5 {
width: 50%;
color: #404040;
font-weight: 500;
font-size: 16px; }
.list-view .lv-row .lv-col.lv-5 {
font-weight: 800; }
.list-view .lv-row .lv-col.lv-5 span {
font-weight: 500; }
.list-view .lv-row .cart-widget {
background: #f7f7f7;
list-style: none;
padding: 10px;
display: flex;
justify-content: space-around;
width: calc(100vw + 60px);
margin-left: -30px;
margin-right: -30px; }
.list-view .lv-row .cart-widget a {
justify-content: flex-start;
height: auto;
min-height: 40px; }
.list-view .lv-row .cart-widget [class^="mvp-icon-"]:before,
.list-view .lv-row .cart-widget [class*="mvp-icon-"]:before {
font-size: 22px;
color: #007BC2;
padding-right: 5px;
margin-left: 0; }
.list-view .lv-row .cart-result-right {
width: 100%;
display: flex; } }
@media (max-width: 1024px) and (min-width: 768px) {
.cart .list-view .lv-row .lv-col.lv-1 {
width: calc(46% - 15px); }
.cart .list-view .lv-row .lv-col.lv-2, .cart .list-view .lv-row .lv-col.lv-3, .cart .list-view .lv-row .lv-col.lv-5 {
width: 12%; }
.cart .list-view .lv-row .lv-col.lv-4 {
width: 18%; } }
.quantity {
border: 2px solid #D0D0D0;
margin-right: 20px;
display: flex;
justify-content: space-between;
align-items: stretch;
width: 82px;
height: 100%;
max-height: 48px; }
.quantity button {
border: none;
background: none;
padding: 0;
display: flex;
justify-content: center;
align-items: center; }
.quantity button:before {
font-size: 24px; }
.quantity input {
width: 30px;
border: none;
text-align: center;
background: transparent; }
.row3 .quantity {
width: 112px;
height: auto; }
.row3 .quantity input {
width: 100%;
width: 30px; }
.row3 .quantity button {
width: 100%;
height: 32px; }
/* CSS for responsive image */
.s7responsiveContainer {
width: 100%;
}
.fluidimage {
max-width: 100%;
}
/* Responsive for all viewer except flyout with size */
.s7responsiveViewer {
width: 100%;
height: auto;
}
/* CSS for responsive image */
.s7responsiveContainer {
width: 100%;
}
.fluidimage {
max-width: 100%;
}
/* Responsive for all viewer except flyout with size */
.s7responsiveViewer {
width: 100%;
height: auto;
}
/* Add here all your css styles (customizations) */
.download-controls {
padding: 20px 0px;
font-size: 14px; }
.download-controls .download-controls__select .checkbox {
height: 24px;
width: 24px;
border: 1px solid #A0A0A0;
-webkit-box-shadow: inset 0 1px 2px 0 #C0C0C0;
box-shadow: inset 0 1px 2px 0 #C0C0C0;
flex-shrink: 0; }
.download-controls .download-controls__select .checkbox.selected {
background: #007BC2;
-webkit-box-shadow: none;
box-shadow: none; }
.download-controls .download-controls__select .checkbox.selected .mvp-icon-check {
margin-left: 0;
position: absolute;
display: inline; }
.download-controls .download-controls__select .checkbox.selected .mvp-icon-check::before {
font-size: 16px;
font-weight: 800;
color: #fff;
position: absolute;
top: 3px;
left: 3px; }
.download-controls .download-controls__select .checkbox .mvp-icon-check {
display: none; }
.download-controls .download-controls__select .select-text {
margin-left: 20px;
color: #303030;
text-transform: uppercase;
font-weight: 300; }
.download-controls .download-controls__download {
margin-left: 20px;
color: #007BC2; }
.download-controls .download-controls__download .download-all {
height: auto;
line-height: normal;
margin: 0; }
.download-controls .download-controls__download .download-all:hover {
text-decoration: none; }
.download-controls .download-controls__download .mvp-icon-download::before {
color: #007BC2;
font-size: 32px; }
.download-controls .download-controls__download .download-all:hover .mvp-icon-download::before {
color: #1273B4; }
.download-controls .download-controls__download .download-all:active .mvp-icon-download::before {
color: #0E5F95; }
.download-controls .download-controls__download .download-text {
margin-left: 10px; }
.download-controls .download-controls__search {
height: 48px;
width: 100%;
position: relative; }
.download-controls .download-controls__search .input-group {
border-radius: 0;
width: 100%; }
.download-controls .download-controls__search .search {
border: none;
border-radius: 0;
color: #9B9B9B;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.download-controls .download-controls__search .search::placeholder {
color: #D0D0D0;
font-size: 18px;
letter-spacing: -0.25px; }
.download-controls .download-controls__search .input-group-append {
background: #fff; }
.download-controls .download-controls__search .mvp-icon-search_flipped::before {
font-size: 24px;
color: #9B9B9B; }
.download-controls .download-controls__search .typeahead-suggestions {
background: white;
position: absolute;
left: 0;
border: 1px solid #D8D8D8;
width: 100%;
z-index: 99; }
.download-controls .download-controls__search .typeahead-suggestions .suggestions-list {
list-style-type: none;
margin: 0;
padding: 15px; }
.download-controls .download-controls__search .typeahead-suggestions .sugg-link {
font-size: 14px;
line-height: 35px;
color: #303030; }
@media (min-width: 768px) {
.download-controls {
padding: 20px 0 20px 20px; }
.download-controls .download-controls__search {
width: auto; }
.download-controls .download-controls__search .input-group {
width: 300px;
border: 2px solid #D0D0D0; }
.download-controls .download-controls__search .typeahead-suggestions {
border-top: none; } }
@media (min-width: 992px) {
.download-controls .download-controls__download {
margin-left: 50px; }
.download-controls .download-controls__search .input-group {
width: 425px; } }
.download-component.mvp2 .table {
width: 100%;
display: flex;
flex-direction: column; }
.download-component.mvp2 .table .table__row {
display: flex;
flex-direction: column;
height: auto;
font-size: 16px;
font-weight: 300;
margin: 15px 0; }
.download-component.mvp2 .table .table__row:not(.table__row--headings) {
background: #fff;
color: #303030; }
.download-component.mvp2 .table .table__row .table__cell {
height: 100%;
display: flex; }
.download-component.mvp2 .table .table__row .table__cell.table__cell--date, .download-component.mvp2 .table .table__row .table__cell.table__cell--size {
margin-left: 100px;
flex-direction: column; }
.download-component.mvp2 .table .table__row .table__cell:nth-child(2):not(.table__cell--icons) {
margin-bottom: 15px; }
.download-component.mvp2 .table .table__row .table__cell:last-child {
min-height: 64px;
height: auto;
background: #F7F7F7;
justify-content: center;
align-items: center;
margin-top: 15px; }
.download-component.mvp2 .table .checkbox {
height: 24px;
width: 24px;
border: 1px solid #A0A0A0;
-webkit-box-shadow: inset 0 1px 2px 0 #C0C0C0;
box-shadow: inset 0 1px 2px 0 #C0C0C0;
flex-shrink: 0; }
.download-component.mvp2 .table .checkbox.selected {
background: #007BC2;
-webkit-box-shadow: none;
box-shadow: none; }
.download-component.mvp2 .table .checkbox.selected .mvp-icon-check {
margin-left: 0;
position: absolute;
display: inline; }
.download-component.mvp2 .table .checkbox.selected .mvp-icon-check::before {
font-size: 16px;
font-weight: 800;
color: #fff;
position: absolute;
top: 3px;
left: 3px; }
.download-component.mvp2 .table .checkbox.checkbox--heading {
border: 1px solid #A0A0A0;
-webkit-box-shadow: inset 0 1px 2px 0 #C0C0C0;
box-shadow: inset 0 1px 2px 0 #C0C0C0;
margin-right: 20px; }
.download-component.mvp2 .table .checkbox.checkbox--heading.selected {
-webkit-box-shadow: none;
box-shadow: none; }
.download-component.mvp2 .table .checkbox .mvp-icon-check {
display: none; }
.download-component.mvp2 .table .file-img {
height: 88px;
width: 90px;
flex-shrink: 0; }
.download-component.mvp2 .table .file-name {
margin-left: 10px;
min-width: 225px;
font-size: 18px;
width: auto;
word-wrap: break-word; }
.download-component.mvp2 .table .updated-text, .download-component.mvp2 .table .size-text {
font-size: 14px; }
.download-component.mvp2 .table .table__link--document, .download-component.mvp2 .table .table__link--locked {
margin-left: 70px; }
.download-component.mvp2 .table span[class^=mvp-icon-]::before {
font-size: 36px;
color: #808080; }
.download-component.mvp2 .table .table__link--download:hover .mvp-icon-download::before,
.download-component.mvp2 .table .table__link--download:active .mvp-icon-download::before {
color: #007BC2; }
@media (min-width: 768px) {
.download-component.mvp2 .table:not(:last-child) {
margin-bottom: 50px; }
.download-component.mvp2 .table .table__row {
height: auto;
padding: 10px 0;
flex-direction: row;
margin: 0;
align-items: center; }
.download-component.mvp2 .table .table__row.table__row--headings {
background: #606060;
color: #fff;
height: auto;
font-size: 18px; }
.download-component.mvp2 .table .table__row:not(.table__row--headings):nth-child(even) {
background: #F7F7F7; }
.download-component.mvp2 .table .table__row:not(.table__row--headings):nth-child(odd) {
background: #fff; }
.download-component.mvp2 .table .table__row--headings .table__cell:first-child {
font-weight: 800;
padding-left: 20px; }
.download-component.mvp2 .table .table__row--headings .table__cell:not(:first-child) {
font-weight: 300; }
.download-component.mvp2 .table .table__row .table__cell {
height: 100%;
display: flex;
align-items: center; }
.download-component.mvp2 .table .table__row .table__cell:first-child {
padding-left: 20px;
width: 50%; }
.download-component.mvp2 .table .table__row .table__cell.table__cell--date, .download-component.mvp2 .table .table__row .table__cell.table__cell--size {
min-width: 130px;
width: 20%;
padding-left: 20px;
margin-left: 0;
flex-direction: row; }
.download-component.mvp2 .table .table__row .table__cell:nth-child(2):not(.table__cell--icons) {
margin: 0; }
.download-component.mvp2 .table .table__row .table__cell:last-child {
width: 10%;
height: auto;
background: none;
justify-content: normal;
align-items: center;
margin-top: 0; } }
@media screen and (min-width: 768px) and (min-width: 768px) {
.download-component.mvp2 .table .table__row .table__cell:last-child {
height: 64px; } }
@media (min-width: 768px) {
.download-component.mvp2 .table .file-img {
height: 48px;
width: 48px;
/*JAERO-4220 margin-left: 25px;*/ }
.download-component.mvp2 .table .file-name {
font-size: 16px; }
.download-component.mvp2 .table .size__unit {
text-transform: uppercase; }
.download-component.mvp2 .table .table__link--document, .download-component.mvp2 .table .table__link--locked {
margin-left: 15px; }
.download-component.mvp2 .table span[class^=mvp-icon-]::before {
font-size: 24px; } }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
.download-component.mvp2 .gated-modal .modal-dialog {
max-width: 100%;
margin: 0.5rem; } }
.download-component.mvp2 .gated-modal .modal-dialog .modal-content {
border-radius: 0px; }
.download-component.mvp2 .gated-modal .modal-dialog .modal-content .modal-header {
border-bottom: none;
height: 40px; }
.download-component.mvp2 .gated-modal .modal-dialog .modal-content .modal-header .close-form .mvp-icon-close::before {
background-color: #D0D0D0;
color: #000; }
.download-component.mvp2 .gated-modal .modal-dialog .modal-content .modal-header .close-form:hover .mvp-icon-close::before {
background-color: #707070;
color: #fff !important; }
.download-component.mvp2 .gated-modal .modal-dialog .modal-content .modal-header .close-form:active .mvp-icon-close::before {
background-color: #707070;
color: #fff !important; }
.download-component.mvp2 .gated-modal .modal-dialog .modal-content .modal-body {
padding-top: 0;
padding-bottom: 14px; }
.download-component.mvp2 .gated-modal .modal-dialog .modal-content .modal-body > div {
margin-bottom: 0 !important; }
.download-component.mvp2 body.modal-open .modal-backdrop {
background-color: #1e1e1e;
opacity: 0.87; }
.Download-Marketo-form-model-title {
color: #303030;
font-family: "Solstice Sans";
font-size: 35px;
font-weight: 300;
line-height: 60px;
text-align: center; }
.Download-Marketo-form-model-instruction {
color: #303030;
font-family: "Solstice Sans";
font-size: 26px;
font-weight: 300;
line-height: 35px;
text-align: center; }
.Download-Marketo-form-model-disclaimer {
padding-bottom: 20px; }
/* Add here all your css styles (customizations) */
.document-list.documentlist {
padding: 15px 0 0 0 !important; }
.document-list.documentlist .mvp-icon-search::before {
font-size: 22px; }
.document-list.documentlist .filter-chiclet, .document-list.documentlist .category-chiclet {
height: auto;
border: 1px solid #D7D7D7;
background: #E5E5E5;
padding: 3px 3px 3px 5px;
margin-bottom: 10px;
position: relative;
cursor: pointer; }
.document-list.documentlist .filter-chiclet:not(:last-child), .document-list.documentlist .category-chiclet:not(:last-child) {
margin-right: 25px; }
.document-list.documentlist .filter-chiclet:hover, .document-list.documentlist .category-chiclet:hover {
transition: 0.5s ease;
background: #404040;
color: #D7D7D7 !important;
border-color: #404040; }
.document-list.documentlist .filter-chiclet:hover .text, .document-list.documentlist .category-chiclet:hover .text {
color: #D7D7D7 !important; }
.document-list.documentlist .filter-chiclet:hover .mvp-icon-close::before, .document-list.documentlist .category-chiclet:hover .mvp-icon-close::before {
color: #D7D7D7; }
.document-list.documentlist .filter-chiclet .text, .document-list.documentlist .category-chiclet .text {
line-height: 18px; }
.document-list.documentlist .filter-chiclet .remove-filter, .document-list.documentlist .category-chiclet .remove-filter {
height: 10px;
width: 10px;
margin-left: 3px; }
.document-list.documentlist .filter-chiclet .mvp-icon-close::before, .document-list.documentlist .category-chiclet .mvp-icon-close::before {
font-size: 10px;
position: absolute;
top: 3px; }
.document-list.documentlist .mvp-icon-search {
background-color: #fff;
border: none;
padding: 0 20px; }
.document-list.documentlist #document-searchResultsSubmit {
background-color: #fff !important;
border: none;
padding: 0 20px;
display: flex;
align-items: center; }
.document-list.documentlist #document-searchResultsSubmit:before {
font-size: 24px; }
.document-list.documentlist #searchResults.mvp2 .document_btn_load_more .document-list-cta {
background: #fff;
border: 2px solid #007BC2;
color: #007BC2;
font-size: 14px;
line-height: 18px;
padding: 15px 5px;
word-break: break-word;
width: 232px;
letter-spacing: 0.5px;
margin-bottom: 0 !important;
margin: 10px;
text-transform: uppercase;
text-align: center;
font-weight: 800;
transition: all 0.3s ease;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
text-decoration: none; }
.document-list.documentlist #searchResults.mvp2 .document_btn_load_more .document-list-cta:hover {
border: 2px solid #00629B !important;
color: #00629B !important;
text-decoration: none; }
.document-list.documentlist #searchResults.mvp2 .searchbarwrap .search__field .form-control {
border: 0;
border-radius: 0;
height: 60px;
background-clip: unset; }
.document-list.documentlist #searchResults.mvp2 .searchbarwrap #searchResultsSubmit {
background: #fff;
border: 0;
width: 60px;
cursor: pointer;
transition: 0.2s all ease; }
.document-list.documentlist #searchResults.mvp2 .searchbarwrap #searchResultsSubmit::before {
font-size: 24px;
margin-top: 5px; }
.document-list.documentlist #searchResults.mvp2 #event-searchFilterss .form-control {
height: 48px;
border-radius: 0; }
.document-list.documentlist #searchResults.mvp2 #event-searchFilterss .form-control:focus {
width: 100%; }
.document-list.documentlist #searchResults.mvp2 button.btn.filter-cta {
margin-top: 15px;
background-color: #E5E5E5;
border: 1px solid #D7D7D7;
height: 24px;
min-width: 135px;
width: auto;
font-size: 12px;
font-weight: bold;
letter-spacing: 0.43px;
line-height: 17px;
text-align: center;
border-radius: 0;
padding: 0 20px;
margin-right: 10px;
position: relative; }
.document-list.documentlist #searchResults.mvp2 button.btn.filter-cta:hover {
transition: 0.5s ease;
background: #404040;
color: #D7D7D7;
border-color: #404040; }
.document-list.documentlist #searchResults.mvp2 button.btn.filter-cta .cls_btn {
position: absolute;
right: 5px;
top: 0; }
.document-list.documentlist #searchResults.mvp2 #resetSearchFilter {
background: none;
border: none;
padding: 0;
cursor: pointer; }
.document-list.documentlist #searchResults.mvp2 #resetSearchFilter .mvp-icon-close:before {
font-size: 12px; }
.document-list.documentlist #searchResults.mvp2 button {
background: none;
height: 60px; }
.document-list.documentlist #searchResults.mvp2 button .mvp-icon-carat_down:before {
font-size: 32px; }
.document-list.documentlist .search-page-error {
color: #007BC2; }
.document-list.documentlist .search-tags {
color: #A0A0A0;
border: 1px solid #A0A0A0;
padding: 3px 7px;
min-width: 160px;
width: 47%;
display: inline-block;
text-align: center; }
@media (min-width: 768px) {
.document-list.documentlist .search-tags {
width: 205px; } }
.document-list.documentlist .search-result-left a {
width: 160px;
height: 160px; }
@media (min-width: 768px) {
.document-list.documentlist .search-result-left a {
width: 200px;
height: 200px; } }
.document-list.documentlist .search-result-left a img {
width: 100%;
max-height: 195px; }
.document-list.documentlist .search-result-center h4 a {
color: #303030;
transition: 0.2s all ease;
font-weight: 800; }
.document-list.documentlist .search-result-center h4 a:hover {
text-decoration: none;
color: #007BC2; }
.dlc-container .table {
width: 100%;
display: flex;
flex-direction: column; }
.dlc-container .table .table__row {
display: flex;
flex-direction: column;
height: auto;
font-size: 16px;
font-weight: 300;
margin: 15px 0; }
.dlc-container .table .table__row.table__row--headings {
display: none; }
.dlc-container .table .table__row.table__row--headings .table__cell:last-child {
width: 20%; }
.dlc-container .table .table__row:not(.table__row--headings) {
background: #fff;
color: #303030; }
.dlc-container .table .table__row .table__cell {
height: 100%;
display: flex;
word-break: break-word; }
.dlc-container .table .table__row .table__cell:nth-child(2), .dlc-container .table .table__row .table__cell:nth-child(3), .dlc-container .table .table__row .table__cell:nth-child(4) {
margin-left: 100px;
flex-direction: column; }
.dlc-container .table .table__row .table__cell:nth-child(2) {
margin-top: -96px;
margin-bottom: 15px; }
.dlc-container .table .table__row .table__cell:last-child {
height: auto;
background: #F7F7F7;
justify-content: center;
align-items: center; }
.dlc-container .table .table__row .table__cell:nth-last-child(2) {
margin-top: 50px; }
@media (max-width: 767px) {
.dlc-container .table .table__row .table__cell:nth-last-child(2) {
margin-left: 100px; } }
@media (min-width: 768px) {
.dlc-container .table .table__row .table__cell:nth-last-child(2) {
margin-top: 0; } }
.dlc-container .table .checkbox {
height: 24px;
width: 24px;
border: 1px solid #A0A0A0;
-webkit-box-shadow: inset 0 1px 2px 0 #C0C0C0;
box-shadow: inset 0 1px 2px 0 #C0C0C0;
flex-shrink: 0; }
.dlc-container .table .checkbox.selected {
background: #007BC2;
-webkit-box-shadow: none;
box-shadow: none; }
.dlc-container .table .checkbox.selected .mvp-icon-check {
margin-left: 0;
position: relative;
display: inline; }
.dlc-container .table .checkbox.selected .mvp-icon-check::before {
font-size: 16px;
font-weight: 800;
color: #fff;
position: absolute;
top: 3px;
left: 3px; }
.dlc-container .table .checkbox.checkbox--heading {
border: 1px solid #A0A0A0;
-webkit-box-shadow: inset 0 1px 2px 0 #C0C0C0;
box-shadow: inset 0 1px 2px 0 #C0C0C0;
margin-right: 20px; }
.dlc-container .table .checkbox.checkbox--heading.selected {
-webkit-box-shadow: none;
box-shadow: none; }
.dlc-container .table .checkbox .mvp-icon-check {
display: none; }
.dlc-container .table .file-img {
height: 88px;
width: 90px;
flex-shrink: 0;
margin-right: 10px; }
.dlc-container .table .file-name {
font-size: 18px;
width: auto;
word-wrap: break-word; }
.dlc-container .table .updated-text, .dlc-container .table .size-text {
font-size: 14px; }
.dlc-container .table .table__link--document, .dlc-container .table .table__link--locked {
margin-left: 70px; }
.dlc-container .table .table__link--download:hover .mvp-icon-download::before,
.dlc-container .table .table__link--download:active .mvp-icon-download::before {
color: #007BC2; }
.dlc-container .table span[class^=mvp-icon-]::before {
font-size: 36px;
color: #808080; }
@media (min-width: 768px) {
.dlc-container .table:not(:last-child) {
margin-bottom: 50px; }
.dlc-container .table .table__row {
height: auto;
flex-direction: row;
margin: 0;
padding-top: 15px;
padding-bottom: 15px; }
.dlc-container .table .table__row.table__row--headings {
background: #606060;
color: #fff;
height: auto;
font-size: 18px; }
.dlc-container .table .table__row:not(.table__row--headings):nth-child(even) {
background: #F7F7F7; }
.dlc-container .table .table__row:not(.table__row--headings):nth-child(odd) {
background: #fff; }
.dlc-container .table .table__row--headings .table__cell:first-child {
font-weight: 800;
padding-left: 20px;
width: 40% !important; }
.dlc-container .table .table__row--headings .table__cell:not(:first-child) {
font-weight: 300;
width: 18% !important;
padding-left: 15px !important; }
.dlc-container .table .table__row--headings .table__cell:last-child {
margin: 0 !important; }
.dlc-container .table .table__row .table__cell {
height: 100%;
display: flex;
align-items: center;
margin: 0; }
.dlc-container .table .table__row .table__cell:first-child {
padding-left: 20px;
width: 6%; }
.dlc-container .table .table__row .table__cell:not(:first-child) {
font-weight: 300;
width: 18%;
padding-left: 15px; }
.dlc-container .table .table__row .table__cell:nth-child(2), .dlc-container .table .table__row .table__cell:nth-child(3), .dlc-container .table .table__row .table__cell:nth-child(4) {
margin-left: 0;
flex-direction: row; }
.dlc-container .table .table__row .table__cell:nth-child(2) {
margin: 0;
width: 33%;
padding-left: 20px; }
.dlc-container .table .table__row .table__cell:last-child {
width: 65px !important;
height: auto;
background: none;
justify-content: normal;
align-items: center;
margin-top: 0;
padding: 0;
margin-left: auto; }
.dlc-container .table .file-img {
height: 40px;
width: 40px;
margin-right: 0px; }
.dlc-container .table .file-name {
font-size: 16px; }
.dlc-container .table .size__unit {
text-transform: uppercase; }
.dlc-container .table .table__link--document, .dlc-container .table .table__link--locked {
margin-left: 15px; }
.dlc-container .table span[class^=mvp-icon-]::before {
font-size: 24px; }
.dlc-container .table span[class^=mvp-icon-carat_down]::before,
.dlc-container .table span[class^=mvp-icon-carat_up]::before {
font-size: 18px;
padding-left: 10px;
padding-top: 2px;
color: #fff; }
.dlc-container .table .Document-list-Columns-Header-icon {
cursor: pointer; } }
span.multiselect-native-select {
position: relative
}
span.multiselect-native-select select {
border: 0 !important;
clip: rect(0 0 0 0) !important;
height: 1px !important;
margin: -1px -1px -1px -3px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important;
left: 50%;
top: 30px
}
.multiselect-container {
position: absolute;
list-style-type: none;
margin: 0;
padding: 0;
width:200px;
}
.multiselect-container .input-group {
margin: 5px
}
.multiselect-container .multiselect-reset .input-group {
width: 93%
}
.multiselect-container>li {
padding: 0 10px;
}
.multiselect-container>li>a.multiselect-all label {
font-weight: 700
}
.multiselect-container>li.multiselect-group label {
margin: 0;
padding: 3px 0;
height: 100%;
font-weight: 700
}
.multiselect-container>li.multiselect-group-clickable label {
cursor: pointer
}
.multiselect-container>li>a {
padding: 0;
color:#000;
}
.multiselect-container>li>a>label {
margin: 0;
height: 100%;
cursor: pointer;
font-weight: 400;
padding: 3px 0;
}
.multiselect-container>li>a>label.checkbox,
.multiselect-container>li>a>label.radio {
margin: 0
}
.multiselect-container>li>a>label>input[type=checkbox] {
margin-bottom: 5px
}
.btn-group>.btn-group:nth-child(2)>.multiselect.btn {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px
}
.form-inline .multiselect-container label.checkbox,
.form-inline .multiselect-container label.radio {
padding: 3px 20px 3px 40px
}
.form-inline .multiselect-container li a label.checkbox input[type=checkbox],
.form-inline .multiselect-container li a label.radio input[type=radio] {
margin-left: -20px;
margin-right: 0
}
/* Add here all your css styles (customizations) */
.dateauthor-component.mvp2 .dateauthor-component-container {
margin: 10px 0px 10px 0px; }
.dateauthor-component.mvp2 .dateauthor-component-container .dateauthor-component__fullname, .dateauthor-component.mvp2 .dateauthor-component-container .dateauthor-component__date {
color: #808080;
font-size: 18px;
font-weight: 300;
line-height: 25px; }
/* Add here all your css styles (customizations) */
.customer-stories .csoverlay .cscontentwrap a {
background: #fff;
font-weight: 800;
font-size: 14px;
color: #000;
border: 2px solid #000;
transition: all .3s ease;
text-transform: uppercase;
height: 48px;
display: flex;
align-items: center;
justify-content: center;
white-space: nowrap; }
.customer-stories .csoverlay .cscontentwrap a:active, .customer-stories .csoverlay .cscontentwrap a:hover, .customer-stories .csoverlay .cscontentwrap a:visited {
text-decoration: none; }
.customer-stories .csoverlay .cscontentwrap a:hover {
background: #fff;
color: #707070;
border: 2px solid #707070; }
.customer-stories .csoverlay .cscontentwrap a:active {
background: #404040;
color: #fff;
border: 2px solid #404040; }
@media (max-width: 767px) {
.customer-stories .csoverlay .cscontentwrap a:active, .customer-stories .csoverlay .cscontentwrap a:hover, .customer-stories .csoverlay .cscontentwrap a:visited, .customer-stories .csoverlay .cscontentwrap a:focus {
text-decoration: none; } }
.customer-stories h2 {
font-size: 18px;
text-transform: uppercase;
font-weight: 800; }
.customer-stories .customer-stories-slider {
position: relative;
overflow: hidden;
padding-left: 70px;
padding-right: 70px; }
.customer-stories .customer-stories-slider .owl-stage-outer {
overflow: visible !important; }
.customer-stories .customer-stories-slider.owl-carousel .owl-nav.disabled {
display: block !important; }
.customer-stories .customer-stories-slider .item a {
float: left;
width: 100%;
outline: none; }
.customer-stories .customer-stories-slider .item a figure {
float: left;
width: 100%; }
.customer-stories .customer-stories-slider .item a figure img {
float: left;
width: 100%;
max-width: 100%; }
.customer-stories .customer-stories-slider .item a figure figcaption {
float: left;
width: 100%;
text-align: center;
padding: 10px 0;
font-size: 18px;
color: #000; }
.customer-stories .customer-stories-slider.owl-carousel .owl-nav button.owl-prev, .customer-stories .customer-stories-slider.owl-carousel .owl-nav button.owl-next {
font-size: 40px;
line-height: 40px;
position: absolute;
top: 0;
margin: -20px 0 0 0;
width: 70px;
height: 100%;
background: rgba(255, 255, 255, 0.7);
color: #777;
text-align: center;
outline: none; }
.customer-stories .customer-stories-slider.owl-carousel .owl-nav button.owl-prev span, .customer-stories .customer-stories-slider.owl-carousel .owl-nav button.owl-next span {
display: inline-block;
margin: 0;
vertical-align: top;
font-size: 50px;
line-height: 36px;
width: 40px;
height: 40px;
padding: 0; }
.customer-stories .customer-stories-slider.owl-carousel .owl-nav button:before {
position: absolute;
left: 0;
top: 20px;
width: 70px;
height: 20px;
background: #fff;
content: ""; }
.customer-stories .customer-stories-slider.owl-carousel .owl-nav button:after {
position: absolute;
left: 0;
bottom: 38px;
width: 70px;
height: 20px;
background: #fff;
content: ""; }
.customer-stories .customer-stories-slider.owl-carousel .owl-nav button.owl-prev {
left: 0; }
.customer-stories .customer-stories-slider.owl-carousel .owl-nav button.owl-prev:after {
bottom: 25px;
left: -7px; }
.customer-stories .customer-stories-slider.owl-carousel .owl-nav button.owl-next {
right: 0; }
.customer-stories .customer-stories-slider.owl-carousel .owl-nav button.owl-next:after {
bottom: 25px;
left: 7px; }
.customer-stories .owl-item {
position: relative;
z-index: 0; }
.customer-stories .csoverlay {
display: none;
position: absolute;
width: 100%;
height: auto;
top: -24px;
left: 84px;
bottom: 0;
z-index: 99;
text-align: left;
padding: 20px;
overflow: hidden; }
.customer-stories .csoverlay img.csoverlaybg {
position: absolute;
left: 0px;
width: 100%;
min-height: 480px;
top: 14px;
display: flex; }
.customer-stories .csoverlay .cscontentwrap {
background: rgba(255, 255, 255, 0.85);
max-width: 400px;
padding: 20px 30px;
margin: 50px 30px 0 0;
position: relative;
float: right; }
.customer-stories .csoverlay .cscontentwrap h2 {
font-weight: normal;
text-transform: unset;
font-size: 30px;
word-break: break-word; }
.customer-stories .csoverlay .cscontentwrap h2 span {
display: block;
font-size: 14px;
font-weight: 800;
padding-bottom: 7px; }
.customer-stories .csoverlay .cscontentwrap h2:before {
content: "";
border-left: 5px solid #EE3124;
min-height: 60px;
position: absolute;
left: 0; }
.customer-stories .csoverlay .cscontentwrap p {
color: #404040;
padding: 10px 0 0;
font-size: 13px;
text-align: justify; }
.customer-stories .csoverlay .cscontentwrap a {
margin-top: 20px;
text-decoration: none;
width: 200px; }
.customer-stories .csoverlay .popout-close {
top: 20px;
right: 20px; }
.item-overlay {
background: rgba(0, 0, 0, 0.8);
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: none;
z-index: 99999; }
@media only screen and (max-width: 480px) {
.customer-stories .customer-stories-slider {
padding-left: 0;
padding-right: 0; }
.customer-stories .customer-stories-slider.owl-carousel .owl-nav button span {
color: #fff; }
.customer-stories .customer-stories-slider.owl-carousel .owl-nav button.owl-prev {
background: transparent;
width: 40px; }
.customer-stories .customer-stories-slider.owl-carousel .owl-nav button.owl-next {
background: transparent;
width: 40px; }
.customer-stories .customer-stories-slider.owl-carousel .owl-nav button:before {
background: transparent; }
.customer-stories .customer-stories-slider.owl-carousel .owl-nav button:after {
background: transparent; } }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
.customer-stories .csoverlay {
width: calc((100vw * 760) /975); }
.customer-stories .csoverlay img.csoverlaybg {
width: calc((100vw * 760) /975);
top: 25px;
min-height: 100%; } }
@media only screen and (min-device-width: 812px) and (max-device-height: 375px) and (orientation: landscape) {
.customer-stories .csoverlay .cscontentwrap {
margin-top: 20px;
margin-right: 20px; }
.customer-stories .csoverlay .popout-close {
top: 30px;
right: 5px; } }
@media only screen and (max-width: 768px) {
.customer-stories .customer-stories-slider.owl-carousel .owl-nav button.owl-prev:after {
bottom: 10px;
height: 50px;
left: -3px; }
.customer-stories .customer-stories-slider.owl-carousel .owl-nav button.owl-next:after {
bottom: 10px;
height: 50px;
left: 3px; }
.customer-stories .csoverlay {
width: 560px; }
.customer-stories .csoverlay img.csoverlaybg {
width: 560px;
min-height: 400px; }
.customer-stories .csoverlay .cscontentwrap {
margin: 20px 50px;
float: left;
height: 300px;
overflow: scroll; } }
@media only screen and (max-width: 468px) {
.customer-stories .csoverlay {
width: 100%;
left: 10px;
top: -13px; }
.customer-stories .csoverlay img.csoverlaybg {
width: 100%; }
.customer-stories .csoverlay .cscontentwrap {
margin-top: 23px;
margin-left: -5px;
width: 100%;
min-width: 320px; }
.customer-stories .csoverlay .cscontentwrap h2 {
font-size: 26px; }
.customer-stories .csoverlay .cscontentwrap a {
margin-top: 0; } }
/* Add here all your css styles (customizations) */
.customer-support .mvp2 .container {
word-break: break-word; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.customer-support .mvp2 .container {
word-break: break-word;
-ms-word-break: break-all; } }
.customer-support .mvp2 .cmp-text p {
color: #303030;
font-size: 16px;
font-weight: 300;
line-height: 1.3;
margin-bottom: 6px; }
@media only screen and (min-width: 768px) {
.customer-support .mvp2 .cmp-text p {
font-size: 18px; } }
@media (min-width: 768px) {
.customer-support .mvp2 .cmp-text p {
line-height: 1.4; }
.customer-support .mvp2 .cmp-text p a {
text-decoration: none;
cursor: default;
color: #303030; }
.customer-support .mvp2 .cmp-text p .richtext-tel-link-disabled > a {
display: inline-block;
/* For IE11/ MS Edge bug */
pointer-events: none; } }
@media (max-width: 576px) {
.customer-support .mvp2 .cmp-text p a {
border: none;
background: transparent;
color: #007BC2;
letter-spacing: 0.5px;
margin-bottom: 0;
font-weight: 800;
transition: all .3s ease;
display: flex;
align-items: center;
justify-content: center;
white-space: nowrap;
cursor: pointer;
justify-content: left !important;
font-size: 14px; }
.customer-support .mvp2 .cmp-text p a:visited, .customer-support .mvp2 .cmp-text p a:active {
color: #007BC2; }
.customer-support .mvp2 .cmp-text p a:hover {
color: #00629B;
text-decoration: none; }
.customer-support .mvp2 .cmp-text p a:disabled {
color: #F7F7F7; } }
@media (max-width: 576px) {
.customer-support .mvp2 .strong-list li {
padding-bottom: 5px;
text-align: left; } }
.customer-support .mvp2 .strong-list a {
border: none;
background: transparent;
color: #007BC2;
letter-spacing: 0.5px;
margin-bottom: 0 !important;
font-weight: 800;
transition: all .3s ease;
cursor: pointer;
text-transform: none;
white-space: normal; }
.customer-support .mvp2 .strong-list a:visited, .customer-support .mvp2 .strong-list a:active {
color: #007BC2; }
.customer-support .mvp2 .strong-list a:hover {
color: #00629B;
text-decoration: none; }
.customer-support .mvp2 .strong-list a:disabled {
color: #F7F7F7; }
.customer-support .mvp2 h2 {
text-transform: uppercase;
min-height: 16px; }
/* Add here all your css styles (customizations) */
.cta-grid .ctagrid-list {
padding-left: 0;
list-style-type: none;
text-transform: none; }
.cta-grid .ctagrid-list a {
color: #00629B;
font-weight: 800; }
@media (min-width: 768px) {
.cta-grid .ctagrid-list a[href^="tel:"] {
color: #303030;
text-decoration: none;
cursor: default; } }
.cta-grid .link-list-container .u-heading-v7__title {
font-size: 16px !important; }
.cta-grid .link-list-container .g-mb-40 {
margin-bottom: 0 !important; }
.cta-grid .link-list-container .link-list-container {
background: #f6f6f6;
padding: 0; }
@media (max-width: 992px) {
.cta-grid .link-list-container {
margin-bottom: 70px; }
.cta-grid .link-list-container ul li {
margin-bottom: 10px; } }
@media (min-width: 767px) {
.cta-grid .link-list-container {
background: #f6f6f6;
padding: 15px 0; }
.cta-grid .link-list-container .row {
margin-left: 0;
margin-right: 0; } }
/* Add here all your css styles (customizations) */
.ctagrid .mvp2 .container {
word-break: break-word; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.ctagrid .mvp2 .container {
word-break: break-word;
-ms-word-break: break-all; } }
.ctagrid .mvp2 .cmp-text p {
color: #303030;
font-size: 18px;
line-height: 25px; }
.ctagrid .mvp2 .cmp-text p a {
color: #007BC2;
text-decoration: none;
font-weight: 800; }
@media (min-width: 768px) {
.ctagrid .mvp2 .cmp-text p a[href^="tel:"] {
color: #303030;
cursor: default;
font-weight: 300; } }
.ctagrid .mvp2 .strong-list li {
text-align: left; }
@media (max-width: 576px) {
.ctagrid .mvp2 .strong-list li {
padding-bottom: 5px; } }
.ctagrid .mvp2 .strong-list a {
border: none;
background: transparent;
color: #007BC2;
letter-spacing: 0.5px;
margin-bottom: 0 !important;
font-weight: 800;
transition: all .3s ease;
cursor: pointer;
text-transform: none;
white-space: normal; }
.ctagrid .mvp2 .strong-list a:visited, .ctagrid .mvp2 .strong-list a:active {
color: #007BC2; }
.ctagrid .mvp2 .strong-list a:hover {
color: #00629B;
text-decoration: none; }
.ctagrid .mvp2 .strong-list a:disabled {
color: #F7F7F7; }
.ctagrid .mvp2 h2 {
text-transform: uppercase;
min-height: 16px; }
/* Add here all your css styles (customizations) */
.mvp2 .cta-model-component .primary-cta {
margin-left: 0;
width: auto;
margin-right: 0; }
.mvp2 .cta-model-component .modal-fullwidth {
max-width: 100%;
margin: 0;
height: 100%;
background: #fff; }
.mvp2 .cta-model-component .modal-content {
border-radius: 0;
border: none; }
.mvp2 .cta-model-component .modal-content .modal-header {
border-bottom: none;
justify-content: center;
border: none; }
@media (min-width: 768px) {
.mvp2 .cta-model-component .modal-body .modal-body-inner {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 100%; } }
.mvp2 .cta-model-component .modal-body .modal-body-inner .cta-overlay-link {
margin: 0 auto; }
@media (max-width: 767px) {
.mvp2 .cta-model-component .modal-body .modal-body-inner .cta-overlay-link {
width: 100% !important; }
.mvp2 .cta-model-component .modal-body .modal-body-inner .cta-overlay-link .row .col {
flex-basis: 100%; } }
.mvp2 .cta-model-component .modal-body .modal-body-inner ul {
text-align: center;
list-style: none;
margin: 0;
padding: 0; }
.mvp2 .cta-model-component .modal-body .modal-body-inner ul li {
margin: 7px 0; }
.mvp2 .cta-model-component .modal-body .modal-body-inner ul li:last-child {
margin-bottom: 0; }
.mvp2 .cta-model-component .modal-body .modal-body-inner ul li a {
color: #007BC2; }
.mvp2 .cta-model-component .modal-body .modal-body-inner ul li a:hover {
text-decoration: none; }
.mvp2 .cta-overlay-modal .container {
max-width: 1440px; }
.mvp2 .cta-overlay-modal .modal-content {
position: static; }
@media (max-width: 767px) {
.mvp2 .cta-overlay-modal .modal-dialog-centered {
align-items: start; } }
/* Add here all your css styles (customizations) */
.cookie-disclaimer.mvp2 {
display: none; }
.cookie-disclaimer.mvp2 .cookies-container {
text-align: center; }
.cookie-disclaimer.mvp2 p {
color: #303030;
font-size: 14px;
font-weight: 300;
line-height: 1.3; }
@media only screen and (min-width: 768px) {
.cookie-disclaimer.mvp2 p {
font-size: 15px; } }
@media (min-width: 768px) {
.cookie-disclaimer.mvp2 p {
line-height: 1.4; } }
.cookie-disclaimer.mvp2 a {
color: #137BC0; }
.cookie-disclaimer.mvp2 a:hover {
color: #00629B;
text-decoration: none; }
.cookie-disclaimer.mvp2 .cta-cookies {
background: transparent;
margin: 0 auto;
width: auto;
padding-left: 20px;
padding-right: 20px; }
.cookie-disclaimer.mvp2 .cta-cookies.secondary-cta {
border: 2px solid #137BC0;
color: #137BC0; }
/* Add here all your css styles (customizations) */
.mvp2 .content-header .video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden; }
.mvp2 .content-header .video-container iframe,
.mvp2 .content-header .video-container object,
.mvp2 .content-header .video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
/* Add here all your css styles (customizations) */
@media (min-width: 768px) {
.mvp2.content-grid-list .content-grid-items .cg-item {
margin-bottom: 15px;
margin-top: 0px; } }
@media (max-width: 576px) {
.mvp2.content-grid-list .content-grid-items .cg-item {
margin-bottom: 20px;
margin-top: 20px; } }
.mvp2.content-grid-list .content-grid-items a h4.header4 {
line-height: 1;
padding-top: 7px;
padding-bottom: 7px; }
.mvp2.content-grid-list .content-grid-items a h3.body2 {
font-weight: 800; }
.mvp2.content-grid-list .content-grid-items a:hover {
text-decoration: none; }
.mvp2.content-grid-list .content-grid-items a:hover .header4 {
color: #007BC2; }
.mvp2.content-grid-list .loadmore-wrap {
display: none; }
.mvp2.content-grid-list .loadmore-wrap .secondary-cta {
display: inline-flex;
margin-left: 0; }
.support-success {
color: #303030;
background-color: #f7f7f7; }
/* Add here all your css styles (customizations) */
.mvp2.contentgrid-without-rollover-c2c .grid-2-column .cq-Editable-dom {
width: 50%; }
.mvp2.contentgrid-without-rollover-c2c .grid-3-column .cq-Editable-dom {
width: 33.33%; }
.mvp2.contentgrid-without-rollover-c2c .grid-4-column .cq-Editable-dom {
width: 25%; }
.mvp2.contentgrid-without-rollover-c2c .grid-5-column .cq-Editable-dom {
width: 20%; }
.mvp2.contentgrid-without-rollover-c2c a {
text-decoration: none;
color: #303030;
min-height: 258px; }
.mvp2.contentgrid-without-rollover-c2c a:hover {
text-decoration: none;
color: #303030; }
.mvp2.contentgrid-without-rollover-c2c a:hover .header4 {
color: #007BC2; }
.mvp2.contentgrid-without-rollover-c2c a.griditem-link:hover {
color: #007BC2; }
.mvp2.contentgrid-without-rollover-c2c h3.body1 {
font-weight: 500; }
.mvp2.contentgrid-without-rollover-c2c h4.header4 {
line-height: 1;
padding-top: 7px;
padding-bottom: 7px; }
.mvp2.contentgrid-without-rollover-c2c .cwr-header {
padding: 80px 30px; }
@media (max-width: 576px) {
.mvp2.contentgrid-without-rollover-c2c .cwr-header {
padding: 50px 30px; } }
.mvp2.contentgrid-without-rollover-c2c.container {
max-width: 100%; }
@media (min-width: 768px) {
.mvp2.contentgrid-without-rollover-c2c .col.w-20 {
max-width: 20% !important;
min-width: 20% !important; } }
@media (max-width: 767px) {
.mvp2.contentgrid-without-rollover-c2c .col.w-50 {
max-width: 50%; }
.mvp2.contentgrid-without-rollover-c2c .col.w-100 {
max-width: 100%; } }
@media (max-width: 576px) {
.mvp2.contentgrid-without-rollover-c2c .col-6:nth-child(odd) .cwr-content {
margin-right: -7.5px; }
.mvp2.contentgrid-without-rollover-c2c .col-6:nth-child(even) .cwr-content {
margin-left: -7.5px; }
.mvp2.contentgrid-without-rollover-c2c .content-grid-carousel h3.body1 {
font-size: 11px; } }
.mvp2.contentgrid-without-rollover-c2c .cwr-content {
-webkit-hyphens: manual;
-moz-hyphens: manual;
-ms-hyphens: manual;
hyphens: manual;
margin-bottom: 25px; }
@media (min-width: 768px) {
.mvp2.contentgrid-without-rollover-c2c .cwr-content {
margin-bottom: 40px; } }
.mvp2.contentgrid-without-rollover-c2c .cwr-content p {
margin-bottom: 0; }
.mvp2.contentgrid-without-rollover-c2c .slick-list {
padding: 0 60px 0 0; }
.mvp2.contentgrid-without-rollover-c2c.gray {
background: #f7f7f7; }
.mvp2.contentgrid-without-rollover-c2c .modal-header {
padding: 2rem;
border: none; }
.mvp2.contentgrid-without-rollover-c2c .modal-body {
padding: 2rem; }
.mvp2.contentgrid-without-rollover-c2c .c2c-sfdcform .asterisk-gray {
color: #303030; }
.mvp2.contentgrid-without-rollover-c2c .c2c-sfdcform .form-control {
height: 50px;
border-radius: 0;
border: 1px solid #D0D0D0; }
.mvp2.contentgrid-without-rollover-c2c .c2c-sfdcform .form-control.is-invalid {
border: 2px solid #EE3124; }
.mvp2.contentgrid-without-rollover-c2c .c2c-sfdcform .invalid-feedback {
font-size: .875rem; }
.mvp2.contentgrid-without-rollover-c2c .c2c-sfdcform textarea.form-control {
height: auto; }
.mvp2.contentgrid-without-rollover-c2c .c2c-sfdcform .primary-cta {
margin-left: 0; }
.mvp2.contentgrid-without-rollover-c2c .c2c-sfdcform p.body2 a {
color: #007BC2;
font-weight: 500; }
.mvp2.contentgrid-without-rollover-c2c .c2c-sfdcform .other-field {
display: none; }
.mvp2.contentgrid-without-rollover-c2c .c2c-sfdcform .g-recaptcha.is-invalid iframe {
border: 2px solid #EE3124; }
.mvp2.contentgrid-without-rollover-c2c .c2c-sfdcform .g-recaptcha.is-invalid ~ .invalid-feedback {
display: block; }
.news .contentgrid-without-rollover-c2c {
margin-left: -15px;
margin-right: -15px; }
/* Add here all your css styles (customizations) */
.mvp2 .contentgrid-without-rollover-c2b1 .c2b-headline {
font-family: "Solstice Sans", Arial, Helvetica, sans-serif;
font-weight: 700;
width: auto;
font-size: 27px;
line-height: 1;
letter-spacing: -2px;
text-transform: uppercase;
padding: 7px 0; }
.mvp2 .contentgrid-without-rollover-c2b1 .grid-2-column .cq-Editable-dom {
width: 50%; }
.mvp2 .contentgrid-without-rollover-c2b1 .grid-3-column .cq-Editable-dom {
width: 33.33%; }
.mvp2 .contentgrid-without-rollover-c2b1 .grid-4-column .cq-Editable-dom {
width: 25%; }
.mvp2 .contentgrid-without-rollover-c2b1 .grid-5-column .cq-Editable-dom {
width: 20%; }
.mvp2 .contentgrid-without-rollover-c2b1 a {
text-decoration: none;
color: #303030;
min-height: 258px; }
.mvp2 .contentgrid-without-rollover-c2b1 a:hover {
text-decoration: none;
color: #303030; }
.mvp2 .contentgrid-without-rollover-c2b1 a:hover .header4 {
color: #007BC2; }
.mvp2 .contentgrid-without-rollover-c2b1 a.griditem-link:hover {
color: #007BC2; }
.mvp2 .contentgrid-without-rollover-c2b1 h3.body1 {
font-weight: 500; }
.mvp2 .contentgrid-without-rollover-c2b1 h4.header4 {
line-height: 1;
padding-top: 7px;
padding-bottom: 7px;
font-size: 27px;
font-family: "Solstice Sans",Arial, Helvetica, sans-serif; }
@media (min-width: 320px) {
.mvp2 .contentgrid-without-rollover-c2b1 h4.header4 {
font-size: 28px; } }
.mvp2 .contentgrid-without-rollover-c2b1 .cwr-header {
padding: 80px 30px; }
@media (max-width: 576px) {
.mvp2 .contentgrid-without-rollover-c2b1 .cwr-header {
padding: 50px 30px; } }
.mvp2 .contentgrid-without-rollover-c2b1.container {
max-width: 100%; }
@media (min-width: 768px) {
.mvp2 .contentgrid-without-rollover-c2b1 .col.w-20 {
max-width: 20%;
min-width: 20%; } }
@media (max-width: 767px) {
.mvp2 .contentgrid-without-rollover-c2b1 .col.w-50 {
max-width: 50%; }
.mvp2 .contentgrid-without-rollover-c2b1 .col.w-100 {
max-width: 100%; } }
@media (max-width: 576px) {
.mvp2 .contentgrid-without-rollover-c2b1 .col-6:nth-child(odd) .cwr-content {
margin-right: -7.5px; }
.mvp2 .contentgrid-without-rollover-c2b1 .col-6:nth-child(even) .cwr-content {
margin-left: -7.5px; }
.mvp2 .contentgrid-without-rollover-c2b1 .content-grid-carousel h3.body1 {
font-size: 11px; } }
.mvp2 .contentgrid-without-rollover-c2b1 .cwr-content {
margin-bottom: 50px; }
@media (min-width: 768px) {
.mvp2 .contentgrid-without-rollover-c2b1 .cwr-content {
margin-bottom: 80px; } }
.mvp2 .contentgrid-without-rollover-c2b1 .cwr-content p {
margin-bottom: 0;
font-size: 18px;
font-family: "Solstice Sans", Arial, Helvetica, sans-serif; }
.mvp2 .contentgrid-without-rollover-c2b1 .slick-list {
padding: 0 60px 0 0; }
.mvp2 .contentgrid-without-rollover-c2b1.gray {
background: #f7f7f7; }
.mvp2 .contentgrid-without-rollover-c2b1 .c2b1-header {
padding: 20px 0; }
@media (max-width: 576px) {
.mvp2 .contentgrid-without-rollover-c2b1 .c2b1-header {
padding: 40px 0px; } }
.news .contentgrid-without-rollover {
margin-left: -15px;
margin-right: -15px; }
/* Add here all your css styles (customizations) */
.mvp2 .c2b-headline {
font-family: Arial Black;
text-transform: uppercase;
width: auto; }
.mvp2 .contentgrid-without-rollover .grid-2-column .cq-Editable-dom {
width: 50%; }
.mvp2 .contentgrid-without-rollover .grid-3-column .cq-Editable-dom {
width: 33.33%; }
.mvp2 .contentgrid-without-rollover .grid-4-column .cq-Editable-dom {
width: 25%; }
.mvp2 .contentgrid-without-rollover .grid-5-column .cq-Editable-dom {
width: 20%; }
.mvp2 .contentgrid-without-rollover a {
text-decoration: none;
color: #303030;
min-height: 258px; }
.mvp2 .contentgrid-without-rollover a:hover {
text-decoration: none;
color: #303030; }
.mvp2 .contentgrid-without-rollover a:hover .header4 {
color: #007BC2; }
.mvp2 .contentgrid-without-rollover a.griditem-link:hover {
color: #007BC2; }
.mvp2 .contentgrid-without-rollover h3.body1 {
font-weight: 500; }
.mvp2 .contentgrid-without-rollover h4.header4 {
line-height: 1;
padding-top: 7px;
padding-bottom: 7px;
font-size: 20px;
font-family: "Solstice Sans", Helvetica, Arial, sans-serif; }
.mvp2 .contentgrid-without-rollover .cwr-header {
padding: 80px 30px; }
@media (max-width: 576px) {
.mvp2 .contentgrid-without-rollover .cwr-header {
padding: 50px 30px; } }
.mvp2 .contentgrid-without-rollover.container {
max-width: 100%; }
@media (min-width: 768px) {
.mvp2 .contentgrid-without-rollover .col.w-20 {
max-width: 20%;
min-width: 20%; } }
@media (max-width: 767px) {
.mvp2 .contentgrid-without-rollover .col.w-50 {
max-width: 50%; }
.mvp2 .contentgrid-without-rollover .col.w-100 {
max-width: 100%; } }
@media (max-width: 576px) {
.mvp2 .contentgrid-without-rollover .col-6:nth-child(odd) .cwr-content {
margin-right: -7.5px; }
.mvp2 .contentgrid-without-rollover .col-6:nth-child(even) .cwr-content {
margin-left: -7.5px; }
.mvp2 .contentgrid-without-rollover .content-grid-carousel h3.body1 {
font-size: 11px; } }
.mvp2 .contentgrid-without-rollover .cwr-content {
margin-bottom: 50px; }
@media (min-width: 768px) {
.mvp2 .contentgrid-without-rollover .cwr-content {
margin-bottom: 80px; } }
.mvp2 .contentgrid-without-rollover .cwr-content p {
margin-bottom: 0;
font-size: 18px;
font-family: "Solstice Sans", Helvetica, Arial, sans-serif; }
.mvp2 .contentgrid-without-rollover .slick-list {
padding: 0 60px 0 0; }
.mvp2 .contentgrid-without-rollover.gray {
background: #f7f7f7; }
.news .contentgrid-without-rollover {
margin-left: -15px;
margin-right: -15px; }
/* Add here all your css styles (customizations) */
.mvp2.content-grid-ssd .bottom-border {
border-bottom: 1px solid #E0E0E0; }
.mvp2.content-grid-ssd img {
max-width: 100%;
height: auto; }
/* Add here all your css styles (customizations) */
.software-services-details .bottom-border {
border-bottom: 1px solid #E0E0E0; }
.software-services-details img {
width: 100%;
height: auto; }
.align-with-head img {
padding-top: 30px; }
/* Add here all your css styles (customizations) */
.carousel-item-link:hover {
text-decoration: none; }
.mvp2.content-carousel-item {
background-repeat: no-repeat;
background-size: contain;
background-position-x: center;
background-position-y: 135px;
height: calc(100vw * 294/300 + 135px);
position: relative; }
@media (min-width: 768px) {
.mvp2.content-carousel-item {
height: calc(100vw * 720/1440);
max-height: 720px;
background-size: cover;
background-position-y: top; } }
.mvp2.content-carousel-item .text-wrap {
background-color: #303030; }
.mvp2.content-carousel-item .mt-12 {
margin-top: 1em; }
@media (max-width: 767px) {
.mvp2.content-carousel-item .container.h-100 {
padding: 0;
max-width: 100%; } }
@media (min-width: 768px) {
.mvp2.content-carousel-item .content-carousel-item__overlay {
background: linear-gradient(270deg, transparent 0%, #000000 100%);
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0; }
.mvp2.content-carousel-item .content-carousel-item__overlay--right {
transform: rotate(180deg); }
.mvp2.content-carousel-item .text-wrap {
height: 100%;
background-color: transparent; }
.mvp2.content-carousel-item .mt-12 {
margin-top: 12em; }
.mvp2.content-carousel-item .mb-12--md {
margin-bottom: 12em !important; } }
@media (min-width: 1200px) {
.mvp2.content-carousel-item .header3 {
width: 95%; } }
@media (min-width: 768px) {
.content-carousel-c64 .mvp2.content-carousel-item .slide-top {
top: 15px; }
.content-carousel-c64 .mvp2.content-carousel-item .slide-bottom {
bottom: 15px; } }
@media (min-width: 992px) {
.content-carousel-c64 .mvp2.content-carousel-item .slide-top {
top: 19.4%; }
.content-carousel-c64 .mvp2.content-carousel-item .slide-bottom {
bottom: 19.4%; } }
/* CSS for responsive image */
.s7responsiveContainer {
width: 100%;
}
.c64-item-wrapper .s7responsiveContainer {
width: 100%;
background-size: cover;
background-repeat: no-repeat;
}
.c64-item-wrapper .s7responsiveContainer img{
visibility: hidden;
}
.fluidimage {
max-width: 100%;
}
/* Responsive for all viewer except flyout with size */
.s7responsiveViewer {
width: 100%;
height: auto;
}
/* Add here all your css styles (customizations) */
.content-carousel-full-width.mvp2 .slick-dots {
left: 0;
right: 0;
bottom: -40px;
width: auto;
display: inline-block !important; }
@media (min-width: 768px) {
.content-carousel-full-width.mvp2 .slick-dots {
bottom: 100px;
left: auto;
right: 52px;
display: flex !important;
flex-direction: column;
justify-content: space-between; } }
.content-carousel-full-width.mvp2 .slick-dots li {
width: 10px;
height: 10px; }
@media (min-width: 768px) {
.content-carousel-full-width.mvp2 .slick-dots li:not(:last-child) {
margin-bottom: 10px; } }
.content-carousel-full-width.mvp2 .slick-dots .dot::before {
border: 1px solid #000;
border-radius: 50%;
color: transparent;
opacity: 1;
width: 10px;
height: 10px; }
@media (min-width: 768px) {
.content-carousel-full-width.mvp2 .slick-dots .dot::before {
border-color: #fff; } }
.content-carousel-full-width.mvp2 .slick-dots .slick-active .dot::before {
background: #000;
color: transparent;
opacity: 1; }
@media (min-width: 768px) {
.content-carousel-full-width.mvp2 .slick-dots .slick-active .dot::before {
background: #fff; } }
.content-carousel-wrap {
position: relative; }
@media (max-width: 768px) {
.content-carousel-wrap {
margin-bottom: 40px; } }
.content-carousel-wrap .slide-progress {
position: absolute;
bottom: 20px;
left: 0;
right: 0;
margin: auto;
width: 52px;
height: 52px;
margin-bottom: 15px;
background: transparent;
box-shadow: none;
cursor: pointer; }
@media (min-width: 768px) {
.content-carousel-wrap .slide-progress {
left: auto;
right: 36px;
bottom: 30px;
margin: 0; } }
.content-carousel-wrap .timer-icon {
position: absolute;
left: 16px;
top: 15px; }
.content-carousel-wrap .timer-icon.mvp-icon-play {
left: 18px; }
.content-carousel-wrap .timer-icon::before {
color: #fff;
font-size: 20px; }
.mvp2.content-carousel-item {
position: relative; }
.mvp2.content-carousel-item .img-overflow {
position: absolute;
width: 100%; }
.mvp2.content-carousel-item .text-wrap {
background-color: #303030; }
.mvp2.content-carousel-item .mt-12 {
margin-top: 1em; }
@media (max-width: 767px) {
.mvp2.content-carousel-item .container.h-100 {
padding: 0;
max-width: 100%; } }
@media (min-width: 768px) {
.mvp2.content-carousel-item .content-carousel-item__overlay {
background: linear-gradient(270deg, transparent 0%, #000000 100%);
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0; }
.mvp2.content-carousel-item .content-carousel-item__overlay--right {
transform: rotate(180deg); }
.mvp2.content-carousel-item .text-wrap {
height: 100%;
background-color: transparent; }
.mvp2.content-carousel-item .mt-12 {
margin-top: 12em; }
.mvp2.content-carousel-item .mb-12--md {
margin-bottom: 12em !important; } }
@media (min-width: 1200px) {
.mvp2.content-carousel-item .header3 {
width: 95%; } }
@media (min-width: 768px) {
.content-carousel-c64 .mvp2.content-carousel-item .slide-top {
top: 15px; }
.content-carousel-c64 .mvp2.content-carousel-item .slide-bottom {
bottom: 15px; } }
@media (min-width: 992px) {
.content-carousel-c64 .mvp2.content-carousel-item .slide-top {
top: 19.4%; }
.content-carousel-c64 .mvp2.content-carousel-item .slide-bottom {
bottom: 19.4%; } }
/* Add here all your css styles (customizations) */
.mvp2.content-carousel .text-cta-arrow {
display: inline-block;
white-space: normal; }
.mvp2.content-carousel .img-fluid {
width: 100%; }
.mvp2.content-carousel .content-carousel-item {
padding: 40px 40px 110px 40px; }
@media (max-width: 767px) {
.mvp2.content-carousel .content-carousel-item {
padding: 20px 10px 63px; } }
.mvp2.content-carousel .slick-dots {
bottom: 47px; }
.mvp2.content-carousel .slick-dots li button:before {
content: ""; }
.mvp2.content-carousel .slick-dots li button span {
height: 12px;
width: 12px;
background-color: #fff;
border-radius: 50%;
border: 1px solid #000;
display: inline-block; }
.mvp2.content-carousel .slick-dots li.slick-active button span {
background-color: #000; }
@media (max-width: 767px) {
.mvp2.content-carousel .slick-dots {
bottom: 20px; } }
.mvp2.content-carousel .slick-next {
right: 0;
z-index: 4;
width: 30px;
height: 30px; }
.mvp2.content-carousel .slick-next:before {
content: "\e909";
color: #404040;
font-size: 35px; }
.mvp2.content-carousel .slick-prev {
left: 0;
z-index: 4;
width: 30px;
height: 30px; }
.mvp2.content-carousel .slick-prev:before {
content: "\e908";
color: #404040;
font-size: 35px; }
.mvp2.content-carousel .video-container {
position: relative;
width: 100%;
height: 0;
padding-bottom: 56.25%; }
.mvp2.content-carousel .video-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.mvp2.content-carousel .slick-cloned img {
display: none !important; } }
.content-carousel-item-pb0 .mvp2.content-carousel .content-carousel-item {
padding-bottom: 0; }
/* Add here all your css styles (customizations) */
.CompatibleAircraft.list-component.mvp2 .list-component__grid-list .list-component__item {
margin: 0 0 40px 0 !important; }
.CompatibleAircraft.list-component.mvp2 ul {
padding: 0; }
@media (max-width: 767px) {
.CompatibleAircraft.list-component.mvp2 ul .list-component__item {
padding: 0px 15px; } }
.CompatibleAircraft.list-component.mvp2 .list-component__item-headline {
margin-top: 8px;
color: #303030;
font-size: 20px;
font-weight: 300;
letter-spacing: 0.47px;
line-height: 25px;
text-transform: capitalize;
text-align: center; }
.CompatibleAircraft.list-component.mvp2 .list-component__item-link:hover .list-component__item-headline {
color: #007BC2; }
.CompatibleAircraft.list-component.mvp2 ul li {
list-style-type: none; }
.CompatibleAircraft.list-component.mvp2 .list-component__list-item {
display: block; }
.CompatibleAircraft.list-component.mvp2 .data-list__item {
display: block; }
.CompatibleAircraft.list-component.mvp2 .lis-component-container {
margin: 20px 0 0 0;
background: none; }
/* Add here all your css styles (customizations) */
.blogComments {
color: #707070;
font-size: 16px;
margin: 20px 0; }
.blogComments .astrik {
color: #EE3124; }
.blogComments .close {
cursor: pointer;
font-size: 42px;
font-weight: 300;
position: relative;
margin-top: -14px; }
.blogComments div.comment-wrapper {
border-top: 0px !important; }
.blogComments div.comment-wrapper time {
float: none !important;
font-size: 15px !important;
position: relative;
left: 95px;
top: 22px;
border-left: 1px solid #EE3124;
padding-left: 10px; }
@media screen and (min-width: 768px) {
.blogComments div.comment-wrapper time {
position: static; } }
.blogComments div.comment-wrapper div.name {
font-size: 15px;
height: 30px;
width: 100px;
font-weight: 500; }
@media screen and (min-width: 768px) {
.blogComments div.comment-wrapper div.name {
display: inline;
float: left;
min-width: 100px;
width: auto;
height: auto;
padding-bottom: 10px; } }
.blogComments div.comment-wrapper i.profile-picture {
display: none; }
.blogComments div.comment-wrapper div.wrapper .content {
white-space: initial !important; }
.blogComments div.comment-wrapper div.wrapper .content p {
margin-bottom: 5px; }
.blogComments div.comment-wrapper div.wrapper .actions button.reply {
float: right;
color: #007BC2; }
@media screen and (min-width: 768px) {
.blogComments #comment-list {
padding: 20px 0; } }
.blogComments .center-content {
padding-top: 30px;
justify-content: center;
align-items: center;
display: table;
margin: 0 auto; }
.blogComments .button-blueCapital {
background: #fff;
color: #007BC2;
font-weight: 800;
font-size: 14px;
border: 2px solid #007BC2;
text-transform: uppercase;
align-items: center;
justify-content: center;
padding: 10px 32px;
cursor: pointer; }
.blogComments .button-blueCapital:active {
background: #0E5F95;
color: #fff;
border: 2px solid #0E5F95; }
.blogComments .button-whiteCapital {
background: #007BC2;
color: #fff;
font-weight: 800;
font-size: 14px;
text-transform: uppercase;
align-items: center;
justify-content: center;
padding: 15px 6px;
border: 0;
outline: 0;
min-width: 180px;
letter-spacing: 0.5px;
cursor: pointer; }
.blogComments .button-whiteCapital:active {
color: #007BC2;
background: #fff;
border: 2px solid #007BC2; }
.blogComments .btn-disabled {
background: #E6E6E6 !important;
color: #fff !important; }
.blogComments #msgPanel {
display: none;
border: 1px solid #628B2C;
margin-bottom: 10px;
border-radius: 0;
border-left: 3px solid #628B2C; }
.blogComments div.card-danger {
border-bottom: 0; }
.blogComments div.card-danger .card-header {
background-color: transparent;
color: #000;
border-bottom: 0;
position: relative;
top: -27px; }
.blogComments div.card-danger .card-body {
color: #EE3124; }
.blogComments div.card-success .card-header {
background-color: transparent;
color: #000;
border-bottom: 0;
position: relative;
top: -27px; }
.blogComments div.card-success .card-body {
padding-left: 2.6rem;
padding-top: 0;
color: #000; }
.blogComments .card {
font-family: "Solstice Sans", Helvetica, Arial, sans-serif; }
.blogComments .card.card-danger {
border-color: #EE3124 !important; }
.blogComments .card.mvp-icon-success:before {
font-size: 32px;
position: relative;
top: 20px;
left: 10px;
color: #628B2C;
padding: 2px;
margin: 2px 10px 0 0; }
.blogComments .card.mvp-icon-alert-warning::before {
font-size: 32px;
position: relative;
top: 20px;
left: 10px;
color: #EE3124;
padding: 4px;
margin: 2px 10px 0 0; }
.blogComments .card .panel-title {
padding-left: 45px;
font-size: 18px;
font-weight: 900; }
.blogComments .card .card-body {
padding-left: 45px !important;
color: #000 !important;
font-weight: 500;
font-size: 16px;
padding: 0; }
/* Add here all your css styles (customizations) */
.mvp2.cta-component .cta.primary-cta:not([href]):not([tabindex]) {
color: #fff; }
.mvp2.cta-component .cta.secondary-cta {
color: #007BC2;
border-color: #007BC2; }
.mvp2.cta-component .cta.secondary-cta:not([href]):not([tabindex]) {
color: #007BC2; }
.mvp2.cta-component .cta.secondary-cta:focus {
color: #007BC2 !important;
border-color: #007BC2; }
.mvp2.cta-component .cta.secondary-cta:hover, .mvp2.cta-component .cta.secondary-cta:active, .mvp2.cta-component .cta.secondary-cta:not([href]):not([tabindex]):hover {
color: #00629B;
border-color: #00629B; }
.mvp2.cta-component .cta.secondary-cta.invert {
height: auto;
border-color: #fff;
color: #fff; }
.mvp2.cta-component .cta.secondary-cta.invert:not([href]):not([tabindex]) {
color: #fff; }
.mvp2.cta-component .cta.secondary-cta.invert:focus {
border-color: #fff;
color: #fff !important; }
.mvp2.cta-component .cta.secondary-cta.invert:hover, .mvp2.cta-component .cta.secondary-cta.invert:not([href]):not([tabindex]):hover {
border-color: #00629B;
color: #00629B; }
.mvp2.cta-component .primary-cta:active {
background: #286090;
border: 2px solid #286090; }
.mvp2.cta-component .cta.cta.secondary-cta.transparent {
height: auto;
background: transparent; }
.mvp2.cta-component .hideCheckVal {
display: none; }
.error .mvp2.cta-component .primary-cta,
.error .mvp2.cta-component .secondary-cta {
margin-bottom: 10px !important; }
.cta-model-title {
color: #303030;
font-family: "Solstice Sans";
font-size: 35px;
font-weight: 300;
line-height: 60px;
text-align: center; }
.cta-model-instruction {
color: #303030 !important;
font-family: "Solstice Sans";
font-size: 26px;
font-weight: 300;
line-height: 35px;
text-align: center; }
.mvp2 .primary-cta:focus {
background: #007BC2;
border-color: #007BC2;
color: #fff !important; }
.mvp2 .secondary-cta.invert:focus {
border-color: #fff;
color: #fff !important; }
.hideCheckVal {
display: none !important; }
/* Add here all your css styles (customizations) */
.mvp2 figcaption.footer-alt {
margin-bottom: 25px; }
.mvp2 .callout-video .video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden; }
.mvp2 .callout-video .video-container iframe,
.mvp2 .callout-video .video-container object,
.mvp2 .callout-video .video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
/* Add here all your css styles (customizations) */
.callout-row {
margin: 15px 0; }
.callout-row.redborder {
margin: 20px 0;
padding: 20px 0;
border-top: 4px solid #EE3124;
border-bottom: 4px solid #EE3124; }
@media (min-width: 992px) {
.callout-row {
width: 90%; } }
@media (max-width: 767px) {
.callout-row {
margin: 20px 15px;
border-width: 2px; } }
.callout-row [class*="col-md-"] {
display: flex;
align-items: center;
justify-content: space-between;
flex-grow: 1; }
.callout-row [class*="col-md-"] .cmp-text {
text-align: center; }
.callout-row [class*="col-md-"] .cmp-text p {
font-weight: 900;
font-size: 24px;
margin-top: 1rem; }
@media only screen and (min-width: 768px) and (max-width: 992px) {
.callout-row [class*="col-md-"] .cmp-text p {
font-size: 28px; } }
@media only screen and (min-width: 993px) {
.callout-row [class*="col-md-"] .cmp-text p {
font-size: 32px; } }
@media (max-width: 767px) {
.callout-row [class*="col-md-"].justify-content-end, .callout-row [class*="col-md-"].justify-content-start {
justify-content: center !important; } }
@media (max-width: 767px) {
.callout-row .col-md-5 {
order: 1; }
.callout-row .col-md-7 {
order: 2; } }
/* Add here all your css styles (customizations) */
#browserCompatible_errorMOdal .modal-body {
padding-top: 0;
padding-bottom: 0; }
#browserCompatible_errorMOdal .modal-header {
padding-bottom: 0; }
#browserCompatible_errorMOdal p, #browserCompatible_errorMOdal a {
color: #303030;
font-family: "Solstice Sans";
font-size: 15px; }
#browserCompatible_errorMOdal .browser_image {
width: 85px;
height: 85px; }
#browserCompatible_errorMOdal .image_thumbnail {
border-radius: 5px;
padding-bottom: 0;
height: 100%; }
#browserCompatible_errorMOdal .browser_label {
border-top-color: #ddd;
border-top-style: solid;
border-top-width: 1px;
margin: 10px 5px 0 5px;
font-size: 10px; }
#browserCompatible_errorMOdal #close_modal {
cursor: pointer;
font-size: 30px;
color: #ddd;
padding: 5px 15px; }
#browserCompatible_errorMOdal .modal_row {
padding-bottom: 15px; }
#browserCompatible_errorMOdal .modal_thumbnail {
display: inline-block;
padding: 15px 0 0 0;
margin: 0 10px;
background-color: #f7f7f7;
border: 1px solid #ddd;
border-radius: 5px;
box-shadow: 0px 1px 0px #eee; }
#browserCompatible_errorMOdal .modal_lowerBody a {
text-decoration: underline; }
#browserCompatible_errorMOdal #close_window {
text-decoration: underline; }
/* Add here all your css styles (customizations) */
.breadcrumb {
margin: 0rem;
list-style: none;
padding: 0rem;
border-radius: 0rem;
background-color: transparent !important; }
.breadcrumb-component.mvp2 .breadcrumb {
margin: 21px 0px 16px 0px; }
.breadcrumb-component.mvp2 .breadcrumb .breadcrumb-item a {
color: #000 !important;
text-decoration: none;
background-color: transparent; }
.breadcrumb-component.mvp2 .breadcrumb .breadcrumb-item a:hover {
text-decoration: underline; }
.breadcrumb-component.mvp2 .breadcrumb .breadcrumb-item.active {
color: #000 !important; }
.breadcrumb-component.mvp2 .breadcrumb-item {
font-size: 15px; }
.breadcrumb-component.mvp2 .breadcrumb-item + ._breadcrumb-item a {
padding-left: .5rem; }
.breadcrumb-component.mvp2 .breadcrumb-item + ._breadcrumb-item a::before {
display: inline-block;
padding-right: .5rem;
color: #000;
content: "/"; }
/*@media(max-width: 767px) {
.breadcrumb {
display: none;
}
}*/
/* Add here all your css styles (customizations) */
#promoBanner.mvp2 {
color: #303030;
justify-content: space-between;
background: #F7F7F7;
border: none; }
#promoBanner.mvp2 .left {
border: 2px solid #9B9B9B;
overflow: hidden;
width: 100%;
max-width: 360px;
min-width: 220px;
background-position: center;
background-size: cover; }
#promoBanner.mvp2 .right {
padding: 15px 20px; }
/* Add here all your css styles (customizations) */
.avl-options-component.mvp2 .list-component__item-contenttype {
margin-top: 8px;
color: #303030;
font-size: 17px;
font-weight: 800;
letter-spacing: 0.47px;
line-height: 24px;
text-transform: uppercase; }
.avl-options-component.mvp2 .lis-component-container {
background-color: #F7F7F7;
padding: 24px 23px 26px 23px;
width: 456px;
margin: 20px 0px 20px 0px; }
.avl-options-component.mvp2 .lis-component-container .lis-component-container__header {
margin-bottom: 42px;
height: 26px;
color: #303030;
font-size: 22px;
font-weight: 300;
line-height: 26px; }
.avl-options-component.mvp2 .data-list__item {
display: none; }
.avl-options-component.mvp2 .show-more {
margin-left: 0px;
display: none; }
@media (min-width: 768px) and (max-width: 1024px) {
.avl-options-component.mvp2 .show-more {
width: 180px; } }
.avl-options-component.mvp2 .list-component__list {
list-style-type: none;
font-size: 16px;
text-align: left;
padding: 0; }
.avl-options-component.mvp2 .list-component__list-item {
line-height: 2;
padding-bottom: 16px;
display: none; }
.avl-options-component.mvp2 .list-component__list-item a {
white-space: pre-wrap;
color: #007BC2;
text-decoration: none;
font-size: 18px;
font-weight: 300;
line-height: 25px; }
.avl-options-component.mvp2 .list-component__list-item a:hover {
color: #00629B;
text-decoration: none; }
.avl-options-component.mvp2 .list-component__list-item .cta {
justify-content: left; }
.avl-options-component.mvp2 .list-component__grid-list {
padding: 0px;
margin: 20px 0px 20px 0px; }
.avl-options-component.mvp2 .list-component__grid-list .remove-margin-right {
margin-right: 0px !important; }
.avl-options-component.mvp2 .list-component__grid-list .list-component__item {
display: inline-block;
/*&:hover img {.list-component.mvp2 .lis-component-container
-webkit-filter: brightness(1);
filter: brightness(1);
@media (min-width: $mediumbreakpoint) {-webkit-filter: brightness(0.3); filter: brightness(0.3);}
}*/ }
.avl-options-component.mvp2 .list-component__grid-list .list-component__item:hover .list-component__item-subhead {
color: #007BC2; }
.avl-options-component.mvp2 .list-component__grid-list .list-component__item .list-component__item-link:hover .list-component__item-headline {
color: #007BC2; }
.avl-options-component.mvp2 .list-component__grid-list .list-component__item img {
height: 274px;
width: 100%;
display: block;
transition: .3s all ease;
border: 1px solid #D0D0D0; }
.avl-options-component.mvp2 .list-component__grid-list .list-component__item div {
line-height: 1.4; }
.avl-options-component.mvp2 .list-component__grid-list .list-component__item .list-component__item-subhead {
margin-top: 8px;
color: #303030;
font-size: 20px;
font-weight: 300;
line-height: 25px; }
.avl-options-component.mvp2 .list-component__grid-list .list-component__item .list-component__item-headline {
margin-top: 8px;
color: #303030;
font-size: 20px;
font-weight: 300;
letter-spacing: 0.47px;
line-height: 25px;
text-transform: capitalize;
text-align: center; }
.avl-options-component.mvp2 .list-component__grid-list .list-component__item .list-component__item-subheadline {
margin-top: 8px;
color: #303030;
font-size: 20px;
font-weight: 300;
line-height: 26px; }
.avl-options-component.mvp2 .list-component__grid-list .list-component__item .list-component__item-link {
text-decoration: none;
color: black; }
.avl-options-component.mvp2 .list-component__grid-list .secondary-cta {
border-color: #007BC2;
color: #007BC2; }
.avl-options-component.mvp2 .list-component__grid-list .secondary-cta:hover {
border-color: #1273B4;
color: #1273B4; }
@media (min-width: 768px) {
.avl-options-component.mvp2 .list-component__grid-list .list-component__item {
margin: 0px 0px 40px 0px;
display: none; }
.avl-options-component.mvp2 .list-component__grid-list.grid-fourup .list-component__item {
width: 22.8%; }
.avl-options-component.mvp2 .list-component__grid-list.grid-threeup .list-component__item {
width: 31%; }
.avl-options-component.mvp2 .list-component__grid-list.grid-twoup .list-component__item {
width: 47.6%; } }
@media (max-width: 767px) {
.avl-options-component.mvp2 .list-component__grid-list.grid-fourup {
width: 1440px !important; }
.avl-options-component.mvp2 .list-component__grid-list.grid-fourup .list-component__item {
display: none;
width: 304px !important;
padding: 0px 0px 40px 0px; }
.avl-options-component.mvp2 .list-component__grid-list .list-component__item {
display: none;
padding: 0px 0px 40px 0px; } }
@media (max-width: 767px) {
.list-component.mvp2.fourup {
overflow-x: auto !important; } }
/* Add here all your css styles (customizations) */
.author-bio.mvp2 {
background: #F7F7F7;
margin-top: 2rem;
margin-bottom: 2rem; }
.author-bio.mvp2 .author-bio__inner {
padding: 25px 20px; }
.author-bio.mvp2 .author-img {
width: 100px;
height: 100px;
border-radius: 50%; }
.author-bio.mvp2 .author-text-wrap {
font-size: 18px;
font-weight: 300;
line-height: 25px;
color: #303030; }
.author-bio.mvp2 .author-text-wrap:nth-child(2) {
margin-top: 20px; }
@media (min-width: 768px) {
.author-bio.mvp2 .author-text-wrap {
margin-left: 25px; }
.author-bio.mvp2 .author-text-wrap:nth-child(2) {
margin-top: 0; } }
.author-bio.mvp2 .author-bio-name, .author-bio.mvp2 .author-title {
font-weight: 800; }
.author-bio.mvp2 .email-link, .author-bio.mvp2 .phone-number-link, .author-bio.mvp2 .mobile-number-link {
color: #007BC2; }
.author-bio.mvp2 .email-link:hover, .author-bio.mvp2 .phone-number-link:hover, .author-bio.mvp2 .mobile-number-link:hover {
text-decoration: none;
color: #1273B4; }
/* Add here all your css styles (customizations) */
.article-tags__list li:nth-of-type(n+6) {
display: none; }
.article-tags-component.mvp2 .article-tags {
margin: 10px 0px 10px 0px; }
.article-tags-component.mvp2 .article-tags .article-tags__list {
list-style: none;
margin: 0px;
padding: 0px; }
.article-tags-component.mvp2 .article-tags .article-tags__list .article-tags__list-item {
padding: 10px 10px 10px 0px;
margin-top: 5px;
margin-bottom: 5px; }
.article-tags-component.mvp2 .article-tags .article-tags__list .article-tags__list-item a {
border: 1px solid #D7D7D7;
padding: 12px;
color: #808080;
font-size: 14px;
font-weight: 800;
letter-spacing: 0.5px;
line-height: 17px;
text-align: center;
text-transform: uppercase; }
.article-tags-component.mvp2 .article-tags .article-tags__list .article-tags__list-item a:focus {
color: #808080 !important; }
.article-tags-component.mvp2 .article-tags .article-tags__list .article-tags__list-item a:hover {
background: #808080;
color: #fff;
text-decoration: none; }
/* Add here all your css styles (customizations) */
.apps-by-honeywell.mvp2 .apps-by-honeywell_container {
margin-left: 8.333333333%; }
@media (max-width: 767px) {
.apps-by-honeywell.mvp2 .apps-by-honeywell_container {
margin-left: 0; } }
.apps-by-honeywell.mvp2 .apps-by-honeywell_container .apps-by-honeywell_container__item {
max-width: 696px !important;
margin-bottom: 25px;
margin-top: 25px; }
.apps-by-honeywell.mvp2 .apps-by-honeywell_container .apps-by-honeywell_container__image {
margin-right: 24px;
margin-top: 6px; }
.apps-by-honeywell.mvp2 .apps-by-honeywell_container .apps-by-honeywell_container__image img {
width: 96px; }
.apps-by-honeywell.mvp2 .apps-by-honeywell_container .apps-by-honeywell_apps {
margin-top: 15px; }
.apps-by-honeywell.mvp2 .apps-by-honeywell_container .apps-by-honeywell_apps .apps-by-honeywell_apps_image {
margin-left: 20px; }
.apps-by-honeywell.mvp2 .apps-by-honeywell_container .apps-by-honeywell_content .apps-by-honeywell_content__title {
font-size: 28px;
font-weight: 300;
color: #505050;
letter-spacing: -0.88px;
line-height: 32px; }
.apps-by-honeywell.mvp2 .apps-by-honeywell_container .apps-by-honeywell_content .apps-by-honeywell_content__description {
color: #404040;
font-size: 16px;
font-weight: 300;
line-height: 24px;
letter-spacing: -0.08px; }
@media screen and (max-width: 767px) {
.apps-by-honeywell_content {
float: left;
padding: 10px; }
.apps-by-honeywell_apps {
display: block !important;
float: left; }
.apps-by-honeywell_apps a {
display: block; }
.apps-by-honeywell_apps a img {
margin-bottom: 5px; } }
/*
* Copyright 2016 Adobe Systems Incorporated
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
/*
* ADOBE CONFIDENTIAL
*
* Copyright 2015 Adobe Systems Incorporated
* All Rights Reserved.
*
* NOTICE: All information contained herein is, and remains
* the property of Adobe Systems Incorporated and its suppliers,
* if any. The intellectual and technical concepts contained
* herein are proprietary to Adobe Systems Incorporated and its
* suppliers and may be covered by U.S. and Foreign Patents,
* patents in process, and are protected by trade secret or copyright law.
* Dissemination of this information or reproduction of this material
* is strictly forbidden unless prior written permission is obtained
* from Adobe Systems Incorporated.
*/
/* grid component */
.aem-Grid {
display: block;
width: 100%;
}
.aem-Grid::before,
.aem-Grid::after {
display: table;
content: " ";
}
.aem-Grid::after {
clear: both;
}
/* placeholder for new components */
.aem-Grid-newComponent {
clear: both;
margin: 0;
}
/* column of a grid */
.aem-GridColumn {
box-sizing: border-box;
clear: both;
}
/* force showing hidden */
.aem-GridShowHidden > .aem-Grid > .aem-GridColumn {
display: block !important;
}
/* Generates all the rules for the grid columns up to the given amount of column */
/* Generates all the rules for the grid column offset up to the given amount of column */
/* Generates all the rules for the grid and columns for the given break point and total of columns */
/* Generates all the rules for the grids and columns */
/* API function to be called to generate a grid config */
/* maximum amount of grid cells to be provided */
/* default breakpoint */
.aem-Grid {
width: auto;
}
.aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--default--1 {
float: left;
clear: none;
width: 100%;
}
.aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
margin-left: 0%;
}
.aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
margin-left: 100%;
}
.aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--default--1 {
float: left;
clear: none;
width: 50%;
}
.aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--default--2 {
float: left;
clear: none;
width: 100%;
}
.aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
margin-left: 0%;
}
.aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
margin-left: 50%;
}
.aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
margin-left: 100%;
}
.aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--default--1 {
float: left;
clear: none;
width: 33.33333333%;
}
.aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--default--2 {
float: left;
clear: none;
width: 66.66666667%;
}
.aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--default--3 {
float: left;
clear: none;
width: 100%;
}
.aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
margin-left: 0%;
}
.aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
margin-left: 33.33333333%;
}
.aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
margin-left: 66.66666667%;
}
.aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
margin-left: 100%;
}
.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--default--1 {
float: left;
clear: none;
width: 25%;
}
.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--default--2 {
float: left;
clear: none;
width: 50%;
}
.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--default--3 {
float: left;
clear: none;
width: 75%;
}
.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--default--4 {
float: left;
clear: none;
width: 100%;
}
.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
margin-left: 0%;
}
.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
margin-left: 25%;
}
.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
margin-left: 50%;
}
.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
margin-left: 75%;
}
.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
margin-left: 100%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--default--1 {
float: left;
clear: none;
width: 20%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--default--2 {
float: left;
clear: none;
width: 40%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--default--3 {
float: left;
clear: none;
width: 60%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--default--4 {
float: left;
clear: none;
width: 80%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--default--5 {
float: left;
clear: none;
width: 100%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
margin-left: 0%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
margin-left: 20%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
margin-left: 40%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
margin-left: 60%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
margin-left: 80%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
margin-left: 100%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--default--1 {
float: left;
clear: none;
width: 16.66666667%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--default--2 {
float: left;
clear: none;
width: 33.33333333%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--default--3 {
float: left;
clear: none;
width: 50%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--default--4 {
float: left;
clear: none;
width: 66.66666667%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--default--5 {
float: left;
clear: none;
width: 83.33333333%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--default--6 {
float: left;
clear: none;
width: 100%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
margin-left: 0%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
margin-left: 16.66666667%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
margin-left: 33.33333333%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
margin-left: 50%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
margin-left: 66.66666667%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
margin-left: 83.33333333%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
margin-left: 100%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--1 {
float: left;
clear: none;
width: 14.28571429%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--2 {
float: left;
clear: none;
width: 28.57142857%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--3 {
float: left;
clear: none;
width: 42.85714286%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--4 {
float: left;
clear: none;
width: 57.14285714%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--5 {
float: left;
clear: none;
width: 71.42857143%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--6 {
float: left;
clear: none;
width: 85.71428571%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--default--7 {
float: left;
clear: none;
width: 100%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
margin-left: 0%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
margin-left: 14.28571429%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
margin-left: 28.57142857%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
margin-left: 42.85714286%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
margin-left: 57.14285714%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
margin-left: 71.42857143%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
margin-left: 85.71428571%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
margin-left: 100%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--1 {
float: left;
clear: none;
width: 12.5%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--2 {
float: left;
clear: none;
width: 25%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--3 {
float: left;
clear: none;
width: 37.5%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--4 {
float: left;
clear: none;
width: 50%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--5 {
float: left;
clear: none;
width: 62.5%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--6 {
float: left;
clear: none;
width: 75%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--7 {
float: left;
clear: none;
width: 87.5%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--default--8 {
float: left;
clear: none;
width: 100%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
margin-left: 0%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
margin-left: 12.5%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
margin-left: 25%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
margin-left: 37.5%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
margin-left: 50%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
margin-left: 62.5%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
margin-left: 75%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
margin-left: 87.5%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
margin-left: 100%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--1 {
float: left;
clear: none;
width: 11.11111111%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--2 {
float: left;
clear: none;
width: 22.22222222%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--3 {
float: left;
clear: none;
width: 33.33333333%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--4 {
float: left;
clear: none;
width: 44.44444444%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--5 {
float: left;
clear: none;
width: 55.55555556%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--6 {
float: left;
clear: none;
width: 66.66666667%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--7 {
float: left;
clear: none;
width: 77.77777778%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--8 {
float: left;
clear: none;
width: 88.88888889%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--default--9 {
float: left;
clear: none;
width: 100%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
margin-left: 0%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
margin-left: 11.11111111%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
margin-left: 22.22222222%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
margin-left: 33.33333333%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
margin-left: 44.44444444%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
margin-left: 55.55555556%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
margin-left: 66.66666667%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
margin-left: 77.77777778%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
margin-left: 88.88888889%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--default--9 {
margin-left: 100%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--1 {
float: left;
clear: none;
width: 10%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--2 {
float: left;
clear: none;
width: 20%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--3 {
float: left;
clear: none;
width: 30%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--4 {
float: left;
clear: none;
width: 40%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--5 {
float: left;
clear: none;
width: 50%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--6 {
float: left;
clear: none;
width: 60%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--7 {
float: left;
clear: none;
width: 70%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--8 {
float: left;
clear: none;
width: 80%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--9 {
float: left;
clear: none;
width: 90%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--default--10 {
float: left;
clear: none;
width: 100%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
margin-left: 0%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
margin-left: 10%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
margin-left: 20%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
margin-left: 30%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
margin-left: 40%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
margin-left: 50%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
margin-left: 60%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
margin-left: 70%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
margin-left: 80%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--9 {
margin-left: 90%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--default--10 {
margin-left: 100%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--1 {
float: left;
clear: none;
width: 9.09090909%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--2 {
float: left;
clear: none;
width: 18.18181818%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--3 {
float: left;
clear: none;
width: 27.27272727%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--4 {
float: left;
clear: none;
width: 36.36363636%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--5 {
float: left;
clear: none;
width: 45.45454545%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--6 {
float: left;
clear: none;
width: 54.54545455%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--7 {
float: left;
clear: none;
width: 63.63636364%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--8 {
float: left;
clear: none;
width: 72.72727273%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--9 {
float: left;
clear: none;
width: 81.81818182%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--10 {
float: left;
clear: none;
width: 90.90909091%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--default--11 {
float: left;
clear: none;
width: 100%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
margin-left: 0%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
margin-left: 9.09090909%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
margin-left: 18.18181818%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
margin-left: 27.27272727%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
margin-left: 36.36363636%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
margin-left: 45.45454545%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
margin-left: 54.54545455%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
margin-left: 63.63636364%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
margin-left: 72.72727273%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--9 {
margin-left: 81.81818182%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--10 {
margin-left: 90.90909091%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--default--11 {
margin-left: 100%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--1 {
float: left;
clear: none;
width: 8.33333333%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--2 {
float: left;
clear: none;
width: 16.66666667%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--3 {
float: left;
clear: none;
width: 25%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--4 {
float: left;
clear: none;
width: 33.33333333%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--5 {
float: left;
clear: none;
width: 41.66666667%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--6 {
float: left;
clear: none;
width: 50%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--7 {
float: left;
clear: none;
width: 58.33333333%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--8 {
float: left;
clear: none;
width: 66.66666667%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--9 {
float: left;
clear: none;
width: 75%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--10 {
float: left;
clear: none;
width: 83.33333333%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--11 {
float: left;
clear: none;
width: 91.66666667%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--default--12 {
float: left;
clear: none;
width: 100%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
margin-left: 0%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
margin-left: 8.33333333%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
margin-left: 16.66666667%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
margin-left: 25%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
margin-left: 33.33333333%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
margin-left: 41.66666667%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
margin-left: 50%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
margin-left: 58.33333333%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
margin-left: 66.66666667%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--9 {
margin-left: 75%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--10 {
margin-left: 83.33333333%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--11 {
margin-left: 91.66666667%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--default--12 {
margin-left: 100%;
}
.aem-Grid.aem-Grid--default--1 > .aem-GridColumn.aem-GridColumn--default--1 {
float: left;
clear: none;
width: 100%;
}
.aem-Grid.aem-Grid--default--1 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
margin-left: 0%;
}
.aem-Grid.aem-Grid--default--1 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
margin-left: 100%;
}
.aem-Grid.aem-Grid--default--2 > .aem-GridColumn.aem-GridColumn--default--1 {
float: left;
clear: none;
width: 50%;
}
.aem-Grid.aem-Grid--default--2 > .aem-GridColumn.aem-GridColumn--default--2 {
float: left;
clear: none;
width: 100%;
}
.aem-Grid.aem-Grid--default--2 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
margin-left: 0%;
}
.aem-Grid.aem-Grid--default--2 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
margin-left: 50%;
}
.aem-Grid.aem-Grid--default--2 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
margin-left: 100%;
}
.aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--default--1 {
float: left;
clear: none;
width: 33.33333333%;
}
.aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--default--2 {
float: left;
clear: none;
width: 66.66666667%;
}
.aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--default--3 {
float: left;
clear: none;
width: 100%;
}
.aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
margin-left: 0%;
}
.aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
margin-left: 33.33333333%;
}
.aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
margin-left: 66.66666667%;
}
.aem-Grid.aem-Grid--default--3 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
margin-left: 100%;
}
.aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--default--1 {
float: left;
clear: none;
width: 25%;
}
.aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--default--2 {
float: left;
clear: none;
width: 50%;
}
.aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--default--3 {
float: left;
clear: none;
width: 75%;
}
.aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--default--4 {
float: left;
clear: none;
width: 100%;
}
.aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
margin-left: 0%;
}
.aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
margin-left: 25%;
}
.aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
margin-left: 50%;
}
.aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
margin-left: 75%;
}
.aem-Grid.aem-Grid--default--4 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
margin-left: 100%;
}
.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--default--1 {
float: left;
clear: none;
width: 20%;
}
.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--default--2 {
float: left;
clear: none;
width: 40%;
}
.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--default--3 {
float: left;
clear: none;
width: 60%;
}
.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--default--4 {
float: left;
clear: none;
width: 80%;
}
.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--default--5 {
float: left;
clear: none;
width: 100%;
}
.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
margin-left: 0%;
}
.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
margin-left: 20%;
}
.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
margin-left: 40%;
}
.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
margin-left: 60%;
}
.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
margin-left: 80%;
}
.aem-Grid.aem-Grid--default--5 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
margin-left: 100%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--default--1 {
float: left;
clear: none;
width: 16.66666667%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--default--2 {
float: left;
clear: none;
width: 33.33333333%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--default--3 {
float: left;
clear: none;
width: 50%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--default--4 {
float: left;
clear: none;
width: 66.66666667%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--default--5 {
float: left;
clear: none;
width: 83.33333333%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--default--6 {
float: left;
clear: none;
width: 100%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
margin-left: 0%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
margin-left: 16.66666667%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
margin-left: 33.33333333%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
margin-left: 50%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
margin-left: 66.66666667%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
margin-left: 83.33333333%;
}
.aem-Grid.aem-Grid--default--6 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
margin-left: 100%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--1 {
float: left;
clear: none;
width: 14.28571429%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--2 {
float: left;
clear: none;
width: 28.57142857%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--3 {
float: left;
clear: none;
width: 42.85714286%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--4 {
float: left;
clear: none;
width: 57.14285714%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--5 {
float: left;
clear: none;
width: 71.42857143%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--6 {
float: left;
clear: none;
width: 85.71428571%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--default--7 {
float: left;
clear: none;
width: 100%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
margin-left: 0%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
margin-left: 14.28571429%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
margin-left: 28.57142857%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
margin-left: 42.85714286%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
margin-left: 57.14285714%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
margin-left: 71.42857143%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
margin-left: 85.71428571%;
}
.aem-Grid.aem-Grid--default--7 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
margin-left: 100%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--1 {
float: left;
clear: none;
width: 12.5%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--2 {
float: left;
clear: none;
width: 25%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--3 {
float: left;
clear: none;
width: 37.5%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--4 {
float: left;
clear: none;
width: 50%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--5 {
float: left;
clear: none;
width: 62.5%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--6 {
float: left;
clear: none;
width: 75%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--7 {
float: left;
clear: none;
width: 87.5%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--8 {
float: left;
clear: none;
width: 100%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
margin-left: 0%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
margin-left: 12.5%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
margin-left: 25%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
margin-left: 37.5%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
margin-left: 50%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
margin-left: 62.5%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
margin-left: 75%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
margin-left: 87.5%;
}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
margin-left: 100%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--1 {
float: left;
clear: none;
width: 11.11111111%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--2 {
float: left;
clear: none;
width: 22.22222222%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--3 {
float: left;
clear: none;
width: 33.33333333%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--4 {
float: left;
clear: none;
width: 44.44444444%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--5 {
float: left;
clear: none;
width: 55.55555556%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--6 {
float: left;
clear: none;
width: 66.66666667%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--7 {
float: left;
clear: none;
width: 77.77777778%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--8 {
float: left;
clear: none;
width: 88.88888889%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--default--9 {
float: left;
clear: none;
width: 100%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
margin-left: 0%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
margin-left: 11.11111111%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
margin-left: 22.22222222%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
margin-left: 33.33333333%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
margin-left: 44.44444444%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
margin-left: 55.55555556%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
margin-left: 66.66666667%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
margin-left: 77.77777778%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
margin-left: 88.88888889%;
}
.aem-Grid.aem-Grid--default--9 > .aem-GridColumn.aem-GridColumn--offset--default--9 {
margin-left: 100%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--1 {
float: left;
clear: none;
width: 10%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--2 {
float: left;
clear: none;
width: 20%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--3 {
float: left;
clear: none;
width: 30%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--4 {
float: left;
clear: none;
width: 40%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--5 {
float: left;
clear: none;
width: 50%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--6 {
float: left;
clear: none;
width: 60%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--7 {
float: left;
clear: none;
width: 70%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--8 {
float: left;
clear: none;
width: 80%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--9 {
float: left;
clear: none;
width: 90%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--default--10 {
float: left;
clear: none;
width: 100%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
margin-left: 0%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
margin-left: 10%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
margin-left: 20%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
margin-left: 30%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
margin-left: 40%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
margin-left: 50%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
margin-left: 60%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
margin-left: 70%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
margin-left: 80%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--9 {
margin-left: 90%;
}
.aem-Grid.aem-Grid--default--10 > .aem-GridColumn.aem-GridColumn--offset--default--10 {
margin-left: 100%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--1 {
float: left;
clear: none;
width: 9.09090909%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--2 {
float: left;
clear: none;
width: 18.18181818%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--3 {
float: left;
clear: none;
width: 27.27272727%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--4 {
float: left;
clear: none;
width: 36.36363636%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--5 {
float: left;
clear: none;
width: 45.45454545%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--6 {
float: left;
clear: none;
width: 54.54545455%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--7 {
float: left;
clear: none;
width: 63.63636364%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--8 {
float: left;
clear: none;
width: 72.72727273%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--9 {
float: left;
clear: none;
width: 81.81818182%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--10 {
float: left;
clear: none;
width: 90.90909091%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--default--11 {
float: left;
clear: none;
width: 100%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
margin-left: 0%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
margin-left: 9.09090909%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
margin-left: 18.18181818%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
margin-left: 27.27272727%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
margin-left: 36.36363636%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
margin-left: 45.45454545%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
margin-left: 54.54545455%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
margin-left: 63.63636364%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
margin-left: 72.72727273%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--9 {
margin-left: 81.81818182%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--10 {
margin-left: 90.90909091%;
}
.aem-Grid.aem-Grid--default--11 > .aem-GridColumn.aem-GridColumn--offset--default--11 {
margin-left: 100%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--1 {
float: left;
clear: none;
width: 8.33333333%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--2 {
float: left;
clear: none;
width: 16.66666667%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--3 {
float: left;
clear: none;
width: 25%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--4 {
float: left;
clear: none;
width: 33.33333333%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--5 {
float: left;
clear: none;
width: 41.66666667%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--6 {
float: left;
clear: none;
width: 50%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--7 {
float: left;
clear: none;
width: 58.33333333%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--8 {
float: left;
clear: none;
width: 66.66666667%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--9 {
float: left;
clear: none;
width: 75%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--10 {
float: left;
clear: none;
width: 83.33333333%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--11 {
float: left;
clear: none;
width: 91.66666667%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--12 {
float: left;
clear: none;
width: 100%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--0 {
margin-left: 0%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--1 {
margin-left: 8.33333333%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--2 {
margin-left: 16.66666667%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--3 {
margin-left: 25%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--4 {
margin-left: 33.33333333%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--5 {
margin-left: 41.66666667%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--6 {
margin-left: 50%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--7 {
margin-left: 58.33333333%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--8 {
margin-left: 66.66666667%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--9 {
margin-left: 75%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--10 {
margin-left: 83.33333333%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--11 {
margin-left: 91.66666667%;
}
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--offset--default--12 {
margin-left: 100%;
}
.aem-Grid > .aem-GridColumn.aem-GridColumn--default--newline {
/* newline behavior */
display: block;
clear: both !important;
}
.aem-Grid > .aem-GridColumn.aem-GridColumn--default--none {
/* none behavior */
display: block;
clear: none !important;
float: left;
}
.aem-Grid > .aem-GridColumn.aem-GridColumn--default--hide {
/* hide behavior */
display: none;
}
/* phone breakpoint */
@media (max-width: 650px) {
.aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--phone--1 {
float: left;
clear: none;
width: 100%;
}
.aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
margin-left: 0%;
}
.aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
margin-left: 100%;
}
.aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--phone--1 {
float: left;
clear: none;
width: 50%;
}
.aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--phone--2 {
float: left;
clear: none;
width: 100%;
}
.aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
margin-left: 0%;
}
.aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
margin-left: 50%;
}
.aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
margin-left: 100%;
}
.aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--phone--1 {
float: left;
clear: none;
width: 33.33333333%;
}
.aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--phone--2 {
float: left;
clear: none;
width: 66.66666667%;
}
.aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--phone--3 {
float: left;
clear: none;
width: 100%;
}
.aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
margin-left: 0%;
}
.aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
margin-left: 33.33333333%;
}
.aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
margin-left: 66.66666667%;
}
.aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
margin-left: 100%;
}
.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--phone--1 {
float: left;
clear: none;
width: 25%;
}
.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--phone--2 {
float: left;
clear: none;
width: 50%;
}
.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--phone--3 {
float: left;
clear: none;
width: 75%;
}
.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--phone--4 {
float: left;
clear: none;
width: 100%;
}
.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
margin-left: 0%;
}
.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
margin-left: 25%;
}
.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
margin-left: 50%;
}
.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
margin-left: 75%;
}
.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
margin-left: 100%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--phone--1 {
float: left;
clear: none;
width: 20%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--phone--2 {
float: left;
clear: none;
width: 40%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--phone--3 {
float: left;
clear: none;
width: 60%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--phone--4 {
float: left;
clear: none;
width: 80%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--phone--5 {
float: left;
clear: none;
width: 100%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
margin-left: 0%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
margin-left: 20%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
margin-left: 40%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
margin-left: 60%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
margin-left: 80%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
margin-left: 100%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--phone--1 {
float: left;
clear: none;
width: 16.66666667%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--phone--2 {
float: left;
clear: none;
width: 33.33333333%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--phone--3 {
float: left;
clear: none;
width: 50%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--phone--4 {
float: left;
clear: none;
width: 66.66666667%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--phone--5 {
float: left;
clear: none;
width: 83.33333333%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--phone--6 {
float: left;
clear: none;
width: 100%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
margin-left: 0%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
margin-left: 16.66666667%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
margin-left: 33.33333333%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
margin-left: 50%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
margin-left: 66.66666667%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
margin-left: 83.33333333%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
margin-left: 100%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--phone--1 {
float: left;
clear: none;
width: 14.28571429%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--phone--2 {
float: left;
clear: none;
width: 28.57142857%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--phone--3 {
float: left;
clear: none;
width: 42.85714286%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--phone--4 {
float: left;
clear: none;
width: 57.14285714%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--phone--5 {
float: left;
clear: none;
width: 71.42857143%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--phone--6 {
float: left;
clear: none;
width: 85.71428571%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--phone--7 {
float: left;
clear: none;
width: 100%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
margin-left: 0%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
margin-left: 14.28571429%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
margin-left: 28.57142857%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
margin-left: 42.85714286%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
margin-left: 57.14285714%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
margin-left: 71.42857143%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
margin-left: 85.71428571%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
margin-left: 100%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--1 {
float: left;
clear: none;
width: 12.5%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--2 {
float: left;
clear: none;
width: 25%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--3 {
float: left;
clear: none;
width: 37.5%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--4 {
float: left;
clear: none;
width: 50%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--5 {
float: left;
clear: none;
width: 62.5%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--6 {
float: left;
clear: none;
width: 75%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--7 {
float: left;
clear: none;
width: 87.5%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--phone--8 {
float: left;
clear: none;
width: 100%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
margin-left: 0%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
margin-left: 12.5%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
margin-left: 25%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
margin-left: 37.5%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
margin-left: 50%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
margin-left: 62.5%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
margin-left: 75%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
margin-left: 87.5%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
margin-left: 100%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--1 {
float: left;
clear: none;
width: 11.11111111%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--2 {
float: left;
clear: none;
width: 22.22222222%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--3 {
float: left;
clear: none;
width: 33.33333333%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--4 {
float: left;
clear: none;
width: 44.44444444%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--5 {
float: left;
clear: none;
width: 55.55555556%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--6 {
float: left;
clear: none;
width: 66.66666667%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--7 {
float: left;
clear: none;
width: 77.77777778%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--8 {
float: left;
clear: none;
width: 88.88888889%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--phone--9 {
float: left;
clear: none;
width: 100%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
margin-left: 0%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
margin-left: 11.11111111%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
margin-left: 22.22222222%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
margin-left: 33.33333333%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
margin-left: 44.44444444%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
margin-left: 55.55555556%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
margin-left: 66.66666667%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
margin-left: 77.77777778%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
margin-left: 88.88888889%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--phone--9 {
margin-left: 100%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--1 {
float: left;
clear: none;
width: 10%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--2 {
float: left;
clear: none;
width: 20%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--3 {
float: left;
clear: none;
width: 30%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--4 {
float: left;
clear: none;
width: 40%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--5 {
float: left;
clear: none;
width: 50%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--6 {
float: left;
clear: none;
width: 60%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--7 {
float: left;
clear: none;
width: 70%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--8 {
float: left;
clear: none;
width: 80%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--9 {
float: left;
clear: none;
width: 90%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--phone--10 {
float: left;
clear: none;
width: 100%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
margin-left: 0%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
margin-left: 10%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
margin-left: 20%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
margin-left: 30%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
margin-left: 40%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
margin-left: 50%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
margin-left: 60%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
margin-left: 70%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
margin-left: 80%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--9 {
margin-left: 90%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--phone--10 {
margin-left: 100%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--1 {
float: left;
clear: none;
width: 9.09090909%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--2 {
float: left;
clear: none;
width: 18.18181818%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--3 {
float: left;
clear: none;
width: 27.27272727%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--4 {
float: left;
clear: none;
width: 36.36363636%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--5 {
float: left;
clear: none;
width: 45.45454545%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--6 {
float: left;
clear: none;
width: 54.54545455%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--7 {
float: left;
clear: none;
width: 63.63636364%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--8 {
float: left;
clear: none;
width: 72.72727273%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--9 {
float: left;
clear: none;
width: 81.81818182%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--10 {
float: left;
clear: none;
width: 90.90909091%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--phone--11 {
float: left;
clear: none;
width: 100%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
margin-left: 0%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
margin-left: 9.09090909%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
margin-left: 18.18181818%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
margin-left: 27.27272727%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
margin-left: 36.36363636%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
margin-left: 45.45454545%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
margin-left: 54.54545455%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
margin-left: 63.63636364%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
margin-left: 72.72727273%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--9 {
margin-left: 81.81818182%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--10 {
margin-left: 90.90909091%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--phone--11 {
margin-left: 100%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--1 {
float: left;
clear: none;
width: 8.33333333%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--2 {
float: left;
clear: none;
width: 16.66666667%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--3 {
float: left;
clear: none;
width: 25%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--4 {
float: left;
clear: none;
width: 33.33333333%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--5 {
float: left;
clear: none;
width: 41.66666667%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--6 {
float: left;
clear: none;
width: 50%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--7 {
float: left;
clear: none;
width: 58.33333333%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--8 {
float: left;
clear: none;
width: 66.66666667%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--9 {
float: left;
clear: none;
width: 75%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--10 {
float: left;
clear: none;
width: 83.33333333%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--11 {
float: left;
clear: none;
width: 91.66666667%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--phone--12 {
float: left;
clear: none;
width: 100%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
margin-left: 0%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
margin-left: 8.33333333%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
margin-left: 16.66666667%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
margin-left: 25%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
margin-left: 33.33333333%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
margin-left: 41.66666667%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
margin-left: 50%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
margin-left: 58.33333333%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
margin-left: 66.66666667%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--9 {
margin-left: 75%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--10 {
margin-left: 83.33333333%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--11 {
margin-left: 91.66666667%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--phone--12 {
margin-left: 100%;
}
.aem-Grid.aem-Grid--phone--1 > .aem-GridColumn.aem-GridColumn--phone--1 {
float: left;
clear: none;
width: 100%;
}
.aem-Grid.aem-Grid--phone--1 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
margin-left: 0%;
}
.aem-Grid.aem-Grid--phone--1 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
margin-left: 100%;
}
.aem-Grid.aem-Grid--phone--2 > .aem-GridColumn.aem-GridColumn--phone--1 {
float: left;
clear: none;
width: 50%;
}
.aem-Grid.aem-Grid--phone--2 > .aem-GridColumn.aem-GridColumn--phone--2 {
float: left;
clear: none;
width: 100%;
}
.aem-Grid.aem-Grid--phone--2 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
margin-left: 0%;
}
.aem-Grid.aem-Grid--phone--2 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
margin-left: 50%;
}
.aem-Grid.aem-Grid--phone--2 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
margin-left: 100%;
}
.aem-Grid.aem-Grid--phone--3 > .aem-GridColumn.aem-GridColumn--phone--1 {
float: left;
clear: none;
width: 33.33333333%;
}
.aem-Grid.aem-Grid--phone--3 > .aem-GridColumn.aem-GridColumn--phone--2 {
float: left;
clear: none;
width: 66.66666667%;
}
.aem-Grid.aem-Grid--phone--3 > .aem-GridColumn.aem-GridColumn--phone--3 {
float: left;
clear: none;
width: 100%;
}
.aem-Grid.aem-Grid--phone--3 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
margin-left: 0%;
}
.aem-Grid.aem-Grid--phone--3 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
margin-left: 33.33333333%;
}
.aem-Grid.aem-Grid--phone--3 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
margin-left: 66.66666667%;
}
.aem-Grid.aem-Grid--phone--3 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
margin-left: 100%;
}
.aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--phone--1 {
float: left;
clear: none;
width: 25%;
}
.aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--phone--2 {
float: left;
clear: none;
width: 50%;
}
.aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--phone--3 {
float: left;
clear: none;
width: 75%;
}
.aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--phone--4 {
float: left;
clear: none;
width: 100%;
}
.aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
margin-left: 0%;
}
.aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
margin-left: 25%;
}
.aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
margin-left: 50%;
}
.aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
margin-left: 75%;
}
.aem-Grid.aem-Grid--phone--4 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
margin-left: 100%;
}
.aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--phone--1 {
float: left;
clear: none;
width: 20%;
}
.aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--phone--2 {
float: left;
clear: none;
width: 40%;
}
.aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--phone--3 {
float: left;
clear: none;
width: 60%;
}
.aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--phone--4 {
float: left;
clear: none;
width: 80%;
}
.aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--phone--5 {
float: left;
clear: none;
width: 100%;
}
.aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
margin-left: 0%;
}
.aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
margin-left: 20%;
}
.aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
margin-left: 40%;
}
.aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
margin-left: 60%;
}
.aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
margin-left: 80%;
}
.aem-Grid.aem-Grid--phone--5 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
margin-left: 100%;
}
.aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--phone--1 {
float: left;
clear: none;
width: 16.66666667%;
}
.aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--phone--2 {
float: left;
clear: none;
width: 33.33333333%;
}
.aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--phone--3 {
float: left;
clear: none;
width: 50%;
}
.aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--phone--4 {
float: left;
clear: none;
width: 66.66666667%;
}
.aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--phone--5 {
float: left;
clear: none;
width: 83.33333333%;
}
.aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--phone--6 {
float: left;
clear: none;
width: 100%;
}
.aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
margin-left: 0%;
}
.aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
margin-left: 16.66666667%;
}
.aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
margin-left: 33.33333333%;
}
.aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
margin-left: 50%;
}
.aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
margin-left: 66.66666667%;
}
.aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
margin-left: 83.33333333%;
}
.aem-Grid.aem-Grid--phone--6 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
margin-left: 100%;
}
.aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--phone--1 {
float: left;
clear: none;
width: 14.28571429%;
}
.aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--phone--2 {
float: left;
clear: none;
width: 28.57142857%;
}
.aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--phone--3 {
float: left;
clear: none;
width: 42.85714286%;
}
.aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--phone--4 {
float: left;
clear: none;
width: 57.14285714%;
}
.aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--phone--5 {
float: left;
clear: none;
width: 71.42857143%;
}
.aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--phone--6 {
float: left;
clear: none;
width: 85.71428571%;
}
.aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--phone--7 {
float: left;
clear: none;
width: 100%;
}
.aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
margin-left: 0%;
}
.aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
margin-left: 14.28571429%;
}
.aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
margin-left: 28.57142857%;
}
.aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
margin-left: 42.85714286%;
}
.aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
margin-left: 57.14285714%;
}
.aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
margin-left: 71.42857143%;
}
.aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
margin-left: 85.71428571%;
}
.aem-Grid.aem-Grid--phone--7 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
margin-left: 100%;
}
.aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--1 {
float: left;
clear: none;
width: 12.5%;
}
.aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--2 {
float: left;
clear: none;
width: 25%;
}
.aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--3 {
float: left;
clear: none;
width: 37.5%;
}
.aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--4 {
float: left;
clear: none;
width: 50%;
}
.aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--5 {
float: left;
clear: none;
width: 62.5%;
}
.aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--6 {
float: left;
clear: none;
width: 75%;
}
.aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--7 {
float: left;
clear: none;
width: 87.5%;
}
.aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--phone--8 {
float: left;
clear: none;
width: 100%;
}
.aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
margin-left: 0%;
}
.aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
margin-left: 12.5%;
}
.aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
margin-left: 25%;
}
.aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
margin-left: 37.5%;
}
.aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
margin-left: 50%;
}
.aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
margin-left: 62.5%;
}
.aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
margin-left: 75%;
}
.aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
margin-left: 87.5%;
}
.aem-Grid.aem-Grid--phone--8 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
margin-left: 100%;
}
.aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--1 {
float: left;
clear: none;
width: 11.11111111%;
}
.aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--2 {
float: left;
clear: none;
width: 22.22222222%;
}
.aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--3 {
float: left;
clear: none;
width: 33.33333333%;
}
.aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--4 {
float: left;
clear: none;
width: 44.44444444%;
}
.aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--5 {
float: left;
clear: none;
width: 55.55555556%;
}
.aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--6 {
float: left;
clear: none;
width: 66.66666667%;
}
.aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--7 {
float: left;
clear: none;
width: 77.77777778%;
}
.aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--8 {
float: left;
clear: none;
width: 88.88888889%;
}
.aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--phone--9 {
float: left;
clear: none;
width: 100%;
}
.aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
margin-left: 0%;
}
.aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
margin-left: 11.11111111%;
}
.aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
margin-left: 22.22222222%;
}
.aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
margin-left: 33.33333333%;
}
.aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
margin-left: 44.44444444%;
}
.aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
margin-left: 55.55555556%;
}
.aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
margin-left: 66.66666667%;
}
.aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
margin-left: 77.77777778%;
}
.aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
margin-left: 88.88888889%;
}
.aem-Grid.aem-Grid--phone--9 > .aem-GridColumn.aem-GridColumn--offset--phone--9 {
margin-left: 100%;
}
.aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--1 {
float: left;
clear: none;
width: 10%;
}
.aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--2 {
float: left;
clear: none;
width: 20%;
}
.aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--3 {
float: left;
clear: none;
width: 30%;
}
.aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--4 {
float: left;
clear: none;
width: 40%;
}
.aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--5 {
float: left;
clear: none;
width: 50%;
}
.aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--6 {
float: left;
clear: none;
width: 60%;
}
.aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--7 {
float: left;
clear: none;
width: 70%;
}
.aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--8 {
float: left;
clear: none;
width: 80%;
}
.aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--9 {
float: left;
clear: none;
width: 90%;
}
.aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--phone--10 {
float: left;
clear: none;
width: 100%;
}
.aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
margin-left: 0%;
}
.aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
margin-left: 10%;
}
.aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
margin-left: 20%;
}
.aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
margin-left: 30%;
}
.aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
margin-left: 40%;
}
.aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
margin-left: 50%;
}
.aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
margin-left: 60%;
}
.aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
margin-left: 70%;
}
.aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
margin-left: 80%;
}
.aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--9 {
margin-left: 90%;
}
.aem-Grid.aem-Grid--phone--10 > .aem-GridColumn.aem-GridColumn--offset--phone--10 {
margin-left: 100%;
}
.aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--1 {
float: left;
clear: none;
width: 9.09090909%;
}
.aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--2 {
float: left;
clear: none;
width: 18.18181818%;
}
.aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--3 {
float: left;
clear: none;
width: 27.27272727%;
}
.aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--4 {
float: left;
clear: none;
width: 36.36363636%;
}
.aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--5 {
float: left;
clear: none;
width: 45.45454545%;
}
.aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--6 {
float: left;
clear: none;
width: 54.54545455%;
}
.aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--7 {
float: left;
clear: none;
width: 63.63636364%;
}
.aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--8 {
float: left;
clear: none;
width: 72.72727273%;
}
.aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--9 {
float: left;
clear: none;
width: 81.81818182%;
}
.aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--10 {
float: left;
clear: none;
width: 90.90909091%;
}
.aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--phone--11 {
float: left;
clear: none;
width: 100%;
}
.aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
margin-left: 0%;
}
.aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
margin-left: 9.09090909%;
}
.aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
margin-left: 18.18181818%;
}
.aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
margin-left: 27.27272727%;
}
.aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
margin-left: 36.36363636%;
}
.aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
margin-left: 45.45454545%;
}
.aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
margin-left: 54.54545455%;
}
.aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
margin-left: 63.63636364%;
}
.aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
margin-left: 72.72727273%;
}
.aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--9 {
margin-left: 81.81818182%;
}
.aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--10 {
margin-left: 90.90909091%;
}
.aem-Grid.aem-Grid--phone--11 > .aem-GridColumn.aem-GridColumn--offset--phone--11 {
margin-left: 100%;
}
.aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--1 {
float: left;
clear: none;
width: 8.33333333%;
}
.aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--2 {
float: left;
clear: none;
width: 16.66666667%;
}
.aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--3 {
float: left;
clear: none;
width: 25%;
}
.aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--4 {
float: left;
clear: none;
width: 33.33333333%;
}
.aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--5 {
float: left;
clear: none;
width: 41.66666667%;
}
.aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--6 {
float: left;
clear: none;
width: 50%;
}
.aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--7 {
float: left;
clear: none;
width: 58.33333333%;
}
.aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--8 {
float: left;
clear: none;
width: 66.66666667%;
}
.aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--9 {
float: left;
clear: none;
width: 75%;
}
.aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--10 {
float: left;
clear: none;
width: 83.33333333%;
}
.aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--11 {
float: left;
clear: none;
width: 91.66666667%;
}
.aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--phone--12 {
float: left;
clear: none;
width: 100%;
}
.aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--0 {
margin-left: 0%;
}
.aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {
margin-left: 8.33333333%;
}
.aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--2 {
margin-left: 16.66666667%;
}
.aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--3 {
margin-left: 25%;
}
.aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--4 {
margin-left: 33.33333333%;
}
.aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--5 {
margin-left: 41.66666667%;
}
.aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--6 {
margin-left: 50%;
}
.aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--7 {
margin-left: 58.33333333%;
}
.aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--8 {
margin-left: 66.66666667%;
}
.aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--9 {
margin-left: 75%;
}
.aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--10 {
margin-left: 83.33333333%;
}
.aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--11 {
margin-left: 91.66666667%;
}
.aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--12 {
margin-left: 100%;
}
.aem-Grid > .aem-GridColumn.aem-GridColumn--phone--newline {
/* newline behavior */
display: block;
clear: both !important;
}
.aem-Grid > .aem-GridColumn.aem-GridColumn--phone--none {
/* none behavior */
display: block;
clear: none !important;
float: left;
}
.aem-Grid > .aem-GridColumn.aem-GridColumn--phone--hide {
/* hide behavior */
display: none;
}
}
/* tablet breakpoint */
@media (min-width: 651px) and (max-width: 1200px) {
.aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--tablet--1 {
float: left;
clear: none;
width: 100%;
}
.aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
margin-left: 0%;
}
.aem-Grid.aem-Grid--1 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
margin-left: 100%;
}
.aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--tablet--1 {
float: left;
clear: none;
width: 50%;
}
.aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--tablet--2 {
float: left;
clear: none;
width: 100%;
}
.aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
margin-left: 0%;
}
.aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
margin-left: 50%;
}
.aem-Grid.aem-Grid--2 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
margin-left: 100%;
}
.aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--tablet--1 {
float: left;
clear: none;
width: 33.33333333%;
}
.aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--tablet--2 {
float: left;
clear: none;
width: 66.66666667%;
}
.aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--tablet--3 {
float: left;
clear: none;
width: 100%;
}
.aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
margin-left: 0%;
}
.aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
margin-left: 33.33333333%;
}
.aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
margin-left: 66.66666667%;
}
.aem-Grid.aem-Grid--3 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
margin-left: 100%;
}
.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--tablet--1 {
float: left;
clear: none;
width: 25%;
}
.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--tablet--2 {
float: left;
clear: none;
width: 50%;
}
.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--tablet--3 {
float: left;
clear: none;
width: 75%;
}
.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--tablet--4 {
float: left;
clear: none;
width: 100%;
}
.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
margin-left: 0%;
}
.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
margin-left: 25%;
}
.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
margin-left: 50%;
}
.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
margin-left: 75%;
}
.aem-Grid.aem-Grid--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
margin-left: 100%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--tablet--1 {
float: left;
clear: none;
width: 20%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--tablet--2 {
float: left;
clear: none;
width: 40%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--tablet--3 {
float: left;
clear: none;
width: 60%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--tablet--4 {
float: left;
clear: none;
width: 80%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--tablet--5 {
float: left;
clear: none;
width: 100%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
margin-left: 0%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
margin-left: 20%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
margin-left: 40%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
margin-left: 60%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
margin-left: 80%;
}
.aem-Grid.aem-Grid--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
margin-left: 100%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--tablet--1 {
float: left;
clear: none;
width: 16.66666667%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--tablet--2 {
float: left;
clear: none;
width: 33.33333333%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--tablet--3 {
float: left;
clear: none;
width: 50%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--tablet--4 {
float: left;
clear: none;
width: 66.66666667%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--tablet--5 {
float: left;
clear: none;
width: 83.33333333%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--tablet--6 {
float: left;
clear: none;
width: 100%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
margin-left: 0%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
margin-left: 16.66666667%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
margin-left: 33.33333333%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
margin-left: 50%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
margin-left: 66.66666667%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
margin-left: 83.33333333%;
}
.aem-Grid.aem-Grid--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
margin-left: 100%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--tablet--1 {
float: left;
clear: none;
width: 14.28571429%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--tablet--2 {
float: left;
clear: none;
width: 28.57142857%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--tablet--3 {
float: left;
clear: none;
width: 42.85714286%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--tablet--4 {
float: left;
clear: none;
width: 57.14285714%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--tablet--5 {
float: left;
clear: none;
width: 71.42857143%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--tablet--6 {
float: left;
clear: none;
width: 85.71428571%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--tablet--7 {
float: left;
clear: none;
width: 100%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
margin-left: 0%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
margin-left: 14.28571429%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
margin-left: 28.57142857%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
margin-left: 42.85714286%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
margin-left: 57.14285714%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
margin-left: 71.42857143%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
margin-left: 85.71428571%;
}
.aem-Grid.aem-Grid--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
margin-left: 100%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--1 {
float: left;
clear: none;
width: 12.5%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--2 {
float: left;
clear: none;
width: 25%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--3 {
float: left;
clear: none;
width: 37.5%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--4 {
float: left;
clear: none;
width: 50%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--5 {
float: left;
clear: none;
width: 62.5%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--6 {
float: left;
clear: none;
width: 75%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--7 {
float: left;
clear: none;
width: 87.5%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--tablet--8 {
float: left;
clear: none;
width: 100%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
margin-left: 0%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
margin-left: 12.5%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
margin-left: 25%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
margin-left: 37.5%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
margin-left: 50%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
margin-left: 62.5%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
margin-left: 75%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
margin-left: 87.5%;
}
.aem-Grid.aem-Grid--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
margin-left: 100%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--1 {
float: left;
clear: none;
width: 11.11111111%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--2 {
float: left;
clear: none;
width: 22.22222222%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--3 {
float: left;
clear: none;
width: 33.33333333%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--4 {
float: left;
clear: none;
width: 44.44444444%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--5 {
float: left;
clear: none;
width: 55.55555556%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--6 {
float: left;
clear: none;
width: 66.66666667%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--7 {
float: left;
clear: none;
width: 77.77777778%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--8 {
float: left;
clear: none;
width: 88.88888889%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--tablet--9 {
float: left;
clear: none;
width: 100%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
margin-left: 0%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
margin-left: 11.11111111%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
margin-left: 22.22222222%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
margin-left: 33.33333333%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
margin-left: 44.44444444%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
margin-left: 55.55555556%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
margin-left: 66.66666667%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
margin-left: 77.77777778%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
margin-left: 88.88888889%;
}
.aem-Grid.aem-Grid--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
margin-left: 100%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--1 {
float: left;
clear: none;
width: 10%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--2 {
float: left;
clear: none;
width: 20%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--3 {
float: left;
clear: none;
width: 30%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--4 {
float: left;
clear: none;
width: 40%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--5 {
float: left;
clear: none;
width: 50%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--6 {
float: left;
clear: none;
width: 60%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--7 {
float: left;
clear: none;
width: 70%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--8 {
float: left;
clear: none;
width: 80%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--9 {
float: left;
clear: none;
width: 90%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--tablet--10 {
float: left;
clear: none;
width: 100%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
margin-left: 0%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
margin-left: 10%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
margin-left: 20%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
margin-left: 30%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
margin-left: 40%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
margin-left: 50%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
margin-left: 60%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
margin-left: 70%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
margin-left: 80%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
margin-left: 90%;
}
.aem-Grid.aem-Grid--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--10 {
margin-left: 100%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--1 {
float: left;
clear: none;
width: 9.09090909%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--2 {
float: left;
clear: none;
width: 18.18181818%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--3 {
float: left;
clear: none;
width: 27.27272727%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--4 {
float: left;
clear: none;
width: 36.36363636%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--5 {
float: left;
clear: none;
width: 45.45454545%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--6 {
float: left;
clear: none;
width: 54.54545455%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--7 {
float: left;
clear: none;
width: 63.63636364%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--8 {
float: left;
clear: none;
width: 72.72727273%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--9 {
float: left;
clear: none;
width: 81.81818182%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--10 {
float: left;
clear: none;
width: 90.90909091%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--tablet--11 {
float: left;
clear: none;
width: 100%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
margin-left: 0%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
margin-left: 9.09090909%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
margin-left: 18.18181818%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
margin-left: 27.27272727%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
margin-left: 36.36363636%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
margin-left: 45.45454545%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
margin-left: 54.54545455%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
margin-left: 63.63636364%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
margin-left: 72.72727273%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
margin-left: 81.81818182%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--10 {
margin-left: 90.90909091%;
}
.aem-Grid.aem-Grid--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--11 {
margin-left: 100%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--1 {
float: left;
clear: none;
width: 8.33333333%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--2 {
float: left;
clear: none;
width: 16.66666667%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--3 {
float: left;
clear: none;
width: 25%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--4 {
float: left;
clear: none;
width: 33.33333333%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--5 {
float: left;
clear: none;
width: 41.66666667%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--6 {
float: left;
clear: none;
width: 50%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--7 {
float: left;
clear: none;
width: 58.33333333%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--8 {
float: left;
clear: none;
width: 66.66666667%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--9 {
float: left;
clear: none;
width: 75%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--10 {
float: left;
clear: none;
width: 83.33333333%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--11 {
float: left;
clear: none;
width: 91.66666667%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--tablet--12 {
float: left;
clear: none;
width: 100%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
margin-left: 0%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
margin-left: 8.33333333%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
margin-left: 16.66666667%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
margin-left: 25%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
margin-left: 33.33333333%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
margin-left: 41.66666667%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
margin-left: 50%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
margin-left: 58.33333333%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
margin-left: 66.66666667%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
margin-left: 75%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--10 {
margin-left: 83.33333333%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--11 {
margin-left: 91.66666667%;
}
.aem-Grid.aem-Grid--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--12 {
margin-left: 100%;
}
.aem-Grid.aem-Grid--tablet--1 > .aem-GridColumn.aem-GridColumn--tablet--1 {
float: left;
clear: none;
width: 100%;
}
.aem-Grid.aem-Grid--tablet--1 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
margin-left: 0%;
}
.aem-Grid.aem-Grid--tablet--1 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
margin-left: 100%;
}
.aem-Grid.aem-Grid--tablet--2 > .aem-GridColumn.aem-GridColumn--tablet--1 {
float: left;
clear: none;
width: 50%;
}
.aem-Grid.aem-Grid--tablet--2 > .aem-GridColumn.aem-GridColumn--tablet--2 {
float: left;
clear: none;
width: 100%;
}
.aem-Grid.aem-Grid--tablet--2 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
margin-left: 0%;
}
.aem-Grid.aem-Grid--tablet--2 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
margin-left: 50%;
}
.aem-Grid.aem-Grid--tablet--2 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
margin-left: 100%;
}
.aem-Grid.aem-Grid--tablet--3 > .aem-GridColumn.aem-GridColumn--tablet--1 {
float: left;
clear: none;
width: 33.33333333%;
}
.aem-Grid.aem-Grid--tablet--3 > .aem-GridColumn.aem-GridColumn--tablet--2 {
float: left;
clear: none;
width: 66.66666667%;
}
.aem-Grid.aem-Grid--tablet--3 > .aem-GridColumn.aem-GridColumn--tablet--3 {
float: left;
clear: none;
width: 100%;
}
.aem-Grid.aem-Grid--tablet--3 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
margin-left: 0%;
}
.aem-Grid.aem-Grid--tablet--3 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
margin-left: 33.33333333%;
}
.aem-Grid.aem-Grid--tablet--3 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
margin-left: 66.66666667%;
}
.aem-Grid.aem-Grid--tablet--3 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
margin-left: 100%;
}
.aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--tablet--1 {
float: left;
clear: none;
width: 25%;
}
.aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--tablet--2 {
float: left;
clear: none;
width: 50%;
}
.aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--tablet--3 {
float: left;
clear: none;
width: 75%;
}
.aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--tablet--4 {
float: left;
clear: none;
width: 100%;
}
.aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
margin-left: 0%;
}
.aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
margin-left: 25%;
}
.aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
margin-left: 50%;
}
.aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
margin-left: 75%;
}
.aem-Grid.aem-Grid--tablet--4 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
margin-left: 100%;
}
.aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--tablet--1 {
float: left;
clear: none;
width: 20%;
}
.aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--tablet--2 {
float: left;
clear: none;
width: 40%;
}
.aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--tablet--3 {
float: left;
clear: none;
width: 60%;
}
.aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--tablet--4 {
float: left;
clear: none;
width: 80%;
}
.aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--tablet--5 {
float: left;
clear: none;
width: 100%;
}
.aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
margin-left: 0%;
}
.aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
margin-left: 20%;
}
.aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
margin-left: 40%;
}
.aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
margin-left: 60%;
}
.aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
margin-left: 80%;
}
.aem-Grid.aem-Grid--tablet--5 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
margin-left: 100%;
}
.aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--tablet--1 {
float: left;
clear: none;
width: 16.66666667%;
}
.aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--tablet--2 {
float: left;
clear: none;
width: 33.33333333%;
}
.aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--tablet--3 {
float: left;
clear: none;
width: 50%;
}
.aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--tablet--4 {
float: left;
clear: none;
width: 66.66666667%;
}
.aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--tablet--5 {
float: left;
clear: none;
width: 83.33333333%;
}
.aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--tablet--6 {
float: left;
clear: none;
width: 100%;
}
.aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
margin-left: 0%;
}
.aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
margin-left: 16.66666667%;
}
.aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
margin-left: 33.33333333%;
}
.aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
margin-left: 50%;
}
.aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
margin-left: 66.66666667%;
}
.aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
margin-left: 83.33333333%;
}
.aem-Grid.aem-Grid--tablet--6 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
margin-left: 100%;
}
.aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--tablet--1 {
float: left;
clear: none;
width: 14.28571429%;
}
.aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--tablet--2 {
float: left;
clear: none;
width: 28.57142857%;
}
.aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--tablet--3 {
float: left;
clear: none;
width: 42.85714286%;
}
.aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--tablet--4 {
float: left;
clear: none;
width: 57.14285714%;
}
.aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--tablet--5 {
float: left;
clear: none;
width: 71.42857143%;
}
.aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--tablet--6 {
float: left;
clear: none;
width: 85.71428571%;
}
.aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--tablet--7 {
float: left;
clear: none;
width: 100%;
}
.aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
margin-left: 0%;
}
.aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
margin-left: 14.28571429%;
}
.aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
margin-left: 28.57142857%;
}
.aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
margin-left: 42.85714286%;
}
.aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
margin-left: 57.14285714%;
}
.aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
margin-left: 71.42857143%;
}
.aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
margin-left: 85.71428571%;
}
.aem-Grid.aem-Grid--tablet--7 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
margin-left: 100%;
}
.aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--1 {
float: left;
clear: none;
width: 12.5%;
}
.aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--2 {
float: left;
clear: none;
width: 25%;
}
.aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--3 {
float: left;
clear: none;
width: 37.5%;
}
.aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--4 {
float: left;
clear: none;
width: 50%;
}
.aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--5 {
float: left;
clear: none;
width: 62.5%;
}
.aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--6 {
float: left;
clear: none;
width: 75%;
}
.aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--7 {
float: left;
clear: none;
width: 87.5%;
}
.aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--tablet--8 {
float: left;
clear: none;
width: 100%;
}
.aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
margin-left: 0%;
}
.aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
margin-left: 12.5%;
}
.aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
margin-left: 25%;
}
.aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
margin-left: 37.5%;
}
.aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
margin-left: 50%;
}
.aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
margin-left: 62.5%;
}
.aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
margin-left: 75%;
}
.aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
margin-left: 87.5%;
}
.aem-Grid.aem-Grid--tablet--8 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
margin-left: 100%;
}
.aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--1 {
float: left;
clear: none;
width: 11.11111111%;
}
.aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--2 {
float: left;
clear: none;
width: 22.22222222%;
}
.aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--3 {
float: left;
clear: none;
width: 33.33333333%;
}
.aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--4 {
float: left;
clear: none;
width: 44.44444444%;
}
.aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--5 {
float: left;
clear: none;
width: 55.55555556%;
}
.aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--6 {
float: left;
clear: none;
width: 66.66666667%;
}
.aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--7 {
float: left;
clear: none;
width: 77.77777778%;
}
.aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--8 {
float: left;
clear: none;
width: 88.88888889%;
}
.aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--tablet--9 {
float: left;
clear: none;
width: 100%;
}
.aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
margin-left: 0%;
}
.aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
margin-left: 11.11111111%;
}
.aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
margin-left: 22.22222222%;
}
.aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
margin-left: 33.33333333%;
}
.aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
margin-left: 44.44444444%;
}
.aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
margin-left: 55.55555556%;
}
.aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
margin-left: 66.66666667%;
}
.aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
margin-left: 77.77777778%;
}
.aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
margin-left: 88.88888889%;
}
.aem-Grid.aem-Grid--tablet--9 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
margin-left: 100%;
}
.aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--1 {
float: left;
clear: none;
width: 10%;
}
.aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--2 {
float: left;
clear: none;
width: 20%;
}
.aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--3 {
float: left;
clear: none;
width: 30%;
}
.aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--4 {
float: left;
clear: none;
width: 40%;
}
.aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--5 {
float: left;
clear: none;
width: 50%;
}
.aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--6 {
float: left;
clear: none;
width: 60%;
}
.aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--7 {
float: left;
clear: none;
width: 70%;
}
.aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--8 {
float: left;
clear: none;
width: 80%;
}
.aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--9 {
float: left;
clear: none;
width: 90%;
}
.aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--tablet--10 {
float: left;
clear: none;
width: 100%;
}
.aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
margin-left: 0%;
}
.aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
margin-left: 10%;
}
.aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
margin-left: 20%;
}
.aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
margin-left: 30%;
}
.aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
margin-left: 40%;
}
.aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
margin-left: 50%;
}
.aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
margin-left: 60%;
}
.aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
margin-left: 70%;
}
.aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
margin-left: 80%;
}
.aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
margin-left: 90%;
}
.aem-Grid.aem-Grid--tablet--10 > .aem-GridColumn.aem-GridColumn--offset--tablet--10 {
margin-left: 100%;
}
.aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--1 {
float: left;
clear: none;
width: 9.09090909%;
}
.aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--2 {
float: left;
clear: none;
width: 18.18181818%;
}
.aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--3 {
float: left;
clear: none;
width: 27.27272727%;
}
.aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--4 {
float: left;
clear: none;
width: 36.36363636%;
}
.aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--5 {
float: left;
clear: none;
width: 45.45454545%;
}
.aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--6 {
float: left;
clear: none;
width: 54.54545455%;
}
.aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--7 {
float: left;
clear: none;
width: 63.63636364%;
}
.aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--8 {
float: left;
clear: none;
width: 72.72727273%;
}
.aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--9 {
float: left;
clear: none;
width: 81.81818182%;
}
.aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--10 {
float: left;
clear: none;
width: 90.90909091%;
}
.aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--tablet--11 {
float: left;
clear: none;
width: 100%;
}
.aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
margin-left: 0%;
}
.aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
margin-left: 9.09090909%;
}
.aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
margin-left: 18.18181818%;
}
.aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
margin-left: 27.27272727%;
}
.aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
margin-left: 36.36363636%;
}
.aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
margin-left: 45.45454545%;
}
.aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
margin-left: 54.54545455%;
}
.aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
margin-left: 63.63636364%;
}
.aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
margin-left: 72.72727273%;
}
.aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
margin-left: 81.81818182%;
}
.aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--10 {
margin-left: 90.90909091%;
}
.aem-Grid.aem-Grid--tablet--11 > .aem-GridColumn.aem-GridColumn--offset--tablet--11 {
margin-left: 100%;
}
.aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--1 {
float: left;
clear: none;
width: 8.33333333%;
}
.aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--2 {
float: left;
clear: none;
width: 16.66666667%;
}
.aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--3 {
float: left;
clear: none;
width: 25%;
}
.aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--4 {
float: left;
clear: none;
width: 33.33333333%;
}
.aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--5 {
float: left;
clear: none;
width: 41.66666667%;
}
.aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--6 {
float: left;
clear: none;
width: 50%;
}
.aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--7 {
float: left;
clear: none;
width: 58.33333333%;
}
.aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--8 {
float: left;
clear: none;
width: 66.66666667%;
}
.aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--9 {
float: left;
clear: none;
width: 75%;
}
.aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--10 {
float: left;
clear: none;
width: 83.33333333%;
}
.aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--11 {
float: left;
clear: none;
width: 91.66666667%;
}
.aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--tablet--12 {
float: left;
clear: none;
width: 100%;
}
.aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--0 {
margin-left: 0%;
}
.aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--1 {
margin-left: 8.33333333%;
}
.aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--2 {
margin-left: 16.66666667%;
}
.aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--3 {
margin-left: 25%;
}
.aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--4 {
margin-left: 33.33333333%;
}
.aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--5 {
margin-left: 41.66666667%;
}
.aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--6 {
margin-left: 50%;
}
.aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--7 {
margin-left: 58.33333333%;
}
.aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--8 {
margin-left: 66.66666667%;
}
.aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--9 {
margin-left: 75%;
}
.aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--10 {
margin-left: 83.33333333%;
}
.aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--11 {
margin-left: 91.66666667%;
}
.aem-Grid.aem-Grid--tablet--12 > .aem-GridColumn.aem-GridColumn--offset--tablet--12 {
margin-left: 100%;
}
.aem-Grid > .aem-GridColumn.aem-GridColumn--tablet--newline {
/* newline behavior */
display: block;
clear: both !important;
}
.aem-Grid > .aem-GridColumn.aem-GridColumn--tablet--none {
/* none behavior */
display: block;
clear: none !important;
float: left;
}
.aem-Grid > .aem-GridColumn.aem-GridColumn--tablet--hide {
/* hide behavior */
display: none;
}
}
.aem-GridColumn {
padding: 0 12px;
}
/* TODO: find a better place for this */
/* additional styling for components in grid */
.aem-GridColumn.text.parbase p {
*padding: 0 20px;
text-align: justify;
}
@charset "UTF-8";
/*------------------------------------
Default Styles
------------------------------------*/
html {
font-size: 14px; }
body {
font-weight: 500;
font-size: 1rem;
font-family: "Solstice Sans", Helvetica, Arial, sans-serif;
line-height: 1.6;
color: #404040;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-moz-font-feature-settings: "liga", "kern";
text-rendering: optimizelegibility;
background-color: #fff; }
a {
color: #007bff;
outline: none; }
a:focus,
a:hover {
color: #006fe6; }
.nav-link {
color: #404040; }
.nav-link:focus,
.nav-link:hover {
color: #404040; }
figure {
margin-bottom: 0; }
/*------------------------------------
Headings
------------------------------------*/
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.h7,
h1,
h2,
h3,
h4,
h5,
h6 {
line-height: 1.4; }
.h7 {
font-size: .75rem; }
/*------------------------------------
Displays
------------------------------------*/
.display-5 {
font-size: 3rem;
font-weight: 300;
line-height: 1.1; }
/*------------------------------------
Highlight Color
------------------------------------*/
::-moz-selection {
color: #fff;
background-color: #007bff; }
::selection {
color: #fff;
background-color: #007bff; }
.g-bg-primary ::-moz-selection {
color: #007bff;
background-color: #fff; }
.g-bg-primary ::selection {
color: #007bff;
background-color: #fff; }
/*------------------------------------
Components
------------------------------------*/
/*------------------------------------
Globals
------------------------------------*/
/* Text */
.g-word-break {
word-wrap: break-word; }
/* Puller */
.g-pull-50x-up {
transform: translateY(-51%); }
.g-pull-50x-bottom {
transform: translateY(51%); }
.g-pull-50x-left {
transform: translateX(-51%); }
.g-pull-50x-right {
transform: translateX(51%); }
/* Link overlay */
/*------------------------------------
Background Attachment
------------------------------------*/
.g-bg-attachment-fixed {
background-attachment: fixed; }
/*------------------------------------
Background Gradient Colors
------------------------------------*/
/* Simple Linear Gradients
------------------------------------*/
/* Gray Light v1 */
.g-bg-gray-light-gradient-v1--after::after {
background: linear-gradient(to bottom, rgba(247, 247, 247, 0.5), #f7f7f7); }
/* White v1 */
.g-bg-white-gradient-v1--after::after {
background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.9)); }
/* Linear Gradients
------------------------------------*/
/* Gray Gradient */
.g-bg-gray-lineargradient {
background-repeat: repeat-x;
background-image: linear-gradient(180deg, #fff, #dbdbdb); }
/* Blue Pink Gradient */
.g-bg-bluepink-lineargradient {
background-repeat: repeat-x;
background-image: linear-gradient(50deg, #2b7cb6, #f62d51); }
/* Blue Gradient */
.g-bg-blue-lineargradient {
background-repeat: repeat-x;
background-image: linear-gradient(0deg, #73bec7, #4e66b0); }
.g-bg-blue-lineargradient-v2 {
background-repeat: repeat-x;
background-image: linear-gradient(225deg, #429edc, #00629e); }
.g-bg-blue-lineargradient-v3 {
background-repeat: repeat-x;
background-image: linear-gradient(225deg, #3266a2, #98cfbf); }
.g-bg-blue-lineargradient-v4 {
background-repeat: repeat-x;
background-image: linear-gradient(225deg, #5b85df, #3ec2e3); }
.g-bg-blue-lineargradient-v5 {
background-repeat: repeat-x;
background-image: linear-gradient(225deg, #0050c2, #5180fa); }
/* Orange Gradient */
.g-bg-orange-lineargradient {
background-repeat: repeat-x;
background-image: linear-gradient(225deg, #be1715, #ed6d0f); }
.g-bg-orange-lineargradient-v2 {
background-repeat: repeat-x;
background-image: linear-gradient(225deg, #f5cd21, #c22821); }
/* Yellow Gradient */
.g-bg-yellow-lineargradient {
background-repeat: repeat-x;
background-image: linear-gradient(225deg, #f59b00, #f5d400); }
/* Dark Purple Gradient */
.g-bg-darkpurple-lineargradient {
background-repeat: repeat-x;
background-image: linear-gradient(225deg, #0b011d, #330c3c); }
/* Blue Gray Gradient */
.g-bg-bluegray-lineargradient {
background-repeat: repeat-x;
background-image: linear-gradient(225deg, #1d253c, #3e4757); }
/* Pink Gradient */
.g-bg-pink-lineargradient {
background-repeat: repeat-x;
background-image: linear-gradient(225deg, #b6003b, #ed1261); }
/* Pink-v2 Gradient */
.g-bg-pink-lineargradient-v2 {
background-image: linear-gradient(to right top, #fc7279 10%, #ff7b9c 65%, #ffc019 125%);
background-repeat: no-repeat; }
/* Red Gradient */
.g-bg-red-lineargradient {
background-repeat: repeat-x;
background-image: linear-gradient(225deg, #d70417, #9f041b); }
/* Black Gradient */
.g-bg-black-gradient-opacity-v1,
.g-bg-black-gradient-opacity-v1--after::after {
background-image: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.9) 100%);
background-repeat: repeat-x; }
/* Green Gradient */
.g-bg-green-gradient-opacity-v1,
.g-bg-green-gradient-opacity-v1--after::after {
background-image: linear-gradient(to bottom, rgba(51, 152, 220, 0.5) 0%, rgba(114, 192, 44, 0.8) 100%);
background-repeat: repeat-x; }
/* Purple Gradient */
.g-bg-purple-gradient-opacity-v1,
.g-bg-purple-gradient-opacity-v1--after::after {
background-image: linear-gradient(to bottom, rgba(114, 192, 44, 0.5) 0%, rgba(154, 105, 203, 0.8) 100%);
background-repeat: repeat-x; }
/* Pink Light Gradient */
.g-bg-pink-gradient-opacity-v1,
.g-bg-pink-gradient-opacity-v1--after::after {
background-image: linear-gradient(to bottom, rgba(114, 192, 44, 0.5) 0%, rgba(232, 28, 98, 0.8) 100%);
background-repeat: repeat-x; }
/* Cyan Gradient */
.g-bg-cyan-gradient-opacity-v1,
.g-bg-cyan-gradient-opacity-v1--after::after {
background-image: linear-gradient(to bottom, rgba(0, 0, 153, 0.5) 0%, rgba(0, 190, 214, 0.6) 100%);
background-repeat: repeat-x; }
/* Purple Gradient */
.g-bg-purple-gradient-opacity-v1,
.g-bg-purple-gradient-opacity-v1--after::after {
background-repeat: repeat-x;
background-image: linear-gradient(150deg, #b7ebf6, rgba(228, 97, 210, 0.7)); }
/* Primary Gradient */
.g-bg-primary-gradient-opacity-v1,
.g-bg-primary-gradient-opacity-v1--after::after {
background-repeat: repeat-x;
background-image: linear-gradient(150deg, #72c02c, rgba(51, 152, 220, 0.7)); }
/* Gray Gradient */
.g-bg-gray-gradient-opacity-v1,
.g-bg-gray-gradient-opacity-v1--after::after {
background-image: linear-gradient(to top, #f7f7f7 0%, white 100%);
background-repeat: repeat-x; }
/* White Gradient */
.g-bg-white-gradient-opacity-v1,
.g-bg-white-gradient-opacity-v1--after::after {
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, transparent 100%);
background-repeat: repeat-x; }
/* White Gradient */
.g-bg-white-gradient-opacity-v2,
.g-bg-white-gradient-opacity-v2--after::after {
background-image: linear-gradient(to top, black 0%, rgba(0, 0, 0, 0.1) 100%);
background-repeat: repeat-x; }
/* White Gradient */
.g-bg-white-gradient-opacity-v3,
.g-bg-white-gradient-opacity-v3--after::after {
background-image: linear-gradient(to left, white 30%, rgba(255, 255, 255, 0.3) 100%);
background-repeat: repeat-x; }
/* White Gradient */
.g-bg-white-gradient-opacity-v4,
.g-bg-white-gradient-opacity-v4--after::after {
background-image: linear-gradient(to right, white 30%, rgba(255, 255, 255, 0.3) 100%);
background-repeat: repeat-x; }
/* White Gradient */
.g-bg-white-gradient-opacity-v5,
.g-bg-white-gradient-opacity-v5--after::after {
background-image: linear-gradient(to right, white 47%, rgba(255, 255, 255, 0) 75%);
background-repeat: repeat-x; }
/* Bluegray Gradient */
.g-bg-bluegray-gradient-opacity-v1,
.g-bg-bluegray-gradient-opacity-v1--after::after {
background-image: linear-gradient(to top, rgba(88, 95, 105, 0.2) 0%, transparent 100%);
background-repeat: repeat-x; }
/* Bluegray Gradient */
.g-bg-bluegray-gradient-opacity-v2,
.g-bg-bluegray-gradient-opacity-v2--after::after {
background-image: linear-gradient(to top, rgba(88, 95, 105, 0.3) 0%, transparent 100%);
background-repeat: repeat-x; }
/* Bluegray Gradient */
.g-bg-bluegray-gradient-opacity-v3,
.g-bg-bluegray-gradient-opacity-v3--after::after {
background-repeat: repeat-x;
background-image: linear-gradient(150deg, rgba(107, 125, 224, 0.85), #2a2734); }
/* Secondary Gradient v1 */
.g-bg-secondary-gradient-v1,
.g-bg-secondary-gradient-v1--after::after {
background-image: linear-gradient(to top, rgba(250, 250, 250, 0) 0%, #fafafa 100%);
background-repeat: repeat-x; }
/* Secondary Gradient v2 */
.g-bg-secondary-gradient-v2,
.g-bg-secondary-gradient-v2--after::after {
background-image: linear-gradient(to top, #fafafa 0%, rgba(250, 250, 250, 0) 100%);
background-repeat: repeat-x; }
/* Radial Gradients (Ellipse)
------------------------------------*/
/* Lightblue Gradient */
.g-bg-lightblue-radialgradient-ellipse {
background-image: radial-gradient(ellipse farthest-corner at 50% 50%, #fff 22%, #d6e2ee);
background-repeat: no-repeat; }
/* Gray Gradient */
.g-bg-gray-radialgradient-ellipse {
background-image: radial-gradient(ellipse farthest-corner at 50% 50%, #dbdbdb 22%, #bbb);
background-repeat: no-repeat; }
/* Gray Gradient */
.g-bg-graylight-radialgradient-ellipse {
background-image: radial-gradient(ellipse farthest-corner at 50% 50%, #fff 25%, #eee);
background-repeat: no-repeat; }
/* Radial Gradients (Circle)
------------------------------------*/
/* Lightblue Gradient */
.g-bg-lightblue-radialgradient-circle {
background-image: radial-gradient(circle farthest-corner at 75% 95%, #fff, #d6e2ee);
background-repeat: no-repeat; }
/* Blue Gradient */
.g-bg-blue-radialgradient-circle {
background-image: radial-gradient(circle farthest-side at 50% 50%, #2294d7, #275296);
background-repeat: no-repeat; }
/* Dark Gray Gradient */
.g-bg-darkgray-radialgradient-circle {
background-image: radial-gradient(circle farthest-side at 110% 0, #596070, #31353e);
background-repeat: no-repeat; }
.g-bg-blue-radialgradient-circle-endless {
background-image: repeating-radial-gradient(circle at 50% 50%, #b9ecfe, #b9ecfe 10px, #82ddff 10px, #82ddff 20px); }
.g-bg-gray-verticalstripes-endless {
background: repeating-linear-gradient(to bottom, #fff, #fff 5px, #eee 5px, #eee 10px); }
/*------------------------------------
Background Colors
------------------------------------*/
/* Basic Colors
------------------------------------*/
/* Main Colors */
.g-bg-main {
background-color: #fff !important; }
/* Main Secondary */
.g-bg-secondary {
background-color: #fafafa !important; }
/* Primary Colors */
.g-bg-primary {
background-color: #007bff !important; }
.g-bg-primary--hover:hover {
background-color: #007bff !important; }
.u-block-hover:hover .g-bg-primary--hover {
background-color: #007bff; }
.g-parent:hover .g-bg-primary--parent-hover {
background-color: #007bff !important; }
.g-bg-primary--active.active,
.active .g-bg-primary--active {
background-color: #007bff !important; }
.g-parent.active .g-bg-primary--parent-active {
background-color: #007bff !important; }
.g-bg-primary--before::before, .g-bg-primary--after::after {
background-color: #007bff !important; }
.g-bg-primary-dark-v1 {
background-color: #0076f5 !important; }
.g-bg-primary-dark-v2 {
background-color: #006fe6 !important; }
.g-bg-primary-dark-v3 {
background-color: #0062cc !important; }
.g-bg-primary-opacity-0_1 {
background-color: rgba(0, 123, 255, 0.1) !important; }
.g-bg-primary-opacity-0_2 {
background-color: rgba(0, 123, 255, 0.2) !important; }
.g-bg-primary-opacity-0_2--hover:hover {
background-color: rgba(0, 123, 255, 0.2) !important; }
.g-bg-primary-opacity-0_2--hover--after:hover::after {
background-color: rgba(0, 123, 255, 0.2) !important; }
.active .g-bg-primary-opacity-0_2--active {
background-color: rgba(0, 123, 255, 0.2) !important; }
.g-bg-primary-opacity-0_2--before::before, .g-bg-primary-opacity-0_2--after::after {
background-color: rgba(0, 123, 255, 0.2) !important; }
.g-bg-primary-opacity-0_3 {
background-color: rgba(0, 123, 255, 0.3) !important; }
.g-bg-primary-opacity-0_3--hover:hover {
background-color: rgba(0, 123, 255, 0.3) !important; }
.g-bg-primary-opacity-0_3--hover--after:hover::after {
background-color: rgba(0, 123, 255, 0.3) !important; }
.active .g-bg-primary-opacity-0_3--active {
background-color: rgba(0, 123, 255, 0.3) !important; }
.g-bg-primary-opacity-0_3--before::before, .g-bg-primary-opacity-0_3--after::after {
background-color: rgba(0, 123, 255, 0.3) !important; }
.g-bg-primary-opacity-0_4 {
background-color: rgba(0, 123, 255, 0.4) !important; }
.g-bg-primary-opacity-0_4--hover:hover {
background-color: rgba(0, 123, 255, 0.4) !important; }
.g-bg-primary-opacity-0_4--hover--after:hover::after {
background-color: rgba(0, 123, 255, 0.4) !important; }
.g-bg-primary-opacity-0_4--after::after {
background-color: rgba(0, 123, 255, 0.4) !important; }
.g-bg-primary-opacity-0_6 {
background-color: rgba(0, 123, 255, 0.6) !important; }
.g-bg-primary-opacity-0_6--hover:hover {
background-color: rgba(0, 123, 255, 0.6) !important; }
.g-bg-primary-opacity-0_6--hover--after:hover::after {
background-color: rgba(0, 123, 255, 0.6) !important; }
.g-bg-primary-opacity-0_6--after::after {
background-color: rgba(0, 123, 255, 0.6) !important; }
.g-bg-primary-opacity-0_8 {
background-color: rgba(0, 123, 255, 0.8) !important; }
.g-bg-primary-opacity-0_8--hover:hover {
background-color: rgba(0, 123, 255, 0.8) !important; }
.g-bg-primary-opacity-0_8--hover--after:hover::after {
background-color: rgba(0, 123, 255, 0.8) !important; }
.g-bg-primary-opacity-0_8--before::after, .g-bg-primary-opacity-0_8--after::after {
background-color: rgba(0, 123, 255, 0.8) !important; }
.g-bg-primary-opacity-0_8--before--hover:hover::after, .g-bg-primary-opacity-0_8--after--hover:hover::after {
background-color: rgba(0, 123, 255, 0.8) !important; }
.g-bg-primary-opacity-0_9 {
background-color: rgba(0, 123, 255, 0.9) !important; }
.g-bg-primary-opacity-0_9--hover:hover {
background-color: rgba(0, 123, 255, 0.9) !important; }
.g-bg-primary-opacity-0_9--hover--after:hover::after {
background-color: rgba(0, 123, 255, 0.9) !important; }
.g-bg-primary-opacity-0_9--before::after, .g-bg-primary-opacity-0_9--after::after {
background-color: rgba(0, 123, 255, 0.9) !important; }
.g-bg-primary-opacity-0_9--before--hover:hover::after, .g-bg-primary-opacity-0_9--after--hover:hover::after {
background-color: rgba(0, 123, 255, 0.9) !important; }
/* Black Colors */
.g-bg-black {
background-color: #000 !important; }
.g-bg-black--hover:hover {
background-color: #000 !important; }
.g-bg-black--after::after {
background-color: #000 !important; }
.g-bg-black-opacity-0_1 {
background-color: rgba(0, 0, 0, 0.1) !important; }
.g-bg-black-opacity-0_1--after::after {
background-color: rgba(0, 0, 0, 0.1) !important; }
.g-bg-black-opacity-0_2 {
background-color: rgba(0, 0, 0, 0.2) !important; }
.g-bg-black-opacity-0_2--after::after {
background-color: rgba(0, 0, 0, 0.2) !important; }
.g-bg-black-opacity-0_3 {
background-color: rgba(0, 0, 0, 0.3) !important; }
.g-bg-black-opacity-0_3--hover:hover {
background-color: rgba(0, 0, 0, 0.3) !important; }
.g-bg-black-opacity-0_3--after::after, .g-bg-black-opacity-0_3--before::before {
background-color: rgba(0, 0, 0, 0.3) !important; }
.g-bg-black-opacity-0_3--hover--after:hover::after {
background-color: rgba(0, 0, 0, 0.3) !important; }
.g-bg-black-opacity-0_4 {
background-color: rgba(0, 0, 0, 0.4) !important; }
.g-bg-black-opacity-0_4--after::after {
background-color: rgba(0, 0, 0, 0.4) !important; }
.g-bg-black-opacity-0_5 {
background-color: rgba(0, 0, 0, 0.5) !important; }
.g-bg-black-opacity-0_5--hover:hover {
background-color: rgba(0, 0, 0, 0.5) !important; }
.g-bg-black-opacity-0_5--after::after {
background-color: rgba(0, 0, 0, 0.5) !important; }
.g-bg-black-opacity-0_6 {
background-color: rgba(0, 0, 0, 0.6) !important; }
.g-bg-black-opacity-0_6--hover:hover {
background-color: rgba(0, 0, 0, 0.7) !important; }
.g-bg-black-opacity-0_6--after::after {
background-color: rgba(0, 0, 0, 0.6) !important; }
.g-bg-black-opacity-0_7 {
background-color: rgba(0, 0, 0, 0.7) !important; }
.g-bg-black-opacity-0_7--hover:hover {
background-color: rgba(0, 0, 0, 0.7) !important; }
.g-bg-black-opacity-0_7--after::after {
background-color: rgba(0, 0, 0, 0.7) !important; }
.g-bg-black-opacity-0_8 {
background-color: rgba(0, 0, 0, 0.8) !important; }
.g-bg-black-opacity-0_8--after::after {
background-color: rgba(0, 0, 0, 0.8) !important; }
.g-bg-black-opacity-0_8--hover:hover {
background-color: rgba(0, 0, 0, 0.8) !important; }
.g-bg-black-opacity-0_9 {
background-color: rgba(0, 0, 0, 0.9) !important; }
.g-bg-black-opacity-0_9--after::after {
background-color: rgba(0, 0, 0, 0.9) !important; }
.g-bg-black-opacity-0_9--hover:hover {
background-color: rgba(0, 0, 0, 0.9) !important; }
.u-block-hover:hover .g-bg-black--hover {
background-color: #000 !important; }
/* White Colors */
.g-bg-white {
background-color: #fff !important; }
.g-bg-white--before::before, .g-bg-white--after::after {
background-color: #fff !important; }
.g-bg-white--hover:hover, .g-bg-white--active.active {
background-color: #fff !important; }
.g-parent:hover .g-bg-white--parent-hover {
background-color: #fff !important; }
.g-bg-white--disabled:disabled {
background-color: #fff !important; }
.g-bg-white--before::before, .g-bg-white--after::after {
background-color: #fff !important; }
.g-parent:hover .g-bg-white-opacity-0--after--parent-hover::after {
background-color: rgba(255, 255, 255, 0) !important; }
.g-bg-white-opacity-0_05 {
background-color: rgba(255, 255, 255, 0.05) !important; }
.g-bg-white-opacity-0_1 {
background-color: rgba(255, 255, 255, 0.1) !important; }
.g-bg-white-opacity-0_1--after::after {
background-color: rgba(255, 255, 255, 0.1) !important; }
.g-bg-white-opacity-0_2 {
background-color: rgba(255, 255, 255, 0.2) !important; }
.g-bg-white-opacity-0_2--hover:hover {
background-color: rgba(255, 255, 255, 0.2) !important; }
.g-bg-white-opacity-0_3 {
background-color: rgba(255, 255, 255, 0.3) !important; }
.g-bg-white-opacity-0_3--hover:hover {
background-color: rgba(255, 255, 255, 0.3) !important; }
.g-bg-white-opacity-0_3--after::after {
background-color: rgba(255, 255, 255, 0.3) !important; }
.g-bg-white-opacity-0_4 {
background-color: rgba(255, 255, 255, 0.4) !important; }
.g-bg-white-opacity-0_4--hover:hover {
background-color: rgba(255, 255, 255, 0.4) !important; }
.g-bg-white-opacity-0_5 {
background-color: rgba(255, 255, 255, 0.5) !important; }
.g-bg-white-opacity-0_5--after::after {
background-color: rgba(255, 255, 255, 0.5) !important; }
.g-bg-white-opacity-0_7 {
background-color: rgba(255, 255, 255, 0.7) !important; }
.g-bg-white-opacity-0_7--hover:hover {
background-color: rgba(255, 255, 255, 0.7) !important; }
.g-bg-white-opacity-0_7--after::after {
background-color: rgba(255, 255, 255, 0.7) !important; }
.g-bg-white-opacity-0_8 {
background-color: rgba(255, 255, 255, 0.8) !important; }
.g-bg-white-opacity-0_8--hover:hover {
background-color: rgba(255, 255, 255, 0.8) !important; }
.g-bg-white-opacity-0_8--after::after {
background-color: rgba(255, 255, 255, 0.8) !important; }
.g-bg-white-opacity-0_8--hover--after:hover::after {
background-color: rgba(0, 123, 255, 0.8) !important; }
.g-bg-white-opacity-0_9 {
background-color: rgba(255, 255, 255, 0.9) !important; }
.g-bg-white-opacity-0_9--hover:hover {
background-color: rgba(255, 255, 255, 0.9) !important; }
.g-bg-white-opacity-0_9--after::after {
background-color: rgba(255, 255, 255, 0.9) !important; }
/* Gray Colors */
.g-bg-gray-dark-v1 {
background-color: #111 !important; }
.g-bg-gray-dark-v1--hover:hover {
background-color: #111 !important; }
.g-bg-gray-dark-v2 {
background-color: #333 !important; }
.g-bg-gray-dark-v2--hover:hover {
background-color: #333 !important; }
.g-bg-gray-dark-v3 {
background-color: #555 !important; }
.g-bg-gray-dark-v3--hover:hover {
background-color: #555 !important; }
.g-bg-gray-dark-v4 {
background-color: #777 !important; }
.g-bg-gray-dark-v4--hover:hover {
background-color: #777 !important; }
.g-bg-gray-dark-v5 {
background-color: #999 !important; }
.g-bg-gray-dark-v5--hover:hover {
background-color: #999 !important; }
.g-bg-gray-light-v1 {
background-color: #bbb !important; }
.g-bg-gray-light-v1--hover:hover {
background-color: #bbb !important; }
.g-bg-gray-light-v2 {
background-color: #ccc !important; }
.g-bg-gray-light-v2--hover:hover {
background-color: #ccc !important; }
.g-bg-gray-light-v3 {
background-color: #ddd !important; }
.g-bg-gray-light-v3--hover:hover {
background-color: #ddd !important; }
.g-bg-gray-light-v4 {
background-color: #eee !important; }
.g-bg-gray-light-v4--hover:hover {
background-color: #eee !important; }
.g-bg-gray-light-v5 {
background-color: #f7f7f7 !important; }
.g-bg-gray-light-v5--hover:hover {
background-color: #f7f7f7 !important; }
.g-bg-gray-light-v5--active.active,
.active .g-bg-gray-light-v5--active {
background-color: #f7f7f7 !important; }
/* Transparent */
.g-bg-transparent {
background-color: transparent !important; }
.g-bg-transparent--hover:hover {
background-color: transparent !important; }
.g-bg-transparent--hover--after:hover::after {
background-color: transparent !important; }
.g-parent:hover .g-bg-transparent--parent-hover {
background-color: transparent !important; }
/* Complementary Colors
------------------------------------*/
/* Beige Colors */
.g-bg-beige {
background-color: #e5e1de !important; }
/* Color Green */
.g-bg-green {
background-color: #72c02c !important; }
.g-bg-green-opacity-0_1 {
background-color: rgba(114, 192, 44, 0.1) !important; }
.g-bg-green--hover:hover {
background-color: #72c02c !important; }
/* Color Blue */
.g-bg-blue {
background-color: #3398dc !important; }
.g-bg-blue-opacity-0_1 {
background-color: rgba(51, 152, 220, 0.1) !important; }
.g-bg-blue-opacity-0_7 {
background-color: rgba(51, 152, 220, 0.7) !important; }
.g-bg-blue-opacity-0_9 {
background-color: rgba(51, 152, 220, 0.9) !important; }
.g-bg-blue--hover:hover {
background-color: #3398dc !important; }
/* Color Light Blue */
.g-bg-lightblue {
background-color: #edf2f8 !important; }
.g-bg-lightblue-opacity-0_1 {
background-color: rgba(237, 242, 248, 0.1) !important; }
.g-bg-lightblue-v1 {
background-color: #d6e2ee !important; }
.g-bg-lightblue-v1-opacity-0_1 {
background-color: rgba(214, 226, 238, 0.1) !important; }
/* Color Dark Blue */
.g-bg-darkblue {
background-color: #009 !important; }
.g-bg-darkblue-opacity-0_1 {
background-color: rgba(0, 0, 153, 0.1) !important; }
/* Color Indigo */
.g-bg-indigo {
background-color: #4263a3 !important; }
.g-bg-indigo-opacity-0_1 {
background-color: rgba(66, 99, 163, 0.1) !important; }
/* Color Red */
.g-bg-red {
background-color: #f00 !important; }
.g-bg-red-opacity-0_1 {
background-color: rgba(255, 0, 0, 0.1) !important; }
.g-bg-red-opacity-0_2 {
background-color: rgba(255, 0, 0, 0.2) !important; }
.g-bg-red-opacity-0_5 {
background-color: rgba(255, 0, 0, 0.5) !important; }
.g-bg-red-opacity-0_8 {
background-color: rgba(255, 0, 0, 0.8) !important; }
.g-bg-red--hover:hover {
background-color: #f00 !important; }
/* Color Light Red */
.g-bg-lightred {
background-color: #e64b3b !important; }
.g-bg-lightred-opacity-0_1 {
background-color: rgba(230, 75, 59, 0.1) !important; }
.g-bg-lightred--hover:hover {
background-color: #e64b3b !important; }
/* Color Dark Red */
.g-bg-darkred {
background-color: #a10f2b !important; }
.g-bg-darkred-opacity-0_1 {
background-color: rgba(161, 15, 43, 0.1) !important; }
/* Color Purple */
.g-bg-purple {
background-color: #9a69cb !important; }
.g-bg-purple-opacity-0_1 {
background-color: rgba(154, 105, 203, 0.1) !important; }
.g-bg-purple-opacity-0_7 {
background-color: rgba(154, 105, 203, 0.7) !important; }
.g-bg-purple-opacity-0_9 {
background-color: rgba(154, 105, 203, 0.9) !important; }
.g-bg-purple-opacity-0_9--after::after {
background-color: rgba(154, 105, 203, 0.9) !important; }
.g-bg-purple--hover:hover {
background-color: #9a69cb !important; }
/* Color Dark Purple */
.g-bg-darkpurple {
background-color: #6639b6 !important; }
.g-bg-darkpurple-opacity-0_1 {
background-color: rgba(102, 57, 182, 0.1) !important; }
/* Color Pink */
.g-bg-pink {
background-color: #e81c62 !important; }
.g-bg-pink-opacity-0_1 {
background-color: rgba(232, 28, 98, 0.1) !important; }
.g-bg-pink-opacity-0_9 {
background-color: rgba(232, 28, 98, 0.9) !important; }
.g-bg-pink--hover:hover {
background-color: #e81c62 !important; }
.g-bg-pink--before::after, .g-bg-pink--after::after {
background-color: #e81c62 !important; }
.g-bg-pink--before--hover:hover::after, .g-bg-pink--after--hover:hover::after {
background-color: #e81c62 !important; }
/* Color Orange */
.g-bg-orange {
background-color: #e57d20 !important; }
.g-bg-orange-opacity-0_1 {
background-color: rgba(229, 125, 32, 0.1) !important; }
.g-bg-orange-opacity-0_2 {
background-color: rgba(229, 125, 32, 0.2) !important; }
.g-bg-orange--hover:hover {
background-color: #e57d20 !important; }
/* Color Deep Orange */
.g-bg-deeporange {
background-color: #fe541e !important; }
.g-bg-deeporange-opacity-0_1 {
background-color: rgba(254, 84, 30, 0.1) !important; }
.g-bg-deeporange--hover:hover {
background-color: #fe541e !important; }
/* Color Yellow */
.g-bg-yellow {
background-color: #ebc71d !important; }
.g-bg-yellow-opacity-0_1 {
background-color: rgba(235, 199, 29, 0.1) !important; }
.g-bg-yellow-opacity-0_7 {
background: rgba(235, 199, 29, 0.7) !important; }
.g-bg-yellow--hover:hover {
background-color: #ebc71d !important; }
/* Color Aqua */
.g-bg-aqua {
background-color: #29d6e6 !important; }
.g-bg-aqua-opacity-0_1 {
background-color: rgba(41, 214, 230, 0.1) !important; }
.g-bg-aqua-opacity-0_9 {
background-color: rgba(41, 214, 230, 0.9) !important; }
.g-bg-aqua--hover:hover {
background-color: #29d6e6 !important; }
/* Color Cyan */
.g-bg-cyan {
background-color: #00bed6 !important; }
.g-bg-cyan-opacity-0_1 {
background-color: rgba(0, 190, 214, 0.1) !important; }
.g-bg-cyan-opacity-0_9 {
background-color: rgba(0, 190, 214, 0.9) !important; }
.g-bg-cyan-opacity-0_9--after::after {
background-color: rgba(0, 190, 214, 0.9) !important; }
.g-bg-cyan--hover:hover {
background-color: #00bed6 !important; }
/* Color Teal */
.g-bg-teal {
background-color: #18ba9b !important; }
.g-bg-teal-opacity-0_1 {
background-color: rgba(24, 186, 155, 0.1) !important; }
.g-bg-teal-opacity-0_9 {
background-color: rgba(24, 186, 155, 0.9) !important; }
.g-bg-teal-opacity-0_9--after::after {
background-color: rgba(24, 186, 155, 0.9) !important; }
.g-bg-teal--hover:hover {
background-color: #18ba9b !important; }
/* Color Brown */
.g-bg-brown {
background-color: #9c8061 !important; }
.g-bg-brown-opacity-0_1 {
background-color: rgba(156, 128, 97, 0.1) !important; }
.g-bg-brown--hover:hover {
background-color: #9c8061 !important; }
/* Color Blue Gray */
.g-bg-bluegray {
background-color: #585f69 !important; }
.g-bg-bluegray-opacity-0_1 {
background-color: rgba(88, 95, 105, 0.1) !important; }
.g-bg-bluegray-opacity-0_2--before::before, .g-bg-bluegray-opacity-0_2--after::after {
background-color: rgba(88, 95, 105, 0.2) !important; }
.g-bg-bluegray-opacity-0_3--before::before, .g-bg-bluegray-opacity-0_3--after::after {
background-color: rgba(88, 95, 105, 0.3) !important; }
.g-bg-bluegray-opacity-0_5, .g-bg-bluegray-opacity-0_5--after::after {
background-color: rgba(88, 95, 105, 0.5) !important; }
.g-bg-bluegray-opacity-0_7 {
background-color: rgba(88, 95, 105, 0.7) !important; }
.g-bg-bluegray--hover:hover {
background-color: #585f69 !important; }
.g-grayscale-100x {
filter: url("data:image/svg+xml;utf8,#grayscale");
/* Firefox 10+, Firefox on Android */
filter: gray;
-webkit-filter: grayscale(100%); }
.g-parent:hover .g-grayscale-0--parent-hover {
filter: url("data:image/svg+xml;utf8,#grayscale");
-webkit-filter: grayscale(0%); }
.g-grayscale-0--hover:hover {
filter: url("data:image/svg+xml;utf8,#grayscale");
-webkit-filter: grayscale(0%); }
/* O */
@media (min-width: 576px) {
.g-bg-transparent--sm {
background-color: transparent !important; } }
/*------------------------------------
Background Colors Extended
------------------------------------*/
.js-header-change-moment .g-bg-primary--scrolling {
background-color: #007bff !important; }
/*------------------------------------
Social Background Colors
------------------------------------*/
/* Facebook */
.g-bg-facebook {
background-color: #3b5998; }
.u-block-hover:hover .g-bg-facebook--hover, .g-bg-facebook--hover:hover {
background-color: #344e86 !important; }
/* Twitter */
.g-bg-twitter {
background-color: #00acee; }
.u-block-hover:hover .g-bg-twitter--hover, .g-bg-twitter--hover:hover {
background-color: #009ad5 !important; }
/* Skype */
.g-bg-skype {
background-color: #00aff0; }
.u-block-hover:hover .g-bg-skype--hover, .g-bg-skype--hover:hover {
background-color: #009cd7 !important; }
/* Pinterest */
.g-bg-pinterest {
background-color: #c8232c; }
.u-block-hover:hover .g-bg-pinterest--hover, .g-bg-pinterest--hover:hover {
background-color: #b21f27 !important; }
/* Vine */
.g-bg-vine {
background-color: #00bf8f; }
.u-block-hover:hover .g-bg-vine--hover, .g-bg-vine--hover:hover {
background-color: #00a67c !important; }
/* Youtube */
.g-bg-youtube {
background-color: #c4302b; }
.u-block-hover:hover .g-bg-youtube--hover, .g-bg-youtube--hover:hover {
background-color: #af2b26 !important; }
/* Google plus */
.g-bg-google-plus {
background-color: #dd4b39; }
.u-block-hover:hover .g-bg-google-plus--hover, .g-bg-google-plus--hover:hover {
background-color: #d73925 !important; }
/* Dribbble */
.g-bg-dribbble {
background-color: #ea4c89; }
.u-block-hover:hover .g-bg-dribbble--hover, .g-bg-dribbble--hover:hover {
background-color: #e7357a !important; }
/* VK */
.g-bg-vk {
background-color: #2b587a; }
.u-block-hover:hover .g-bg-vk--hover, .g-bg-vk--hover:hover {
background-color: #244a67 !important; }
/* Linkedin */
.g-bg-linkedin {
background-color: #0e76a8; }
.u-block-hover:hover .g-bg-linkedin--hover, .g-bg-linkedin--hover:hover {
background-color: #0c6590 !important; }
/* Instagram */
.g-bg-instagram {
background-color: #3f729b; }
.u-block-hover:hover .g-bg-instagram--hover, .g-bg-instagram--hover:hover {
background-color: #386589 !important; }
/*------------------------------------
Images Grid
------------------------------------*/
.g-bg-grid-v1--before::before {
background-image: url(clientlib-unify/img/bg/grid/wave.png); }
.g-bg-grid-v2--before::after {
background-image: url(clientlib-unify/img/bg/grid/tile-left.png); }
.g-bg-grid-v3--before::after {
background-image: url(clientlib-unify/img/bg/grid/tile-right.png); }
.g-bg-grid-v4--before::after {
background-image: url(clientlib-unify/img/bg/grid/diagonal-left.png); }
.g-bg-grid-v5--before::after {
background-image: url(clientlib-unify/img/bg/grid/diagonal-right.png); }
.g-bg-grid-v6--before::after {
background-image: url(clientlib-unify/img/bg/grid/zigzag-left.png); }
.g-bg-grid-v7--before::after {
background-image: url(clientlib-unify/img/bg/grid/zigzag-right.png); }
/*------------------------------------
Covers
------------------------------------*/
.g-bg-cover {
position: relative; }
.g-bg-cover::after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0; }
.g-bg-cover-v1::after {
position: absolute;
top: 0.35714286rem;
right: 0.35714286rem;
bottom: 0.35714286rem;
left: 0.35714286rem; }
.g-bg-cover__inner {
z-index: 1;
position: relative; }
/*------------------------------------
Background Image Style
------------------------------------*/
.g-bg-img-hero {
background-size: cover;
background-repeat: no-repeat;
background-position: center; }
/*------------------------------------
Background Patterns
------------------------------------*/
.g-bg-pattern-green {
background-image: url("clientlib-unify/img/bg/pattern--green.png"); }
/*------------------------------------
Background Position
------------------------------------*/
.g-bg-pos-center {
background-position: center; }
.g-bg-pos-left-center {
background-position: left center; }
.g-bg-pos-top-left {
background-position: top left; }
.g-bg-pos-top-right {
background-position: top right; }
.g-bg-pos-top-center {
background-position: top center; }
.g-bg-pos-bottom-center {
background-position: bottom center; }
/*------------------------------------
Background Repeat
------------------------------------*/
.g-bg-no-repeat {
background-repeat: no-repeat; }
/*------------------------------------
Background Size
------------------------------------*/
.g-bg-size-cover {
background-size: cover !important; }
.g-bg-size-100x {
background-size: 100% !important; }
.g-bg-size-100x--hover:hover {
background-size: 100% !important; }
.g-parent:hover .g-bg-size-100x--parent-hover {
background-size: 100% !important; }
.g-bg-size-120x {
background-size: 120% !important; }
.g-bg-size-120x--hover {
background-size: 120% !important; }
.g-parent:hover .g-bg-size-120x--parent-hover {
background-size: 120% !important; }
.g-bg-repeat {
background-repeat: repeat !important;
/* P */
background-size: auto !important; }
/* Primary Colors */
.g-fill-primary {
fill: #007bff !important; }
.g-fill-primary path,
.g-fill-primary polygon {
fill: #007bff !important; }
.g-fill-primary--hover:hover path,
.g-fill-primary--hover:hover polygon {
fill: #007bff !important; }
*:hover > * > .g-fill-primary--hover-parent svg path,
*:hover > * > .g-fill-primary--hover-parent svg polygon {
fill: #007bff !important; }
.g-fill-white {
fill: #fff !important; }
.g-fill-white path,
.g-fill-white polygon {
fill: #fff !important; }
.g-fill-white--opened-menu:not(.collapsed) path,
.g-fill-white--opened-menu:not(.collapsed) polygon {
fill: #fff !important; }
*:not(.collapsed) > .g-fill-white--parent-opened-menu path,
*:not(.collapsed) > .g-fill-white--parent-opened-menu polygon {
fill: #fff !important; }
.g-fill-white--hover:hover path,
.g-fill-white--hover:hover polygon {
fill: #fff !important; }
*:hover > * > .g-fill-white--hover-parent svg path,
*:hover > * > .g-fill-white--hover-parent svg polygon {
fill: #fff !important; }
.g-fill-main {
fill: #404040 !important; }
.g-fill-main path,
.g-fill-main polygon {
fill: #404040 !important; }
.g-fill-main--opened-menu:not(.collapsed) path,
.g-fill-main--opened-menu:not(.collapsed) polygon {
fill: #404040 !important; }
*:not(.collapsed) > .g-fill-main--parent-opened-menu path,
*:not(.collapsed) > .g-fill-main--parent-opened-menu polygon {
fill: #404040 !important; }
.g-fill-main--hover:hover path,
.g-fill-main--hover:hover polygon {
fill: #404040 !important; }
*:hover > * > .g-fill-main--hover-parent svg path,
*:hover > * > .g-fill-main--hover-parent svg polygon {
fill: #fff !important; }
.g-fill-gray-light-v4 path,
.g-fill-gray-light-v4 polygon {
fill: #eee !important; }
.g-fill-gray-light-v4--hover:hover path,
.g-fill-gray-light-v4--hover:hover polygon {
fill: #eee !important; }
*:hover > * > .g-fill-gray-light-v4--hover-parent svg path,
*:hover > * > .g-fill-gray-light-v4--hover-parent svg polygon {
fill: #eee !important; }
.g-fill-red path,
.g-fill-red polygon {
fill: #f00 !important; }
.g-fill-red--hover:hover path,
.g-fill-red--hover:hover polygon {
fill: #f00 !important; }
*:hover > * > .g-fill-red--hover-parent path,
*:hover > * > .g-fill-red--hover-parent polygon {
fill: #f00 !important; }
*:hover > .g-fill-red--parent-hover path,
*:hover > .g-fill-red--parent-hover polygon {
fill: #f00 !important; }
*:hover > * > * > .g-fill-red--parent-parent-parent-hover path,
*:hover > * > * > .g-fill-red--parent-parent-parent-hover polygon {
fill: #f00 !important; }
/*------------------------------------
Borders Default (solid)
------------------------------------*/
.g-brd-none {
/* P */
border: none !important; }
.g-brd-x {
border-left: solid 1px transparent !important;
border-right: solid 1px transparent !important; }
.g-brd-y {
border-top: solid 1px transparent !important;
border-bottom: solid 1px transparent !important; }
.g-brd-around {
border: solid 1px transparent !important; }
.g-brd-top {
border-top: solid 1px transparent !important; }
.g-brd-right {
border-right: solid 1px transparent !important; }
.g-brd-bottom {
border-bottom: solid 1px transparent !important; }
.g-brd-left {
border-left: solid 1px transparent !important; }
.g-brd-left-none {
border-left: none !important; }
@media (min-width: 576px) {
.g-brd-around--sm {
border: solid 1px transparent !important; }
.g-brd-top--sm {
border-top: solid 1px transparent !important; }
.g-brd-right--sm {
border-right: solid 1px transparent !important; }
.g-brd-bottom--sm {
border-bottom: solid 1px transparent !important; }
.g-brd-left--sm {
border-left: solid 1px transparent !important; } }
@media (min-width: 768px) {
.g-brd-x--md {
border-left: solid 1px transparent !important;
border-right: solid 1px transparent !important; }
.g-brd-around--md {
border: solid 1px transparent !important; }
.g-brd-top--md {
border-top: solid 1px transparent !important; }
.g-brd-right--md {
border-right: solid 1px transparent !important; }
.g-brd-bottom--md {
border-bottom: solid 1px transparent !important; }
.g-brd-left--md {
border-left: solid 1px transparent !important; } }
@media (min-width: 992px) {
/* P */
.g-brd-around--lg {
border: solid 1px transparent !important; }
.g-brd-top--lg {
border-top: solid 1px transparent !important; }
.g-brd-right--lg {
border-right: solid 1px transparent !important; }
.g-brd-bottom--lg {
border-bottom: solid 1px transparent !important; }
.g-brd-left--lg {
border-left: solid 1px transparent !important; }
.g-brd-left-none--lg {
border-left: none !important; }
.g-brd-x--lg {
border-left: solid 1px transparent;
border-right: solid 1px transparent; }
.g-brd-none--lg {
border: none !important; } }
/*------------------------------------
Borders None
------------------------------------*/
.g-brd-around-none {
border-width: 0 !important; }
.g-brd-y-none {
border-top: none !important;
border-bottom: none !important; }
.g-brd-top-none {
border-top: none !important; }
.g-brd-bottom-none {
border-bottom: none !important; }
.g-brd-x-none {
border-left: none !important;
border-right: none !important; }
.g-brd-left-none {
border-left: none !important; }
.g-brd-right-none {
border-right: none !important; }
@media (min-width: 576px) {
.g-brd-around-none--sm {
border-width: 0 !important; }
.g-brd-y-none--sm {
border-top: none !important;
border-bottom: none !important; }
.g-brd-top-none--sm {
border-top: none !important; }
.g-brd-bottom-none--sm {
border-bottom: none !important; }
.g-brd-x-none--sm {
border-left: none !important;
border-right: none !important; }
.g-brd-left-none--sm {
border-left: none !important; }
.g-brd-right-none--sm {
border-right: none !important; } }
@media (min-width: 768px) {
.g-brd-around-none--md {
border-width: 0 !important; }
.g-brd-y-none--md {
border-top: none !important;
border-bottom: none !important; }
.g-brd-top-none--md {
border-top: none !important; }
.g-brd-bottom-none--md {
border-bottom: none !important; }
.g-brd-x-none--md {
border-left: none !important;
border-right: none !important; }
.g-brd-left-none--md {
border-left: none !important; }
.g-brd-right-none--md {
border-right: none !important; } }
@media (min-width: 992px) {
.g-brd-around-none--lg {
border-width: 0 !important; }
.g-brd-y-none--lg {
border-top: none !important;
border-bottom: none !important; }
.g-brd-top-none--lg {
border-top: none !important; }
.g-brd-bottom-none--lg {
border-bottom: none !important; }
.g-brd-x-none--lg {
border-left: none !important;
border-right: none !important; }
.g-brd-left-none--lg {
border-left: none !important; }
.g-brd-right-none--lg {
border-right: none !important; } }
@media (min-width: 1200px) {
.g-brd-around-none--xl {
border-width: 0 !important; }
.g-brd-y-none--xl {
border-top: none !important;
border-bottom: none !important; }
.g-brd-top-none--xl {
border-top: none !important; }
.g-brd-bottom-none--xl {
border-bottom: none !important; }
.g-brd-x-none--xl {
border-left: none !important;
border-right: none !important; }
.g-brd-left-none--xl {
border-left: none !important; }
.g-brd-right-none--xl {
border-right: none !important; } }
/*------------------------------------
Border Style
------------------------------------*/
.g-brd-style-solid {
border-style: solid !important; }
.g-brd-style-dashed {
border-style: dashed !important; }
.g-brd-style-dotted {
border-style: dotted !important; }
/*------------------------------------
Border Radius (Rounded Styles)
------------------------------------*/
/* Rounded Around */
.rounded-0 {
border-radius: 0 !important; }
.g-rounded-50x {
border-radius: 50%; }
.g-rounded-1 {
border-radius: 1px !important; }
.g-rounded-2 {
border-radius: 2px !important; }
.g-rounded-3 {
border-radius: 3px !important; }
.g-rounded-4 {
border-radius: 4px !important; }
.g-rounded-5 {
border-radius: 5px !important; }
.g-rounded-6 {
border-radius: 6px !important; }
.g-rounded-7 {
border-radius: 7px !important; }
.g-rounded-10 {
border-radius: 10px !important; }
.g-rounded-15 {
border-radius: 15px !important; }
.g-rounded-20 {
border-radius: 20px !important; }
.g-rounded-25 {
border-radius: 25px !important; }
.g-rounded-30 {
border-radius: 30px !important; }
.g-rounded-50 {
border-radius: 50px !important; }
.g-rounded-100 {
border-radius: 100px !important; }
.g-rounded-100--after::after {
border-radius: 100px !important; }
/* Rounded Top */
.g-rounded-top-5 {
border-top-left-radius: 5px !important;
border-top-right-radius: 5px !important; }
/* Rounded Right */
.g-rounded-right-0 {
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important; }
.g-rounded-right-3 {
border-top-right-radius: 3px !important;
border-bottom-right-radius: 3px !important; }
.g-rounded-right-4 {
border-top-right-radius: 4px !important;
border-bottom-right-radius: 4px !important; }
.g-rounded-right-5 {
border-top-right-radius: 5px !important;
border-bottom-right-radius: 5px !important; }
.g-rounded-right-10 {
border-top-right-radius: 10px !important;
border-bottom-right-radius: 10px !important; }
.g-rounded-right-20 {
border-bottom-right-radius: 20px !important;
border-top-right-radius: 20px !important; }
.g-rounded-right-25 {
border-bottom-right-radius: 25px !important;
border-top-right-radius: 25px !important; }
.g-rounded-right-30 {
border-top-right-radius: 30px !important;
border-bottom-right-radius: 30px !important; }
.g-rounded-right-50 {
border-top-right-radius: 50px !important;
border-bottom-right-radius: 50px !important; }
/* Rounded Bottom */
.g-rounded-bottom-0 {
border-bottom-right-radius: 0 !important;
border-bottom-left-radius: 0 !important; }
.g-rounded-bottom-3 {
border-bottom-left-radius: 3px !important;
border-bottom-right-radius: 3px !important; }
.g-rounded-bottom-4 {
border-bottom-left-radius: 4px !important;
border-bottom-right-radius: 4px !important; }
.g-rounded-bottom-5 {
border-bottom-left-radius: 5px !important;
border-bottom-right-radius: 5px !important; }
/* Rounded Left */
.g-rounded-left-0 {
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important; }
.g-rounded-left-3 {
border-top-left-radius: 3px !important;
border-bottom-left-radius: 3px !important; }
.g-rounded-left-4 {
border-top-left-radius: 4px !important;
border-bottom-left-radius: 4px !important; }
.g-rounded-left-5 {
border-top-left-radius: 5px !important;
border-bottom-left-radius: 5px !important; }
.g-rounded-left-10 {
border-top-left-radius: 10px !important;
border-bottom-left-radius: 10px !important; }
.g-rounded-left-20 {
border-bottom-left-radius: 20px !important;
border-top-left-radius: 20px !important; }
.g-rounded-left-25 {
border-bottom-left-radius: 25px !important;
border-top-left-radius: 25px !important; }
.g-rounded-left-30 {
border-top-left-radius: 30px !important;
border-bottom-left-radius: 30px !important; }
.g-rounded-left-50 {
border-top-left-radius: 50px !important;
border-bottom-left-radius: 50px !important; }
.g-rounded-circle--before::before {
border-radius: 50% !important; }
.g-rounded-circle--after::after {
border-radius: 50% !important; }
@media (min-width: 768px) {
.g-rounded-0--md {
border-radius: 0 !important; }
.g-rounded-left-0--md {
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important; }
.g-rounded-right-0--md {
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important; } }
@media (min-width: 992px) {
.g-rounded-left-5--lg-up {
border-top-left-radius: 5px !important;
border-bottom-left-radius: 5px !important; }
.g-rounded-right-5--lg-up {
border-top-right-radius: 5px !important;
border-bottom-right-radius: 5px !important; } }
/*------------------------------------
Borders Default (dashed)
------------------------------------*/
.g-brd-around--dashed {
border: dashed 1px transparent; }
.g-brd-top--dashed {
border-top: dashed 1px transparent; }
.g-brd-bottom--dashed {
border-bottom: dashed 1px transparent; }
.g-brd-right--dashed {
border-right: dashed 1px transparent; }
.g-brd-left--dashed {
border-left: dashed 1px transparent; }
@media (min-width: 576px) {
.g-brd-around--dashed--sm {
border: dashed 1px transparent; }
.g-brd-top--dashed--sm {
border-top: dashed 1px transparent; }
.g-brd-bottom--dashed--sm {
border-bottom: dashed 1px transparent; }
.g-brd-right--dashed--sm {
border-right: dashed 1px transparent; }
.g-brd-left--dashed--sm {
border-left: dashed 1px transparent; } }
@media (min-width: 768px) {
.g-brd-around--dashed--md {
border: dashed 1px transparent; }
.g-brd-top--dashed--md {
border-top: dashed 1px transparent; }
.g-brd-bottom--dashed--md {
border-bottom: dashed 1px transparent; }
.g-brd-right--dashed--md {
border-right: dashed 1px transparent; }
.g-brd-left--dashed--md {
border-left: dashed 1px transparent; } }
/*------------------------------------
Borders Default (dotted)
------------------------------------*/
.g-brd-around--dotted {
border: dotted 1px transparent; }
.g-brd-top--dotted {
border-top: dotted 1px transparent; }
.g-brd-bottom--dotted {
border-bottom: dotted 1px transparent; }
.g-brd-right--dotted {
border-right: dotted 1px transparent; }
.g-brd-left--dotted {
border-left: dotted 1px transparent; }
@media (min-width: 576px) {
.g-brd-around--dotted--sm {
border: dotted 1px transparent; }
.g-brd-top--dotted--sm {
border-top: dotted 1px transparent; }
.g-brd-bottom--dotted--sm {
border-bottom: dotted 1px transparent; }
.g-brd-right--dotted--sm {
border-right: dotted 1px transparent; }
.g-brd-left--dotted--sm {
border-left: dotted 1px transparent; } }
@media (min-width: 768px) {
.g-brd-around--dotted--md {
border: dotted 1px transparent; }
.g-brd-top--dotted--md {
border-top: dotted 1px transparent; }
.g-brd-bottom--dotted--md {
border-bottom: dotted 1px transparent; }
.g-brd-right--dotted--md {
border-right: dotted 1px transparent; }
.g-brd-left--dotted--md {
border-left: dotted 1px transparent; } }
/*------------------------------------
Border Width
------------------------------------*/
.g-brd-0 {
border-width: 0 !important; }
.g-brd-1 {
border-width: 1px !important; }
.g-brd-2 {
border-width: 2px !important; }
.g-brd-3 {
border-width: 3px !important; }
.g-brd-3--before::before {
border-width: 3px !important; }
.g-brd-3--before--active.active::before {
border-width: 3px !important; }
.g-brd-4 {
border-width: 4px !important; }
.g-brd-5 {
border-width: 5px !important; }
.g-brd-6 {
border-width: 6px !important; }
.g-brd-7 {
border-width: 7px !important; }
.g-brd-10 {
border-width: 10px !important; }
.g-brd-12 {
border-width: 12px !important; }
.g-brd-top-0 {
border-top-width: 0 !important; }
.g-brd-top-2 {
border-top-width: 2px !important; }
.g-brd-top-3 {
border-top-width: 3px !important; }
.g-brd-top-5 {
border-top-width: 5px !important; }
.g-brd-bottom-0 {
border-bottom-width: 0 !important; }
.g-brd-bottom-2 {
border-bottom-width: 2px !important; }
.g-brd-bottom-2--hover:hover {
border-bottom-width: 2px !important; }
.g-parent:hover .g-brd-bottom-2--parent-hover {
border-bottom-width: 2px !important; }
.g-brd-bottom-5 {
border-bottom-width: 5px !important; }
.g-brd-left-0 {
border-left-width: 0 !important; }
.g-brd-left-1 {
border-left-width: 1px !important; }
.g-brd-left-2 {
border-left-width: 2px !important; }
.g-brd-left-3 {
border-left-width: 3px !important; }
.g-brd-left-4 {
border-left-width: 4px !important; }
.g-brd-right-0 {
border-right-width: 0 !important; }
.g-brd-right-1 {
border-right-width: 1px !important; }
.g-brd-right-2 {
border-right-width: 2px !important; }
.g-brd-right-3 {
border-right-width: 3px !important; }
.g-brd-right-4 {
border-right-width: 4px !important; }
@media (min-width: 768px) {
.g-brd-0--md {
border-width: 0 !important; }
.g-brd-1--md {
border-width: 1px !important; }
.g-brd-2--md {
border-width: 2px !important; }
.g-brd-3--md {
border-width: 3px !important; }
.g-brd-4--md {
border-width: 4px !important; }
.g-brd-5--md {
border-width: 5px !important; }
.g-brd-6--md {
border-width: 6px !important; }
.g-brd-10--md {
border-width: 10px !important; }
.g-brd-top-0--md {
border-top-width: 0 !important; }
.g-brd-top-2--md {
border-top-width: 2px !important; }
.g-brd-top-3--md {
border-top-width: 3px !important; }
.g-brd-top-5--md {
border-top-width: 5px !important; }
.g-brd-bottom-0--md {
border-bottom-width: 0 !important; }
.g-brd-bottom-2--md {
border-bottom-width: 2px !important; }
.g-brd-bottom-5--md {
border-bottom-width: 5px !important; }
.g-brd-left-0--md {
border-left-width: 0 !important; }
.g-brd-left-1--md {
border-left-width: 1px !important; }
.g-brd-left-2--md {
border-left-width: 2px !important; }
.g-brd-left-3--md {
border-left-width: 3px !important; }
.g-brd-left-4--md {
border-left-width: 4px !important; }
.g-brd-right-0--md {
border-right-width: 0 !important; }
.g-brd-right-1--md {
border-right-width: 1px !important; } }
@media (min-width: 992px) {
.g-brd-0--lg {
border-width: 0 !important; }
.g-brd-1--lg {
border-width: 1px !important; }
.g-brd-top-0--lg {
border-top-width: 0 !important; }
.g-brd-top-1--lg {
border-top-width: 1px !important; }
.g-brd-bottom-0--lg {
border-bottom-width: 0 !important; }
.g-brd-bottom-1--lg {
border-bottom-width: 1px !important; }
.g-brd-left-0--lg {
border-left-width: 0 !important; }
.g-brd-left-1--lg {
border-left-width: 1px !important; }
.g-brd-right-0--lg {
border-right-width: 0 !important; }
.g-brd-right-1--lg {
border-right-width: 1px !important; } }
/*------------------------------------
Border Colors
------------------------------------*/
/* Basic Colors
------------------------------------*/
/* Primary Colors */
.g-brd-primary {
border-color: #007bff !important; }
.g-brd-primary--before::before {
border-color: #007bff !important; }
.g-brd-primary--before--active.active::before {
border-color: #007bff !important; }
.g-brd-primary--hover:hover, .g-brd-primary--active.active {
border-color: #007bff !important; }
.g-brd-primary--active.active,
.active .g-brd-primary--active {
border-color: #007bff !important; }
*:hover > .g-brd-primary--hover-parent {
border-color: #007bff !important; }
.g-brd-primary-opacity-0_3 {
border-color: rgba(0, 123, 255, 0.3) !important; }
.g-brd-primary-opacity-0_3--hover:hover, .g-brd-primary-opacity-0_3--active.active {
border-color: rgba(0, 123, 255, 0.3) !important; }
*:hover > .g-brd-primary-opacity-0_3--hover-parent {
border-color: rgba(0, 123, 255, 0.3) !important; }
.g-brd-primary-dark-dark-v1 {
border-color: #0076f5 !important; }
.g-brd-primary-dark-dark-v1--hover:hover, .g-brd-primary-dark-dark-v1--active.active {
border-color: #0076f5 !important; }
*:hover > .g-brd-primary-dark-dark-v1--hover-parent {
border-color: #0076f5 !important; }
.g-brd-primary-dark-dark-v2 {
border-color: #006fe6 !important; }
.g-brd-primary-dark-dark-v2--hover:hover, .g-brd-primary-dark-dark-v2--active.active {
border-color: #006fe6 !important; }
*:hover > .g-brd-primary-dark-dark-v2--hover-parent {
border-color: #006fe6 !important; }
.g-brd-primary-dark-dark-v3 {
border-color: #0062cc !important; }
.g-brd-primary-dark-dark-v3--hover:hover, .g-brd-primary-dark-dark-v3--active.active {
border-color: #0062cc !important; }
*:hover > .g-brd-primary-dark-dark-v3--hover-parent {
border-color: #0062cc !important; }
.g-brd-bottom-primary--hover:hover {
border-bottom-color: #007bff !important; }
/* Main Colors */
.g-brd-main {
border-color: #404040 !important; }
.g-brd-main--hover:hover {
border-color: #404040 !important; }
/* Black Colors */
.g-brd-black {
border-color: #000 !important; }
.g-brd-black--hover:hover, .g-brd-black--active.active {
border-color: #000 !important; }
*:hover > .g-brd-black--hover-parent {
border-color: #000 !important; }
.g-brd-black-opacity-0_4 {
border-color: rgba(0, 0, 0, 0.4) !important; }
/* White Colors */
.g-brd-white {
border-color: #fff !important; }
.g-brd-white--hover:hover, .g-brd-white--active.active {
border-color: #fff !important; }
*:hover > .g-brd-white--hover-parent {
border-color: #fff !important; }
.g-brd-white-opacity-0_1 {
border-color: rgba(255, 255, 255, 0.1) !important; }
.g-brd-white-opacity-0_1--hover:hover, .g-brd-white-opacity-0_1--active.active {
border-color: rgba(255, 255, 255, 0.1) !important; }
*:hover > .g-brd-white-opacity-0_1--hover-parent {
border-color: rgba(255, 255, 255, 0.1) !important; }
.g-brd-white-opacity-0_2 {
border-color: rgba(255, 255, 255, 0.2) !important; }
.g-brd-white-opacity-0_2--hover:hover, .g-brd-white-opacity-0_2--active.active {
border-color: rgba(255, 255, 255, 0.2) !important; }
*:hover > .g-brd-white-opacity-0_2--hover-parent {
border-color: rgba(255, 255, 255, 0.2) !important; }
.g-brd-white-opacity-0_3 {
border-color: rgba(255, 255, 255, 0.3) !important; }
.g-brd-white-opacity-0_3--hover:hover, .g-brd-white-opacity-0_3--active.active {
border-color: rgba(255, 255, 255, 0.3) !important; }
*:hover > .g-brd-white-opacity-0_3--hover-parent {
border-color: rgba(255, 255, 255, 0.3) !important; }
.g-brd-white-opacity-0_4 {
border-color: rgba(255, 255, 255, 0.4) !important; }
.g-brd-white-opacity-0_4--hover:hover, .g-brd-white-opacity-0_4--active.active {
border-color: rgba(255, 255, 255, 0.4) !important; }
*:hover > .g-brd-white-opacity-0_4--hover-parent {
border-color: rgba(255, 255, 255, 0.4) !important; }
.g-brd-white-opacity-0_5 {
border-color: rgba(255, 255, 255, 0.5) !important; }
.g-brd-white-opacity-0_5--hover:hover, .g-brd-white-opacity-0_5--active.active {
border-color: rgba(255, 255, 255, 0.5) !important; }
*:hover > .g-brd-white-opacity-0_5--hover-parent {
border-color: rgba(255, 255, 255, 0.5) !important; }
.g-brd-white-opacity-0_6 {
border-color: rgba(255, 255, 255, 0.6) !important; }
.g-brd-white-opacity-0_6--hover:hover, .g-brd-white-opacity-0_6--active.active {
border-color: rgba(255, 255, 255, 0.6) !important; }
*:hover > .g-brd-white-opacity-0_6--hover-parent {
border-color: rgba(255, 255, 255, 0.6) !important; }
.g-brd-white-opacity-0_8 {
border-color: rgba(255, 255, 255, 0.8) !important; }
.g-brd-white-opacity-0_8--hover:hover, .g-brd-white-opacity-0_8--active.active {
border-color: rgba(255, 255, 255, 0.8) !important; }
*:hover > .g-brd-white-opacity-0_8--hover-parent {
border-color: rgba(255, 255, 255, 0.8) !important; }
/* Gray Colors */
.g-brd-gray-dark-v1 {
border-color: #111 !important; }
.g-brd-gray-dark-v1--hover:hover, .g-brd-gray-dark-v1--active.active {
border-color: #111 !important; }
*:hover > .g-brd-gray-dark-v1--hover-parent {
border-color: #111 !important; }
.g-brd-gray-dark-v2 {
border-color: #333 !important; }
.g-brd-gray-dark-v2--hover:hover, .g-brd-gray-dark-v2--active.active {
border-color: #333 !important; }
*:hover > .g-brd-gray-dark-v2--hover-parent {
border-color: #333 !important; }
.g-brd-gray-dark-v3 {
border-color: #555 !important; }
.g-brd-gray-dark-v3--hover:hover, .g-brd-gray-dark-v3--active.active {
border-color: #555 !important; }
*:hover > .g-brd-gray-dark-v3--hover-parent {
border-color: #555 !important; }
.g-brd-gray-dark-v4 {
border-color: #777 !important; }
.g-brd-gray-dark-v4--hover:hover, .g-brd-gray-dark-v4--active.active {
border-color: #777 !important; }
*:hover > .g-brd-gray-dark-v4--hover-parent {
border-color: #777 !important; }
.g-brd-gray-dark-v5 {
border-color: #999 !important; }
.g-brd-gray-dark-v5--hover:hover, .g-brd-gray-dark-v5--active.active {
border-color: #999 !important; }
*:hover > .g-brd-gray-dark-v5--hover-parent {
border-color: #999 !important; }
.g-brd-gray-light-v1 {
border-color: #bbb !important; }
.g-brd-gray-light-v1--hover:hover, .g-brd-gray-light-v1--focus:focus, .g-brd-gray-light-v1--active.active {
border-color: #bbb !important; }
*:hover > .g-brd-gray-light-v1--hover-parent {
border-color: #bbb !important; }
.g-brd-gray-light-v2 {
border-color: #ccc !important; }
.g-brd-gray-light-v2--before::before {
border-color: #ccc !important; }
.g-brd-gray-light-v2--after::after {
border-color: #ccc !important; }
.g-brd-gray-light-v2--hover:hover, .g-brd-gray-light-v2--active.active {
border-color: #ccc !important; }
*:hover > .g-brd-gray-light-v2--hover-parent {
border-color: #ccc !important; }
.g-brd-gray-light-v3 {
border-color: #ddd !important; }
.g-brd-gray-light-v3--hover:hover, .g-brd-gray-light-v3--active.active, .g-brd-gray-light-v3--focus:focus {
border-color: #ddd !important; }
*:hover > .g-brd-gray-light-v3--hover-parent {
border-color: #ddd !important; }
.g-brd-gray-light-v4 {
border-color: #eee !important; }
.g-brd-gray-light-v4--hover:hover, .g-brd-gray-light-v4--active.active {
border-color: #eee !important; }
*:hover > .g-brd-gray-light-v4--hover-parent {
border-color: #eee !important; }
.g-brd-gray-light-v5 {
border-color: #f7f7f7 !important; }
.g-brd-gray-light-v5--hover:hover, .g-brd-gray-light-v5--active.active {
border-color: #f7f7f7 !important; }
*:hover > .g-brd-gray-light-v5--hover-parent {
border-color: #f7f7f7 !important; }
/* Transparent */
.g-brd-transparent {
border-color: transparent !important; }
.g-brd-transparent--before::before {
border-color: transparent !important; }
.g-brd-transparent--after::after {
border-color: transparent !important; }
.g-brd-transparent--hover:hover, .g-brd-transparent--active.active {
border-color: transparent !important; }
*:hover > .g-brd-transparent--hover-parent {
border-color: transparent !important; }
/* Complementary Colors
------------------------------------*/
/* Color Green */
.g-brd-green {
border-color: #72c02c !important; }
.g-brd-green--hover:hover, .g-brd-green--active.active {
border-color: #72c02c !important; }
*:hover > .g-brd-green--hover-parent {
border-color: #72c02c !important; }
/* Color Blue */
.g-brd-blue {
border-color: #3398dc !important; }
.g-brd-blue--hover:hover, .g-brd-blue--active.active {
border-color: #3398dc !important; }
*:hover > .g-brd-blue--hover-parent {
border-color: #3398dc !important; }
.g-brd-blue-opacity-0_1 {
border-color: rgba(51, 152, 220, 0.1) !important; }
/* Color Light Blue */
.g-brd-lightblue {
border-color: #edf2f8 !important; }
.g-brd-lightblue--hover:hover, .g-brd-lightblue--active.active {
border-color: #edf2f8 !important; }
*:hover > .g-brd-lightblue--hover-parent {
border-color: #edf2f8 !important; }
.g-brd-lightblue-v1 {
border-color: #d6e2ee !important; }
.g-brd-lightblue-v1--hover:hover, .g-brd-lightblue-v1--active.active {
border-color: #d6e2ee !important; }
*:hover > .g-brd-lightblue-v1--hover-parent {
border-color: #d6e2ee !important; }
/* Color Dark Blue */
.g-brd-darkblue {
border-color: #009 !important; }
.g-brd-darkblue--hover:hover, .g-brd-darkblue--active.active {
border-color: #009 !important; }
*:hover > .g-brd-darkblue--hover-parent {
border-color: #009 !important; }
/* Color Indigo */
.g-brd-indigo {
border-color: #4263a3 !important; }
.g-brd-indigo--hover:hover, .g-brd-indigo--active.active {
border-color: #4263a3 !important; }
*:hover > .g-brd-indigo--hover-parent {
border-color: #4263a3 !important; }
/* Color Red */
.g-brd-red {
border-color: #f00 !important; }
.g-brd-red--hover:hover, .g-brd-red--active.active {
border-color: #f00 !important; }
*:hover > .g-brd-red--hover-parent {
border-color: #f00 !important; }
/* Color Light Red */
.g-brd-lightred {
border-color: #e64b3b !important; }
.g-brd-lightred--hover:hover, .g-brd-lightred--active.active {
border-color: #e64b3b !important; }
*:hover > .g-brd-lightred--hover-parent {
border-color: #e64b3b !important; }
/* Color Dark Red */
.g-brd-darkred {
border-color: #a10f2b !important; }
.g-brd-darkred--hover:hover, .g-brd-darkred--active.active {
border-color: #a10f2b !important; }
*:hover > .g-brd-darkred--hover-parent {
border-color: #a10f2b !important; }
/* Color Purple */
.g-brd-purple {
border-color: #9a69cb !important; }
.g-brd-purple--hover:hover, .g-brd-purple--active.active {
border-color: #9a69cb !important; }
*:hover > .g-brd-purple--hover-parent {
border-color: #9a69cb !important; }
.g-brd-purple-opacity-0_1 {
border-color: rgba(154, 105, 203, 0.1) !important; }
/* Color Dark Purple */
.g-brd-darkpurple {
border-color: #6639b6 !important; }
.g-brd-darkpurple--hover:hover, .g-brd-darkpurple--active.active {
border-color: #6639b6 !important; }
*:hover > .g-brd-darkpurple--hover-parent {
border-color: #6639b6 !important; }
/* Color Pink */
.g-brd-pink {
border-color: #e81c62 !important; }
.g-brd-pink--hover:hover, .g-brd-pink--active.active {
border-color: #e81c62 !important; }
*:hover > .g-brd-pink--hover-parent {
border-color: #e81c62 !important; }
/* Color Orange */
.g-brd-orange {
border-color: #e57d20 !important; }
.g-brd-orange--hover:hover, .g-brd-orange--active.active {
border-color: #e57d20 !important; }
*:hover > .g-brd-orange--hover-parent {
border-color: #e57d20 !important; }
/* Color Deep Orange */
.g-brd-deeporange {
border-color: #fe541e !important; }
.g-brd-deeporange--hover:hover, .g-brd-deeporange--active.active {
border-color: #fe541e !important; }
*:hover > .g-brd-deeporange--hover-parent {
border-color: #fe541e !important; }
/* Color Yellow */
.g-brd-yellow {
border-color: #ebc71d !important; }
.g-brd-yellow--hover:hover, .g-brd-yellow--active.active {
border-color: #ebc71d !important; }
*:hover > .g-brd-yellow--hover-parent {
border-color: #ebc71d !important; }
/* Color Aqua */
.g-brd-aqua {
border-color: #29d6e6 !important; }
.g-brd-aqua--hover:hover, .g-brd-aqua--active.active {
border-color: #29d6e6 !important; }
*:hover > .g-brd-aqua--hover-parent {
border-color: #29d6e6 !important; }
/* Color Cyan */
.g-brd-cyan {
border-color: #00bed6 !important; }
.g-brd-cyan--hover:hover, .g-brd-cyan--active.active {
border-color: #00bed6 !important; }
*:hover > .g-brd-cyan--hover-parent {
border-color: #00bed6 !important; }
/* Color Teal */
.g-brd-teal {
border-color: #18ba9b !important; }
.g-brd-teal--hover:hover, .g-brd-teal--active.active {
border-color: #18ba9b !important; }
*:hover > .g-brd-teal--hover-parent {
border-color: #18ba9b !important; }
/* Color Brown */
.g-brd-brown {
border-color: #9c8061 !important; }
.g-brd-brown--hover:hover, .g-brd-brown--active.active {
border-color: #9c8061 !important; }
*:hover > .g-brd-brown--hover-parent {
border-color: #9c8061 !important; }
/* Color Blue Gray */
.g-brd-bluegray {
border-color: #585f69 !important; }
.g-brd-bluegray--hover:hover, .g-brd-bluegray--active.active {
border-color: #585f69 !important; }
*:hover > .g-brd-bluegray--hover-parent {
border-color: #585f69 !important; }
/* Primary Colors */
.g-brd-primary-top {
border-top-color: #007bff !important; }
.g-brd-primary-top--before::before {
border-top-color: #007bff !important; }
.g-brd-primary-bottom {
border-bottom-color: #007bff !important; }
.g-brd-primary-bottom--before:before {
border-bottom-color: #007bff !important; }
.g-brd-primary-left {
border-left-color: #007bff !important; }
.g-brd-primary-left--before:before {
border-left-color: #007bff !important; }
.g-brd-primary-right {
border-right-color: #007bff !important; }
.g-brd-primary-right--before:before {
border-right-color: #007bff !important; }
.g-brd-primary-opacity-0_3-top {
border-top-color: rgba(0, 123, 255, 0.3) !important; }
.g-brd-primary-opacity-0_3-bottom {
border-bottom-color: rgba(0, 123, 255, 0.3) !important; }
.g-brd-primary-opacity-0_3-left {
border-left-color: rgba(0, 123, 255, 0.3) !important; }
.g-brd-primary-opacity-0_3-right {
border-right-color: rgba(0, 123, 255, 0.3) !important; }
.g-brd-primary-dark-dark-v1-top {
border-top-color: #0076f5 !important; }
.g-brd-primary-dark-dark-v1-bottom {
border-bottom-color: #0076f5 !important; }
.g-brd-primary-dark-dark-v1-left {
border-left-color: #0076f5 !important; }
.g-brd-primary-dark-dark-v1-right {
border-right-color: #0076f5 !important; }
.g-brd-primary-dark-dark-v2-top {
border-top-color: #006fe6 !important; }
.g-brd-primary-dark-dark-v2-bottom {
border-bottom-color: #006fe6 !important; }
.g-brd-primary-dark-dark-v2-left {
border-left-color: #006fe6 !important; }
.g-brd-primary-dark-dark-v2-right {
border-right-color: #006fe6 !important; }
.g-brd-primary-dark-dark-v3-top {
border-top-color: #0062cc !important; }
.g-brd-primary-dark-dark-v3-bottom {
border-bottom-color: #0062cc !important; }
.g-brd-primary-dark-dark-v3-left {
border-left-color: #0062cc !important; }
.g-brd-primary-dark-dark-v3-right {
border-right-color: #0062cc !important; }
/* Black Colors */
.g-brd-black-top {
border-top-color: #000 !important; }
.g-brd-black-bottom {
border-bottom-color: #000 !important; }
.g-brd-black-left {
border-left-color: #000 !important; }
.g-brd-black-right {
border-right-color: #000 !important; }
/* White */
.g-brd-white-top {
border-top-color: #fff !important; }
.g-brd-white-bottom {
border-bottom-color: #fff !important; }
.g-brd-white-left {
border-left-color: #fff !important; }
.g-brd-white-right {
border-right-color: #fff !important; }
.g-brd-white-opacity-0_1-top {
border-top-color: rgba(255, 255, 255, 0.1) !important; }
.g-brd-white-opacity-0_1-bottom {
border-bottom-color: rgba(255, 255, 255, 0.1) !important; }
.g-brd-white-opacity-0_1-left {
border-left-color: rgba(255, 255, 255, 0.1) !important; }
.g-brd-white-opacity-0_1-right {
border-right-color: rgba(255, 255, 255, 0.1) !important; }
.g-brd-white-opacity-0_2-top {
border-top-color: rgba(255, 255, 255, 0.2) !important; }
.g-brd-white-opacity-0_2-bottom {
border-bottom-color: rgba(255, 255, 255, 0.2) !important; }
.g-brd-white-opacity-0_2-left {
border-left-color: rgba(255, 255, 255, 0.2) !important; }
.g-brd-white-opacity-0_2-right {
border-right-color: rgba(255, 255, 255, 0.2) !important; }
.g-brd-white-opacity-0_3-top {
border-top-color: rgba(255, 255, 255, 0.3) !important; }
.g-brd-white-opacity-0_3-bottom {
border-bottom-color: rgba(255, 255, 255, 0.3) !important; }
.g-brd-white-opacity-0_3-left {
border-left-color: rgba(255, 255, 255, 0.3) !important; }
.g-brd-white-opacity-0_3-right {
border-right-color: rgba(255, 255, 255, 0.3) !important; }
.g-brd-white-opacity-0_4-top {
border-top-color: rgba(255, 255, 255, 0.4) !important; }
.g-brd-white-opacity-0_4-bottom {
border-bottom-color: rgba(255, 255, 255, 0.4) !important; }
.g-brd-white-opacity-0_4-left {
border-left-color: rgba(255, 255, 255, 0.4) !important; }
.g-brd-white-opacity-0_4-right {
border-right-color: rgba(255, 255, 255, 0.4) !important; }
.g-brd-white-opacity-0_5-top {
border-top-color: rgba(255, 255, 255, 0.5) !important; }
.g-brd-white-opacity-0_5-bottom {
border-bottom-color: rgba(255, 255, 255, 0.5) !important; }
.g-brd-white-opacity-0_5-left {
border-left-color: rgba(255, 255, 255, 0.5) !important; }
.g-brd-white-opacity-0_5-right {
border-right-color: rgba(255, 255, 255, 0.5) !important; }
.g-brd-white-opacity-0_6-top {
border-top-color: rgba(255, 255, 255, 0.6) !important; }
.g-brd-white-opacity-0_6-bottom {
border-bottom-color: rgba(255, 255, 255, 0.6) !important; }
.g-brd-white-opacity-0_6-left {
border-left-color: rgba(255, 255, 255, 0.6) !important; }
.g-brd-white-opacity-0_6-right {
border-right-color: rgba(255, 255, 255, 0.6) !important; }
/* Gray Colors */
.g-brd-gray-dark-v1-top {
border-top-color: #111 !important; }
.g-brd-gray-dark-v1-bottom {
border-bottom-color: #111 !important; }
.g-brd-gray-dark-v1-left {
border-left-color: #111 !important; }
.g-brd-gray-dark-v1-right {
border-right-color: #111 !important; }
.g-brd-gray-dark-v2-top {
border-top-color: #333 !important; }
.g-brd-gray-dark-v2-bottom {
border-bottom-color: #333 !important; }
.g-brd-gray-dark-v2-left {
border-left-color: #333 !important; }
.g-brd-gray-dark-v2-right {
border-right-color: #333 !important; }
.g-brd-gray-dark-v3-top {
border-top-color: #555 !important; }
.g-brd-gray-dark-v3-bottom {
border-bottom-color: #555 !important; }
.g-brd-gray-dark-v3-left {
border-left-color: #555 !important; }
.g-brd-gray-dark-v3-right {
border-right-color: #555 !important; }
.g-brd-gray-dark-v4-top {
border-top-color: #777 !important; }
.g-brd-gray-dark-v4-bottom {
border-bottom-color: #777 !important; }
.g-brd-gray-dark-v4-left {
border-left-color: #777 !important; }
.g-brd-gray-dark-v4-right {
border-right-color: #777 !important; }
.g-brd-gray-dark-v5-top {
border-top-color: #999 !important; }
.g-brd-gray-dark-v5-bottom {
border-bottom-color: #999 !important; }
.g-brd-gray-dark-v5-left {
border-left-color: #999 !important; }
.g-brd-gray-dark-v5-right {
border-right-color: #999 !important; }
.g-brd-gray-light-v1-top {
border-top-color: #bbb !important; }
.g-brd-gray-light-v1-bottom {
border-bottom-color: #bbb !important; }
.g-brd-gray-light-v1-left {
border-left-color: #bbb !important; }
.g-brd-gray-light-v1-right {
border-right-color: #bbb !important; }
.g-brd-gray-light-v2-top {
border-top-color: #ccc !important; }
.g-brd-gray-light-v2-bottom {
border-bottom-color: #ccc !important; }
.g-brd-gray-light-v2-left {
border-left-color: #ccc !important; }
.g-brd-gray-light-v2-right {
border-right-color: #ccc !important; }
.g-brd-gray-light-v3-top {
border-top-color: #ddd !important; }
.g-brd-gray-light-v3-bottom {
border-bottom-color: #ddd !important; }
.g-brd-gray-light-v3-left {
border-left-color: #ddd !important; }
.g-brd-gray-light-v3-right {
border-right-color: #ddd !important; }
.g-brd-gray-light-v4-top {
border-top-color: #eee !important; }
.g-brd-gray-light-v4-bottom {
border-bottom-color: #eee !important; }
.g-brd-gray-light-v4-left {
border-left-color: #eee !important; }
.g-brd-gray-light-v4-right {
border-right-color: #eee !important; }
.g-brd-gray-light-v5-top {
border-top-color: #f7f7f7 !important; }
.g-brd-gray-light-v5-bottom {
border-bottom-color: #f7f7f7 !important; }
.g-brd-gray-light-v5-left {
border-left-color: #f7f7f7 !important; }
.g-brd-gray-light-v5-right {
border-right-color: #f7f7f7 !important; }
/* Transparent */
.g-brd-transparent-top {
border-top-color: transparent !important; }
.g-brd-transparent-bottom {
border-bottom-color: transparent !important; }
.g-brd-transparent-left {
border-left-color: transparent !important; }
.g-brd-transparent-right {
border-right-color: transparent !important; }
/* Complementary Colors
------------------------------------*/
/* Color Green */
.g-brd-green-top {
border-top-color: #72c02c !important; }
.g-brd-green-bottom {
border-bottom-color: #72c02c !important; }
.g-brd-green-left {
border-left-color: #72c02c !important; }
.g-brd-green-right {
border-right-color: #72c02c !important; }
/* Color Blue */
.g-brd-blue-top {
border-top-color: #3398dc !important; }
.g-brd-blue-bottom {
border-bottom-color: #3398dc !important; }
.g-brd-blue-left {
border-left-color: #3398dc !important; }
.g-brd-blue-right {
border-right-color: #3398dc !important; }
/* Color Light Blue */
.g-brd-lightblue-top {
border-top-color: #edf2f8 !important; }
.g-brd-lightblue-bottom {
border-bottom-color: #edf2f8 !important; }
.g-brd-lightblue-left {
border-left-color: #edf2f8 !important; }
.g-brd-lightblue-right {
border-right-color: #edf2f8 !important; }
.g-brd-lightblue-v1-top {
border-top-color: #d6e2ee !important; }
.g-brd-lightblue-v1-bottom {
border-bottom-color: #d6e2ee !important; }
.g-brd-lightblue-v1-left {
border-left-color: #d6e2ee !important; }
.g-brd-lightblue-v1-right {
border-right-color: #d6e2ee !important; }
/* Color Dark Blue */
.g-brd-darkblue-top {
border-top-color: #009 !important; }
.g-brd-darkblue-bottom {
border-bottom-color: #009 !important; }
.g-brd-darkblue-left {
border-left-color: #009 !important; }
.g-brd-darkblue-right {
border-right-color: #009 !important; }
/* Color Indigo */
.g-brd-indigo-top {
border-top-color: #4263a3 !important; }
.g-brd-indigo-bottom {
border-bottom-color: #4263a3 !important; }
.g-brd-indigo-left {
border-left-color: #4263a3 !important; }
.g-brd-indigo-right {
border-right-color: #4263a3 !important; }
/* Color Red */
.g-brd-red-top {
border-top-color: #f00 !important; }
.g-brd-red-bottom {
border-bottom-color: #f00 !important; }
.g-brd-red-left {
border-left-color: #f00 !important; }
.g-brd-red-right {
border-right-color: #f00 !important; }
/* Color Light Red */
.g-brd-lightred-top {
border-top-color: #e64b3b !important; }
.g-brd-lightred-bottom {
border-bottom-color: #e64b3b !important; }
.g-brd-lightred-left {
border-left-color: #e64b3b !important; }
.g-brd-lightred-right {
border-right-color: #e64b3b !important; }
/* Color Dark Red */
.g-brd-darkred-top {
border-top-color: #a10f2b !important; }
.g-brd-darkred-bottom {
border-bottom-color: #a10f2b !important; }
.g-brd-darkred-left {
border-left-color: #a10f2b !important; }
.g-brd-darkred-right {
border-right-color: #a10f2b !important; }
/* Color Purple */
.g-brd-purple-top {
border-top-color: #9a69cb !important; }
.g-brd-purple-bottom {
border-bottom-color: #9a69cb !important; }
.g-brd-purple-left {
border-left-color: #9a69cb !important; }
.g-brd-purple-right {
border-right-color: #9a69cb !important; }
/* Color Dark Purple */
.g-brd-darkpurple-top {
border-top-color: #6639b6 !important; }
.g-brd-darkpurple-bottom {
border-bottom-color: #6639b6 !important; }
.g-brd-darkpurple-left {
border-left-color: #6639b6 !important; }
.g-brd-darkpurple-right {
border-right-color: #6639b6 !important; }
/* Color Pink */
.g-brd-pink-top {
border-top-color: #e81c62 !important; }
.g-brd-pink-bottom {
border-bottom-color: #e81c62 !important; }
.g-brd-pink-left {
border-left-color: #e81c62 !important; }
.g-brd-pink-right {
border-right-color: #e81c62 !important; }
/* Color Orange */
.g-brd-orange-top {
border-top-color: #e57d20 !important; }
.g-brd-orange-bottom {
border-bottom-color: #e57d20 !important; }
.g-brd-orange-left {
border-left-color: #e57d20 !important; }
.g-brd-orange-right {
border-right-color: #e57d20 !important; }
/* Color Deep Orange */
.g-brd-deeporange-top {
border-top-color: #fe541e !important; }
.g-brd-deeporange-bottom {
border-bottom-color: #fe541e !important; }
.g-brd-deeporange-left {
border-left-color: #fe541e !important; }
.g-brd-deeporange-right {
border-right-color: #fe541e !important; }
/* Color Yellow */
.g-brd-yellow-top {
border-top-color: #ebc71d !important; }
.g-brd-yellow-bottom {
border-bottom-color: #ebc71d !important; }
.g-brd-yellow-left {
border-left-color: #ebc71d !important; }
.g-brd-yellow-right {
border-right-color: #ebc71d !important; }
/* Color Aqua */
.g-brd-aqua-top {
border-top-color: #29d6e6 !important; }
.g-brd-aqua-bottom {
border-bottom-color: #29d6e6 !important; }
.g-brd-aqua-left {
border-left-color: #29d6e6 !important; }
.g-brd-aqua-right {
border-right-color: #29d6e6 !important; }
/* Color Cyan */
.g-brd-cyan-top {
border-top-color: #00bed6 !important; }
.g-brd-cyan-bottom {
border-bottom-color: #00bed6 !important; }
.g-brd-cyan-left {
border-left-color: #00bed6 !important; }
.g-brd-cyan-right {
border-right-color: #00bed6 !important; }
/* Color Teal */
.g-brd-teal-top {
border-top-color: #18ba9b !important; }
.g-brd-teal-bottom {
border-bottom-color: #18ba9b !important; }
.g-brd-teal-left {
border-left-color: #18ba9b !important; }
.g-brd-teal-right {
border-right-color: #18ba9b !important; }
/* Color Brown */
.g-brd-brown-top {
border-top-color: #9c8061 !important; }
.g-brd-brown-bottom {
border-bottom-color: #9c8061 !important; }
.g-brd-brown-left {
border-left-color: #9c8061 !important; }
.g-brd-brown-right {
border-right-color: #9c8061 !important; }
/* Color Blue Gray */
.g-brd-bluegray-top {
border-top-color: #585f69 !important; }
.g-brd-bluegray-bottom {
border-bottom-color: #585f69 !important; }
.g-brd-bluegray-left {
border-left-color: #585f69 !important; }
.g-brd-bluegray-right {
border-right-color: #585f69 !important; }
/* O */
.g-brd-primary-top--hover:hover {
border-top-color: #007bff !important; }
.g-brd-primary-top--hover:hover::after {
border-top-color: #007bff; }
.g-brd-primary-top--active.active {
border-top-color: #007bff !important; }
.g-brd-primary-top--active.active::after {
border-top-color: #007bff; }
.g-brd-primary-bottom--hover:hover {
border-bottom-color: #007bff !important; }
.g-brd-primary-bottom--hover:hover::after {
border-bottom-color: #007bff; }
.g-brd-primary-bottom--active.active {
border-bottom-color: #007bff !important; }
.g-brd-primary-bottom--active.active::after {
border-bottom-color: #007bff; }
.g-brd-pinterest {
border-color: #c8232c !important; }
.g-brd-pinterest::after {
border-color: #c8232c !important; }
.g-brd-pinterest-top--hover:hover {
border-top-color: #c8232c !important; }
.g-brd-pinterest-top--hover:hover::after {
border-top-color: #c8232c; }
.g-brd-pinterest-top--active.active {
border-top-color: #c8232c !important; }
.g-brd-pinterest-top--active.active::after {
border-top-color: #c8232c; }
.g-brd-pinterest-bottom--hover:hover {
border-bottom-color: #c8232c !important; }
.g-brd-pinterest-bottom--hover:hover::after {
border-bottom-color: #c8232c; }
.g-brd-pinterest-bottom--active.active {
border-bottom-color: #c8232c !important; }
.g-brd-pinterest-bottom--active.active::after {
border-bottom-color: #c8232c; }
/*------------------------------------
Social Border Colors
------------------------------------*/
/* Facebook */
.g-brd-facebook {
border-color: #3b5998; }
.g-brd-facebook--hover:hover {
border-color: #3b5998 !important; }
/* Twitter */
.g-brd-twitter {
border-color: #00acee; }
.g-brd-twitter--hover:hover {
border-color: #00acee !important; }
/* Skype */
.g-brd-skype {
border-color: #00aff0; }
.g-brd-skype--hover:hover {
border-color: #00aff0 !important; }
/* Pinterest */
.g-brd-pinterest {
border-color: #c8232c; }
.g-brd-pinterest--hover:hover {
border-color: #c8232c !important; }
/* Vine */
.g-brd-vine {
border-color: #00bf8f; }
.g-brd-vine--hover:hover {
border-color: #00bf8f !important; }
/* Youtube */
.g-brd-youtube {
border-color: #c4302b; }
.g-brd-youtube--hover:hover {
border-color: #c4302b !important; }
/* Google plus */
.g-brd-google-plus {
border-color: #dd4b39; }
.g-brd-google-plus--hover:hover {
border-color: #dd4b39 !important; }
/* Dribbble */
.g-brd-dribbble {
border-color: #ea4c89; }
.g-brd-dribbble--hover:hover {
border-color: #ea4c89 !important; }
/* VK */
.g-brd-vk {
border-color: #2b587a; }
.g-brd-vk--hover:hover {
border-color: #2b587a !important; }
/* Linkedin */
.g-brd-linkedin {
border-color: #0e76a8; }
.g-brd-linkedin--hover:hover {
border-color: #0e76a8 !important; }
/* Instagram */
.g-brd-instagram {
border-color: #3f729b; }
.g-brd-instagram--hover:hover {
border-color: #3f729b !important; }
/*------------------------------------
Border Gradient Colors
------------------------------------*/
/* Cyan Gradient */
.g-brd-cyan-gradient-opacity-v1 {
border-image: linear-gradient(160deg, rgba(0, 0, 153, 0.55) 0%, rgba(0, 190, 214, 0.6) 100%);
border-image-slice: 1; }
/*------------------------------------
Typography Font Family
------------------------------------*/
.g-font-secondary {
font-family: "Roboto Slab", Helvetica, Arial, sans-serif; }
.g-font-code {
font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }
.g-font-niconne {
font-family: "Niconne", cursive; }
/*------------------------------------
Typography Font Size
------------------------------------*/
.g-font-size-default {
font-size: 1rem !important; }
.g-font-size-70x {
font-size: 70% !important; }
.g-font-size-75x {
font-size: 75% !important; }
.g-font-size-80x {
font-size: 80% !important; }
.g-font-size-85x {
font-size: 85% !important; }
.g-font-size-90x {
font-size: 90% !important; }
.g-font-size-95x {
font-size: 95% !important; }
.g-font-size-0 {
font-size: 0; }
.g-font-size-5 {
font-size: 0.35714286rem !important; }
.g-font-size-8 {
font-size: 0.57142857rem !important; }
.g-font-size-9 {
font-size: 0.64285714rem !important; }
.g-font-size-10 {
font-size: 0.71428571rem !important; }
.g-font-size-11 {
font-size: 0.78571429rem !important; }
.g-font-size-12 {
font-size: 0.85714286rem !important; }
.g-font-size-13 {
font-size: 0.92857143rem !important; }
.g-font-size-14 {
font-size: 1rem !important; }
.g-font-size-15 {
font-size: 1.07142857rem !important; }
.g-font-size-16 {
font-size: 1.14285714rem !important; }
.g-font-size-17 {
font-size: 1.21428571rem !important; }
.g-font-size-18 {
font-size: 1.28571429rem !important; }
.g-font-size-20 {
font-size: 1.42857143rem !important; }
.g-font-size-22 {
font-size: 1.57142857rem !important; }
.g-font-size-23 {
font-size: 1.64285714rem !important; }
.g-font-size-24 {
font-size: 1.71428571rem !important; }
.g-font-size-25 {
font-size: 1.78571429rem !important; }
.g-font-size-26 {
font-size: 1.85714286rem !important; }
.g-font-size-27 {
font-size: 1.92857143rem !important; }
.g-font-size-28 {
font-size: 2rem !important; }
.g-font-size-30 {
font-size: 2.14285714rem !important; }
.g-font-size-32 {
font-size: 2.28571429rem !important; }
.g-font-size-33 {
font-size: 2.35714286rem !important; }
.g-font-size-35 {
font-size: 2.5rem !important; }
.g-font-size-36 {
font-size: 2.57142857rem !important; }
.g-font-size-38 {
font-size: 2.71428571rem !important; }
.g-font-size-40 {
font-size: 2.85714286rem !important; }
.g-font-size-42 {
font-size: 3rem !important; }
.g-font-size-45 {
font-size: 3.21428571rem !important; }
.g-font-size-46 {
font-size: 3.28571429rem !important; }
.g-font-size-48 {
font-size: 3.42857143rem !important; }
.g-font-size-50 {
font-size: 3.57142857rem !important; }
.g-font-size-55 {
font-size: 3.92857143rem !important; }
.g-font-size-56 {
font-size: 4rem !important; }
.g-font-size-60 {
font-size: 4.28571429rem !important; }
.g-font-size-65 {
font-size: 4.64285714rem !important; }
.g-font-size-70 {
line-height: 70px;
font-size: 5rem !important; }
.g-font-size-75 {
font-size: 5.35714286rem !important; }
.g-font-size-76 {
font-size: 5.42857143rem !important; }
.g-font-size-80 {
font-size: 5.71428571rem !important; }
.g-font-size-86 {
font-size: 6.14285714rem !important; }
.g-font-size-90 {
font-size: 6.42857143rem !important; }
.g-font-size-120 {
font-size: 8.57142857rem !important; }
.g-font-size-200 {
line-height: 210px;
font-size: 14.28571429rem !important; }
.g-font-size-180 {
font-size: 12.85714286rem !important; }
@media (min-width: 576px) {
.g-font-size-20--sm {
font-size: 1.42857143rem !important; }
.g-font-size-25--sm {
font-size: 1.78571429rem !important; }
.g-font-size-40--sm {
font-size: 2.85714286rem !important; }
.g-font-size-50--sm {
font-size: 3.57142857rem !important; }
.g-font-size-240--sm {
font-size: 17.14285714rem !important; } }
@media (min-width: 768px) {
.g-font-size-default--md {
font-size: 1rem !important; }
.g-font-size-12--md {
font-size: 0.85714286rem !important; }
.g-font-size-16--md {
font-size: 1.14285714rem !important; }
.g-font-size-18--md {
font-size: 1.28571429rem !important; }
.g-font-size-20--md {
font-size: 1.42857143rem !important; }
.g-font-size-24--md {
font-size: 1.71428571rem !important; }
.g-font-size-25--md {
font-size: 1.78571429rem !important; }
.g-font-size-26--md {
font-size: 1.85714286rem !important; }
.g-font-size-27--md {
font-size: 1.92857143rem !important; }
.g-font-size-28--md {
font-size: 2rem !important; }
.g-font-size-30--md {
font-size: 2.14285714rem !important; }
.g-font-size-32--md {
font-size: 2.28571429rem !important; }
.g-font-size-35--md {
font-size: 2.5rem !important; }
.g-font-size-36--md {
font-size: 2.57142857rem !important; }
.g-font-size-40--md {
font-size: 2.85714286rem !important; }
.g-font-size-45--md {
font-size: 3.21428571rem !important; }
.g-font-size-46--md {
font-size: 3.28571429rem !important; }
.g-font-size-48--md {
font-size: 3.42857143rem !important; }
.g-font-size-50--md {
font-size: 3.57142857rem !important; }
.g-font-size-55--md {
font-size: 3.92857143rem !important; }
.g-font-size-56--md {
font-size: 4rem !important; }
.g-font-size-60--md {
font-size: 4.28571429rem !important; }
.g-font-size-65--md {
font-size: 4.64285714rem !important; }
.g-font-size-70--md {
font-size: 5rem !important; }
.g-font-size-75--md {
font-size: 5.35714286rem !important; }
.g-font-size-76--md {
font-size: 5.42857143rem !important; }
.g-font-size-90--md {
font-size: 6.42857143rem !important; }
.g-font-size-130--md {
font-size: 9.28571429rem !important; } }
@media (min-width: 992px) {
.g-font-size-default--lg {
font-size: 1rem !important; }
.g-font-size-16--lg {
font-size: 1.14285714rem !important; }
.g-font-size-18--lg {
font-size: 1.28571429rem !important; }
.g-font-size-26--lg {
font-size: 1.85714286rem !important; }
.g-font-size-32--lg {
font-size: 2.28571429rem !important; }
.g-font-size-35--lg {
font-size: 2.5rem !important; }
.g-font-size-36--lg {
font-size: 2.57142857rem !important; }
.g-font-size-42--lg {
font-size: 3rem !important; }
.g-font-size-60--lg {
font-size: 4.28571429rem !important; }
.g-font-size-75--lg {
font-size: 5.35714286rem !important; }
.g-font-size-76--lg {
font-size: 5.42857143rem !important; }
.g-font-size-420--lg {
font-size: 30rem !important; } }
@media (min-width: 1200px) {
.g-font-size-17--xl {
font-size: 1.21428571rem !important; } }
@media (max-width: 576px - 1) {
.g-font-size-25 {
font-size: 1.78571429rem !important; } }
/*------------------------------------
Typography Font Weight
------------------------------------*/
.g-font-weight-100 {
font-weight: 100 !important; }
.g-font-weight-200 {
font-weight: 200 !important; }
.g-font-weight-300 {
font-weight: 300 !important; }
.g-font-weight-400 {
font-weight: 400 !important; }
.g-font-weight-500 {
font-weight: 500 !important; }
.g-font-weight-600 {
font-weight: 600 !important; }
.g-font-weight-700 {
font-weight: 700 !important; }
.g-font-weight-800 {
font-weight: 800 !important; }
.g-font-weight-900 {
font-weight: 900 !important; }
@media (min-width: 768px) {
.g-font-weight-100--md {
font-weight: 100 !important; }
.g-font-weight-200--md {
font-weight: 200 !important; }
.g-font-weight-300--md {
font-weight: 300 !important; }
.g-font-weight-400--md {
font-weight: 400 !important; }
.g-font-weight-500--md {
font-weight: 500 !important; }
.g-font-weight-600--md {
font-weight: 600 !important; }
.g-font-weight-700--md {
font-weight: 700 !important; }
.g-font-weight-800--md {
font-weight: 800 !important; }
.g-font-weight-900--md {
font-weight: 900 !important; } }
/*------------------------------------
Typography Text Transform
------------------------------------*/
.g-text-transform-none {
text-transform: none !important; }
/*------------------------------------
Typography Text Decoration
------------------------------------*/
.g-text-underline {
text-decoration: underline; }
.g-text-underline--none--hover:focus, .g-text-underline--none--hover:hover {
text-decoration: none; }
.g-text-strike {
text-decoration: line-through; }
/*------------------------------------
Typography Letter Spacing
------------------------------------*/
.g-letter-spacing-minus-2 {
letter-spacing: -0.14285714rem; }
.g-letter-spacing-0_5 {
letter-spacing: 0.03571429rem; }
.g-letter-spacing-1_5 {
letter-spacing: 0.10714286rem; }
.g-letter-spacing-0 {
letter-spacing: 0px; }
.g-letter-spacing-1 {
letter-spacing: 0.07142857rem; }
.g-letter-spacing-2 {
letter-spacing: 0.14285714rem; }
.g-letter-spacing-3 {
letter-spacing: 0.21428571rem; }
.g-letter-spacing-4 {
letter-spacing: 0.28571429rem; }
.g-letter-spacing-5 {
letter-spacing: 0.35714286rem; }
.g-letter-spacing-6 {
letter-spacing: 0.42857143rem; }
.g-letter-spacing-7 {
letter-spacing: 0.5rem; }
.g-letter-spacing-8 {
letter-spacing: 0.57142857rem; }
.g-letter-spacing-9 {
letter-spacing: 0.64285714rem; }
.g-letter-spacing-10 {
letter-spacing: 0.71428571rem; }
.g-letter-spacing-11 {
letter-spacing: 0.78571429rem; }
.g-letter-spacing-12 {
letter-spacing: 0.85714286rem; }
/*------------------------------------
Typography Line Height
------------------------------------*/
.g-line-height-0 {
line-height: 0 !important; }
.g-line-height-0_7 {
line-height: .7 !important; }
.g-line-height-0_8 {
line-height: .8 !important; }
.g-line-height-0_9 {
line-height: .9 !important; }
.g-line-height-1 {
line-height: 1 !important; }
.g-line-height-1_1 {
line-height: 1.1 !important; }
.g-line-height-1_2 {
line-height: 1.2 !important; }
.g-line-height-1_3 {
line-height: 1.3 !important; }
.g-line-height-1_4 {
line-height: 1.4 !important; }
.g-line-height-1_5 {
line-height: 1.5 !important; }
.g-line-height-1_6 {
line-height: 1.6 !important; }
.g-line-height-1_8 {
line-height: 1.8 !important; }
.g-line-height-2 {
line-height: 2 !important; }
/*------------------------------------
Typography Font Style
------------------------------------*/
.g-font-style-normal {
font-style: normal; }
.g-font-style-italic {
font-style: italic; }
/*------------------------------------
List Style Types
------------------------------------*/
.g-list-style-circle {
list-style-type: circle; }
.g-list-style-disc {
list-style-type: disc; }
.g-list-style-square {
list-style-type: square; }
.g-list-style-lower-roman {
list-style-type: lower-roman; }
.g-list-style-upper-roman {
list-style-type: upper-roman; }
.g-list-style-lower-latin {
list-style-type: lower-latin; }
.g-list-style-upper-latin {
list-style-type: upper-latin; }
/*------------------------------------
Text Types
------------------------------------*/
.g-text-break-word {
word-wrap: break-word; }
/*------------------------------------
Quotes
------------------------------------*/
/* Quote v1 */
.u-quote-v1::before {
content: "\“";
font-size: 36px;
line-height: 0.75em;
text-align: center;
font-weight: 600;
display: block; }
.u-quote-v1::after {
display: none; }
/*------------------------------------
Positions
------------------------------------*/
.g-pos-rel {
position: relative !important; }
.g-pos-abs {
position: absolute !important; }
.g-pos-stc {
position: static !important; }
.g-pos-fix {
position: fixed !important; }
@media (min-width: 576px) {
.g-pos-rel--sm {
position: relative !important; }
.g-pos-fix--sm {
position: fixed !important; }
.g-pos-abs--sm {
position: absolute !important; }
.g-pos-stc--sm {
position: static !important; } }
@media (min-width: 768px) {
.g-pos-rel--md {
position: relative !important; }
.g-pos-fix--md {
position: fixed !important; }
.g-pos-abs--md {
position: absolute !important; }
.g-pos-stc--sm {
position: static !important; } }
@media (min-width: 992px) {
.g-pos-rel--lg {
position: relative !important; }
.g-pos-fix--lg {
position: fixed !important; }
.g-pos-abs--lg {
position: absolute !important; }
.g-pos-stc--lg {
position: static !important; } }
/*------------------------------------
Position Spaces
------------------------------------*/
/* Top */
.g-top-auto {
/* P */
top: auto; }
.g-parent:hover .g-top-auto--parent-hover {
top: auto; }
.g-top-0 {
top: 0 !important; }
.g-top-0--hover:hover {
top: 0 !important; }
.g-parent:hover .g-top-0--parent-hover {
top: 0 !important; }
.g-top-1 {
top: 0.07142857rem; }
.g-top-2 {
top: 0.14285714rem; }
.g-top-3 {
top: 0.21428571rem; }
.g-top-5 {
top: 0.35714286rem !important; }
.g-top-7 {
top: 0.5rem !important; }
.g-top-10 {
top: 0.71428571rem !important; }
.g-top-15 {
top: 1.07142857rem; }
.g-top-20 {
top: 1.42857143rem; }
.g-top-25 {
top: 1.78571429rem; }
.g-top-30 {
top: 2.14285714rem; }
.g-top-35 {
top: 2.5rem; }
.g-top-55 {
top: 3.92857143rem; }
.g-top-65 {
top: 4.64285714rem; }
.g-top-100 {
top: 7.14285714rem; }
.g-top-15x {
top: 15%; }
.g-top-20x {
top: 20%; }
.g-top-25x {
top: 25%; }
.g-top-30x {
top: 30%; }
.g-top-35x {
top: 35%; }
.g-top-50x {
top: 50%; }
.g-top-100x {
top: 100%; }
/* Top Minis */
.g-top-minus-1 {
top: -0.07142857rem; }
.g-top-minus-2 {
top: -0.14285714rem; }
.g-top-minus-3 {
top: -0.21428571rem !important; }
.g-top-minus-4 {
top: -0.28571429rem; }
.g-top-minus-5 {
top: -0.35714286rem; }
.g-top-minus-6 {
top: -0.42857143rem; }
.g-top-minus-8 {
top: -0.57142857rem; }
.g-top-minus-10 {
top: -0.71428571rem; }
.g-top-minus-15 {
top: -1.07142857rem; }
.g-top-minus-20 {
top: -1.42857143rem; }
.g-top-minus-30 {
top: -2.14285714rem; }
.g-top-minus-35 {
top: -2.5rem; }
.g-top-minus-40 {
top: -2.85714286rem; }
.g-top-minus-70 {
top: -5rem; }
.g-top-minus-120 {
top: -8.57142857rem; }
.g-top-minus-25x {
top: -25%; }
.g-top-minus-80x {
top: -80%; }
/* Left */
.g-left-auto {
/* P */
left: auto !important; }
.g-left-0 {
left: 0; }
.g-left-0--hover:hover {
left: 0; }
.g-parent:hover .g-left-0--parent-hover {
left: 0; }
.g-left-2 {
left: 0.14285714rem; }
.g-left-5 {
left: 0.35714286rem; }
.g-left-10 {
left: 0.71428571rem; }
.g-left-15 {
left: 1.07142857rem !important; }
.g-left-20 {
left: 1.42857143rem; }
.g-left-30 {
left: 2.14285714rem; }
.g-left-40 {
left: 2.85714286rem;
/* O */ }
.g-left-45 {
left: 3.21428571rem;
/* P */ }
.g-left-75 {
left: 5.35714286rem; }
.g-left-110 {
left: 7.85714286rem; }
.g-left-130 {
left: 9.28571429rem; }
.g-left-200 {
left: 14.28571429rem; }
.g-left-15x {
left: 15%; }
.g-left-35x {
left: 35%; }
.g-left-50x {
left: 50%; }
.g-left-100x {
left: 100%; }
/* Left Minus */
.g-left-minus-3 {
left: -0.21428571rem; }
.g-left-minus-6 {
left: -0.42857143rem; }
.g-left-minus-7 {
left: -0.5rem; }
.g-left-minus-10 {
left: -0.71428571rem; }
.g-left-minus-15 {
left: -1.07142857rem; }
.g-left-minus-20 {
left: -1.42857143rem; }
.g-left-minus-25 {
left: -1.78571429rem; }
.g-left-minus-30 {
left: -2.14285714rem; }
.g-left-minus-40 {
left: -2.85714286rem; }
.g-left-minus-50 {
left: -3.57142857rem; }
.g-parent:hover .g-left-minus-50--parent-hover {
left: -3.57142857rem; }
/* Right */
.g-right-auto {
/* P */
right: auto; }
.g-right-0 {
right: 0 !important; }
.g-right-0--hover:hover {
right: 0 !important; }
.g-parent:hover .g-right-0--parent-hover {
right: 0 !important; }
.g-right-5 {
right: 0.35714286rem !important; }
.g-right-7 {
right: 0.5rem !important; }
.g-right-10 {
right: 0.71428571rem !important; }
.g-right-14 {
right: 1rem !important; }
.g-right-15 {
right: 1.07142857rem !important; }
.g-right-20 {
right: 1.42857143rem; }
.g-right-30 {
right: 2.14285714rem; }
.g-right-40 {
right: 2.85714286rem; }
.g-right-45 {
right: 3.21428571rem;
/* P */ }
.g-right-55 {
right: 3.92857143rem;
/* O */ }
.g-right-65 {
right: 4.64285714rem; }
.g-right-100 {
right: 7.14285714rem; }
.g-right-110 {
right: 7.85714286rem; }
.g-right-130 {
right: 9.28571429rem; }
.g-right-15x {
right: 15%; }
.g-right-35x {
right: 35%; }
.g-right-50x {
right: 50%; }
.g-right-100x {
right: 100%; }
/* Right Minus */
.g-right-minus-3 {
right: -0.21428571rem !important; }
.g-right-minus-6 {
right: -0.42857143rem; }
.g-right-minus-5 {
right: -0.35714286rem; }
.g-right-minus-10 {
right: -0.71428571rem; }
.g-right-minus-13 {
right: -0.92857143rem; }
.g-right-minus-15 {
right: -1.07142857rem; }
.g-right-minus-20 {
right: -1.42857143rem; }
.g-right-minus-25 {
right: -1.78571429rem; }
.g-right-minus-40 {
right: -2.85714286rem; }
.g-right-minus-50 {
right: -3.57142857rem; }
/* Bottom */
.g-bottom-auto {
/* P */
bottom: auto; }
.g-bottom-0 {
bottom: 0; }
.g-bottom-0--hover:hover {
bottom: 0; }
.g-parent:hover .g-bottom-0--parent-hover {
bottom: 0; }
.g-bottom-6 {
bottom: 0.42857143rem; }
.g-bottom-10 {
bottom: 0.71428571rem; }
.g-bottom-20 {
bottom: 1.42857143rem; }
.g-bottom-30 {
bottom: 2.14285714rem; }
.g-bottom-40 {
bottom: 2.85714286rem; }
.g-bottom-50 {
bottom: 3.57142857rem; }
.g-parent:hover .g-bottom-50--parent-hover {
bottom: 3.57142857rem; }
.g-bottom-60 {
bottom: 4.28571429rem; }
.g-bottom-80 {
bottom: 5.71428571rem; }
.g-bottom-minus-20 {
bottom: -1.42857143rem; }
.g-bottom-minus-30 {
bottom: -2.14285714rem; }
.g-bottom-minus-40 {
bottom: -2.85714286rem; }
.g-bottom-minus-70 {
bottom: -5rem; }
.g-bottom-minus-35x {
bottom: -35%; }
.g-bottom-15x {
bottom: 15%; }
.g-bottom-minus-25x {
bottom: -25%; }
.g-bottom-100x {
bottom: 100%; }
/* Z */
@media (min-width: 576px) {
.g-top-auto--sm {
top: auto; }
.g-left-auto--sm {
left: auto; }
.g-left-minus-20--sm {
left: -20px; }
.g-right-minus-20--sm {
right: -20px; } }
/* O */
@media (min-width: 768px) {
.g-right-0--md {
right: 0; }
.g-right-minus-15--md {
right: -1.07142857rem; }
.g-left-minus-15--md {
left: -1.07142857rem; }
.g-top-minus-20--md {
top: -1.42857143rem; }
.g-right-minus-25--md {
right: -1.78571429rem; }
.g-right-100--md {
right: 7.14285714rem; }
.g-bottom-minus-50--md {
bottom: -3.57142857rem; }
.g-left-auto--md {
left: auto; }
.g-left-minus-25--md {
left: -1.78571429rem; }
.g-left-130--md {
left: 9.28571429rem; }
.g-left-35x--md {
left: 35%; }
.g-left-50x--md {
left: 50%; }
.g-right-130--md {
right: 9.28571429rem; }
.g-right-35x--md {
right: 35%; }
.g-right-50x--md {
right: 50%; } }
@media (min-width: 992px) {
.g-top-0--lg {
top: 0; }
.g-right-0--lg {
right: 0; }
.g-left-minus-35--lg {
left: -2.5rem; }
.g-left-40--lg {
left: 2.85714286rem; }
.g-right-minus-35--lg {
right: -2.5rem; }
.g-right-40--lg {
right: 2.85714286rem; } }
/*------------------------------------
Block Alignments
------------------------------------*/
/* Absolute (Position, X, Y) */
.g-absolute-centered {
position: absolute !important;
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%);
-webkit-backface-visibility: hidden; }
.g-absolute-centered--x {
position: absolute !important;
left: 50% !important;
transform: translateX(-50%);
-webkit-backface-visibility: hidden; }
@media (min-width: 576px) {
.g-absolute-centered--x--sm {
position: absolute !important;
left: 50% !important;
transform: translateX(-50%);
-webkit-backface-visibility: hidden; } }
@media (min-width: 768px) {
.g-absolute-centered--x--md {
position: absolute !important;
left: 50% !important;
transform: translateX(-50%);
-webkit-backface-visibility: hidden; } }
.g-absolute-centered--y {
position: absolute !important;
top: 50% !important;
transform: translateY(-50%);
-webkit-backface-visibility: hidden; }
@media (min-width: 768px) {
.g-absolute-centered--y--md {
position: absolute !important;
top: 50% !important;
transform: translateY(-50%);
-webkit-backface-visibility: hidden; } }
@media (min-width: 992px) {
.g-absolute-centered--y--lg {
position: absolute !important;
top: 50% !important;
transform: translateY(-50%);
-webkit-backface-visibility: hidden; } }
/* O */
.g-transform-origin--top-left {
transform-origin: top left; }
.g-transform-origin--top-right {
transform-origin: top right; }
.g-absolute-centered--y--scl-0_6 {
position: absolute;
top: 50%;
transform: scale(0.6) translateY(-50%); }
/* Relative (Position, X, Y) */
.g-relative-centered {
position: relative;
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%);
-webkit-backface-visibility: hidden; }
.g-relative-centered--x {
position: relative;
left: 50% !important;
transform: translateX(-50%);
-webkit-backface-visibility: hidden; }
.g-relative-centered--y {
position: relative;
top: 50% !important;
transform: translateY(-50%);
-webkit-backface-visibility: hidden; }
/* Flex centered */
.g-flex-centered {
display: flex;
align-items: center;
justify-content: center; }
.g-flex-centered-item {
flex: 1; }
.g-flex-centered-item--top {
align-self: flex-start; }
.g-flex-centered-item--bottom {
align-self: flex-end; }
/* Flex right */
.g-flex-right--xs {
justify-content: flex-end; }
/* Flex middle */
.g-flex-middle {
display: flex;
flex-flow: column nowrap;
justify-content: space-between; }
.g-flex-middle-item {
margin-top: auto;
margin-bottom: auto; }
.g-flex-middle-item--top {
margin-top: 0;
margin-bottom: 0; }
.g-flex-middle-item--bottom {
margin-top: auto;
margin-bottom: 0; }
.g-flex-middle-item--fixed {
flex: none;
max-width: 50%; }
@media (min-width: 768px) {
/* Flex right */
.g-flex-right--md {
justify-content: flex-end; }
.g-flex-centered--md {
display: flex;
align-items: center;
justify-content: center; }
.g-absolute-centered--y--scl-1--md {
position: absolute;
top: 50%;
transform: scale(1) translateY(-50%); } }
@media (min-width: 576px) {
.g-absolute-centered--sm {
position: absolute !important;
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%);
-webkit-backface-visibility: hidden; }
.g-absolute-centered--x-sm--reset {
position: static !important;
left: auto !important;
transform: translateX(0) !important; } }
@media (min-width: 768px) {
.g-absolute-centered--md {
position: absolute !important;
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%);
-webkit-backface-visibility: hidden; } }
@media (min-width: 992px) {
.g-absolute-centered--x--lg {
position: absolute !important;
left: 50% !important;
transform: translateX(-50%);
-webkit-backface-visibility: hidden; }
.g-flex-centered--lg {
display: flex;
align-items: center;
justify-content: center; } }
/*------------------------------------
Alignments
------------------------------------*/
.g-valign-super {
vertical-align: super !important; }
.g-valign-sub {
vertical-align: sub !important; }
.g-valign-top {
vertical-align: top !important; }
.g-valign-middle {
vertical-align: middle !important; }
.g-valign-bottom {
vertical-align: bottom !important; }
/*------------------------------------
Blur
------------------------------------*/
.g-blur-30 {
filter: blur(30px); }
.g-blur-30--hover:hover {
filter: blur(30px); }
.g-parent:hover .g-blur-30--parent-hover {
filter: blur(30px); }
/*------------------------------------
Box-shadows
------------------------------------*/
.g-box-shadow-none {
box-shadow: none !important; }
/*------------------------------------
Clear
------------------------------------*/
.g-clear {
clear: both; }
.g-clear--left {
clear: left; }
.g-clear--right {
clear: right; }
/*------------------------------------
Cursors
------------------------------------*/
.g-cursor-pointer {
cursor: pointer; }
/*------------------------------------
Overflows
------------------------------------*/
.g-overflow-hidden {
overflow: hidden; }
.g-overflow-visible {
overflow: visible; }
.g-overflow-x-hidden {
overflow-x: hidden; }
.g-overflow-x-auto {
overflow-x: auto !important; }
.g-overflow-x-scroll {
overflow-x: scroll; }
.g-overflow-y-auto {
overflow-y: auto; }
.g-overflow-y-hidden {
overflow-y: hidden; }
@media (min-width: 768px) {
.g-overflow-x-visible--md {
overflow-x: visible; } }
@media (min-width: 992px) {
.g-overflow-x-visible--lg {
overflow-x: visible; } }
/*------------------------------------
Transitions
------------------------------------*/
/*.g-transition {
&-0_2 {
transition: .2s ease-out;
}
&-0_3 {
transition: .3s ease-out;
}
&-0_6 {
transition: .6s ease-out;
&-ease {
transition: .6s ease;
}
}
}
[class*="g-color-"][class*="--hover"] {
transition: color .2s ease-out;
}
[class*="g-bg-"][class*="--hover"] {
transition: background-color .3s ease-out;
}
[class*="g-color-"][class*="--hover"][class*="g-bg-"][class*="--hover"] {
transition: .3s ease-out;
}*/
[class*="g-transition"] {
transition-property: all;
transition-timing-function: ease;
transition-delay: 0s; }
[class*="g-transition"]::before, [class*="g-transition"]::after,
[class*="g-transition"] path,
[class*="g-transition"] polygon {
transition-property: all;
transition-timing-function: ease;
transition-delay: 0s; }
.g-transition-0 {
transition-duration: 0s; }
.g-transition-0::before, .g-transition-0::after,
.g-transition-0 path,
.g-transition-0 polygon {
transition-duration: 0s; }
.g-transition-0_2 {
transition-duration: .2s; }
.g-transition-0_2::before, .g-transition-0_2::after,
.g-transition-0_2 path,
.g-transition-0_2 polygon {
transition-duration: .2s; }
.g-transition-0_3 {
transition-duration: .3s; }
.g-transition-0_3::before, .g-transition-0_3::after,
.g-transition-0_3 path,
.g-transition-0_3 polygon {
transition-duration: .3s; }
.g-transition-0_5 {
transition-duration: .5s; }
.g-transition-0_5::before, .g-transition-0_5::after,
.g-transition-0_5 path,
.g-transition-0_5 polygon {
transition-duration: .5s; }
.g-transition-0_6 {
transition-duration: .6s; }
.g-transition-0_6::before, .g-transition-0_6::after,
.g-transition-0_6 path,
.g-transition-0_6 polygon {
transition-duration: .6s; }
.g-transition-delay-0_11 {
transition-delay: .11s; }
.g-transition-delay-0_11::before, .g-transition-delay-0_11::after,
.g-transition-delay-0_11 path,
.g-transition-delay-0_11 polygon {
transition-delay: .11s; }
.g-transition-delay-0_2 {
transition-delay: .2s; }
.g-transition-delay-0_2::before, .g-transition-delay-0_2::after,
.g-transition-delay-0_2 path,
.g-transition-delay-0_2 polygon {
transition-delay: .2s; }
.g-transition-delay-0_45 {
transition-delay: .45s; }
.g-transition-delay-0_45::before, .g-transition-delay-0_45::after,
.g-transition-delay-0_45 path,
.g-transition-delay-0_45 polygon {
transition-delay: .45s; }
.g-transition--ease-out {
transition-timing-function: ease-out; }
.g-transition--ease-out::before, .g-transition--ease-out::after,
.g-transition--ease-out path,
.g-transition--ease-out polygon {
transition-timing-function: ease-out; }
.g-transition--ease-in {
transition-timing-function: ease-in; }
.g-transition--ease-in::before, .g-transition--ease-in::after,
.g-transition--ease-in path,
.g-transition--ease-in polygon {
transition-timing-function: ease-in; }
.g-transition--ease-in-out {
transition-timing-function: ease-in-out; }
.g-transition--ease-in-out::before, .g-transition--ease-in-out::after,
.g-transition--ease-in-out path,
.g-transition--ease-in-out polygon {
transition-timing-function: ease-in-out; }
.g-transition--linear {
transition-timing-function: linear; }
.g-transition--linear::before, .g-transition--linear::after,
.g-transition--linear path,
.g-transition--linear polygon {
transition-timing-function: linear; }
/*------------------------------------
Transforms
------------------------------------*/
.g-transform-scale-0_5 {
transform: scale(0.5); }
.g-transform-scale-0_5--hover:hover {
transform: scale(0.5); }
.g-parent:hover .g-transform-scale-0_5--parent-hover {
transform: scale(0.5); }
.g-transform-scale-0_8 {
transform: scale(0.8); }
.g-transform-scale-0_8--hover:hover {
transform: scale(0.8); }
.g-parent:hover .g-transform-scale-0_8--parent-hover {
transform: scale(0.8); }
.g-transform-scale-0_85 {
transform: scale(0.85); }
.g-transform-scale-0_85--hover:hover {
transform: scale(0.85); }
.g-parent:hover .g-transform-scale-0_85--parent-hover {
transform: scale(0.85); }
.g-transform-scale-0_9 {
transform: scale(0.9); }
.g-transform-scale-0_9--hover:hover {
transform: scale(0.9); }
.g-parent:hover .g-transform-scale-0_9--parent-hover {
transform: scale(0.9); }
.g-transform-scale-1 {
transform: scale(1); }
.g-transform-scale-1--hover:hover {
transform: scale(1); }
.g-parent:hover .g-transform-scale-1--parent-hover {
transform: scale(1); }
.g-transform-scale-1_05 {
transform: scale3d(1.05, 1.05, 1.05); }
.g-transform-scale-1_05--hover:hover {
transform: scale3d(1.05, 1.05, 1.05);
z-index: 2; }
.g-parent:hover .g-transform-scale-1_05--parent-hover {
transform: scale3d(1.1, 1.1, 1.1); }
.g-transform-scale-1_1 {
transform: scale3d(1.1, 1.1, 1.1); }
.g-transform-scale-1_1--hover:hover {
transform: scale3d(1.1, 1.1, 1.1);
z-index: 2; }
.g-parent:hover .g-transform-scale-1_1--parent-hover {
transform: scale3d(1.1, 1.1, 1.1); }
.g-transform-scale-1_2 {
transform: scale(1.2); }
.g-transform-scale-1_2--hover:hover {
transform: scale(1.2); }
.g-parent:hover .g-transform-scale-1_2--parent-hover {
transform: scale(1.2); }
.g-transform-translate-x-100x {
transform: translateX(100%); }
.g-transform-translate-x-100x--hover:hover {
transform: translateX(100%); }
.g-parent:hover .g-transform-translate-x-100x--parent-hover {
transform: translateX(100%); }
.g-transform-translate-x-minus-100x {
transform: translateX(-100%); }
.g-transform-translate-x-minus-100x--hover:hover {
transform: translateX(-100%); }
.g-parent:hover .g-transform-translate-x-minus-100x--parent-hover {
transform: translateX(-100%); }
.g-transform-translate-y-5 {
transform: translateY(5px); }
.g-transform-translate-y-5--hover:hover {
transform: translateY(5px); }
.g-parent:hover .g-transform-translate-y-5--parent-hover {
transform: translateY(5px); }
.g-transform-translate-y-100x {
transform: translateY(100%); }
.g-transform-translate-y-100x--hover:hover {
transform: translateY(100%); }
.g-parent:hover .g-transform-translate-y-100x--parent-hover {
transform: translateY(100%); }
.g-transform-translate-y-minus-5 {
transform: translateY(-5px); }
.g-transform-translate-y-minus-5--hover:hover {
transform: translateY(-5px); }
.g-parent:hover .g-transform-translate-y-minus-5--parent-hover {
transform: translateY(-5px); }
.g-transform-translate-y-minus-70 {
transform: translateY(-70px); }
.g-transform-translate-y-minus-70--hover:hover {
transform: translateY(-70px); }
.g-parent:hover .g-transform-translate-y-minus-70--parent-hover {
transform: translateY(-70px); }
.g-transform-translate-y-minus-100x {
transform: translateY(-100%); }
.g-transform-translate-y-minus-100x--hover:hover {
transform: translateY(-100%); }
.g-parent:hover .g-transform-translate-y-minus-100x--parent-hover {
transform: translateY(-100%); }
/*------------------------------------
Opacity
------------------------------------*/
.opacity-0 {
opacity: 0 !important; }
.g-opacity-0_3 {
opacity: .3 !important; }
.g-opacity-0_4 {
opacity: .4 !important; }
.g-opacity-0_5 {
opacity: .5 !important; }
.g-opacity-0_6 {
opacity: .6 !important; }
.g-opacity-0_7 {
opacity: .7 !important; }
.g-opacity-0_8 {
opacity: .8 !important; }
.g-opacity-1 {
opacity: 1 !important; }
.opacity-0--hover:hover {
opacity: 0 !important; }
.g-parent:hover .opacity-0--parent-hover {
opacity: 0 !important; }
.g-opacity-0_3--hover:hover {
opacity: .3 !important; }
.g-parent:hover .g-opacity-0_3--parent-hover {
opacity: .3 !important; }
.g-opacity-0_5--hover:hover {
opacity: .5 !important; }
.g-parent:hover .g-opacity-0_5--parent-hover {
opacity: .5 !important; }
.g-opacity-0_6--hover:hover {
opacity: .6 !important; }
.g-parent:hover .g-opacity-0_6--parent-hover {
opacity: .6 !important; }
.g-opacity-0_7--hover:hover {
opacity: .7 !important; }
.g-parent:hover .g-opacity-0_7--parent-hover {
opacity: .7 !important; }
.g-opacity-0_8--hover:hover {
opacity: .8 !important; }
.g-parent:hover .g-opacity-0_8--parent-hover {
opacity: .8 !important; }
.u-block-hover:hover .g-opacity-1--hover, .g-opacity-1--hover:hover {
opacity: 1 !important; }
.g-parent:hover .g-opacity-1--parent-hover {
opacity: 1 !important; }
.selected .g-opacity-1--parents-selected {
opacity: 1 !important; }
/*------------------------------------
Z-Index
------------------------------------*/
.g-z-index-auto {
z-index: auto; }
.g-z-index-1 {
z-index: 1; }
.g-z-index-2 {
z-index: 2; }
.g-z-index-3 {
z-index: 3; }
.g-z-index-3--hover:hover {
z-index: 3; }
.g-z-index-4 {
z-index: 4; }
.g-z-index-4--hover:hover {
z-index: 4; }
.g-z-index-99 {
z-index: 99; }
.g-z-index-9999 {
z-index: 9999; }
.g-z-index-minus-1 {
z-index: -1; }
/*------------------------------------
Resize
------------------------------------*/
.g-resize-none {
resize: none; }
/*------------------------------------
Placeholder
------------------------------------*/
.g-placeholder-white::placeholder {
opacity: 1;
color: #fff; }
.g-placeholder-white::-moz-placeholder {
opacity: 1;
color: #fff; }
.g-placeholder-white::-webkit-input-placeholder {
opacity: 1;
color: #fff; }
.g-placeholder-primary::placeholder {
color: #fff; }
.g-placeholder-inherit::placeholder {
color: inherit;
opacity: 1; }
.g-placeholder-inherit::-moz-placeholder {
color: inherit;
opacity: 1; }
.g-placeholder-inherit::-webkit-input-placeholder {
color: inherit;
opacity: 1; }
/*------------------------------------
Offsets
------------------------------------*/
@media (min-width: 768px) {
.g-offset-md-1 {
margin-left: 8.333333%; } }
@media (min-width: 992px) {
.g-offset-lg-1 {
margin-left: 8.333333%; }
.g-offset-lg-4 {
margin-left: 33.333333%; } }
/*------------------------------------
Colors
------------------------------------*/
/* Basic Colors
------------------------------------*/
/* Inherit Colors */
.g-color-inherit {
color: inherit !important; }
/* Main Colors */
.g-color-main {
color: #404040 !important; }
.g-color-main--hover:hover {
color: #404040 !important; }
/* Primary Colors */
.g-color-primary {
color: #007bff !important; }
.u-block-hover:hover .g-color-primary--hover, .g-color-primary--hover:hover {
color: #007bff !important; }
.g-parent:hover .g-color-primary--parent-hover {
color: #007bff !important; }
.g-color-primary-opacity-0_3 {
color: rgba(0, 123, 255, 0.3) !important; }
.g-color-primary-opacity-0_4 {
color: rgba(0, 123, 255, 0.4) !important; }
.g-color-primary--active.active {
color: #007bff !important; }
.active .g-color-primary--parent-active {
color: #007bff !important; }
.g-color-primary--before::before, .g-color-primary--after::after {
color: #007bff; }
/* Secondary Colors */
.g-color-secondary {
color: #e74b3c !important; }
.u-block-hover:hover .g-color-secondary--hover, .g-color-secondary--hover:hover {
color: #e74b3c !important; }
.g-parent:hover .g-color-secondary--parent-hover {
color: #e74b3c !important; }
/* Black Colors */
.g-color-black {
color: #000 !important; }
.g-color-black--hover:hover {
color: #000 !important; }
.g-parent:hover .g-color-black--parent-hover {
color: #000 !important; }
.g-color-black--active.active {
color: #000 !important; }
.g-color-black-opacity-0_1 {
color: rgba(0, 0, 0, 0.1) !important; }
.g-color-black-opacity-0_3 {
color: rgba(0, 0, 0, 0.3) !important; }
.g-color-black-opacity-0_5 {
color: rgba(0, 0, 0, 0.5) !important; }
.g-color-black-opacity-0_6 {
color: rgba(0, 0, 0, 0.6) !important; }
.g-color-black-opacity-0_7 {
color: rgba(0, 0, 0, 0.7) !important; }
.g-color-black-opacity-0_8 {
color: rgba(0, 0, 0, 0.8) !important; }
.g-color-black-opacity-0_8--child * {
color: rgba(0, 0, 0, 0.8) !important; }
.g-color-black-opacity-0_9 {
color: rgba(0, 0, 0, 0.9) !important; }
/* White Colors */
.g-color-white {
color: #fff !important; }
.g-color-white--opened-menu:not(.collapsed) {
color: #fff !important; }
.u-block-hover:hover .g-color-white--hover, .g-color-white--hover:hover {
color: #fff !important; }
.g-parent:hover .g-color-white--parent-hover {
color: #fff !important; }
.g-color-white--active.active {
color: #fff !important; }
.active .g-color-white--parent-active {
color: #fff !important; }
.g-color-white--child * {
color: #fff !important; }
.g-color-white-opacity-0_1 {
color: rgba(255, 255, 255, 0.1) !important; }
.g-color-white-opacity-0_2 {
color: rgba(255, 255, 255, 0.2) !important; }
.g-color-white-opacity-0_3 {
color: rgba(255, 255, 255, 0.3) !important; }
.g-color-white-opacity-0_5, .g-color-white-opacity-0_5--hover:hover {
color: rgba(255, 255, 255, 0.5) !important; }
.g-color-white-opacity-0_6 {
color: rgba(255, 255, 255, 0.6) !important; }
.g-parent:hover .g-color-white-opacity-0_6--parent-hover {
color: rgba(255, 255, 255, 0.6) !important; }
.g-color-white-opacity-0_7, .g-color-white-opacity-0_7--hover:hover {
color: rgba(255, 255, 255, 0.7) !important; }
.g-color-white-opacity-0_75 {
color: rgba(255, 255, 255, 0.75) !important; }
.g-color-white-opacity-0_8 {
color: rgba(255, 255, 255, 0.8) !important; }
.g-color-white-opacity-0_8--child * {
color: rgba(255, 255, 255, 0.8) !important; }
.g-color-white-opacity-0_9, .g-color-white-opacity-0_9--hover:hover {
color: rgba(255, 255, 255, 0.9) !important; }
.u-block-hover:hover .g-color-white-opacity-0_7--hover {
color: rgba(255, 255, 255, 0.7) !important; }
/* Gray Colors */
.g-color-gray-light-v1 {
color: #bbb !important; }
.g-color-gray-light-v1--hover:hover {
color: #bbb !important; }
.g-color-gray-light-v2 {
color: #ccc !important; }
.g-color-gray-light-v2--hover:hover {
color: #ccc !important; }
.g-color-gray-light-v3 {
color: #ddd !important; }
.g-color-gray-light-v3--hover:hover {
color: #ddd !important; }
.g-color-gray-light-v4 {
color: #eee !important; }
.g-color-gray-light-v4--hover:hover {
color: #eee !important; }
.g-color-gray-light-v4-opacity-0_6 {
color: rgba(238, 238, 238, 0.6) !important; }
.g-color-gray-light-v5 {
color: #f7f7f7 !important; }
.g-color-gray-light-v5--hover:hover {
color: #f7f7f7 !important; }
.g-color-gray-dark-v1 {
color: #111 !important; }
.g-color-gray-dark-v1--hover:hover {
color: #111 !important; }
.g-color-gray-dark-v2 {
color: #333 !important; }
.g-color-gray-dark-v2--hover:hover {
color: #333 !important; }
.g-color-gray-dark-v2-opacity-0_75 {
color: rgba(51, 51, 51, 0.75) !important; }
.g-color-gray-dark-v3 {
color: #555 !important; }
.g-color-gray-dark-v3--hover:hover {
color: #555 !important; }
.g-color-gray-dark-v4 {
color: #777 !important; }
.g-color-gray-dark-v4--hover:hover {
color: #777 !important; }
.g-color-gray-dark-v5 {
color: #999 !important; }
.g-color-gray-dark-v5--hover:hover {
color: #999 !important; }
.g-parent:hover .g-color-gray-dark-v5--parent-hover {
color: #999 !important; }
/* Complementary Colors
------------------------------------*/
/* Color Green */
.g-color-green {
color: #72c02c !important; }
.g-color-green--hover:hover {
color: #72c02c !important; }
/* Color Blue */
.g-color-blue {
color: #3398dc !important; }
.g-color-blue--hover:hover {
color: #3398dc !important; }
.g-color-blue-dark-v1 {
color: #175a88 !important; }
/* Color Light Blue */
.g-color-lightblue {
color: #edf2f8 !important; }
.g-color-lightblue--hover:hover {
color: #edf2f8 !important; }
.g-color-lightblue-v1 {
color: #d6e2ee !important; }
.g-color-lightblue-v1--hover:hover {
color: #d6e2ee !important; }
/* Color Dark Blue */
.g-color-darkblue {
color: #009 !important; }
.g-color-darkblue--hover:hover {
color: #009 !important; }
/* Color Indigo */
.g-color-indigo {
color: #4263a3 !important; }
.g-color-indigo--hover:hover {
color: #4263a3 !important; }
/* Color Red */
.g-color-red {
color: #f00 !important; }
.g-color-red--hover:hover {
color: #f00 !important; }
*:hover > .g-color-red--parent-hover {
color: #f00 !important; }
/* Color Light Red */
.g-color-lightred {
color: #e64b3b !important; }
.g-color-lightred--hover:hover {
color: #e64b3b !important; }
/* Color Dark Red */
.g-color-darkred {
color: #a10f2b !important; }
.g-color-darkred--hover:hover {
color: #a10f2b !important; }
/* Color Purple */
.g-color-purple {
color: #9a69cb; }
.g-color-purple--hover:hover {
color: #9a69cb !important; }
.g-color-purple-dark-v1 {
color: #552c7e !important; }
/* Color Dark Purple */
.g-color-darkpurple {
color: #6639b6 !important; }
.g-color-darkpurple--hover:hover {
color: #6639b6 !important; }
/* Color Pink */
.g-color-pink {
color: #e81c62; }
.g-color-pink--hover:hover {
color: #e81c62 !important; }
.g-color-pink-dark-v1 {
color: #6f0b2d !important; }
/* Color Orange */
.g-color-orange {
color: #e57d20 !important; }
.g-color-orange--hover:hover {
color: #e57d20 !important; }
/* Color Deep Orange */
.g-color-deeporange {
color: #fe541e !important; }
.g-color-deeporange--hover:hover {
color: #fe541e !important; }
/* Color Yellow */
.g-color-yellow {
color: #ebc71d !important; }
.g-color-yellow--hover:hover {
color: #ebc71d !important; }
/* Color Aqua */
.g-color-aqua {
color: #29d6e6; }
.g-color-aqua--hover:hover {
color: #29d6e6 !important; }
.g-color-aqua-dark-v1 {
color: #11848e !important; }
/* Color Cyan */
.g-color-cyan {
color: #00bed6 !important; }
.g-color-cyan--hover:hover {
color: #00bed6 !important; }
/* Color Teal */
.g-color-teal {
color: #18ba9b !important; }
.g-color-teal--hover:hover {
color: #18ba9b !important; }
/* Color Brown */
.g-color-brown {
color: #9c8061 !important; }
.g-color-brown--hover:hover {
color: #9c8061 !important; }
/* Color Blue Gray */
.g-color-bluegray {
color: #585f69 !important; }
.g-color-bluegray--hover:hover {
color: #585f69 !important; }
/*------------------------------------
Social Colors
------------------------------------*/
/* Facebook */
.g-color-facebook {
color: #3b5998; }
.g-color-facebook:hover {
color: #344e86; }
.g-color-facebook--hover:hover {
color: #3b5998 !important; }
/* Twitter */
.g-color-twitter {
color: #00acee; }
.g-color-twitter:hover {
color: #009ad5; }
.g-color-twitter--hover:hover {
color: #00acee !important; }
/* Skype */
.g-color-skype {
color: #00aff0; }
.g-color-skype:hover {
color: #009cd7; }
.g-color-skype--hover:hover {
color: #00aff0 !important; }
/* Pinterest */
.g-color-pinterest {
color: #c8232c; }
.g-color-pinterest:hover {
color: #b21f27; }
.g-color-pinterest--hover:hover {
color: #c8232c !important; }
/* Vine */
.g-color-vine {
color: #00bf8f; }
.g-color-vine:hover {
color: #00a67c; }
.g-color-vine--hover:hover {
color: #00bf8f !important; }
/* Youtube */
.g-color-youtube {
color: #c4302b; }
.g-color-youtube:hover {
color: #af2b26; }
.g-color-youtube--hover:hover {
color: #c4302b !important; }
/* Google plus */
.g-color-google-plus {
color: #dd4b39; }
.g-color-google-plus:hover {
color: #d73925; }
.g-color-google-plus--hover:hover {
color: #dd4b39 !important; }
/* Dribbble */
.g-color-dribbble {
color: #ea4c89; }
.g-color-dribbble:hover {
color: #e7357a; }
.g-color-dribbble--hover:hover {
color: #ea4c89 !important; }
/* VK */
.g-color-vk {
color: #2b587a; }
.g-color-vk:hover {
color: #244a67; }
.g-color-vk--hover:hover {
color: #2b587a !important; }
/* Linkedin */
.g-color-linkedin {
color: #0e76a8; }
.g-color-linkedin:hover {
color: #0c6590; }
.g-color-linkedin--hover:hover {
color: #0e76a8 !important; }
/* Instagram */
.g-color-instagram {
color: #3f729b; }
.g-color-instagram:hover {
color: #386589; }
.g-color-instagram--hover:hover {
color: #3f729b !important; }
/*------------------------------------
Gradient Colors
------------------------------------*/
/* Cyan Gradient */
.g-color-cyan-gradient-opacity-v1 {
background-repeat: repeat-x;
background-image: linear-gradient(160deg, rgba(0, 0, 153, 0.55), rgba(0, 190, 214, 0.6));
background-clip: text;
-webkit-background-clip: text;
text-fill-color: transparent;
-webkit-text-fill-color: transparent; }
/* Blue Gradient */
.g-color-blue-gradient-opacity-v1 {
background-repeat: repeat-x;
background-image: linear-gradient(-260deg, #8654da, rgba(66, 229, 248, 0.8));
background-clip: text;
-webkit-background-clip: text;
text-fill-color: transparent;
-webkit-text-fill-color: transparent; }
/*------------------------------------
Widths
------------------------------------*/
/* Width in Percentage (%) */
.g-width-30x {
width: 30% !important;
/* P */ }
.g-width-40x {
width: 40% !important;
/* P */ }
.g-width-50x {
width: 50% !important;
/* P */ }
.g-width-60x {
width: 60% !important;
/* P */ }
.g-width-70x {
width: 70% !important;
/* P */ }
.g-width-80x {
width: 80% !important;
/* P */ }
.g-width-90x {
width: 90% !important;
/* P */ }
@media (max-width: 446px - 1) {
.w-100--2xs {
width: 100% !important; } }
@media (min-width: 576px) {
.g-width-20x--sm {
width: 20% !important; }
.g-width-25x--sm {
width: 25% !important; }
.g-width-33_3x--sm {
width: 33.333333% !important; }
.g-width-40x--sm {
width: 40% !important; }
.g-width-60x--sm {
width: 60% !important; }
.g-width-16_6x--sm {
width: 16.666666% !important; }
.g-width-66_6x--sm {
width: 66.666666% !important; } }
@media (min-width: 768px) {
/* P */
.g-width-20x--md {
width: 20% !important;
/* P */ }
.g-width-25x--md {
width: 25% !important;
/* P */ }
.g-width-30x--md {
width: 30% !important;
/* P */ }
.g-width-35x--md {
width: 35% !important;
/* P */ }
.g-width-40x--md {
width: 40% !important;
/* P */ }
.g-width-45x--md {
width: 45% !important;
/* P */ }
.g-width-50x--md {
width: 50% !important;
/* P */ }
.g-width-55x--md {
width: 55% !important;
/* P */ }
.g-width-60x--md {
width: 60% !important;
/* P */ }
.g-width-65x--md {
width: 65% !important;
/* P */ }
.g-width-70x--md {
width: 70% !important;
/* P */ }
.g-width-75x--md {
width: 75% !important;
/* P */ }
.g-width-80x--md {
width: 80% !important;
/* P */ }
.g-width-85x--md {
width: 85% !important;
/* P */ }
.g-width-90x--md {
width: 90% !important;
/* P */ }
.g-width-33_3x--md {
/* P */
width: 33.333333% !important; }
.g-width-16_6x--md {
/* P */
width: 16.666666% !important; }
.g-width-66_6x--md {
/* P */
width: 66.666666% !important; } }
.g-width-auto {
width: auto !important;
/* P */ }
/* Max Width in Percentage (%) */
.g-width-1x {
max-width: 1%; }
.g-width-80x {
max-width: 80%; }
.g-width-90x {
max-width: 90%; }
.g-width-95x {
width: 95%; }
.g-max-width-60x {
max-width: 60%; }
.g-max-width-100x {
max-width: 100%; }
/* Min Width in Percentage (%) */
.g-min-width-100x {
min-width: 100%; }
/* Width Viewport Width (vw) */
.g-width-50vw {
width: 50vw !important;
/* P */ }
.g-width-100vw {
width: 100vw !important;
/* P */ }
/* Width in Pixels (px) */
.g-width-3 {
width: 3px !important;
/* O */ }
.g-width-10 {
width: 10px !important;
/* O */ }
.g-width-12 {
width: 12px !important;
/* Z */ }
.g-width-16 {
width: 16px !important;
/* O */ }
.g-width-18 {
width: 18px !important;
/* O */ }
.g-width-20 {
width: 20px !important;
/* O */ }
.g-width-24 {
width: 24px !important;
/* O */ }
.g-width-25 {
width: 25px !important; }
.g-width-26 {
width: 26px !important;
/* P */ }
.g-width-28 {
width: 28px !important;
/* O */ }
.g-width-30 {
width: 30px !important;
/* P */ }
.g-width-32 {
width: 32px !important;
/* O */ }
.g-width-35 {
width: 35px !important;
/* P */ }
.g-width-36 {
width: 36px !important;
/* O */ }
.g-width-40 {
width: 40px !important;
/* P */ }
.g-width-45 {
width: 45px !important;
/* P */ }
.g-width-48 {
width: 48px !important;
/* P */ }
.g-width-50 {
width: 50px !important;
/* P */ }
.g-width-54 {
width: 54px !important;
/* P */ }
.g-width-55 {
width: 55px !important;
/* P */ }
.g-width-60 {
width: 60px !important;
/* P */ }
.g-width-64 {
width: 64px !important;
/* P */ }
.g-width-70 {
width: 70px !important;
/* P */ }
.g-width-75 {
width: 75px !important;
/* O */ }
.g-width-80 {
width: 80px !important;
/* P */ }
.g-width-85 {
width: 85px !important;
/* P */ }
.g-width-95 {
width: 95px !important;
/* P */ }
.g-width-100 {
width: 100px !important;
/* P */ }
.g-width-105 {
width: 105px; }
.g-width-110 {
width: 110px !important;
/* O */ }
.g-width-115 {
width: 115px !important;
/* O */ }
.g-width-120 {
width: 120px !important;
/* P */ }
.g-width-125 {
width: 125px !important;
/* P */ }
.g-width-130 {
width: 130px !important;
/* P */ }
.g-width-135 {
width: 135px !important;
/* O */ }
.g-width-140 {
width: 140px !important;
/* P */ }
.g-width-150 {
width: 150px !important; }
.g-width-160 {
width: 160px !important;
/* P */ }
.g-width-170 {
width: 170px !important;
/* P */ }
.g-width-180 {
width: 180px !important;
/* O */ }
.g-width-200 {
width: 200px !important;
/* P */ }
.g-width-220 {
width: 220px !important; }
.g-width-215 {
width: 215px !important; }
.g-width-235 {
width: 235px !important; }
.g-width-250 {
/* RG-Q */
width: 250px !important;
/* P */
max-width: 100%; }
.g-width-270 {
width: 270px !important;
/* O */
max-width: 100%; }
.g-width-300 {
width: 300px !important;
/* P */
max-width: 100%; }
.g-width-400 {
width: 400px !important;
/* O */
max-width: 100%; }
.g-width-340 {
width: 340px !important;
/* O */
max-width: 100%; }
.g-width-360 {
width: 360px !important;
/* O */
max-width: 100%; }
.g-width-370 {
width: 370px !important;
/* P */
max-width: 100%; }
.g-width-380 {
width: 380px !important;
/* O */
max-width: 100%; }
.g-width-410 {
width: 410px !important;
/* O */ }
.g-width-460 {
width: 460px !important;
/* O */
max-width: 100%; }
.g-width-465 {
width: 465px !important;
/* O */
max-width: 100%; }
.g-width-485 {
width: 485px !important;
/* O */
max-width: 100%; }
.g-width-560 {
width: 560px !important;
/* O */
max-width: 100%; }
.g-width-590 {
width: 590px !important;
max-width: 100%; }
.g-width-600 {
width: 600px !important;
/* O */
max-width: 100%; }
.g-width-630 {
width: 630px !important;
/* O */
max-width: 100%; }
.g-width-680 {
width: 680px !important;
/* O */
max-width: 100%; }
.g-width-720 {
width: 720px !important;
/* O */
max-width: 100%; }
.g-width-760 {
width: 760px !important;
max-width: 100%; }
.g-width-770 {
width: 770px !important;
max-width: 100%; }
.g-width-780 {
/* RG-Q */
width: 780px !important;
/* P */
max-width: 100%; }
.g-width-900 {
width: 900px !important;
/* P */
max-width: 100%; }
.g-width-945 {
width: 945px !important;
max-width: 100%; }
.g-width-1025 {
width: 1025px !important;
max-width: 100%; }
/* Max Width in Pixels (px) */
.g-max-width-100 {
max-width: 100px; }
.g-max-width-120 {
max-width: 120px; }
.g-max-width-170 {
max-width: 170px;
/* O */ }
.g-max-width-190 {
max-width: 190px; }
.g-max-width-200 {
max-width: 200px; }
.g-max-width-250 {
max-width: 250px; }
.g-max-width-300 {
max-width: 300px; }
.g-max-width-400 {
max-width: 400px; }
.g-max-width-500 {
max-width: 500px; }
.g-max-width-540 {
max-width: 540px; }
.g-max-width-550 {
max-width: 550px; }
.g-max-width-570 {
max-width: 570px; }
.g-max-width-600 {
max-width: 600px; }
.g-max-width-645 {
max-width: 645px; }
.g-max-width-670 {
max-width: 670px; }
.g-max-width-700 {
max-width: 700px; }
.g-max-width-750 {
max-width: 750px; }
.g-max-width-770 {
max-width: 770px; }
.g-max-width-780 {
max-width: 780px; }
.g-max-width-800 {
max-width: 800px; }
.g-max-width-840 {
max-width: 840px; }
.g-max-width-870 {
max-width: 870px; }
.g-max-width-960 {
max-width: 960px; }
/* Min Width in Pixels (px) */
.g-min-width-35 {
min-width: 35px; }
.g-min-width-40 {
min-width: 40px; }
.g-min-width-65 {
min-width: 65px; }
.g-min-width-110 {
min-width: 110px; }
.g-min-width-130 {
min-width: 130px; }
.g-min-width-150 {
min-width: 150px; }
.g-min-width-170 {
min-width: 170px; }
.g-min-width-200 {
min-width: 200px; }
.g-min-width-220 {
min-width: 220px; }
.g-min-width-300 {
min-width: 300px; }
.g-min-width-400 {
min-width: 400px; }
@media (min-width: 576px) {
.g-width-50x--sm {
width: 50% !important;
/* P */ }
.g-width-80x--sm {
width: 80% !important;
/* R */ }
.g-width-100--sm {
width: 100px !important;
/* P */ }
.g-width-150--sm {
width: 150px !important;
/* O */ }
.g-width-170--sm {
width: 170px !important;
/* O */ }
.g-width-180--sm {
width: 180px !important; }
.g-min-width-180--sm {
min-width: 180px; }
.g-width-485--sm {
width: 485px !important;
/* O */
max-width: 100%; }
.g-width-auto--sm {
width: auto !important; }
.g-max-width-300--sm {
max-width: 300px; } }
@media (min-width: 768px) {
.g-width-40--md {
width: 40px !important;
/* O */ }
.g-width-45--md {
width: 45px !important;
/* O */ }
.g-width-60--md {
width: 60px !important;
/* O */ }
.g-width-80--md {
width: 80px !important;
/* O */ }
.g-width-50x--md {
width: 50% !important;
/* P */ }
.g-width-60x--md {
width: 60% !important;
/* P */ }
.g-width-80x--md {
width: 80% !important;
/* R */ }
.g-width-45--md {
width: 45px !important; }
.g-width-100--md {
width: 100px !important;
/* O */ }
.g-width-125--md {
width: 125px !important;
/* P */ }
.g-width-135--md {
width: 135px !important; }
.g-width-140--md {
width: 140px !important;
/* R */ }
.g-width-155--md {
width: 155px !important;
/* R */ }
.g-width-180--md {
width: 180px !important; }
.g-width-225--md {
width: 225px !important; }
.g-width-160--md {
width: 160px !important; }
.g-width-165--md {
width: 165px !important; }
.g-width-170--md {
width: 170px !important;
/* P */ }
.g-width-185--md {
width: 185px !important;
/* O */ }
.g-width-280--md {
width: 280px !important;
/* O */ }
.g-width-780--md {
width: 780px !important;
/* O */
max-width: 100%; }
.g-max-width-200--md {
max-width: 200px; }
.g-max-width-400--md {
max-width: 400px; }
.g-min-width-110--md {
min-width: 110px; }
.g-width-auto--md {
width: auto !important;
/* P */ } }
@media (min-width: 992px) {
.g-width-60x--lg {
width: 60% !important;
/* J */ }
.g-width-100x--lg {
width: 100% !important;
/* P */ }
.g-width-155--lg {
width: 155px !important;
/* O */ }
.g-width-165--lg {
width: 165px !important; }
.g-width-200--lg {
width: 200px !important;
/* O */
max-width: 100%; }
.g-width-250--lg {
/* RG-Q */
width: 250px !important;
/* P */
max-width: 100%; }
.g-width-485--lg {
width: 485px !important;
/* O */
max-width: 100%; }
.g-width-auto--lg {
width: auto !important;
/* P */ }
.g-max-width-200--lg {
max-width: 200px; } }
@media (min-width: 1200px) {
.g-min-width-315--xl {
min-width: 315px; } }
* > .g-width-70--hover {
transition-property: width;
transition-duration: .2s;
transition-timing-function: ease-in; }
*:hover > .g-width-70--hover {
width: 70px; }
/*------------------------------------
Heights
------------------------------------*/
/* Height in Percentage (%) */
.g-height-50x {
height: 50%; }
.g-height-80x {
height: 80%; }
.g-height-90x {
height: 90%; }
.g-height-95x {
height: 95%; }
.g-height-100x {
height: 100%; }
/* Max Height in Percentage (%) */
.g-max-height-100x {
max-height: 100%; }
/* Max Height in Viewport Height (vh) */
.g-max-height-70vh {
max-height: 70vh !important; }
.g-max-height-90vh {
height: 90vh !important; }
/* Min Height in Percentage (%) */
.g-min-height-100x {
min-height: 100%; }
/* Height in Viewport Height (vh) */
.g-height-50vh {
height: 50vh !important; }
.g-height-70vh {
height: 70vh; }
.g-height-75vh {
height: 75vh; }
.g-height-100vh {
height: 100vh !important; }
/* Min Height in Viewport Height (vh) */
.g-min-height-50vh {
min-height: 50vh; }
.g-min-height-60vh {
min-height: 60vh; }
.g-min-height-70vh {
min-height: 70vh; }
.g-min-height-80vh {
min-height: 80vh; }
.g-min-height-90vh {
min-height: 90vh; }
.g-min-height-100vh {
min-height: 100vh; }
/* Auto Height */
.g-height-auto {
height: auto; }
@media (min-width: 576px) {
.g-height-100vh--sm {
height: 100vh !important; }
.g-height-auto--sm {
height: auto; }
.g-height-100x--sm {
height: 100%; } }
@media (min-width: 768px) {
.g-height-auto--md {
height: auto; }
.g-min-height-100vh--md {
min-height: 100vh; } }
@media (min-width: 992px) {
.g-min-height-90vh--lg {
min-height: 90vh; }
.g-height-100vh--lg {
height: 100vh !important; }
.g-height-auto--lg {
height: auto; } }
@media (min-width: 1200px) {
.g-height-auto--xl {
height: auto; } }
/* Height in Pixels (px) */
.g-height-1 {
height: 1px; }
.g-height-2 {
height: 2px; }
.g-height-4 {
height: 4px; }
.g-height-5 {
height: 5px !important; }
.g-height-6 {
height: 6px !important; }
.g-height-10 {
height: 10px !important; }
.g-height-12 {
height: 12px !important; }
.g-height-16 {
height: 16px !important; }
.g-height-18 {
height: 18px; }
.g-height-20 {
height: 20px !important; }
.g-height-22 {
height: 22px !important; }
.g-height-24 {
height: 24px; }
.g-height-25 {
height: 25px; }
.g-height-26 {
height: 26px; }
.g-height-28 {
height: 28px !important;
/* O */ }
.g-height-30 {
height: 30px !important; }
.g-height-32 {
height: 32px;
/* O */ }
.g-height-35 {
height: 35px !important; }
.g-height-40 {
height: 40px; }
.g-height-45 {
height: 45px; }
.g-height-48 {
height: 48px;
/* O */ }
.g-height-50 {
height: 50px; }
.g-height-55 {
height: 55px; }
.g-height-60 {
height: 60px; }
.g-height-64 {
height: 64px; }
.g-height-70 {
height: 70px; }
.g-height-75 {
height: 75px;
/* O */ }
.g-height-80 {
height: 80px !important; }
.g-height-85 {
height: 85px; }
.g-height-88 {
height: 88px; }
.g-height-90 {
height: 90px; }
.g-height-95 {
height: 95px !important; }
.g-height-100 {
height: 100px !important; }
.g-height-105 {
height: 105px; }
.g-height-115 {
height: 115px !important;
/* O */ }
.g-height-120 {
height: 120px; }
.g-height-125 {
height: 125px; }
.g-height-130 {
height: 130px; }
.g-height-140 {
height: 140px; }
.g-height-150 {
height: 150px; }
.g-height-160 {
height: 160px; }
.g-height-170 {
height: 170px;
/* O */ }
.g-height-180 {
height: 180px !important;
/* O */ }
.g-height-200 {
height: 200px; }
.g-height-220 {
height: 220px; }
.g-height-250 {
height: 250px; }
.g-height-280 {
height: 280px; }
.g-height-300 {
height: 300px; }
.g-height-350 {
height: 350px; }
.g-height-400 {
height: 400px; }
.g-height-450 {
height: 450px; }
.g-height-460 {
height: 460px;
/* O */
max-height: 100% !important; }
.g-height-500 {
height: 500px; }
.g-height-600 {
height: 600px; }
.g-height-680 {
height: 680px; }
/* Min Height in Pixels (px) */
.g-min-height-4 {
min-height: 4px; }
.g-min-height-35 {
min-height: 35px; }
.g-min-height-170 {
min-height: 170px; }
.g-min-height-200 {
min-height: 200px; }
.g-min-height-250 {
min-height: 250px; }
.g-min-height-275 {
min-height: 275px; }
.g-min-height-300 {
min-height: 300px; }
.g-min-height-312 {
min-height: 312px; }
.g-min-height-360 {
min-height: 360px; }
.g-min-height-400 {
min-height: 400px; }
.g-min-height-450 {
min-height: 450px; }
.g-min-height-500 {
min-height: 500px; }
.g-min-height-600 {
min-height: 600px; }
@media (min-width: 576px) {
.g-height-350--sm {
height: 350px; }
.g-height-680--sm {
height: 680px; } }
@media (min-width: 768px) {
.g-height-40--md {
height: 40px !important; }
.g-height-45--md {
height: 45px !important; }
.g-height-60--md {
height: 60px !important; }
.g-height-100--md {
height: 100px !important; }
.g-height-170--md {
height: 170px !important; }
.g-height-350--md {
height: 350px; }
.g-height-500--md {
height: 500px; }
.g-height-680--md {
height: 680px; }
.g-height-100x--md {
height: 100%; }
.g-height-100vh--md {
height: 100vh; }
.g-min-height-230--md {
min-height: 230px; }
.g-min-height-500--md {
min-height: 500px; } }
@media (min-width: 992px) {
.g-height-80--lg {
height: 80px !important; }
.g-height-200--lg {
height: 200px !important; }
.g-height-230--lg {
height: 230px; }
.g-height-350--lg {
height: 350px; }
.g-height-680--lg {
height: 680px; } }
@media (min-width: 1200px) {
.g-height-350--xl {
height: 350px; }
.g-height-680--xl {
height: 680px; } }
/*------------------------------------
Margin Spaces
------------------------------------*/
/* Margin Spaces (xs)
------------------------------------*/
@media (min-width: 0) {
.g-ma-0 {
margin: 0 !important; }
.g-mx-0 {
margin-left: 0 !important;
margin-right: 0 !important; }
.g-my-0 {
margin-top: 0 !important;
margin-bottom: 0 !important; }
.g-ml-0 {
margin-left: 0 !important; }
.g-mr-0 {
margin-right: 0 !important; }
.g-mt-0 {
margin-top: 0 !important; }
.g-mb-0 {
margin-bottom: 0 !important; }
.g-mx-1 {
margin-left: 0.07142857rem !important;
margin-right: 0.07142857rem !important; }
.g-mx-2 {
margin-left: 0.14285714rem !important;
margin-right: 0.14285714rem !important; }
.g-mx-3 {
margin-left: 0.21428571rem !important;
margin-right: 0.21428571rem !important; }
.g-mx-4 {
margin-left: 0.28571429rem !important;
margin-right: 0.28571429rem !important; }
.g-mx-5 {
margin-left: 0.35714286rem !important;
margin-right: 0.35714286rem !important; }
.g-mx-6 {
margin-left: 0.42857143rem !important;
margin-right: 0.42857143rem !important; }
.g-mx-7 {
margin-left: 0.5rem !important;
margin-right: 0.5rem !important; }
.g-mx-8 {
margin-left: 0.57142857rem !important;
margin-right: 0.57142857rem !important; }
.g-mx-9 {
margin-left: 0.64285714rem !important;
margin-right: 0.64285714rem !important; }
.g-mx-10 {
margin-left: 0.71428571rem !important;
margin-right: 0.71428571rem !important; }
.g-mx-10 {
margin-left: 0.71428571rem !important;
margin-right: 0.71428571rem !important; }
.g-mx-15 {
margin-left: 1.07142857rem !important;
margin-right: 1.07142857rem !important; }
.g-mx-20 {
margin-left: 1.42857143rem !important;
margin-right: 1.42857143rem !important; }
.g-mx-25 {
margin-left: 1.78571429rem !important;
margin-right: 1.78571429rem !important; }
.g-mx-30 {
margin-left: 2.14285714rem !important;
margin-right: 2.14285714rem !important; }
.g-mx-35 {
margin-left: 2.5rem !important;
margin-right: 2.5rem !important; }
.g-mx-40 {
margin-left: 2.85714286rem !important;
margin-right: 2.85714286rem !important; }
.g-mx-45 {
margin-left: 3.21428571rem !important;
margin-right: 3.21428571rem !important; }
.g-mx-50 {
margin-left: 3.57142857rem !important;
margin-right: 3.57142857rem !important; }
.g-mx-55 {
margin-left: 3.92857143rem !important;
margin-right: 3.92857143rem !important; }
.g-mx-60 {
margin-left: 4.28571429rem !important;
margin-right: 4.28571429rem !important; }
.g-mx-65 {
margin-left: 4.64285714rem !important;
margin-right: 4.64285714rem !important; }
.g-mx-70 {
margin-left: 5rem !important;
margin-right: 5rem !important; }
.g-mx-75 {
margin-left: 5.35714286rem !important;
margin-right: 5.35714286rem !important; }
.g-mx-80 {
margin-left: 5.71428571rem !important;
margin-right: 5.71428571rem !important; }
.g-mx-85 {
margin-left: 6.07142857rem !important;
margin-right: 6.07142857rem !important; }
.g-mx-90 {
margin-left: 6.42857143rem !important;
margin-right: 6.42857143rem !important; }
.g-mx-95 {
margin-left: 6.78571429rem !important;
margin-right: 6.78571429rem !important; }
.g-mx-100 {
margin-left: 7.14285714rem !important;
margin-right: 7.14285714rem !important; }
.g-my-1 {
margin-top: 0.07142857rem !important;
margin-bottom: 0.07142857rem !important; }
.g-my-2 {
margin-top: 0.14285714rem !important;
margin-bottom: 0.14285714rem !important; }
.g-my-3 {
margin-top: 0.21428571rem !important;
margin-bottom: 0.21428571rem !important; }
.g-my-4 {
margin-top: 0.28571429rem !important;
margin-bottom: 0.28571429rem !important; }
.g-my-5 {
margin-top: 0.35714286rem !important;
margin-bottom: 0.35714286rem !important; }
.g-my-6 {
margin-top: 0.42857143rem !important;
margin-bottom: 0.42857143rem !important; }
.g-my-7 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important; }
.g-my-8 {
margin-top: 0.57142857rem !important;
margin-bottom: 0.57142857rem !important; }
.g-my-9 {
margin-top: 0.64285714rem !important;
margin-bottom: 0.64285714rem !important; }
.g-my-10 {
margin-top: 0.71428571rem !important;
margin-bottom: 0.71428571rem !important; }
.g-my-10 {
margin-top: 0.71428571rem !important;
margin-bottom: 0.71428571rem !important; }
.g-my-15 {
margin-top: 1.07142857rem !important;
margin-bottom: 1.07142857rem !important; }
.g-my-20 {
margin-top: 1.42857143rem !important;
margin-bottom: 1.42857143rem !important; }
.g-my-25 {
margin-top: 1.78571429rem !important;
margin-bottom: 1.78571429rem !important; }
.g-my-30 {
margin-top: 2.14285714rem !important;
margin-bottom: 2.14285714rem !important; }
.g-my-35 {
margin-top: 2.5rem !important;
margin-bottom: 2.5rem !important; }
.g-my-40 {
margin-top: 2.85714286rem !important;
margin-bottom: 2.85714286rem !important; }
.g-my-45 {
margin-top: 3.21428571rem !important;
margin-bottom: 3.21428571rem !important; }
.g-my-50 {
margin-top: 3.57142857rem !important;
margin-bottom: 3.57142857rem !important; }
.g-my-55 {
margin-top: 3.92857143rem !important;
margin-bottom: 3.92857143rem !important; }
.g-my-60 {
margin-top: 4.28571429rem !important;
margin-bottom: 4.28571429rem !important; }
.g-my-65 {
margin-top: 4.64285714rem !important;
margin-bottom: 4.64285714rem !important; }
.g-my-70 {
margin-top: 5rem !important;
margin-bottom: 5rem !important; }
.g-my-75 {
margin-top: 5.35714286rem !important;
margin-bottom: 5.35714286rem !important; }
.g-my-80 {
margin-top: 5.71428571rem !important;
margin-bottom: 5.71428571rem !important; }
.g-my-85 {
margin-top: 6.07142857rem !important;
margin-bottom: 6.07142857rem !important; }
.g-my-90 {
margin-top: 6.42857143rem !important;
margin-bottom: 6.42857143rem !important; }
.g-my-95 {
margin-top: 6.78571429rem !important;
margin-bottom: 6.78571429rem !important; }
.g-my-100 {
margin-top: 7.14285714rem !important;
margin-bottom: 7.14285714rem !important; }
.g-mt-1 {
margin-top: 0.07142857rem !important; }
.g-mt-minus-1 {
margin-top: -0.07142857rem !important; }
.g-mt-2 {
margin-top: 0.14285714rem !important; }
.g-mt-minus-2 {
margin-top: -0.14285714rem !important; }
.g-mt-3 {
margin-top: 0.21428571rem !important; }
.g-mt-minus-3 {
margin-top: -0.21428571rem !important; }
.g-mt-4 {
margin-top: 0.28571429rem !important; }
.g-mt-minus-4 {
margin-top: -0.28571429rem !important; }
.g-mt-5 {
margin-top: 0.35714286rem !important; }
.g-mt-minus-5 {
margin-top: -0.35714286rem !important; }
.g-mt-6 {
margin-top: 0.42857143rem !important; }
.g-mt-minus-6 {
margin-top: -0.42857143rem !important; }
.g-mt-7 {
margin-top: 0.5rem !important; }
.g-mt-minus-7 {
margin-top: -0.5rem !important; }
.g-mt-8 {
margin-top: 0.57142857rem !important; }
.g-mt-minus-8 {
margin-top: -0.57142857rem !important; }
.g-mt-9 {
margin-top: 0.64285714rem !important; }
.g-mt-minus-9 {
margin-top: -0.64285714rem !important; }
.g-mt-10 {
margin-top: 0.71428571rem !important; }
.g-mt-minus-10 {
margin-top: -0.71428571rem !important; }
.g-mt-11 {
margin-top: 0.78571429rem !important; }
.g-mt-minus-11 {
margin-top: -0.78571429rem !important; }
.g-mt-12 {
margin-top: 0.85714286rem !important; }
.g-mt-minus-12 {
margin-top: -0.85714286rem !important; }
.g-mt-13 {
margin-top: 0.92857143rem !important; }
.g-mt-minus-13 {
margin-top: -0.92857143rem !important; }
.g-mt-14 {
margin-top: 1rem !important; }
.g-mt-minus-14 {
margin-top: -1rem !important; }
.g-mt-15 {
margin-top: 1.07142857rem !important; }
.g-mt-minus-15 {
margin-top: -1.07142857rem !important; }
.g-mt-16 {
margin-top: 1.14285714rem !important; }
.g-mt-minus-16 {
margin-top: -1.14285714rem !important; }
.g-mt-17 {
margin-top: 1.21428571rem !important; }
.g-mt-minus-17 {
margin-top: -1.21428571rem !important; }
.g-mt-18 {
margin-top: 1.28571429rem !important; }
.g-mt-minus-18 {
margin-top: -1.28571429rem !important; }
.g-mt-19 {
margin-top: 1.35714286rem !important; }
.g-mt-minus-19 {
margin-top: -1.35714286rem !important; }
.g-mt-20 {
margin-top: 1.42857143rem !important; }
.g-mt-minus-20 {
margin-top: -1.42857143rem !important; }
.g-mt-10 {
margin-top: 0.71428571rem !important; }
.g-mt-minus-10 {
margin-top: -0.71428571rem !important; }
.g-mt-15 {
margin-top: 1.07142857rem !important; }
.g-mt-minus-15 {
margin-top: -1.07142857rem !important; }
.g-mt-20 {
margin-top: 1.42857143rem !important; }
.g-mt-minus-20 {
margin-top: -1.42857143rem !important; }
.g-mt-25 {
margin-top: 1.78571429rem !important; }
.g-mt-minus-25 {
margin-top: -1.78571429rem !important; }
.g-mt-30 {
margin-top: 2.14285714rem !important; }
.g-mt-minus-30 {
margin-top: -2.14285714rem !important; }
.g-mt-35 {
margin-top: 2.5rem !important; }
.g-mt-minus-35 {
margin-top: -2.5rem !important; }
.g-mt-40 {
margin-top: 2.85714286rem !important; }
.g-mt-minus-40 {
margin-top: -2.85714286rem !important; }
.g-mt-45 {
margin-top: 3.21428571rem !important; }
.g-mt-minus-45 {
margin-top: -3.21428571rem !important; }
.g-mt-50 {
margin-top: 3.57142857rem !important; }
.g-mt-minus-50 {
margin-top: -3.57142857rem !important; }
.g-mt-55 {
margin-top: 3.92857143rem !important; }
.g-mt-minus-55 {
margin-top: -3.92857143rem !important; }
.g-mt-60 {
margin-top: 4.28571429rem !important; }
.g-mt-minus-60 {
margin-top: -4.28571429rem !important; }
.g-mt-65 {
margin-top: 4.64285714rem !important; }
.g-mt-minus-65 {
margin-top: -4.64285714rem !important; }
.g-mt-70 {
margin-top: 5rem !important; }
.g-mt-minus-70 {
margin-top: -5rem !important; }
.g-mt-75 {
margin-top: 5.35714286rem !important; }
.g-mt-minus-75 {
margin-top: -5.35714286rem !important; }
.g-mt-80 {
margin-top: 5.71428571rem !important; }
.g-mt-minus-80 {
margin-top: -5.71428571rem !important; }
.g-mt-85 {
margin-top: 6.07142857rem !important; }
.g-mt-minus-85 {
margin-top: -6.07142857rem !important; }
.g-mt-90 {
margin-top: 6.42857143rem !important; }
.g-mt-minus-90 {
margin-top: -6.42857143rem !important; }
.g-mt-95 {
margin-top: 6.78571429rem !important; }
.g-mt-minus-95 {
margin-top: -6.78571429rem !important; }
.g-mt-100 {
margin-top: 7.14285714rem !important; }
.g-mt-minus-100 {
margin-top: -7.14285714rem !important; }
.g-mt-105 {
margin-top: 7.5rem !important; }
.g-mt-minus-105 {
margin-top: -7.5rem !important; }
.g-mt-110 {
margin-top: 7.85714286rem !important; }
.g-mt-minus-110 {
margin-top: -7.85714286rem !important; }
.g-mt-115 {
margin-top: 8.21428571rem !important; }
.g-mt-minus-115 {
margin-top: -8.21428571rem !important; }
.g-mt-120 {
margin-top: 8.57142857rem !important; }
.g-mt-minus-120 {
margin-top: -8.57142857rem !important; }
.g-mt-125 {
margin-top: 8.92857143rem !important; }
.g-mt-minus-125 {
margin-top: -8.92857143rem !important; }
.g-mt-130 {
margin-top: 9.28571429rem !important; }
.g-mt-minus-130 {
margin-top: -9.28571429rem !important; }
.g-mt-135 {
margin-top: 9.64285714rem !important; }
.g-mt-minus-135 {
margin-top: -9.64285714rem !important; }
.g-mt-140 {
margin-top: 10rem !important; }
.g-mt-minus-140 {
margin-top: -10rem !important; }
.g-mt-145 {
margin-top: 10.35714286rem !important; }
.g-mt-minus-145 {
margin-top: -10.35714286rem !important; }
.g-mt-150 {
margin-top: 10.71428571rem !important; }
.g-mt-minus-150 {
margin-top: -10.71428571rem !important; }
.g-mt-155 {
margin-top: 11.07142857rem !important; }
.g-mt-minus-155 {
margin-top: -11.07142857rem !important; }
.g-mt-160 {
margin-top: 11.42857143rem !important; }
.g-mt-minus-160 {
margin-top: -11.42857143rem !important; }
.g-mt-165 {
margin-top: 11.78571429rem !important; }
.g-mt-minus-165 {
margin-top: -11.78571429rem !important; }
.g-mt-170 {
margin-top: 12.14285714rem !important; }
.g-mt-minus-170 {
margin-top: -12.14285714rem !important; }
.g-mb-1 {
margin-bottom: 0.07142857rem !important; }
.g-mb-minus-1 {
margin-bottom: -0.07142857rem !important; }
.g-mb-2 {
margin-bottom: 0.14285714rem !important; }
.g-mb-minus-2 {
margin-bottom: -0.14285714rem !important; }
.g-mb-3 {
margin-bottom: 0.21428571rem !important; }
.g-mb-minus-3 {
margin-bottom: -0.21428571rem !important; }
.g-mb-4 {
margin-bottom: 0.28571429rem !important; }
.g-mb-minus-4 {
margin-bottom: -0.28571429rem !important; }
.g-mb-5 {
margin-bottom: 0.35714286rem !important; }
.g-mb-minus-5 {
margin-bottom: -0.35714286rem !important; }
.g-mb-6 {
margin-bottom: 0.42857143rem !important; }
.g-mb-minus-6 {
margin-bottom: -0.42857143rem !important; }
.g-mb-7 {
margin-bottom: 0.5rem !important; }
.g-mb-minus-7 {
margin-bottom: -0.5rem !important; }
.g-mb-8 {
margin-bottom: 0.57142857rem !important; }
.g-mb-minus-8 {
margin-bottom: -0.57142857rem !important; }
.g-mb-9 {
margin-bottom: 0.64285714rem !important; }
.g-mb-minus-9 {
margin-bottom: -0.64285714rem !important; }
.g-mb-10 {
margin-bottom: 0.71428571rem !important; }
.g-mb-minus-10 {
margin-bottom: -0.71428571rem !important; }
.g-mb-11 {
margin-bottom: 0.78571429rem !important; }
.g-mb-minus-11 {
margin-bottom: -0.78571429rem !important; }
.g-mb-12 {
margin-bottom: 0.85714286rem !important; }
.g-mb-minus-12 {
margin-bottom: -0.85714286rem !important; }
.g-mb-13 {
margin-bottom: 0.92857143rem !important; }
.g-mb-minus-13 {
margin-bottom: -0.92857143rem !important; }
.g-mb-14 {
margin-bottom: 1rem !important; }
.g-mb-minus-14 {
margin-bottom: -1rem !important; }
.g-mb-15 {
margin-bottom: 1.07142857rem !important; }
.g-mb-minus-15 {
margin-bottom: -1.07142857rem !important; }
.g-mb-16 {
margin-bottom: 1.14285714rem !important; }
.g-mb-minus-16 {
margin-bottom: -1.14285714rem !important; }
.g-mb-17 {
margin-bottom: 1.21428571rem !important; }
.g-mb-minus-17 {
margin-bottom: -1.21428571rem !important; }
.g-mb-18 {
margin-bottom: 1.28571429rem !important; }
.g-mb-minus-18 {
margin-bottom: -1.28571429rem !important; }
.g-mb-19 {
margin-bottom: 1.35714286rem !important; }
.g-mb-minus-19 {
margin-bottom: -1.35714286rem !important; }
.g-mb-20 {
margin-bottom: 1.42857143rem !important; }
.g-mb-minus-20 {
margin-bottom: -1.42857143rem !important; }
.g-mb-10 {
margin-bottom: 0.71428571rem !important; }
.g-mb-15 {
margin-bottom: 1.07142857rem !important; }
.g-mb-20 {
margin-bottom: 1.42857143rem !important; }
.g-mb-25 {
margin-bottom: 1.78571429rem !important; }
.g-mb-30 {
margin-bottom: 2.14285714rem !important; }
.g-mb-35 {
margin-bottom: 2.5rem !important; }
.g-mb-40 {
margin-bottom: 2.85714286rem !important; }
.g-mb-45 {
margin-bottom: 3.21428571rem !important; }
.g-mb-50 {
margin-bottom: 3.57142857rem !important; }
.g-mb-55 {
margin-bottom: 3.92857143rem !important; }
.g-mb-60 {
margin-bottom: 4.28571429rem !important; }
.g-mb-65 {
margin-bottom: 4.64285714rem !important; }
.g-mb-70 {
margin-bottom: 5rem !important; }
.g-mb-75 {
margin-bottom: 5.35714286rem !important; }
.g-mb-80 {
margin-bottom: 5.71428571rem !important; }
.g-mb-85 {
margin-bottom: 6.07142857rem !important; }
.g-mb-90 {
margin-bottom: 6.42857143rem !important; }
.g-mb-95 {
margin-bottom: 6.78571429rem !important; }
.g-mb-100 {
margin-bottom: 7.14285714rem !important; }
.g-mb-105 {
margin-bottom: 7.5rem !important; }
.g-mb-110 {
margin-bottom: 7.85714286rem !important; }
.g-mb-115 {
margin-bottom: 8.21428571rem !important; }
.g-mb-120 {
margin-bottom: 8.57142857rem !important; }
.g-mb-125 {
margin-bottom: 8.92857143rem !important; }
.g-mb-130 {
margin-bottom: 9.28571429rem !important; }
.g-mb-135 {
margin-bottom: 9.64285714rem !important; }
.g-mb-140 {
margin-bottom: 10rem !important; }
.g-mb-145 {
margin-bottom: 10.35714286rem !important; }
.g-mb-150 {
margin-bottom: 10.71428571rem !important; }
.g-mb-155 {
margin-bottom: 11.07142857rem !important; }
.g-mb-160 {
margin-bottom: 11.42857143rem !important; }
.g-mb-165 {
margin-bottom: 11.78571429rem !important; }
.g-mb-170 {
margin-bottom: 12.14285714rem !important; }
.g-ml-1 {
margin-left: 0.07142857rem !important; }
.g-ml-minus-1 {
margin-left: -0.07142857rem !important; }
.g-ml-2 {
margin-left: 0.14285714rem !important; }
.g-ml-minus-2 {
margin-left: -0.14285714rem !important; }
.g-ml-3 {
margin-left: 0.21428571rem !important; }
.g-ml-minus-3 {
margin-left: -0.21428571rem !important; }
.g-ml-4 {
margin-left: 0.28571429rem !important; }
.g-ml-minus-4 {
margin-left: -0.28571429rem !important; }
.g-ml-5 {
margin-left: 0.35714286rem !important; }
.g-ml-minus-5 {
margin-left: -0.35714286rem !important; }
.g-ml-6 {
margin-left: 0.42857143rem !important; }
.g-ml-minus-6 {
margin-left: -0.42857143rem !important; }
.g-ml-7 {
margin-left: 0.5rem !important; }
.g-ml-minus-7 {
margin-left: -0.5rem !important; }
.g-ml-8 {
margin-left: 0.57142857rem !important; }
.g-ml-minus-8 {
margin-left: -0.57142857rem !important; }
.g-ml-9 {
margin-left: 0.64285714rem !important; }
.g-ml-minus-9 {
margin-left: -0.64285714rem !important; }
.g-ml-10 {
margin-left: 0.71428571rem !important; }
.g-ml-minus-10 {
margin-left: -0.71428571rem !important; }
.g-ml-5 {
margin-left: 0.35714286rem !important; }
.g-ml-minus-5 {
margin-left: -0.35714286rem !important; }
.g-ml-10 {
margin-left: 0.71428571rem !important; }
.g-ml-minus-10 {
margin-left: -0.71428571rem !important; }
.g-ml-15 {
margin-left: 1.07142857rem !important; }
.g-ml-minus-15 {
margin-left: -1.07142857rem !important; }
.g-ml-20 {
margin-left: 1.42857143rem !important; }
.g-ml-minus-20 {
margin-left: -1.42857143rem !important; }
.g-ml-25 {
margin-left: 1.78571429rem !important; }
.g-ml-minus-25 {
margin-left: -1.78571429rem !important; }
.g-ml-30 {
margin-left: 2.14285714rem !important; }
.g-ml-minus-30 {
margin-left: -2.14285714rem !important; }
.g-ml-35 {
margin-left: 2.5rem !important; }
.g-ml-minus-35 {
margin-left: -2.5rem !important; }
.g-ml-40 {
margin-left: 2.85714286rem !important; }
.g-ml-minus-40 {
margin-left: -2.85714286rem !important; }
.g-ml-45 {
margin-left: 3.21428571rem !important; }
.g-ml-minus-45 {
margin-left: -3.21428571rem !important; }
.g-ml-50 {
margin-left: 3.57142857rem !important; }
.g-ml-minus-50 {
margin-left: -3.57142857rem !important; }
.g-mr-1 {
margin-right: 0.07142857rem !important; }
.g-mr-minus-1 {
margin-right: -0.07142857rem !important; }
.g-mr-2 {
margin-right: 0.14285714rem !important; }
.g-mr-minus-2 {
margin-right: -0.14285714rem !important; }
.g-mr-3 {
margin-right: 0.21428571rem !important; }
.g-mr-minus-3 {
margin-right: -0.21428571rem !important; }
.g-mr-4 {
margin-right: 0.28571429rem !important; }
.g-mr-minus-4 {
margin-right: -0.28571429rem !important; }
.g-mr-5 {
margin-right: 0.35714286rem !important; }
.g-mr-minus-5 {
margin-right: -0.35714286rem !important; }
.g-mr-6 {
margin-right: 0.42857143rem !important; }
.g-mr-minus-6 {
margin-right: -0.42857143rem !important; }
.g-mr-7 {
margin-right: 0.5rem !important; }
.g-mr-minus-7 {
margin-right: -0.5rem !important; }
.g-mr-8 {
margin-right: 0.57142857rem !important; }
.g-mr-minus-8 {
margin-right: -0.57142857rem !important; }
.g-mr-9 {
margin-right: 0.64285714rem !important; }
.g-mr-minus-9 {
margin-right: -0.64285714rem !important; }
.g-mr-10 {
margin-right: 0.71428571rem !important; }
.g-mr-minus-10 {
margin-right: -0.71428571rem !important; }
.g-mr-5 {
margin-right: 0.35714286rem !important; }
.g-mr-10 {
margin-right: 0.71428571rem !important; }
.g-mr-15 {
margin-right: 1.07142857rem !important; }
.g-mr-20 {
margin-right: 1.42857143rem !important; }
.g-mr-25 {
margin-right: 1.78571429rem !important; }
.g-mr-30 {
margin-right: 2.14285714rem !important; }
.g-mr-35 {
margin-right: 2.5rem !important; }
.g-mr-40 {
margin-right: 2.85714286rem !important; }
.g-mr-45 {
margin-right: 3.21428571rem !important; }
.g-mr-50 {
margin-right: 3.57142857rem !important; } }
/* Margin Spaces (sm)
------------------------------------*/
@media (min-width: 576px) {
.g-ma-0--sm {
margin: 0 !important; }
.g-mx-0--sm {
margin-left: 0 !important;
margin-right: 0 !important; }
.g-my-0--sm {
margin-top: 0 !important;
margin-bottom: 0 !important; }
.g-ml-0--sm {
margin-left: 0 !important; }
.g-mr-0--sm {
margin-right: 0 !important; }
.g-mt-0--sm {
margin-top: 0 !important; }
.g-mb-0--sm {
margin-bottom: 0 !important; }
.g-mx-1--sm {
margin-left: 0.07142857rem !important;
margin-right: 0.07142857rem !important; }
.g-mx-2--sm {
margin-left: 0.14285714rem !important;
margin-right: 0.14285714rem !important; }
.g-mx-3--sm {
margin-left: 0.21428571rem !important;
margin-right: 0.21428571rem !important; }
.g-mx-4--sm {
margin-left: 0.28571429rem !important;
margin-right: 0.28571429rem !important; }
.g-mx-5--sm {
margin-left: 0.35714286rem !important;
margin-right: 0.35714286rem !important; }
.g-mx-6--sm {
margin-left: 0.42857143rem !important;
margin-right: 0.42857143rem !important; }
.g-mx-7--sm {
margin-left: 0.5rem !important;
margin-right: 0.5rem !important; }
.g-mx-8--sm {
margin-left: 0.57142857rem !important;
margin-right: 0.57142857rem !important; }
.g-mx-9--sm {
margin-left: 0.64285714rem !important;
margin-right: 0.64285714rem !important; }
.g-mx-10--sm {
margin-left: 0.71428571rem !important;
margin-right: 0.71428571rem !important; }
.g-mx-10--sm {
margin-left: 0.71428571rem !important;
margin-right: 0.71428571rem !important; }
.g-mx-15--sm {
margin-left: 1.07142857rem !important;
margin-right: 1.07142857rem !important; }
.g-mx-20--sm {
margin-left: 1.42857143rem !important;
margin-right: 1.42857143rem !important; }
.g-mx-25--sm {
margin-left: 1.78571429rem !important;
margin-right: 1.78571429rem !important; }
.g-mx-30--sm {
margin-left: 2.14285714rem !important;
margin-right: 2.14285714rem !important; }
.g-mx-35--sm {
margin-left: 2.5rem !important;
margin-right: 2.5rem !important; }
.g-mx-40--sm {
margin-left: 2.85714286rem !important;
margin-right: 2.85714286rem !important; }
.g-mx-45--sm {
margin-left: 3.21428571rem !important;
margin-right: 3.21428571rem !important; }
.g-mx-50--sm {
margin-left: 3.57142857rem !important;
margin-right: 3.57142857rem !important; }
.g-mx-55--sm {
margin-left: 3.92857143rem !important;
margin-right: 3.92857143rem !important; }
.g-mx-60--sm {
margin-left: 4.28571429rem !important;
margin-right: 4.28571429rem !important; }
.g-mx-65--sm {
margin-left: 4.64285714rem !important;
margin-right: 4.64285714rem !important; }
.g-mx-70--sm {
margin-left: 5rem !important;
margin-right: 5rem !important; }
.g-mx-75--sm {
margin-left: 5.35714286rem !important;
margin-right: 5.35714286rem !important; }
.g-mx-80--sm {
margin-left: 5.71428571rem !important;
margin-right: 5.71428571rem !important; }
.g-mx-85--sm {
margin-left: 6.07142857rem !important;
margin-right: 6.07142857rem !important; }
.g-mx-90--sm {
margin-left: 6.42857143rem !important;
margin-right: 6.42857143rem !important; }
.g-mx-95--sm {
margin-left: 6.78571429rem !important;
margin-right: 6.78571429rem !important; }
.g-mx-100--sm {
margin-left: 7.14285714rem !important;
margin-right: 7.14285714rem !important; }
.g-my-1--sm {
margin-top: 0.07142857rem !important;
margin-bottom: 0.07142857rem !important; }
.g-my-2--sm {
margin-top: 0.14285714rem !important;
margin-bottom: 0.14285714rem !important; }
.g-my-3--sm {
margin-top: 0.21428571rem !important;
margin-bottom: 0.21428571rem !important; }
.g-my-4--sm {
margin-top: 0.28571429rem !important;
margin-bottom: 0.28571429rem !important; }
.g-my-5--sm {
margin-top: 0.35714286rem !important;
margin-bottom: 0.35714286rem !important; }
.g-my-6--sm {
margin-top: 0.42857143rem !important;
margin-bottom: 0.42857143rem !important; }
.g-my-7--sm {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important; }
.g-my-8--sm {
margin-top: 0.57142857rem !important;
margin-bottom: 0.57142857rem !important; }
.g-my-9--sm {
margin-top: 0.64285714rem !important;
margin-bottom: 0.64285714rem !important; }
.g-my-10--sm {
margin-top: 0.71428571rem !important;
margin-bottom: 0.71428571rem !important; }
.g-my-10--sm {
margin-top: 0.71428571rem !important;
margin-bottom: 0.71428571rem !important; }
.g-my-15--sm {
margin-top: 1.07142857rem !important;
margin-bottom: 1.07142857rem !important; }
.g-my-20--sm {
margin-top: 1.42857143rem !important;
margin-bottom: 1.42857143rem !important; }
.g-my-25--sm {
margin-top: 1.78571429rem !important;
margin-bottom: 1.78571429rem !important; }
.g-my-30--sm {
margin-top: 2.14285714rem !important;
margin-bottom: 2.14285714rem !important; }
.g-my-35--sm {
margin-top: 2.5rem !important;
margin-bottom: 2.5rem !important; }
.g-my-40--sm {
margin-top: 2.85714286rem !important;
margin-bottom: 2.85714286rem !important; }
.g-my-45--sm {
margin-top: 3.21428571rem !important;
margin-bottom: 3.21428571rem !important; }
.g-my-50--sm {
margin-top: 3.57142857rem !important;
margin-bottom: 3.57142857rem !important; }
.g-my-55--sm {
margin-top: 3.92857143rem !important;
margin-bottom: 3.92857143rem !important; }
.g-my-60--sm {
margin-top: 4.28571429rem !important;
margin-bottom: 4.28571429rem !important; }
.g-my-65--sm {
margin-top: 4.64285714rem !important;
margin-bottom: 4.64285714rem !important; }
.g-my-70--sm {
margin-top: 5rem !important;
margin-bottom: 5rem !important; }
.g-my-75--sm {
margin-top: 5.35714286rem !important;
margin-bottom: 5.35714286rem !important; }
.g-my-80--sm {
margin-top: 5.71428571rem !important;
margin-bottom: 5.71428571rem !important; }
.g-my-85--sm {
margin-top: 6.07142857rem !important;
margin-bottom: 6.07142857rem !important; }
.g-my-90--sm {
margin-top: 6.42857143rem !important;
margin-bottom: 6.42857143rem !important; }
.g-my-95--sm {
margin-top: 6.78571429rem !important;
margin-bottom: 6.78571429rem !important; }
.g-my-100--sm {
margin-top: 7.14285714rem !important;
margin-bottom: 7.14285714rem !important; }
.g-mt-1--sm {
margin-top: 0.07142857rem !important; }
.g-mt-minus-1--sm {
margin-top: -0.07142857rem !important; }
.g-mt-2--sm {
margin-top: 0.14285714rem !important; }
.g-mt-minus-2--sm {
margin-top: -0.14285714rem !important; }
.g-mt-3--sm {
margin-top: 0.21428571rem !important; }
.g-mt-minus-3--sm {
margin-top: -0.21428571rem !important; }
.g-mt-4--sm {
margin-top: 0.28571429rem !important; }
.g-mt-minus-4--sm {
margin-top: -0.28571429rem !important; }
.g-mt-5--sm {
margin-top: 0.35714286rem !important; }
.g-mt-minus-5--sm {
margin-top: -0.35714286rem !important; }
.g-mt-6--sm {
margin-top: 0.42857143rem !important; }
.g-mt-minus-6--sm {
margin-top: -0.42857143rem !important; }
.g-mt-7--sm {
margin-top: 0.5rem !important; }
.g-mt-minus-7--sm {
margin-top: -0.5rem !important; }
.g-mt-8--sm {
margin-top: 0.57142857rem !important; }
.g-mt-minus-8--sm {
margin-top: -0.57142857rem !important; }
.g-mt-9--sm {
margin-top: 0.64285714rem !important; }
.g-mt-minus-9--sm {
margin-top: -0.64285714rem !important; }
.g-mt-10--sm {
margin-top: 0.71428571rem !important; }
.g-mt-minus-10--sm {
margin-top: -0.71428571rem !important; }
.g-mt-11--sm {
margin-top: 0.78571429rem !important; }
.g-mt-minus-11--sm {
margin-top: -0.78571429rem !important; }
.g-mt-12--sm {
margin-top: 0.85714286rem !important; }
.g-mt-minus-12--sm {
margin-top: -0.85714286rem !important; }
.g-mt-13--sm {
margin-top: 0.92857143rem !important; }
.g-mt-minus-13--sm {
margin-top: -0.92857143rem !important; }
.g-mt-14--sm {
margin-top: 1rem !important; }
.g-mt-minus-14--sm {
margin-top: -1rem !important; }
.g-mt-15--sm {
margin-top: 1.07142857rem !important; }
.g-mt-minus-15--sm {
margin-top: -1.07142857rem !important; }
.g-mt-16--sm {
margin-top: 1.14285714rem !important; }
.g-mt-minus-16--sm {
margin-top: -1.14285714rem !important; }
.g-mt-17--sm {
margin-top: 1.21428571rem !important; }
.g-mt-minus-17--sm {
margin-top: -1.21428571rem !important; }
.g-mt-18--sm {
margin-top: 1.28571429rem !important; }
.g-mt-minus-18--sm {
margin-top: -1.28571429rem !important; }
.g-mt-19--sm {
margin-top: 1.35714286rem !important; }
.g-mt-minus-19--sm {
margin-top: -1.35714286rem !important; }
.g-mt-20--sm {
margin-top: 1.42857143rem !important; }
.g-mt-minus-20--sm {
margin-top: -1.42857143rem !important; }
.g-mt-10--sm {
margin-top: 0.71428571rem !important; }
.g-mt-minus-10--sm {
margin-top: -0.71428571rem !important; }
.g-mt-15--sm {
margin-top: 1.07142857rem !important; }
.g-mt-minus-15--sm {
margin-top: -1.07142857rem !important; }
.g-mt-20--sm {
margin-top: 1.42857143rem !important; }
.g-mt-minus-20--sm {
margin-top: -1.42857143rem !important; }
.g-mt-25--sm {
margin-top: 1.78571429rem !important; }
.g-mt-minus-25--sm {
margin-top: -1.78571429rem !important; }
.g-mt-30--sm {
margin-top: 2.14285714rem !important; }
.g-mt-minus-30--sm {
margin-top: -2.14285714rem !important; }
.g-mt-35--sm {
margin-top: 2.5rem !important; }
.g-mt-minus-35--sm {
margin-top: -2.5rem !important; }
.g-mt-40--sm {
margin-top: 2.85714286rem !important; }
.g-mt-minus-40--sm {
margin-top: -2.85714286rem !important; }
.g-mt-45--sm {
margin-top: 3.21428571rem !important; }
.g-mt-minus-45--sm {
margin-top: -3.21428571rem !important; }
.g-mt-50--sm {
margin-top: 3.57142857rem !important; }
.g-mt-minus-50--sm {
margin-top: -3.57142857rem !important; }
.g-mt-55--sm {
margin-top: 3.92857143rem !important; }
.g-mt-minus-55--sm {
margin-top: -3.92857143rem !important; }
.g-mt-60--sm {
margin-top: 4.28571429rem !important; }
.g-mt-minus-60--sm {
margin-top: -4.28571429rem !important; }
.g-mt-65--sm {
margin-top: 4.64285714rem !important; }
.g-mt-minus-65--sm {
margin-top: -4.64285714rem !important; }
.g-mt-70--sm {
margin-top: 5rem !important; }
.g-mt-minus-70--sm {
margin-top: -5rem !important; }
.g-mt-75--sm {
margin-top: 5.35714286rem !important; }
.g-mt-minus-75--sm {
margin-top: -5.35714286rem !important; }
.g-mt-80--sm {
margin-top: 5.71428571rem !important; }
.g-mt-minus-80--sm {
margin-top: -5.71428571rem !important; }
.g-mt-85--sm {
margin-top: 6.07142857rem !important; }
.g-mt-minus-85--sm {
margin-top: -6.07142857rem !important; }
.g-mt-90--sm {
margin-top: 6.42857143rem !important; }
.g-mt-minus-90--sm {
margin-top: -6.42857143rem !important; }
.g-mt-95--sm {
margin-top: 6.78571429rem !important; }
.g-mt-minus-95--sm {
margin-top: -6.78571429rem !important; }
.g-mt-100--sm {
margin-top: 7.14285714rem !important; }
.g-mt-minus-100--sm {
margin-top: -7.14285714rem !important; }
.g-mt-105--sm {
margin-top: 7.5rem !important; }
.g-mt-minus-105--sm {
margin-top: -7.5rem !important; }
.g-mt-110--sm {
margin-top: 7.85714286rem !important; }
.g-mt-minus-110--sm {
margin-top: -7.85714286rem !important; }
.g-mt-115--sm {
margin-top: 8.21428571rem !important; }
.g-mt-minus-115--sm {
margin-top: -8.21428571rem !important; }
.g-mt-120--sm {
margin-top: 8.57142857rem !important; }
.g-mt-minus-120--sm {
margin-top: -8.57142857rem !important; }
.g-mt-125--sm {
margin-top: 8.92857143rem !important; }
.g-mt-minus-125--sm {
margin-top: -8.92857143rem !important; }
.g-mt-130--sm {
margin-top: 9.28571429rem !important; }
.g-mt-minus-130--sm {
margin-top: -9.28571429rem !important; }
.g-mt-135--sm {
margin-top: 9.64285714rem !important; }
.g-mt-minus-135--sm {
margin-top: -9.64285714rem !important; }
.g-mt-140--sm {
margin-top: 10rem !important; }
.g-mt-minus-140--sm {
margin-top: -10rem !important; }
.g-mt-145--sm {
margin-top: 10.35714286rem !important; }
.g-mt-minus-145--sm {
margin-top: -10.35714286rem !important; }
.g-mt-150--sm {
margin-top: 10.71428571rem !important; }
.g-mt-minus-150--sm {
margin-top: -10.71428571rem !important; }
.g-mt-155--sm {
margin-top: 11.07142857rem !important; }
.g-mt-minus-155--sm {
margin-top: -11.07142857rem !important; }
.g-mt-160--sm {
margin-top: 11.42857143rem !important; }
.g-mt-minus-160--sm {
margin-top: -11.42857143rem !important; }
.g-mt-165--sm {
margin-top: 11.78571429rem !important; }
.g-mt-minus-165--sm {
margin-top: -11.78571429rem !important; }
.g-mt-170--sm {
margin-top: 12.14285714rem !important; }
.g-mt-minus-170--sm {
margin-top: -12.14285714rem !important; }
.g-mb-1--sm {
margin-bottom: 0.07142857rem !important; }
.g-mb-minus-1--sm {
margin-bottom: -0.07142857rem !important; }
.g-mb-2--sm {
margin-bottom: 0.14285714rem !important; }
.g-mb-minus-2--sm {
margin-bottom: -0.14285714rem !important; }
.g-mb-3--sm {
margin-bottom: 0.21428571rem !important; }
.g-mb-minus-3--sm {
margin-bottom: -0.21428571rem !important; }
.g-mb-4--sm {
margin-bottom: 0.28571429rem !important; }
.g-mb-minus-4--sm {
margin-bottom: -0.28571429rem !important; }
.g-mb-5--sm {
margin-bottom: 0.35714286rem !important; }
.g-mb-minus-5--sm {
margin-bottom: -0.35714286rem !important; }
.g-mb-6--sm {
margin-bottom: 0.42857143rem !important; }
.g-mb-minus-6--sm {
margin-bottom: -0.42857143rem !important; }
.g-mb-7--sm {
margin-bottom: 0.5rem !important; }
.g-mb-minus-7--sm {
margin-bottom: -0.5rem !important; }
.g-mb-8--sm {
margin-bottom: 0.57142857rem !important; }
.g-mb-minus-8--sm {
margin-bottom: -0.57142857rem !important; }
.g-mb-9--sm {
margin-bottom: 0.64285714rem !important; }
.g-mb-minus-9--sm {
margin-bottom: -0.64285714rem !important; }
.g-mb-10--sm {
margin-bottom: 0.71428571rem !important; }
.g-mb-minus-10--sm {
margin-bottom: -0.71428571rem !important; }
.g-mb-11--sm {
margin-bottom: 0.78571429rem !important; }
.g-mb-minus-11--sm {
margin-bottom: -0.78571429rem !important; }
.g-mb-12--sm {
margin-bottom: 0.85714286rem !important; }
.g-mb-minus-12--sm {
margin-bottom: -0.85714286rem !important; }
.g-mb-13--sm {
margin-bottom: 0.92857143rem !important; }
.g-mb-minus-13--sm {
margin-bottom: -0.92857143rem !important; }
.g-mb-14--sm {
margin-bottom: 1rem !important; }
.g-mb-minus-14--sm {
margin-bottom: -1rem !important; }
.g-mb-15--sm {
margin-bottom: 1.07142857rem !important; }
.g-mb-minus-15--sm {
margin-bottom: -1.07142857rem !important; }
.g-mb-16--sm {
margin-bottom: 1.14285714rem !important; }
.g-mb-minus-16--sm {
margin-bottom: -1.14285714rem !important; }
.g-mb-17--sm {
margin-bottom: 1.21428571rem !important; }
.g-mb-minus-17--sm {
margin-bottom: -1.21428571rem !important; }
.g-mb-18--sm {
margin-bottom: 1.28571429rem !important; }
.g-mb-minus-18--sm {
margin-bottom: -1.28571429rem !important; }
.g-mb-19--sm {
margin-bottom: 1.35714286rem !important; }
.g-mb-minus-19--sm {
margin-bottom: -1.35714286rem !important; }
.g-mb-20--sm {
margin-bottom: 1.42857143rem !important; }
.g-mb-minus-20--sm {
margin-bottom: -1.42857143rem !important; }
.g-mb-10--sm {
margin-bottom: 0.71428571rem !important; }
.g-mb-15--sm {
margin-bottom: 1.07142857rem !important; }
.g-mb-20--sm {
margin-bottom: 1.42857143rem !important; }
.g-mb-25--sm {
margin-bottom: 1.78571429rem !important; }
.g-mb-30--sm {
margin-bottom: 2.14285714rem !important; }
.g-mb-35--sm {
margin-bottom: 2.5rem !important; }
.g-mb-40--sm {
margin-bottom: 2.85714286rem !important; }
.g-mb-45--sm {
margin-bottom: 3.21428571rem !important; }
.g-mb-50--sm {
margin-bottom: 3.57142857rem !important; }
.g-mb-55--sm {
margin-bottom: 3.92857143rem !important; }
.g-mb-60--sm {
margin-bottom: 4.28571429rem !important; }
.g-mb-65--sm {
margin-bottom: 4.64285714rem !important; }
.g-mb-70--sm {
margin-bottom: 5rem !important; }
.g-mb-75--sm {
margin-bottom: 5.35714286rem !important; }
.g-mb-80--sm {
margin-bottom: 5.71428571rem !important; }
.g-mb-85--sm {
margin-bottom: 6.07142857rem !important; }
.g-mb-90--sm {
margin-bottom: 6.42857143rem !important; }
.g-mb-95--sm {
margin-bottom: 6.78571429rem !important; }
.g-mb-100--sm {
margin-bottom: 7.14285714rem !important; }
.g-mb-105--sm {
margin-bottom: 7.5rem !important; }
.g-mb-110--sm {
margin-bottom: 7.85714286rem !important; }
.g-mb-115--sm {
margin-bottom: 8.21428571rem !important; }
.g-mb-120--sm {
margin-bottom: 8.57142857rem !important; }
.g-mb-125--sm {
margin-bottom: 8.92857143rem !important; }
.g-mb-130--sm {
margin-bottom: 9.28571429rem !important; }
.g-mb-135--sm {
margin-bottom: 9.64285714rem !important; }
.g-mb-140--sm {
margin-bottom: 10rem !important; }
.g-mb-145--sm {
margin-bottom: 10.35714286rem !important; }
.g-mb-150--sm {
margin-bottom: 10.71428571rem !important; }
.g-mb-155--sm {
margin-bottom: 11.07142857rem !important; }
.g-mb-160--sm {
margin-bottom: 11.42857143rem !important; }
.g-mb-165--sm {
margin-bottom: 11.78571429rem !important; }
.g-mb-170--sm {
margin-bottom: 12.14285714rem !important; }
.g-ml-1--sm {
margin-left: 0.07142857rem !important; }
.g-ml-minus-1--sm {
margin-left: -0.07142857rem !important; }
.g-ml-2--sm {
margin-left: 0.14285714rem !important; }
.g-ml-minus-2--sm {
margin-left: -0.14285714rem !important; }
.g-ml-3--sm {
margin-left: 0.21428571rem !important; }
.g-ml-minus-3--sm {
margin-left: -0.21428571rem !important; }
.g-ml-4--sm {
margin-left: 0.28571429rem !important; }
.g-ml-minus-4--sm {
margin-left: -0.28571429rem !important; }
.g-ml-5--sm {
margin-left: 0.35714286rem !important; }
.g-ml-minus-5--sm {
margin-left: -0.35714286rem !important; }
.g-ml-6--sm {
margin-left: 0.42857143rem !important; }
.g-ml-minus-6--sm {
margin-left: -0.42857143rem !important; }
.g-ml-7--sm {
margin-left: 0.5rem !important; }
.g-ml-minus-7--sm {
margin-left: -0.5rem !important; }
.g-ml-8--sm {
margin-left: 0.57142857rem !important; }
.g-ml-minus-8--sm {
margin-left: -0.57142857rem !important; }
.g-ml-9--sm {
margin-left: 0.64285714rem !important; }
.g-ml-minus-9--sm {
margin-left: -0.64285714rem !important; }
.g-ml-10--sm {
margin-left: 0.71428571rem !important; }
.g-ml-minus-10--sm {
margin-left: -0.71428571rem !important; }
.g-ml-5--sm {
margin-left: 0.35714286rem !important; }
.g-ml-minus-5--sm {
margin-left: -0.35714286rem !important; }
.g-ml-10--sm {
margin-left: 0.71428571rem !important; }
.g-ml-minus-10--sm {
margin-left: -0.71428571rem !important; }
.g-ml-15--sm {
margin-left: 1.07142857rem !important; }
.g-ml-minus-15--sm {
margin-left: -1.07142857rem !important; }
.g-ml-20--sm {
margin-left: 1.42857143rem !important; }
.g-ml-minus-20--sm {
margin-left: -1.42857143rem !important; }
.g-ml-25--sm {
margin-left: 1.78571429rem !important; }
.g-ml-minus-25--sm {
margin-left: -1.78571429rem !important; }
.g-ml-30--sm {
margin-left: 2.14285714rem !important; }
.g-ml-minus-30--sm {
margin-left: -2.14285714rem !important; }
.g-ml-35--sm {
margin-left: 2.5rem !important; }
.g-ml-minus-35--sm {
margin-left: -2.5rem !important; }
.g-ml-40--sm {
margin-left: 2.85714286rem !important; }
.g-ml-minus-40--sm {
margin-left: -2.85714286rem !important; }
.g-ml-45--sm {
margin-left: 3.21428571rem !important; }
.g-ml-minus-45--sm {
margin-left: -3.21428571rem !important; }
.g-ml-50--sm {
margin-left: 3.57142857rem !important; }
.g-ml-minus-50--sm {
margin-left: -3.57142857rem !important; }
.g-mr-1--sm {
margin-right: 0.07142857rem !important; }
.g-mr-minus-1--sm {
margin-right: -0.07142857rem !important; }
.g-mr-2--sm {
margin-right: 0.14285714rem !important; }
.g-mr-minus-2--sm {
margin-right: -0.14285714rem !important; }
.g-mr-3--sm {
margin-right: 0.21428571rem !important; }
.g-mr-minus-3--sm {
margin-right: -0.21428571rem !important; }
.g-mr-4--sm {
margin-right: 0.28571429rem !important; }
.g-mr-minus-4--sm {
margin-right: -0.28571429rem !important; }
.g-mr-5--sm {
margin-right: 0.35714286rem !important; }
.g-mr-minus-5--sm {
margin-right: -0.35714286rem !important; }
.g-mr-6--sm {
margin-right: 0.42857143rem !important; }
.g-mr-minus-6--sm {
margin-right: -0.42857143rem !important; }
.g-mr-7--sm {
margin-right: 0.5rem !important; }
.g-mr-minus-7--sm {
margin-right: -0.5rem !important; }
.g-mr-8--sm {
margin-right: 0.57142857rem !important; }
.g-mr-minus-8--sm {
margin-right: -0.57142857rem !important; }
.g-mr-9--sm {
margin-right: 0.64285714rem !important; }
.g-mr-minus-9--sm {
margin-right: -0.64285714rem !important; }
.g-mr-10--sm {
margin-right: 0.71428571rem !important; }
.g-mr-minus-10--sm {
margin-right: -0.71428571rem !important; }
.g-mr-5--sm {
margin-right: 0.35714286rem !important; }
.g-mr-10--sm {
margin-right: 0.71428571rem !important; }
.g-mr-15--sm {
margin-right: 1.07142857rem !important; }
.g-mr-20--sm {
margin-right: 1.42857143rem !important; }
.g-mr-25--sm {
margin-right: 1.78571429rem !important; }
.g-mr-30--sm {
margin-right: 2.14285714rem !important; }
.g-mr-35--sm {
margin-right: 2.5rem !important; }
.g-mr-40--sm {
margin-right: 2.85714286rem !important; }
.g-mr-45--sm {
margin-right: 3.21428571rem !important; }
.g-mr-50--sm {
margin-right: 3.57142857rem !important; } }
/* Margin Spaces (md)
------------------------------------*/
@media (min-width: 768px) {
.g-ma-0--md {
margin: 0 !important; }
.g-mx-0--md {
margin-left: 0 !important;
margin-right: 0 !important; }
.g-my-0--md {
margin-top: 0 !important;
margin-bottom: 0 !important; }
.g-ml-0--md {
margin-left: 0 !important; }
.g-mr-0--md {
margin-right: 0 !important; }
.g-mt-0--md {
margin-top: 0 !important; }
.g-mb-0--md {
margin-bottom: 0 !important; }
.g-mx-1--md {
margin-left: 0.07142857rem !important;
margin-right: 0.07142857rem !important; }
.g-mx-2--md {
margin-left: 0.14285714rem !important;
margin-right: 0.14285714rem !important; }
.g-mx-3--md {
margin-left: 0.21428571rem !important;
margin-right: 0.21428571rem !important; }
.g-mx-4--md {
margin-left: 0.28571429rem !important;
margin-right: 0.28571429rem !important; }
.g-mx-5--md {
margin-left: 0.35714286rem !important;
margin-right: 0.35714286rem !important; }
.g-mx-6--md {
margin-left: 0.42857143rem !important;
margin-right: 0.42857143rem !important; }
.g-mx-7--md {
margin-left: 0.5rem !important;
margin-right: 0.5rem !important; }
.g-mx-8--md {
margin-left: 0.57142857rem !important;
margin-right: 0.57142857rem !important; }
.g-mx-9--md {
margin-left: 0.64285714rem !important;
margin-right: 0.64285714rem !important; }
.g-mx-10--md {
margin-left: 0.71428571rem !important;
margin-right: 0.71428571rem !important; }
.g-mx-10--md {
margin-left: 0.71428571rem !important;
margin-right: 0.71428571rem !important; }
.g-mx-15--md {
margin-left: 1.07142857rem !important;
margin-right: 1.07142857rem !important; }
.g-mx-20--md {
margin-left: 1.42857143rem !important;
margin-right: 1.42857143rem !important; }
.g-mx-25--md {
margin-left: 1.78571429rem !important;
margin-right: 1.78571429rem !important; }
.g-mx-30--md {
margin-left: 2.14285714rem !important;
margin-right: 2.14285714rem !important; }
.g-mx-35--md {
margin-left: 2.5rem !important;
margin-right: 2.5rem !important; }
.g-mx-40--md {
margin-left: 2.85714286rem !important;
margin-right: 2.85714286rem !important; }
.g-mx-45--md {
margin-left: 3.21428571rem !important;
margin-right: 3.21428571rem !important; }
.g-mx-50--md {
margin-left: 3.57142857rem !important;
margin-right: 3.57142857rem !important; }
.g-mx-55--md {
margin-left: 3.92857143rem !important;
margin-right: 3.92857143rem !important; }
.g-mx-60--md {
margin-left: 4.28571429rem !important;
margin-right: 4.28571429rem !important; }
.g-mx-65--md {
margin-left: 4.64285714rem !important;
margin-right: 4.64285714rem !important; }
.g-mx-70--md {
margin-left: 5rem !important;
margin-right: 5rem !important; }
.g-mx-75--md {
margin-left: 5.35714286rem !important;
margin-right: 5.35714286rem !important; }
.g-mx-80--md {
margin-left: 5.71428571rem !important;
margin-right: 5.71428571rem !important; }
.g-mx-85--md {
margin-left: 6.07142857rem !important;
margin-right: 6.07142857rem !important; }
.g-mx-90--md {
margin-left: 6.42857143rem !important;
margin-right: 6.42857143rem !important; }
.g-mx-95--md {
margin-left: 6.78571429rem !important;
margin-right: 6.78571429rem !important; }
.g-mx-100--md {
margin-left: 7.14285714rem !important;
margin-right: 7.14285714rem !important; }
.g-my-1--md {
margin-top: 0.07142857rem !important;
margin-bottom: 0.07142857rem !important; }
.g-my-2--md {
margin-top: 0.14285714rem !important;
margin-bottom: 0.14285714rem !important; }
.g-my-3--md {
margin-top: 0.21428571rem !important;
margin-bottom: 0.21428571rem !important; }
.g-my-4--md {
margin-top: 0.28571429rem !important;
margin-bottom: 0.28571429rem !important; }
.g-my-5--md {
margin-top: 0.35714286rem !important;
margin-bottom: 0.35714286rem !important; }
.g-my-6--md {
margin-top: 0.42857143rem !important;
margin-bottom: 0.42857143rem !important; }
.g-my-7--md {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important; }
.g-my-8--md {
margin-top: 0.57142857rem !important;
margin-bottom: 0.57142857rem !important; }
.g-my-9--md {
margin-top: 0.64285714rem !important;
margin-bottom: 0.64285714rem !important; }
.g-my-10--md {
margin-top: 0.71428571rem !important;
margin-bottom: 0.71428571rem !important; }
.g-my-10--md {
margin-top: 0.71428571rem !important;
margin-bottom: 0.71428571rem !important; }
.g-my-15--md {
margin-top: 1.07142857rem !important;
margin-bottom: 1.07142857rem !important; }
.g-my-20--md {
margin-top: 1.42857143rem !important;
margin-bottom: 1.42857143rem !important; }
.g-my-25--md {
margin-top: 1.78571429rem !important;
margin-bottom: 1.78571429rem !important; }
.g-my-30--md {
margin-top: 2.14285714rem !important;
margin-bottom: 2.14285714rem !important; }
.g-my-35--md {
margin-top: 2.5rem !important;
margin-bottom: 2.5rem !important; }
.g-my-40--md {
margin-top: 2.85714286rem !important;
margin-bottom: 2.85714286rem !important; }
.g-my-45--md {
margin-top: 3.21428571rem !important;
margin-bottom: 3.21428571rem !important; }
.g-my-50--md {
margin-top: 3.57142857rem !important;
margin-bottom: 3.57142857rem !important; }
.g-my-55--md {
margin-top: 3.92857143rem !important;
margin-bottom: 3.92857143rem !important; }
.g-my-60--md {
margin-top: 4.28571429rem !important;
margin-bottom: 4.28571429rem !important; }
.g-my-65--md {
margin-top: 4.64285714rem !important;
margin-bottom: 4.64285714rem !important; }
.g-my-70--md {
margin-top: 5rem !important;
margin-bottom: 5rem !important; }
.g-my-75--md {
margin-top: 5.35714286rem !important;
margin-bottom: 5.35714286rem !important; }
.g-my-80--md {
margin-top: 5.71428571rem !important;
margin-bottom: 5.71428571rem !important; }
.g-my-85--md {
margin-top: 6.07142857rem !important;
margin-bottom: 6.07142857rem !important; }
.g-my-90--md {
margin-top: 6.42857143rem !important;
margin-bottom: 6.42857143rem !important; }
.g-my-95--md {
margin-top: 6.78571429rem !important;
margin-bottom: 6.78571429rem !important; }
.g-my-100--md {
margin-top: 7.14285714rem !important;
margin-bottom: 7.14285714rem !important; }
.g-mt-1--md {
margin-top: 0.07142857rem !important; }
.g-mt-minus-1--md {
margin-top: -0.07142857rem !important; }
.g-mt-2--md {
margin-top: 0.14285714rem !important; }
.g-mt-minus-2--md {
margin-top: -0.14285714rem !important; }
.g-mt-3--md {
margin-top: 0.21428571rem !important; }
.g-mt-minus-3--md {
margin-top: -0.21428571rem !important; }
.g-mt-4--md {
margin-top: 0.28571429rem !important; }
.g-mt-minus-4--md {
margin-top: -0.28571429rem !important; }
.g-mt-5--md {
margin-top: 0.35714286rem !important; }
.g-mt-minus-5--md {
margin-top: -0.35714286rem !important; }
.g-mt-6--md {
margin-top: 0.42857143rem !important; }
.g-mt-minus-6--md {
margin-top: -0.42857143rem !important; }
.g-mt-7--md {
margin-top: 0.5rem !important; }
.g-mt-minus-7--md {
margin-top: -0.5rem !important; }
.g-mt-8--md {
margin-top: 0.57142857rem !important; }
.g-mt-minus-8--md {
margin-top: -0.57142857rem !important; }
.g-mt-9--md {
margin-top: 0.64285714rem !important; }
.g-mt-minus-9--md {
margin-top: -0.64285714rem !important; }
.g-mt-10--md {
margin-top: 0.71428571rem !important; }
.g-mt-minus-10--md {
margin-top: -0.71428571rem !important; }
.g-mt-11--md {
margin-top: 0.78571429rem !important; }
.g-mt-minus-11--md {
margin-top: -0.78571429rem !important; }
.g-mt-12--md {
margin-top: 0.85714286rem !important; }
.g-mt-minus-12--md {
margin-top: -0.85714286rem !important; }
.g-mt-13--md {
margin-top: 0.92857143rem !important; }
.g-mt-minus-13--md {
margin-top: -0.92857143rem !important; }
.g-mt-14--md {
margin-top: 1rem !important; }
.g-mt-minus-14--md {
margin-top: -1rem !important; }
.g-mt-15--md {
margin-top: 1.07142857rem !important; }
.g-mt-minus-15--md {
margin-top: -1.07142857rem !important; }
.g-mt-16--md {
margin-top: 1.14285714rem !important; }
.g-mt-minus-16--md {
margin-top: -1.14285714rem !important; }
.g-mt-17--md {
margin-top: 1.21428571rem !important; }
.g-mt-minus-17--md {
margin-top: -1.21428571rem !important; }
.g-mt-18--md {
margin-top: 1.28571429rem !important; }
.g-mt-minus-18--md {
margin-top: -1.28571429rem !important; }
.g-mt-19--md {
margin-top: 1.35714286rem !important; }
.g-mt-minus-19--md {
margin-top: -1.35714286rem !important; }
.g-mt-20--md {
margin-top: 1.42857143rem !important; }
.g-mt-minus-20--md {
margin-top: -1.42857143rem !important; }
.g-mt-10--md {
margin-top: 0.71428571rem !important; }
.g-mt-minus-10--md {
margin-top: -0.71428571rem !important; }
.g-mt-15--md {
margin-top: 1.07142857rem !important; }
.g-mt-minus-15--md {
margin-top: -1.07142857rem !important; }
.g-mt-20--md {
margin-top: 1.42857143rem !important; }
.g-mt-minus-20--md {
margin-top: -1.42857143rem !important; }
.g-mt-25--md {
margin-top: 1.78571429rem !important; }
.g-mt-minus-25--md {
margin-top: -1.78571429rem !important; }
.g-mt-30--md {
margin-top: 2.14285714rem !important; }
.g-mt-minus-30--md {
margin-top: -2.14285714rem !important; }
.g-mt-35--md {
margin-top: 2.5rem !important; }
.g-mt-minus-35--md {
margin-top: -2.5rem !important; }
.g-mt-40--md {
margin-top: 2.85714286rem !important; }
.g-mt-minus-40--md {
margin-top: -2.85714286rem !important; }
.g-mt-45--md {
margin-top: 3.21428571rem !important; }
.g-mt-minus-45--md {
margin-top: -3.21428571rem !important; }
.g-mt-50--md {
margin-top: 3.57142857rem !important; }
.g-mt-minus-50--md {
margin-top: -3.57142857rem !important; }
.g-mt-55--md {
margin-top: 3.92857143rem !important; }
.g-mt-minus-55--md {
margin-top: -3.92857143rem !important; }
.g-mt-60--md {
margin-top: 4.28571429rem !important; }
.g-mt-minus-60--md {
margin-top: -4.28571429rem !important; }
.g-mt-65--md {
margin-top: 4.64285714rem !important; }
.g-mt-minus-65--md {
margin-top: -4.64285714rem !important; }
.g-mt-70--md {
margin-top: 5rem !important; }
.g-mt-minus-70--md {
margin-top: -5rem !important; }
.g-mt-75--md {
margin-top: 5.35714286rem !important; }
.g-mt-minus-75--md {
margin-top: -5.35714286rem !important; }
.g-mt-80--md {
margin-top: 5.71428571rem !important; }
.g-mt-minus-80--md {
margin-top: -5.71428571rem !important; }
.g-mt-85--md {
margin-top: 6.07142857rem !important; }
.g-mt-minus-85--md {
margin-top: -6.07142857rem !important; }
.g-mt-90--md {
margin-top: 6.42857143rem !important; }
.g-mt-minus-90--md {
margin-top: -6.42857143rem !important; }
.g-mt-95--md {
margin-top: 6.78571429rem !important; }
.g-mt-minus-95--md {
margin-top: -6.78571429rem !important; }
.g-mt-100--md {
margin-top: 7.14285714rem !important; }
.g-mt-minus-100--md {
margin-top: -7.14285714rem !important; }
.g-mt-105--md {
margin-top: 7.5rem !important; }
.g-mt-minus-105--md {
margin-top: -7.5rem !important; }
.g-mt-110--md {
margin-top: 7.85714286rem !important; }
.g-mt-minus-110--md {
margin-top: -7.85714286rem !important; }
.g-mt-115--md {
margin-top: 8.21428571rem !important; }
.g-mt-minus-115--md {
margin-top: -8.21428571rem !important; }
.g-mt-120--md {
margin-top: 8.57142857rem !important; }
.g-mt-minus-120--md {
margin-top: -8.57142857rem !important; }
.g-mt-125--md {
margin-top: 8.92857143rem !important; }
.g-mt-minus-125--md {
margin-top: -8.92857143rem !important; }
.g-mt-130--md {
margin-top: 9.28571429rem !important; }
.g-mt-minus-130--md {
margin-top: -9.28571429rem !important; }
.g-mt-135--md {
margin-top: 9.64285714rem !important; }
.g-mt-minus-135--md {
margin-top: -9.64285714rem !important; }
.g-mt-140--md {
margin-top: 10rem !important; }
.g-mt-minus-140--md {
margin-top: -10rem !important; }
.g-mt-145--md {
margin-top: 10.35714286rem !important; }
.g-mt-minus-145--md {
margin-top: -10.35714286rem !important; }
.g-mt-150--md {
margin-top: 10.71428571rem !important; }
.g-mt-minus-150--md {
margin-top: -10.71428571rem !important; }
.g-mt-155--md {
margin-top: 11.07142857rem !important; }
.g-mt-minus-155--md {
margin-top: -11.07142857rem !important; }
.g-mt-160--md {
margin-top: 11.42857143rem !important; }
.g-mt-minus-160--md {
margin-top: -11.42857143rem !important; }
.g-mt-165--md {
margin-top: 11.78571429rem !important; }
.g-mt-minus-165--md {
margin-top: -11.78571429rem !important; }
.g-mt-170--md {
margin-top: 12.14285714rem !important; }
.g-mt-minus-170--md {
margin-top: -12.14285714rem !important; }
.g-mb-1--md {
margin-bottom: 0.07142857rem !important; }
.g-mb-minus-1--md {
margin-bottom: -0.07142857rem !important; }
.g-mb-2--md {
margin-bottom: 0.14285714rem !important; }
.g-mb-minus-2--md {
margin-bottom: -0.14285714rem !important; }
.g-mb-3--md {
margin-bottom: 0.21428571rem !important; }
.g-mb-minus-3--md {
margin-bottom: -0.21428571rem !important; }
.g-mb-4--md {
margin-bottom: 0.28571429rem !important; }
.g-mb-minus-4--md {
margin-bottom: -0.28571429rem !important; }
.g-mb-5--md {
margin-bottom: 0.35714286rem !important; }
.g-mb-minus-5--md {
margin-bottom: -0.35714286rem !important; }
.g-mb-6--md {
margin-bottom: 0.42857143rem !important; }
.g-mb-minus-6--md {
margin-bottom: -0.42857143rem !important; }
.g-mb-7--md {
margin-bottom: 0.5rem !important; }
.g-mb-minus-7--md {
margin-bottom: -0.5rem !important; }
.g-mb-8--md {
margin-bottom: 0.57142857rem !important; }
.g-mb-minus-8--md {
margin-bottom: -0.57142857rem !important; }
.g-mb-9--md {
margin-bottom: 0.64285714rem !important; }
.g-mb-minus-9--md {
margin-bottom: -0.64285714rem !important; }
.g-mb-10--md {
margin-bottom: 0.71428571rem !important; }
.g-mb-minus-10--md {
margin-bottom: -0.71428571rem !important; }
.g-mb-11--md {
margin-bottom: 0.78571429rem !important; }
.g-mb-minus-11--md {
margin-bottom: -0.78571429rem !important; }
.g-mb-12--md {
margin-bottom: 0.85714286rem !important; }
.g-mb-minus-12--md {
margin-bottom: -0.85714286rem !important; }
.g-mb-13--md {
margin-bottom: 0.92857143rem !important; }
.g-mb-minus-13--md {
margin-bottom: -0.92857143rem !important; }
.g-mb-14--md {
margin-bottom: 1rem !important; }
.g-mb-minus-14--md {
margin-bottom: -1rem !important; }
.g-mb-15--md {
margin-bottom: 1.07142857rem !important; }
.g-mb-minus-15--md {
margin-bottom: -1.07142857rem !important; }
.g-mb-16--md {
margin-bottom: 1.14285714rem !important; }
.g-mb-minus-16--md {
margin-bottom: -1.14285714rem !important; }
.g-mb-17--md {
margin-bottom: 1.21428571rem !important; }
.g-mb-minus-17--md {
margin-bottom: -1.21428571rem !important; }
.g-mb-18--md {
margin-bottom: 1.28571429rem !important; }
.g-mb-minus-18--md {
margin-bottom: -1.28571429rem !important; }
.g-mb-19--md {
margin-bottom: 1.35714286rem !important; }
.g-mb-minus-19--md {
margin-bottom: -1.35714286rem !important; }
.g-mb-20--md {
margin-bottom: 1.42857143rem !important; }
.g-mb-minus-20--md {
margin-bottom: -1.42857143rem !important; }
.g-mb-10--md {
margin-bottom: 0.71428571rem !important; }
.g-mb-15--md {
margin-bottom: 1.07142857rem !important; }
.g-mb-20--md {
margin-bottom: 1.42857143rem !important; }
.g-mb-25--md {
margin-bottom: 1.78571429rem !important; }
.g-mb-30--md {
margin-bottom: 2.14285714rem !important; }
.g-mb-35--md {
margin-bottom: 2.5rem !important; }
.g-mb-40--md {
margin-bottom: 2.85714286rem !important; }
.g-mb-45--md {
margin-bottom: 3.21428571rem !important; }
.g-mb-50--md {
margin-bottom: 3.57142857rem !important; }
.g-mb-55--md {
margin-bottom: 3.92857143rem !important; }
.g-mb-60--md {
margin-bottom: 4.28571429rem !important; }
.g-mb-65--md {
margin-bottom: 4.64285714rem !important; }
.g-mb-70--md {
margin-bottom: 5rem !important; }
.g-mb-75--md {
margin-bottom: 5.35714286rem !important; }
.g-mb-80--md {
margin-bottom: 5.71428571rem !important; }
.g-mb-85--md {
margin-bottom: 6.07142857rem !important; }
.g-mb-90--md {
margin-bottom: 6.42857143rem !important; }
.g-mb-95--md {
margin-bottom: 6.78571429rem !important; }
.g-mb-100--md {
margin-bottom: 7.14285714rem !important; }
.g-mb-105--md {
margin-bottom: 7.5rem !important; }
.g-mb-110--md {
margin-bottom: 7.85714286rem !important; }
.g-mb-115--md {
margin-bottom: 8.21428571rem !important; }
.g-mb-120--md {
margin-bottom: 8.57142857rem !important; }
.g-mb-125--md {
margin-bottom: 8.92857143rem !important; }
.g-mb-130--md {
margin-bottom: 9.28571429rem !important; }
.g-mb-135--md {
margin-bottom: 9.64285714rem !important; }
.g-mb-140--md {
margin-bottom: 10rem !important; }
.g-mb-145--md {
margin-bottom: 10.35714286rem !important; }
.g-mb-150--md {
margin-bottom: 10.71428571rem !important; }
.g-mb-155--md {
margin-bottom: 11.07142857rem !important; }
.g-mb-160--md {
margin-bottom: 11.42857143rem !important; }
.g-mb-165--md {
margin-bottom: 11.78571429rem !important; }
.g-mb-170--md {
margin-bottom: 12.14285714rem !important; }
.g-ml-1--md {
margin-left: 0.07142857rem !important; }
.g-ml-minus-1--md {
margin-left: -0.07142857rem !important; }
.g-ml-2--md {
margin-left: 0.14285714rem !important; }
.g-ml-minus-2--md {
margin-left: -0.14285714rem !important; }
.g-ml-3--md {
margin-left: 0.21428571rem !important; }
.g-ml-minus-3--md {
margin-left: -0.21428571rem !important; }
.g-ml-4--md {
margin-left: 0.28571429rem !important; }
.g-ml-minus-4--md {
margin-left: -0.28571429rem !important; }
.g-ml-5--md {
margin-left: 0.35714286rem !important; }
.g-ml-minus-5--md {
margin-left: -0.35714286rem !important; }
.g-ml-6--md {
margin-left: 0.42857143rem !important; }
.g-ml-minus-6--md {
margin-left: -0.42857143rem !important; }
.g-ml-7--md {
margin-left: 0.5rem !important; }
.g-ml-minus-7--md {
margin-left: -0.5rem !important; }
.g-ml-8--md {
margin-left: 0.57142857rem !important; }
.g-ml-minus-8--md {
margin-left: -0.57142857rem !important; }
.g-ml-9--md {
margin-left: 0.64285714rem !important; }
.g-ml-minus-9--md {
margin-left: -0.64285714rem !important; }
.g-ml-10--md {
margin-left: 0.71428571rem !important; }
.g-ml-minus-10--md {
margin-left: -0.71428571rem !important; }
.g-ml-5--md {
margin-left: 0.35714286rem !important; }
.g-ml-minus-5--md {
margin-left: -0.35714286rem !important; }
.g-ml-10--md {
margin-left: 0.71428571rem !important; }
.g-ml-minus-10--md {
margin-left: -0.71428571rem !important; }
.g-ml-15--md {
margin-left: 1.07142857rem !important; }
.g-ml-minus-15--md {
margin-left: -1.07142857rem !important; }
.g-ml-20--md {
margin-left: 1.42857143rem !important; }
.g-ml-minus-20--md {
margin-left: -1.42857143rem !important; }
.g-ml-25--md {
margin-left: 1.78571429rem !important; }
.g-ml-minus-25--md {
margin-left: -1.78571429rem !important; }
.g-ml-30--md {
margin-left: 2.14285714rem !important; }
.g-ml-minus-30--md {
margin-left: -2.14285714rem !important; }
.g-ml-35--md {
margin-left: 2.5rem !important; }
.g-ml-minus-35--md {
margin-left: -2.5rem !important; }
.g-ml-40--md {
margin-left: 2.85714286rem !important; }
.g-ml-minus-40--md {
margin-left: -2.85714286rem !important; }
.g-ml-45--md {
margin-left: 3.21428571rem !important; }
.g-ml-minus-45--md {
margin-left: -3.21428571rem !important; }
.g-ml-50--md {
margin-left: 3.57142857rem !important; }
.g-ml-minus-50--md {
margin-left: -3.57142857rem !important; }
.g-mr-1--md {
margin-right: 0.07142857rem !important; }
.g-mr-minus-1--md {
margin-right: -0.07142857rem !important; }
.g-mr-2--md {
margin-right: 0.14285714rem !important; }
.g-mr-minus-2--md {
margin-right: -0.14285714rem !important; }
.g-mr-3--md {
margin-right: 0.21428571rem !important; }
.g-mr-minus-3--md {
margin-right: -0.21428571rem !important; }
.g-mr-4--md {
margin-right: 0.28571429rem !important; }
.g-mr-minus-4--md {
margin-right: -0.28571429rem !important; }
.g-mr-5--md {
margin-right: 0.35714286rem !important; }
.g-mr-minus-5--md {
margin-right: -0.35714286rem !important; }
.g-mr-6--md {
margin-right: 0.42857143rem !important; }
.g-mr-minus-6--md {
margin-right: -0.42857143rem !important; }
.g-mr-7--md {
margin-right: 0.5rem !important; }
.g-mr-minus-7--md {
margin-right: -0.5rem !important; }
.g-mr-8--md {
margin-right: 0.57142857rem !important; }
.g-mr-minus-8--md {
margin-right: -0.57142857rem !important; }
.g-mr-9--md {
margin-right: 0.64285714rem !important; }
.g-mr-minus-9--md {
margin-right: -0.64285714rem !important; }
.g-mr-10--md {
margin-right: 0.71428571rem !important; }
.g-mr-minus-10--md {
margin-right: -0.71428571rem !important; }
.g-mr-5--md {
margin-right: 0.35714286rem !important; }
.g-mr-10--md {
margin-right: 0.71428571rem !important; }
.g-mr-15--md {
margin-right: 1.07142857rem !important; }
.g-mr-20--md {
margin-right: 1.42857143rem !important; }
.g-mr-25--md {
margin-right: 1.78571429rem !important; }
.g-mr-30--md {
margin-right: 2.14285714rem !important; }
.g-mr-35--md {
margin-right: 2.5rem !important; }
.g-mr-40--md {
margin-right: 2.85714286rem !important; }
.g-mr-45--md {
margin-right: 3.21428571rem !important; }
.g-mr-50--md {
margin-right: 3.57142857rem !important; } }
/* Margin Spaces (lg)
------------------------------------*/
@media (min-width: 992px) {
.g-ma-0--lg {
margin: 0 !important; }
.g-mx-0--lg {
margin-left: 0 !important;
margin-right: 0 !important; }
.g-my-0--lg {
margin-top: 0 !important;
margin-bottom: 0 !important; }
.g-ml-0--lg {
margin-left: 0 !important; }
.g-mr-0--lg {
margin-right: 0 !important; }
.g-mt-0--lg {
margin-top: 0 !important; }
.g-mb-0--lg {
margin-bottom: 0 !important; }
.g-mx-1--lg {
margin-left: 0.07142857rem !important;
margin-right: 0.07142857rem !important; }
.g-mx-2--lg {
margin-left: 0.14285714rem !important;
margin-right: 0.14285714rem !important; }
.g-mx-3--lg {
margin-left: 0.21428571rem !important;
margin-right: 0.21428571rem !important; }
.g-mx-4--lg {
margin-left: 0.28571429rem !important;
margin-right: 0.28571429rem !important; }
.g-mx-5--lg {
margin-left: 0.35714286rem !important;
margin-right: 0.35714286rem !important; }
.g-mx-6--lg {
margin-left: 0.42857143rem !important;
margin-right: 0.42857143rem !important; }
.g-mx-7--lg {
margin-left: 0.5rem !important;
margin-right: 0.5rem !important; }
.g-mx-8--lg {
margin-left: 0.57142857rem !important;
margin-right: 0.57142857rem !important; }
.g-mx-9--lg {
margin-left: 0.64285714rem !important;
margin-right: 0.64285714rem !important; }
.g-mx-10--lg {
margin-left: 0.71428571rem !important;
margin-right: 0.71428571rem !important; }
.g-mx-10--lg {
margin-left: 0.71428571rem !important;
margin-right: 0.71428571rem !important; }
.g-mx-15--lg {
margin-left: 1.07142857rem !important;
margin-right: 1.07142857rem !important; }
.g-mx-20--lg {
margin-left: 1.42857143rem !important;
margin-right: 1.42857143rem !important; }
.g-mx-25--lg {
margin-left: 1.78571429rem !important;
margin-right: 1.78571429rem !important; }
.g-mx-30--lg {
margin-left: 2.14285714rem !important;
margin-right: 2.14285714rem !important; }
.g-mx-35--lg {
margin-left: 2.5rem !important;
margin-right: 2.5rem !important; }
.g-mx-40--lg {
margin-left: 2.85714286rem !important;
margin-right: 2.85714286rem !important; }
.g-mx-45--lg {
margin-left: 3.21428571rem !important;
margin-right: 3.21428571rem !important; }
.g-mx-50--lg {
margin-left: 3.57142857rem !important;
margin-right: 3.57142857rem !important; }
.g-mx-55--lg {
margin-left: 3.92857143rem !important;
margin-right: 3.92857143rem !important; }
.g-mx-60--lg {
margin-left: 4.28571429rem !important;
margin-right: 4.28571429rem !important; }
.g-mx-65--lg {
margin-left: 4.64285714rem !important;
margin-right: 4.64285714rem !important; }
.g-mx-70--lg {
margin-left: 5rem !important;
margin-right: 5rem !important; }
.g-mx-75--lg {
margin-left: 5.35714286rem !important;
margin-right: 5.35714286rem !important; }
.g-mx-80--lg {
margin-left: 5.71428571rem !important;
margin-right: 5.71428571rem !important; }
.g-mx-85--lg {
margin-left: 6.07142857rem !important;
margin-right: 6.07142857rem !important; }
.g-mx-90--lg {
margin-left: 6.42857143rem !important;
margin-right: 6.42857143rem !important; }
.g-mx-95--lg {
margin-left: 6.78571429rem !important;
margin-right: 6.78571429rem !important; }
.g-mx-100--lg {
margin-left: 7.14285714rem !important;
margin-right: 7.14285714rem !important; }
.g-my-1--lg {
margin-top: 0.07142857rem !important;
margin-bottom: 0.07142857rem !important; }
.g-my-2--lg {
margin-top: 0.14285714rem !important;
margin-bottom: 0.14285714rem !important; }
.g-my-3--lg {
margin-top: 0.21428571rem !important;
margin-bottom: 0.21428571rem !important; }
.g-my-4--lg {
margin-top: 0.28571429rem !important;
margin-bottom: 0.28571429rem !important; }
.g-my-5--lg {
margin-top: 0.35714286rem !important;
margin-bottom: 0.35714286rem !important; }
.g-my-6--lg {
margin-top: 0.42857143rem !important;
margin-bottom: 0.42857143rem !important; }
.g-my-7--lg {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important; }
.g-my-8--lg {
margin-top: 0.57142857rem !important;
margin-bottom: 0.57142857rem !important; }
.g-my-9--lg {
margin-top: 0.64285714rem !important;
margin-bottom: 0.64285714rem !important; }
.g-my-10--lg {
margin-top: 0.71428571rem !important;
margin-bottom: 0.71428571rem !important; }
.g-my-10--lg {
margin-top: 0.71428571rem !important;
margin-bottom: 0.71428571rem !important; }
.g-my-15--lg {
margin-top: 1.07142857rem !important;
margin-bottom: 1.07142857rem !important; }
.g-my-20--lg {
margin-top: 1.42857143rem !important;
margin-bottom: 1.42857143rem !important; }
.g-my-25--lg {
margin-top: 1.78571429rem !important;
margin-bottom: 1.78571429rem !important; }
.g-my-30--lg {
margin-top: 2.14285714rem !important;
margin-bottom: 2.14285714rem !important; }
.g-my-35--lg {
margin-top: 2.5rem !important;
margin-bottom: 2.5rem !important; }
.g-my-40--lg {
margin-top: 2.85714286rem !important;
margin-bottom: 2.85714286rem !important; }
.g-my-45--lg {
margin-top: 3.21428571rem !important;
margin-bottom: 3.21428571rem !important; }
.g-my-50--lg {
margin-top: 3.57142857rem !important;
margin-bottom: 3.57142857rem !important; }
.g-my-55--lg {
margin-top: 3.92857143rem !important;
margin-bottom: 3.92857143rem !important; }
.g-my-60--lg {
margin-top: 4.28571429rem !important;
margin-bottom: 4.28571429rem !important; }
.g-my-65--lg {
margin-top: 4.64285714rem !important;
margin-bottom: 4.64285714rem !important; }
.g-my-70--lg {
margin-top: 5rem !important;
margin-bottom: 5rem !important; }
.g-my-75--lg {
margin-top: 5.35714286rem !important;
margin-bottom: 5.35714286rem !important; }
.g-my-80--lg {
margin-top: 5.71428571rem !important;
margin-bottom: 5.71428571rem !important; }
.g-my-85--lg {
margin-top: 6.07142857rem !important;
margin-bottom: 6.07142857rem !important; }
.g-my-90--lg {
margin-top: 6.42857143rem !important;
margin-bottom: 6.42857143rem !important; }
.g-my-95--lg {
margin-top: 6.78571429rem !important;
margin-bottom: 6.78571429rem !important; }
.g-my-100--lg {
margin-top: 7.14285714rem !important;
margin-bottom: 7.14285714rem !important; }
.g-mt-1--lg {
margin-top: 0.07142857rem !important; }
.g-mt-minus-1--lg {
margin-top: -0.07142857rem !important; }
.g-mt-2--lg {
margin-top: 0.14285714rem !important; }
.g-mt-minus-2--lg {
margin-top: -0.14285714rem !important; }
.g-mt-3--lg {
margin-top: 0.21428571rem !important; }
.g-mt-minus-3--lg {
margin-top: -0.21428571rem !important; }
.g-mt-4--lg {
margin-top: 0.28571429rem !important; }
.g-mt-minus-4--lg {
margin-top: -0.28571429rem !important; }
.g-mt-5--lg {
margin-top: 0.35714286rem !important; }
.g-mt-minus-5--lg {
margin-top: -0.35714286rem !important; }
.g-mt-6--lg {
margin-top: 0.42857143rem !important; }
.g-mt-minus-6--lg {
margin-top: -0.42857143rem !important; }
.g-mt-7--lg {
margin-top: 0.5rem !important; }
.g-mt-minus-7--lg {
margin-top: -0.5rem !important; }
.g-mt-8--lg {
margin-top: 0.57142857rem !important; }
.g-mt-minus-8--lg {
margin-top: -0.57142857rem !important; }
.g-mt-9--lg {
margin-top: 0.64285714rem !important; }
.g-mt-minus-9--lg {
margin-top: -0.64285714rem !important; }
.g-mt-10--lg {
margin-top: 0.71428571rem !important; }
.g-mt-minus-10--lg {
margin-top: -0.71428571rem !important; }
.g-mt-11--lg {
margin-top: 0.78571429rem !important; }
.g-mt-minus-11--lg {
margin-top: -0.78571429rem !important; }
.g-mt-12--lg {
margin-top: 0.85714286rem !important; }
.g-mt-minus-12--lg {
margin-top: -0.85714286rem !important; }
.g-mt-13--lg {
margin-top: 0.92857143rem !important; }
.g-mt-minus-13--lg {
margin-top: -0.92857143rem !important; }
.g-mt-14--lg {
margin-top: 1rem !important; }
.g-mt-minus-14--lg {
margin-top: -1rem !important; }
.g-mt-15--lg {
margin-top: 1.07142857rem !important; }
.g-mt-minus-15--lg {
margin-top: -1.07142857rem !important; }
.g-mt-16--lg {
margin-top: 1.14285714rem !important; }
.g-mt-minus-16--lg {
margin-top: -1.14285714rem !important; }
.g-mt-17--lg {
margin-top: 1.21428571rem !important; }
.g-mt-minus-17--lg {
margin-top: -1.21428571rem !important; }
.g-mt-18--lg {
margin-top: 1.28571429rem !important; }
.g-mt-minus-18--lg {
margin-top: -1.28571429rem !important; }
.g-mt-19--lg {
margin-top: 1.35714286rem !important; }
.g-mt-minus-19--lg {
margin-top: -1.35714286rem !important; }
.g-mt-20--lg {
margin-top: 1.42857143rem !important; }
.g-mt-minus-20--lg {
margin-top: -1.42857143rem !important; }
.g-mt-10--lg {
margin-top: 0.71428571rem !important; }
.g-mt-minus-10--lg {
margin-top: -0.71428571rem !important; }
.g-mt-15--lg {
margin-top: 1.07142857rem !important; }
.g-mt-minus-15--lg {
margin-top: -1.07142857rem !important; }
.g-mt-20--lg {
margin-top: 1.42857143rem !important; }
.g-mt-minus-20--lg {
margin-top: -1.42857143rem !important; }
.g-mt-25--lg {
margin-top: 1.78571429rem !important; }
.g-mt-minus-25--lg {
margin-top: -1.78571429rem !important; }
.g-mt-30--lg {
margin-top: 2.14285714rem !important; }
.g-mt-minus-30--lg {
margin-top: -2.14285714rem !important; }
.g-mt-35--lg {
margin-top: 2.5rem !important; }
.g-mt-minus-35--lg {
margin-top: -2.5rem !important; }
.g-mt-40--lg {
margin-top: 2.85714286rem !important; }
.g-mt-minus-40--lg {
margin-top: -2.85714286rem !important; }
.g-mt-45--lg {
margin-top: 3.21428571rem !important; }
.g-mt-minus-45--lg {
margin-top: -3.21428571rem !important; }
.g-mt-50--lg {
margin-top: 3.57142857rem !important; }
.g-mt-minus-50--lg {
margin-top: -3.57142857rem !important; }
.g-mt-55--lg {
margin-top: 3.92857143rem !important; }
.g-mt-minus-55--lg {
margin-top: -3.92857143rem !important; }
.g-mt-60--lg {
margin-top: 4.28571429rem !important; }
.g-mt-minus-60--lg {
margin-top: -4.28571429rem !important; }
.g-mt-65--lg {
margin-top: 4.64285714rem !important; }
.g-mt-minus-65--lg {
margin-top: -4.64285714rem !important; }
.g-mt-70--lg {
margin-top: 5rem !important; }
.g-mt-minus-70--lg {
margin-top: -5rem !important; }
.g-mt-75--lg {
margin-top: 5.35714286rem !important; }
.g-mt-minus-75--lg {
margin-top: -5.35714286rem !important; }
.g-mt-80--lg {
margin-top: 5.71428571rem !important; }
.g-mt-minus-80--lg {
margin-top: -5.71428571rem !important; }
.g-mt-85--lg {
margin-top: 6.07142857rem !important; }
.g-mt-minus-85--lg {
margin-top: -6.07142857rem !important; }
.g-mt-90--lg {
margin-top: 6.42857143rem !important; }
.g-mt-minus-90--lg {
margin-top: -6.42857143rem !important; }
.g-mt-95--lg {
margin-top: 6.78571429rem !important; }
.g-mt-minus-95--lg {
margin-top: -6.78571429rem !important; }
.g-mt-100--lg {
margin-top: 7.14285714rem !important; }
.g-mt-minus-100--lg {
margin-top: -7.14285714rem !important; }
.g-mt-105--lg {
margin-top: 7.5rem !important; }
.g-mt-minus-105--lg {
margin-top: -7.5rem !important; }
.g-mt-110--lg {
margin-top: 7.85714286rem !important; }
.g-mt-minus-110--lg {
margin-top: -7.85714286rem !important; }
.g-mt-115--lg {
margin-top: 8.21428571rem !important; }
.g-mt-minus-115--lg {
margin-top: -8.21428571rem !important; }
.g-mt-120--lg {
margin-top: 8.57142857rem !important; }
.g-mt-minus-120--lg {
margin-top: -8.57142857rem !important; }
.g-mt-125--lg {
margin-top: 8.92857143rem !important; }
.g-mt-minus-125--lg {
margin-top: -8.92857143rem !important; }
.g-mt-130--lg {
margin-top: 9.28571429rem !important; }
.g-mt-minus-130--lg {
margin-top: -9.28571429rem !important; }
.g-mt-135--lg {
margin-top: 9.64285714rem !important; }
.g-mt-minus-135--lg {
margin-top: -9.64285714rem !important; }
.g-mt-140--lg {
margin-top: 10rem !important; }
.g-mt-minus-140--lg {
margin-top: -10rem !important; }
.g-mt-145--lg {
margin-top: 10.35714286rem !important; }
.g-mt-minus-145--lg {
margin-top: -10.35714286rem !important; }
.g-mt-150--lg {
margin-top: 10.71428571rem !important; }
.g-mt-minus-150--lg {
margin-top: -10.71428571rem !important; }
.g-mt-155--lg {
margin-top: 11.07142857rem !important; }
.g-mt-minus-155--lg {
margin-top: -11.07142857rem !important; }
.g-mt-160--lg {
margin-top: 11.42857143rem !important; }
.g-mt-minus-160--lg {
margin-top: -11.42857143rem !important; }
.g-mt-165--lg {
margin-top: 11.78571429rem !important; }
.g-mt-minus-165--lg {
margin-top: -11.78571429rem !important; }
.g-mt-170--lg {
margin-top: 12.14285714rem !important; }
.g-mt-minus-170--lg {
margin-top: -12.14285714rem !important; }
.g-mb-1--lg {
margin-bottom: 0.07142857rem !important; }
.g-mb-minus-1--lg {
margin-bottom: -0.07142857rem !important; }
.g-mb-2--lg {
margin-bottom: 0.14285714rem !important; }
.g-mb-minus-2--lg {
margin-bottom: -0.14285714rem !important; }
.g-mb-3--lg {
margin-bottom: 0.21428571rem !important; }
.g-mb-minus-3--lg {
margin-bottom: -0.21428571rem !important; }
.g-mb-4--lg {
margin-bottom: 0.28571429rem !important; }
.g-mb-minus-4--lg {
margin-bottom: -0.28571429rem !important; }
.g-mb-5--lg {
margin-bottom: 0.35714286rem !important; }
.g-mb-minus-5--lg {
margin-bottom: -0.35714286rem !important; }
.g-mb-6--lg {
margin-bottom: 0.42857143rem !important; }
.g-mb-minus-6--lg {
margin-bottom: -0.42857143rem !important; }
.g-mb-7--lg {
margin-bottom: 0.5rem !important; }
.g-mb-minus-7--lg {
margin-bottom: -0.5rem !important; }
.g-mb-8--lg {
margin-bottom: 0.57142857rem !important; }
.g-mb-minus-8--lg {
margin-bottom: -0.57142857rem !important; }
.g-mb-9--lg {
margin-bottom: 0.64285714rem !important; }
.g-mb-minus-9--lg {
margin-bottom: -0.64285714rem !important; }
.g-mb-10--lg {
margin-bottom: 0.71428571rem !important; }
.g-mb-minus-10--lg {
margin-bottom: -0.71428571rem !important; }
.g-mb-11--lg {
margin-bottom: 0.78571429rem !important; }
.g-mb-minus-11--lg {
margin-bottom: -0.78571429rem !important; }
.g-mb-12--lg {
margin-bottom: 0.85714286rem !important; }
.g-mb-minus-12--lg {
margin-bottom: -0.85714286rem !important; }
.g-mb-13--lg {
margin-bottom: 0.92857143rem !important; }
.g-mb-minus-13--lg {
margin-bottom: -0.92857143rem !important; }
.g-mb-14--lg {
margin-bottom: 1rem !important; }
.g-mb-minus-14--lg {
margin-bottom: -1rem !important; }
.g-mb-15--lg {
margin-bottom: 1.07142857rem !important; }
.g-mb-minus-15--lg {
margin-bottom: -1.07142857rem !important; }
.g-mb-16--lg {
margin-bottom: 1.14285714rem !important; }
.g-mb-minus-16--lg {
margin-bottom: -1.14285714rem !important; }
.g-mb-17--lg {
margin-bottom: 1.21428571rem !important; }
.g-mb-minus-17--lg {
margin-bottom: -1.21428571rem !important; }
.g-mb-18--lg {
margin-bottom: 1.28571429rem !important; }
.g-mb-minus-18--lg {
margin-bottom: -1.28571429rem !important; }
.g-mb-19--lg {
margin-bottom: 1.35714286rem !important; }
.g-mb-minus-19--lg {
margin-bottom: -1.35714286rem !important; }
.g-mb-20--lg {
margin-bottom: 1.42857143rem !important; }
.g-mb-minus-20--lg {
margin-bottom: -1.42857143rem !important; }
.g-mb-10--lg {
margin-bottom: 0.71428571rem !important; }
.g-mb-15--lg {
margin-bottom: 1.07142857rem !important; }
.g-mb-20--lg {
margin-bottom: 1.42857143rem !important; }
.g-mb-25--lg {
margin-bottom: 1.78571429rem !important; }
.g-mb-30--lg {
margin-bottom: 2.14285714rem !important; }
.g-mb-35--lg {
margin-bottom: 2.5rem !important; }
.g-mb-40--lg {
margin-bottom: 2.85714286rem !important; }
.g-mb-45--lg {
margin-bottom: 3.21428571rem !important; }
.g-mb-50--lg {
margin-bottom: 3.57142857rem !important; }
.g-mb-55--lg {
margin-bottom: 3.92857143rem !important; }
.g-mb-60--lg {
margin-bottom: 4.28571429rem !important; }
.g-mb-65--lg {
margin-bottom: 4.64285714rem !important; }
.g-mb-70--lg {
margin-bottom: 5rem !important; }
.g-mb-75--lg {
margin-bottom: 5.35714286rem !important; }
.g-mb-80--lg {
margin-bottom: 5.71428571rem !important; }
.g-mb-85--lg {
margin-bottom: 6.07142857rem !important; }
.g-mb-90--lg {
margin-bottom: 6.42857143rem !important; }
.g-mb-95--lg {
margin-bottom: 6.78571429rem !important; }
.g-mb-100--lg {
margin-bottom: 7.14285714rem !important; }
.g-mb-105--lg {
margin-bottom: 7.5rem !important; }
.g-mb-110--lg {
margin-bottom: 7.85714286rem !important; }
.g-mb-115--lg {
margin-bottom: 8.21428571rem !important; }
.g-mb-120--lg {
margin-bottom: 8.57142857rem !important; }
.g-mb-125--lg {
margin-bottom: 8.92857143rem !important; }
.g-mb-130--lg {
margin-bottom: 9.28571429rem !important; }
.g-mb-135--lg {
margin-bottom: 9.64285714rem !important; }
.g-mb-140--lg {
margin-bottom: 10rem !important; }
.g-mb-145--lg {
margin-bottom: 10.35714286rem !important; }
.g-mb-150--lg {
margin-bottom: 10.71428571rem !important; }
.g-mb-155--lg {
margin-bottom: 11.07142857rem !important; }
.g-mb-160--lg {
margin-bottom: 11.42857143rem !important; }
.g-mb-165--lg {
margin-bottom: 11.78571429rem !important; }
.g-mb-170--lg {
margin-bottom: 12.14285714rem !important; }
.g-ml-1--lg {
margin-left: 0.07142857rem !important; }
.g-ml-minus-1--lg {
margin-left: -0.07142857rem !important; }
.g-ml-2--lg {
margin-left: 0.14285714rem !important; }
.g-ml-minus-2--lg {
margin-left: -0.14285714rem !important; }
.g-ml-3--lg {
margin-left: 0.21428571rem !important; }
.g-ml-minus-3--lg {
margin-left: -0.21428571rem !important; }
.g-ml-4--lg {
margin-left: 0.28571429rem !important; }
.g-ml-minus-4--lg {
margin-left: -0.28571429rem !important; }
.g-ml-5--lg {
margin-left: 0.35714286rem !important; }
.g-ml-minus-5--lg {
margin-left: -0.35714286rem !important; }
.g-ml-6--lg {
margin-left: 0.42857143rem !important; }
.g-ml-minus-6--lg {
margin-left: -0.42857143rem !important; }
.g-ml-7--lg {
margin-left: 0.5rem !important; }
.g-ml-minus-7--lg {
margin-left: -0.5rem !important; }
.g-ml-8--lg {
margin-left: 0.57142857rem !important; }
.g-ml-minus-8--lg {
margin-left: -0.57142857rem !important; }
.g-ml-9--lg {
margin-left: 0.64285714rem !important; }
.g-ml-minus-9--lg {
margin-left: -0.64285714rem !important; }
.g-ml-10--lg {
margin-left: 0.71428571rem !important; }
.g-ml-minus-10--lg {
margin-left: -0.71428571rem !important; }
.g-ml-5--lg {
margin-left: 0.35714286rem !important; }
.g-ml-minus-5--lg {
margin-left: -0.35714286rem !important; }
.g-ml-10--lg {
margin-left: 0.71428571rem !important; }
.g-ml-minus-10--lg {
margin-left: -0.71428571rem !important; }
.g-ml-15--lg {
margin-left: 1.07142857rem !important; }
.g-ml-minus-15--lg {
margin-left: -1.07142857rem !important; }
.g-ml-20--lg {
margin-left: 1.42857143rem !important; }
.g-ml-minus-20--lg {
margin-left: -1.42857143rem !important; }
.g-ml-25--lg {
margin-left: 1.78571429rem !important; }
.g-ml-minus-25--lg {
margin-left: -1.78571429rem !important; }
.g-ml-30--lg {
margin-left: 2.14285714rem !important; }
.g-ml-minus-30--lg {
margin-left: -2.14285714rem !important; }
.g-ml-35--lg {
margin-left: 2.5rem !important; }
.g-ml-minus-35--lg {
margin-left: -2.5rem !important; }
.g-ml-40--lg {
margin-left: 2.85714286rem !important; }
.g-ml-minus-40--lg {
margin-left: -2.85714286rem !important; }
.g-ml-45--lg {
margin-left: 3.21428571rem !important; }
.g-ml-minus-45--lg {
margin-left: -3.21428571rem !important; }
.g-ml-50--lg {
margin-left: 3.57142857rem !important; }
.g-ml-minus-50--lg {
margin-left: -3.57142857rem !important; }
.g-mr-1--lg {
margin-right: 0.07142857rem !important; }
.g-mr-minus-1--lg {
margin-right: -0.07142857rem !important; }
.g-mr-2--lg {
margin-right: 0.14285714rem !important; }
.g-mr-minus-2--lg {
margin-right: -0.14285714rem !important; }
.g-mr-3--lg {
margin-right: 0.21428571rem !important; }
.g-mr-minus-3--lg {
margin-right: -0.21428571rem !important; }
.g-mr-4--lg {
margin-right: 0.28571429rem !important; }
.g-mr-minus-4--lg {
margin-right: -0.28571429rem !important; }
.g-mr-5--lg {
margin-right: 0.35714286rem !important; }
.g-mr-minus-5--lg {
margin-right: -0.35714286rem !important; }
.g-mr-6--lg {
margin-right: 0.42857143rem !important; }
.g-mr-minus-6--lg {
margin-right: -0.42857143rem !important; }
.g-mr-7--lg {
margin-right: 0.5rem !important; }
.g-mr-minus-7--lg {
margin-right: -0.5rem !important; }
.g-mr-8--lg {
margin-right: 0.57142857rem !important; }
.g-mr-minus-8--lg {
margin-right: -0.57142857rem !important; }
.g-mr-9--lg {
margin-right: 0.64285714rem !important; }
.g-mr-minus-9--lg {
margin-right: -0.64285714rem !important; }
.g-mr-10--lg {
margin-right: 0.71428571rem !important; }
.g-mr-minus-10--lg {
margin-right: -0.71428571rem !important; }
.g-mr-5--lg {
margin-right: 0.35714286rem !important; }
.g-mr-10--lg {
margin-right: 0.71428571rem !important; }
.g-mr-15--lg {
margin-right: 1.07142857rem !important; }
.g-mr-20--lg {
margin-right: 1.42857143rem !important; }
.g-mr-25--lg {
margin-right: 1.78571429rem !important; }
.g-mr-30--lg {
margin-right: 2.14285714rem !important; }
.g-mr-35--lg {
margin-right: 2.5rem !important; }
.g-mr-40--lg {
margin-right: 2.85714286rem !important; }
.g-mr-45--lg {
margin-right: 3.21428571rem !important; }
.g-mr-50--lg {
margin-right: 3.57142857rem !important; } }
/* Margin Spaces (xl)
------------------------------------*/
/* P */
@media (min-width: 1200px) {
.g-ma-0--xl {
margin: 0 !important; }
.g-mx-0--xl {
margin-left: 0 !important;
margin-right: 0 !important; }
.g-my-0--xl {
margin-top: 0 !important;
margin-bottom: 0 !important; }
.g-ml-0--xl {
margin-left: 0 !important; }
.g-mr-0--xl {
margin-right: 0 !important; }
.g-mt-0--xl {
margin-top: 0 !important; }
.g-mb-0--xl {
margin-bottom: 0 !important; }
.g-mx-1--xl {
margin-left: 0.07142857rem !important;
margin-right: 0.07142857rem !important; }
.g-mx-2--xl {
margin-left: 0.14285714rem !important;
margin-right: 0.14285714rem !important; }
.g-mx-3--xl {
margin-left: 0.21428571rem !important;
margin-right: 0.21428571rem !important; }
.g-mx-4--xl {
margin-left: 0.28571429rem !important;
margin-right: 0.28571429rem !important; }
.g-mx-5--xl {
margin-left: 0.35714286rem !important;
margin-right: 0.35714286rem !important; }
.g-mx-6--xl {
margin-left: 0.42857143rem !important;
margin-right: 0.42857143rem !important; }
.g-mx-7--xl {
margin-left: 0.5rem !important;
margin-right: 0.5rem !important; }
.g-mx-8--xl {
margin-left: 0.57142857rem !important;
margin-right: 0.57142857rem !important; }
.g-mx-9--xl {
margin-left: 0.64285714rem !important;
margin-right: 0.64285714rem !important; }
.g-mx-10--xl {
margin-left: 0.71428571rem !important;
margin-right: 0.71428571rem !important; }
.g-mx-10--xl {
margin-left: 0.71428571rem !important;
margin-right: 0.71428571rem !important; }
.g-mx-15--xl {
margin-left: 1.07142857rem !important;
margin-right: 1.07142857rem !important; }
.g-mx-20--xl {
margin-left: 1.42857143rem !important;
margin-right: 1.42857143rem !important; }
.g-mx-25--xl {
margin-left: 1.78571429rem !important;
margin-right: 1.78571429rem !important; }
.g-mx-30--xl {
margin-left: 2.14285714rem !important;
margin-right: 2.14285714rem !important; }
.g-mx-35--xl {
margin-left: 2.5rem !important;
margin-right: 2.5rem !important; }
.g-mx-40--xl {
margin-left: 2.85714286rem !important;
margin-right: 2.85714286rem !important; }
.g-mx-45--xl {
margin-left: 3.21428571rem !important;
margin-right: 3.21428571rem !important; }
.g-mx-50--xl {
margin-left: 3.57142857rem !important;
margin-right: 3.57142857rem !important; }
.g-mx-55--xl {
margin-left: 3.92857143rem !important;
margin-right: 3.92857143rem !important; }
.g-mx-60--xl {
margin-left: 4.28571429rem !important;
margin-right: 4.28571429rem !important; }
.g-mx-65--xl {
margin-left: 4.64285714rem !important;
margin-right: 4.64285714rem !important; }
.g-mx-70--xl {
margin-left: 5rem !important;
margin-right: 5rem !important; }
.g-mx-75--xl {
margin-left: 5.35714286rem !important;
margin-right: 5.35714286rem !important; }
.g-mx-80--xl {
margin-left: 5.71428571rem !important;
margin-right: 5.71428571rem !important; }
.g-mx-85--xl {
margin-left: 6.07142857rem !important;
margin-right: 6.07142857rem !important; }
.g-mx-90--xl {
margin-left: 6.42857143rem !important;
margin-right: 6.42857143rem !important; }
.g-mx-95--xl {
margin-left: 6.78571429rem !important;
margin-right: 6.78571429rem !important; }
.g-mx-100--xl {
margin-left: 7.14285714rem !important;
margin-right: 7.14285714rem !important; }
.g-my-1--xl {
margin-top: 0.07142857rem !important;
margin-bottom: 0.07142857rem !important; }
.g-my-2--xl {
margin-top: 0.14285714rem !important;
margin-bottom: 0.14285714rem !important; }
.g-my-3--xl {
margin-top: 0.21428571rem !important;
margin-bottom: 0.21428571rem !important; }
.g-my-4--xl {
margin-top: 0.28571429rem !important;
margin-bottom: 0.28571429rem !important; }
.g-my-5--xl {
margin-top: 0.35714286rem !important;
margin-bottom: 0.35714286rem !important; }
.g-my-6--xl {
margin-top: 0.42857143rem !important;
margin-bottom: 0.42857143rem !important; }
.g-my-7--xl {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important; }
.g-my-8--xl {
margin-top: 0.57142857rem !important;
margin-bottom: 0.57142857rem !important; }
.g-my-9--xl {
margin-top: 0.64285714rem !important;
margin-bottom: 0.64285714rem !important; }
.g-my-10--xl {
margin-top: 0.71428571rem !important;
margin-bottom: 0.71428571rem !important; }
.g-my-10--xl {
margin-top: 0.71428571rem !important;
margin-bottom: 0.71428571rem !important; }
.g-my-15--xl {
margin-top: 1.07142857rem !important;
margin-bottom: 1.07142857rem !important; }
.g-my-20--xl {
margin-top: 1.42857143rem !important;
margin-bottom: 1.42857143rem !important; }
.g-my-25--xl {
margin-top: 1.78571429rem !important;
margin-bottom: 1.78571429rem !important; }
.g-my-30--xl {
margin-top: 2.14285714rem !important;
margin-bottom: 2.14285714rem !important; }
.g-my-35--xl {
margin-top: 2.5rem !important;
margin-bottom: 2.5rem !important; }
.g-my-40--xl {
margin-top: 2.85714286rem !important;
margin-bottom: 2.85714286rem !important; }
.g-my-45--xl {
margin-top: 3.21428571rem !important;
margin-bottom: 3.21428571rem !important; }
.g-my-50--xl {
margin-top: 3.57142857rem !important;
margin-bottom: 3.57142857rem !important; }
.g-my-55--xl {
margin-top: 3.92857143rem !important;
margin-bottom: 3.92857143rem !important; }
.g-my-60--xl {
margin-top: 4.28571429rem !important;
margin-bottom: 4.28571429rem !important; }
.g-my-65--xl {
margin-top: 4.64285714rem !important;
margin-bottom: 4.64285714rem !important; }
.g-my-70--xl {
margin-top: 5rem !important;
margin-bottom: 5rem !important; }
.g-my-75--xl {
margin-top: 5.35714286rem !important;
margin-bottom: 5.35714286rem !important; }
.g-my-80--xl {
margin-top: 5.71428571rem !important;
margin-bottom: 5.71428571rem !important; }
.g-my-85--xl {
margin-top: 6.07142857rem !important;
margin-bottom: 6.07142857rem !important; }
.g-my-90--xl {
margin-top: 6.42857143rem !important;
margin-bottom: 6.42857143rem !important; }
.g-my-95--xl {
margin-top: 6.78571429rem !important;
margin-bottom: 6.78571429rem !important; }
.g-my-100--xl {
margin-top: 7.14285714rem !important;
margin-bottom: 7.14285714rem !important; }
.g-mt-1--xl {
margin-top: 0.07142857rem !important; }
.g-mt-minus-1--xl {
margin-top: -0.07142857rem !important; }
.g-mt-2--xl {
margin-top: 0.14285714rem !important; }
.g-mt-minus-2--xl {
margin-top: -0.14285714rem !important; }
.g-mt-3--xl {
margin-top: 0.21428571rem !important; }
.g-mt-minus-3--xl {
margin-top: -0.21428571rem !important; }
.g-mt-4--xl {
margin-top: 0.28571429rem !important; }
.g-mt-minus-4--xl {
margin-top: -0.28571429rem !important; }
.g-mt-5--xl {
margin-top: 0.35714286rem !important; }
.g-mt-minus-5--xl {
margin-top: -0.35714286rem !important; }
.g-mt-6--xl {
margin-top: 0.42857143rem !important; }
.g-mt-minus-6--xl {
margin-top: -0.42857143rem !important; }
.g-mt-7--xl {
margin-top: 0.5rem !important; }
.g-mt-minus-7--xl {
margin-top: -0.5rem !important; }
.g-mt-8--xl {
margin-top: 0.57142857rem !important; }
.g-mt-minus-8--xl {
margin-top: -0.57142857rem !important; }
.g-mt-9--xl {
margin-top: 0.64285714rem !important; }
.g-mt-minus-9--xl {
margin-top: -0.64285714rem !important; }
.g-mt-10--xl {
margin-top: 0.71428571rem !important; }
.g-mt-minus-10--xl {
margin-top: -0.71428571rem !important; }
.g-mt-11--xl {
margin-top: 0.78571429rem !important; }
.g-mt-minus-11--xl {
margin-top: -0.78571429rem !important; }
.g-mt-12--xl {
margin-top: 0.85714286rem !important; }
.g-mt-minus-12--xl {
margin-top: -0.85714286rem !important; }
.g-mt-13--xl {
margin-top: 0.92857143rem !important; }
.g-mt-minus-13--xl {
margin-top: -0.92857143rem !important; }
.g-mt-14--xl {
margin-top: 1rem !important; }
.g-mt-minus-14--xl {
margin-top: -1rem !important; }
.g-mt-15--xl {
margin-top: 1.07142857rem !important; }
.g-mt-minus-15--xl {
margin-top: -1.07142857rem !important; }
.g-mt-16--xl {
margin-top: 1.14285714rem !important; }
.g-mt-minus-16--xl {
margin-top: -1.14285714rem !important; }
.g-mt-17--xl {
margin-top: 1.21428571rem !important; }
.g-mt-minus-17--xl {
margin-top: -1.21428571rem !important; }
.g-mt-18--xl {
margin-top: 1.28571429rem !important; }
.g-mt-minus-18--xl {
margin-top: -1.28571429rem !important; }
.g-mt-19--xl {
margin-top: 1.35714286rem !important; }
.g-mt-minus-19--xl {
margin-top: -1.35714286rem !important; }
.g-mt-20--xl {
margin-top: 1.42857143rem !important; }
.g-mt-minus-20--xl {
margin-top: -1.42857143rem !important; }
.g-mt-10--xl {
margin-top: 0.71428571rem !important; }
.g-mt-minus-10--xl {
margin-top: -0.71428571rem !important; }
.g-mt-15--xl {
margin-top: 1.07142857rem !important; }
.g-mt-minus-15--xl {
margin-top: -1.07142857rem !important; }
.g-mt-20--xl {
margin-top: 1.42857143rem !important; }
.g-mt-minus-20--xl {
margin-top: -1.42857143rem !important; }
.g-mt-25--xl {
margin-top: 1.78571429rem !important; }
.g-mt-minus-25--xl {
margin-top: -1.78571429rem !important; }
.g-mt-30--xl {
margin-top: 2.14285714rem !important; }
.g-mt-minus-30--xl {
margin-top: -2.14285714rem !important; }
.g-mt-35--xl {
margin-top: 2.5rem !important; }
.g-mt-minus-35--xl {
margin-top: -2.5rem !important; }
.g-mt-40--xl {
margin-top: 2.85714286rem !important; }
.g-mt-minus-40--xl {
margin-top: -2.85714286rem !important; }
.g-mt-45--xl {
margin-top: 3.21428571rem !important; }
.g-mt-minus-45--xl {
margin-top: -3.21428571rem !important; }
.g-mt-50--xl {
margin-top: 3.57142857rem !important; }
.g-mt-minus-50--xl {
margin-top: -3.57142857rem !important; }
.g-mt-55--xl {
margin-top: 3.92857143rem !important; }
.g-mt-minus-55--xl {
margin-top: -3.92857143rem !important; }
.g-mt-60--xl {
margin-top: 4.28571429rem !important; }
.g-mt-minus-60--xl {
margin-top: -4.28571429rem !important; }
.g-mt-65--xl {
margin-top: 4.64285714rem !important; }
.g-mt-minus-65--xl {
margin-top: -4.64285714rem !important; }
.g-mt-70--xl {
margin-top: 5rem !important; }
.g-mt-minus-70--xl {
margin-top: -5rem !important; }
.g-mt-75--xl {
margin-top: 5.35714286rem !important; }
.g-mt-minus-75--xl {
margin-top: -5.35714286rem !important; }
.g-mt-80--xl {
margin-top: 5.71428571rem !important; }
.g-mt-minus-80--xl {
margin-top: -5.71428571rem !important; }
.g-mt-85--xl {
margin-top: 6.07142857rem !important; }
.g-mt-minus-85--xl {
margin-top: -6.07142857rem !important; }
.g-mt-90--xl {
margin-top: 6.42857143rem !important; }
.g-mt-minus-90--xl {
margin-top: -6.42857143rem !important; }
.g-mt-95--xl {
margin-top: 6.78571429rem !important; }
.g-mt-minus-95--xl {
margin-top: -6.78571429rem !important; }
.g-mt-100--xl {
margin-top: 7.14285714rem !important; }
.g-mt-minus-100--xl {
margin-top: -7.14285714rem !important; }
.g-mt-105--xl {
margin-top: 7.5rem !important; }
.g-mt-minus-105--xl {
margin-top: -7.5rem !important; }
.g-mt-110--xl {
margin-top: 7.85714286rem !important; }
.g-mt-minus-110--xl {
margin-top: -7.85714286rem !important; }
.g-mt-115--xl {
margin-top: 8.21428571rem !important; }
.g-mt-minus-115--xl {
margin-top: -8.21428571rem !important; }
.g-mt-120--xl {
margin-top: 8.57142857rem !important; }
.g-mt-minus-120--xl {
margin-top: -8.57142857rem !important; }
.g-mt-125--xl {
margin-top: 8.92857143rem !important; }
.g-mt-minus-125--xl {
margin-top: -8.92857143rem !important; }
.g-mt-130--xl {
margin-top: 9.28571429rem !important; }
.g-mt-minus-130--xl {
margin-top: -9.28571429rem !important; }
.g-mt-135--xl {
margin-top: 9.64285714rem !important; }
.g-mt-minus-135--xl {
margin-top: -9.64285714rem !important; }
.g-mt-140--xl {
margin-top: 10rem !important; }
.g-mt-minus-140--xl {
margin-top: -10rem !important; }
.g-mt-145--xl {
margin-top: 10.35714286rem !important; }
.g-mt-minus-145--xl {
margin-top: -10.35714286rem !important; }
.g-mt-150--xl {
margin-top: 10.71428571rem !important; }
.g-mt-minus-150--xl {
margin-top: -10.71428571rem !important; }
.g-mt-155--xl {
margin-top: 11.07142857rem !important; }
.g-mt-minus-155--xl {
margin-top: -11.07142857rem !important; }
.g-mt-160--xl {
margin-top: 11.42857143rem !important; }
.g-mt-minus-160--xl {
margin-top: -11.42857143rem !important; }
.g-mt-165--xl {
margin-top: 11.78571429rem !important; }
.g-mt-minus-165--xl {
margin-top: -11.78571429rem !important; }
.g-mt-170--xl {
margin-top: 12.14285714rem !important; }
.g-mt-minus-170--xl {
margin-top: -12.14285714rem !important; }
.g-mb-1--xl {
margin-bottom: 0.07142857rem !important; }
.g-mb-minus-1--xl {
margin-bottom: -0.07142857rem !important; }
.g-mb-2--xl {
margin-bottom: 0.14285714rem !important; }
.g-mb-minus-2--xl {
margin-bottom: -0.14285714rem !important; }
.g-mb-3--xl {
margin-bottom: 0.21428571rem !important; }
.g-mb-minus-3--xl {
margin-bottom: -0.21428571rem !important; }
.g-mb-4--xl {
margin-bottom: 0.28571429rem !important; }
.g-mb-minus-4--xl {
margin-bottom: -0.28571429rem !important; }
.g-mb-5--xl {
margin-bottom: 0.35714286rem !important; }
.g-mb-minus-5--xl {
margin-bottom: -0.35714286rem !important; }
.g-mb-6--xl {
margin-bottom: 0.42857143rem !important; }
.g-mb-minus-6--xl {
margin-bottom: -0.42857143rem !important; }
.g-mb-7--xl {
margin-bottom: 0.5rem !important; }
.g-mb-minus-7--xl {
margin-bottom: -0.5rem !important; }
.g-mb-8--xl {
margin-bottom: 0.57142857rem !important; }
.g-mb-minus-8--xl {
margin-bottom: -0.57142857rem !important; }
.g-mb-9--xl {
margin-bottom: 0.64285714rem !important; }
.g-mb-minus-9--xl {
margin-bottom: -0.64285714rem !important; }
.g-mb-10--xl {
margin-bottom: 0.71428571rem !important; }
.g-mb-minus-10--xl {
margin-bottom: -0.71428571rem !important; }
.g-mb-11--xl {
margin-bottom: 0.78571429rem !important; }
.g-mb-minus-11--xl {
margin-bottom: -0.78571429rem !important; }
.g-mb-12--xl {
margin-bottom: 0.85714286rem !important; }
.g-mb-minus-12--xl {
margin-bottom: -0.85714286rem !important; }
.g-mb-13--xl {
margin-bottom: 0.92857143rem !important; }
.g-mb-minus-13--xl {
margin-bottom: -0.92857143rem !important; }
.g-mb-14--xl {
margin-bottom: 1rem !important; }
.g-mb-minus-14--xl {
margin-bottom: -1rem !important; }
.g-mb-15--xl {
margin-bottom: 1.07142857rem !important; }
.g-mb-minus-15--xl {
margin-bottom: -1.07142857rem !important; }
.g-mb-16--xl {
margin-bottom: 1.14285714rem !important; }
.g-mb-minus-16--xl {
margin-bottom: -1.14285714rem !important; }
.g-mb-17--xl {
margin-bottom: 1.21428571rem !important; }
.g-mb-minus-17--xl {
margin-bottom: -1.21428571rem !important; }
.g-mb-18--xl {
margin-bottom: 1.28571429rem !important; }
.g-mb-minus-18--xl {
margin-bottom: -1.28571429rem !important; }
.g-mb-19--xl {
margin-bottom: 1.35714286rem !important; }
.g-mb-minus-19--xl {
margin-bottom: -1.35714286rem !important; }
.g-mb-20--xl {
margin-bottom: 1.42857143rem !important; }
.g-mb-minus-20--xl {
margin-bottom: -1.42857143rem !important; }
.g-mb-10--xl {
margin-bottom: 0.71428571rem !important; }
.g-mb-15--xl {
margin-bottom: 1.07142857rem !important; }
.g-mb-20--xl {
margin-bottom: 1.42857143rem !important; }
.g-mb-25--xl {
margin-bottom: 1.78571429rem !important; }
.g-mb-30--xl {
margin-bottom: 2.14285714rem !important; }
.g-mb-35--xl {
margin-bottom: 2.5rem !important; }
.g-mb-40--xl {
margin-bottom: 2.85714286rem !important; }
.g-mb-45--xl {
margin-bottom: 3.21428571rem !important; }
.g-mb-50--xl {
margin-bottom: 3.57142857rem !important; }
.g-mb-55--xl {
margin-bottom: 3.92857143rem !important; }
.g-mb-60--xl {
margin-bottom: 4.28571429rem !important; }
.g-mb-65--xl {
margin-bottom: 4.64285714rem !important; }
.g-mb-70--xl {
margin-bottom: 5rem !important; }
.g-mb-75--xl {
margin-bottom: 5.35714286rem !important; }
.g-mb-80--xl {
margin-bottom: 5.71428571rem !important; }
.g-mb-85--xl {
margin-bottom: 6.07142857rem !important; }
.g-mb-90--xl {
margin-bottom: 6.42857143rem !important; }
.g-mb-95--xl {
margin-bottom: 6.78571429rem !important; }
.g-mb-100--xl {
margin-bottom: 7.14285714rem !important; }
.g-mb-105--xl {
margin-bottom: 7.5rem !important; }
.g-mb-110--xl {
margin-bottom: 7.85714286rem !important; }
.g-mb-115--xl {
margin-bottom: 8.21428571rem !important; }
.g-mb-120--xl {
margin-bottom: 8.57142857rem !important; }
.g-mb-125--xl {
margin-bottom: 8.92857143rem !important; }
.g-mb-130--xl {
margin-bottom: 9.28571429rem !important; }
.g-mb-135--xl {
margin-bottom: 9.64285714rem !important; }
.g-mb-140--xl {
margin-bottom: 10rem !important; }
.g-mb-145--xl {
margin-bottom: 10.35714286rem !important; }
.g-mb-150--xl {
margin-bottom: 10.71428571rem !important; }
.g-mb-155--xl {
margin-bottom: 11.07142857rem !important; }
.g-mb-160--xl {
margin-bottom: 11.42857143rem !important; }
.g-mb-165--xl {
margin-bottom: 11.78571429rem !important; }
.g-mb-170--xl {
margin-bottom: 12.14285714rem !important; }
.g-ml-1--xl {
margin-left: 0.07142857rem !important; }
.g-ml-minus-1--xl {
margin-left: -0.07142857rem !important; }
.g-ml-2--xl {
margin-left: 0.14285714rem !important; }
.g-ml-minus-2--xl {
margin-left: -0.14285714rem !important; }
.g-ml-3--xl {
margin-left: 0.21428571rem !important; }
.g-ml-minus-3--xl {
margin-left: -0.21428571rem !important; }
.g-ml-4--xl {
margin-left: 0.28571429rem !important; }
.g-ml-minus-4--xl {
margin-left: -0.28571429rem !important; }
.g-ml-5--xl {
margin-left: 0.35714286rem !important; }
.g-ml-minus-5--xl {
margin-left: -0.35714286rem !important; }
.g-ml-6--xl {
margin-left: 0.42857143rem !important; }
.g-ml-minus-6--xl {
margin-left: -0.42857143rem !important; }
.g-ml-7--xl {
margin-left: 0.5rem !important; }
.g-ml-minus-7--xl {
margin-left: -0.5rem !important; }
.g-ml-8--xl {
margin-left: 0.57142857rem !important; }
.g-ml-minus-8--xl {
margin-left: -0.57142857rem !important; }
.g-ml-9--xl {
margin-left: 0.64285714rem !important; }
.g-ml-minus-9--xl {
margin-left: -0.64285714rem !important; }
.g-ml-10--xl {
margin-left: 0.71428571rem !important; }
.g-ml-minus-10--xl {
margin-left: -0.71428571rem !important; }
.g-ml-5--xl {
margin-left: 0.35714286rem !important; }
.g-ml-minus-5--xl {
margin-left: -0.35714286rem !important; }
.g-ml-10--xl {
margin-left: 0.71428571rem !important; }
.g-ml-minus-10--xl {
margin-left: -0.71428571rem !important; }
.g-ml-15--xl {
margin-left: 1.07142857rem !important; }
.g-ml-minus-15--xl {
margin-left: -1.07142857rem !important; }
.g-ml-20--xl {
margin-left: 1.42857143rem !important; }
.g-ml-minus-20--xl {
margin-left: -1.42857143rem !important; }
.g-ml-25--xl {
margin-left: 1.78571429rem !important; }
.g-ml-minus-25--xl {
margin-left: -1.78571429rem !important; }
.g-ml-30--xl {
margin-left: 2.14285714rem !important; }
.g-ml-minus-30--xl {
margin-left: -2.14285714rem !important; }
.g-ml-35--xl {
margin-left: 2.5rem !important; }
.g-ml-minus-35--xl {
margin-left: -2.5rem !important; }
.g-ml-40--xl {
margin-left: 2.85714286rem !important; }
.g-ml-minus-40--xl {
margin-left: -2.85714286rem !important; }
.g-ml-45--xl {
margin-left: 3.21428571rem !important; }
.g-ml-minus-45--xl {
margin-left: -3.21428571rem !important; }
.g-ml-50--xl {
margin-left: 3.57142857rem !important; }
.g-ml-minus-50--xl {
margin-left: -3.57142857rem !important; }
.g-mr-1--xl {
margin-right: 0.07142857rem !important; }
.g-mr-minus-1--xl {
margin-right: -0.07142857rem !important; }
.g-mr-2--xl {
margin-right: 0.14285714rem !important; }
.g-mr-minus-2--xl {
margin-right: -0.14285714rem !important; }
.g-mr-3--xl {
margin-right: 0.21428571rem !important; }
.g-mr-minus-3--xl {
margin-right: -0.21428571rem !important; }
.g-mr-4--xl {
margin-right: 0.28571429rem !important; }
.g-mr-minus-4--xl {
margin-right: -0.28571429rem !important; }
.g-mr-5--xl {
margin-right: 0.35714286rem !important; }
.g-mr-minus-5--xl {
margin-right: -0.35714286rem !important; }
.g-mr-6--xl {
margin-right: 0.42857143rem !important; }
.g-mr-minus-6--xl {
margin-right: -0.42857143rem !important; }
.g-mr-7--xl {
margin-right: 0.5rem !important; }
.g-mr-minus-7--xl {
margin-right: -0.5rem !important; }
.g-mr-8--xl {
margin-right: 0.57142857rem !important; }
.g-mr-minus-8--xl {
margin-right: -0.57142857rem !important; }
.g-mr-9--xl {
margin-right: 0.64285714rem !important; }
.g-mr-minus-9--xl {
margin-right: -0.64285714rem !important; }
.g-mr-10--xl {
margin-right: 0.71428571rem !important; }
.g-mr-minus-10--xl {
margin-right: -0.71428571rem !important; }
.g-mr-5--xl {
margin-right: 0.35714286rem !important; }
.g-mr-10--xl {
margin-right: 0.71428571rem !important; }
.g-mr-15--xl {
margin-right: 1.07142857rem !important; }
.g-mr-20--xl {
margin-right: 1.42857143rem !important; }
.g-mr-25--xl {
margin-right: 1.78571429rem !important; }
.g-mr-30--xl {
margin-right: 2.14285714rem !important; }
.g-mr-35--xl {
margin-right: 2.5rem !important; }
.g-mr-40--xl {
margin-right: 2.85714286rem !important; }
.g-mr-45--xl {
margin-right: 3.21428571rem !important; }
.g-mr-50--xl {
margin-right: 3.57142857rem !important; } }
/* Margins Around
------------------------------------*/
.g-ma-1 {
margin: 0.07142857rem !important; }
.g-ma-3 {
margin: 0.21428571rem !important; }
.g-ma-5 {
margin: 0.35714286rem !important; }
.g-ma-10 {
margin: 0.71428571rem !important; }
.g-ma-20 {
margin: 1.42857143rem !important; }
.g-ma-minus-1 {
margin: -0.07142857rem !important; }
/* Minus Margins
------------------------------------*/
/* Minus Margin Top */
.g-mt-minus-1 {
margin-top: -0.07142857rem; }
.g-mt-minus-20 {
margin-top: -1.42857143rem; }
.g-mt-minus-25 {
margin-top: -1.78571429rem; }
.g-mt-minus-30 {
margin-top: -2.14285714rem; }
.g-mt-minus-40 {
margin-top: -2.85714286rem; }
.g-mt-minus-70 {
margin-top: -5rem; }
.g-mt-minus-73 {
margin-top: -5.14285714rem !important; }
.g-mt-minus-120 {
margin-top: -8.57142857rem; }
.g-mt-minus-200 {
margin-top: -14.28571429rem; }
.g-mt-minus-300 {
margin-top: -21.42857143rem; }
/* Minus Margin Bottom */
.g-mb-minus-70 {
margin-bottom: -5rem; }
/* Minus Margin Left */
.g-ml-minus-20 {
margin-left: -1.42857143rem; }
.g-ml-minus-23 {
margin-left: -1.64285714rem; }
.g-ml-minus-35 {
margin-left: -2.5rem; }
.g-ml-minus-55 {
margin-left: -3.92857143rem; }
.g-ml-minus-25 {
margin-left: -1.78571429rem; }
.g-ml-minus-82 {
margin-left: -5.85714286rem; }
.g-ml-minus-90 {
margin-left: -6.42857143rem; }
.g-ml-minus-100 {
margin-left: -7.14285714rem; }
.g-ml-minus-118 {
margin-left: -8.42857143rem; }
.g-ml-minus-142 {
margin-left: -10.14285714rem; }
/* Minus Margin Right */
.g-mr-minus-50 {
margin-right: -3.57142857rem; }
.g-mr-minus-100 {
margin-right: -7.14285714rem; }
/* Margin Left and Right */
.g-mx-minus-1 {
margin-left: -0.07142857rem;
margin-right: -0.07142857rem; }
.g-mx-minus-2 {
margin-left: -0.14285714rem;
margin-right: -0.14285714rem; }
.g-mx-minus-4 {
margin-left: -0.28571429rem;
margin-right: -0.28571429rem; }
.g-mx-minus-5 {
margin-left: -0.35714286rem;
margin-right: -0.35714286rem; }
.g-mx-minus-15 {
margin-left: -1.07142857rem;
margin-right: -1.07142857rem; }
.g-mx-minus-25 {
margin-left: -1.78571429rem;
margin-right: -1.78571429rem; }
.g-mx-minus-30 {
margin-left: -2.14285714rem;
margin-right: -2.14285714rem; }
/* Custon Spaces
------------------------------------*/
/* Margin Top */
.g-mt-10x {
margin-top: 10%;
/* O */ }
.g-mt-21 {
margin-top: 1.5rem; }
.g-mt-22 {
margin-top: 1.57142857rem; }
.g-mt-28 {
margin-top: 2rem !important; }
.g-mt-32 {
margin-top: 2.28571429rem !important; }
.g-mt-57 {
margin-top: 4.07142857rem !important; }
.g-mt-500 {
margin-top: 35.71428571rem; }
/* Margin Bottom */
.g-mb-23 {
margin-bottom: 1.64285714rem; }
.g-mb-28 {
margin-bottom: 2rem; }
.g-mb-500 {
margin-bottom: 35.71428571rem; }
/* Margin Left */
.g-ml-10x {
margin-left: 10%;
/* O */ }
.g-ml-12 {
margin-left: 0.85714286rem; }
.g-ml-13 {
margin-left: 0.92857143rem; }
.g-ml-20 {
margin-left: 1.42857143rem; }
.g-ml-25 {
margin-left: 1.78571429rem; }
.g-ml-35 {
margin-left: 2.5rem; }
.g-ml-43 {
margin-left: 3.07142857rem; }
.g-ml-50 {
margin-left: 3.57142857rem; }
.g-ml-60 {
margin-left: 4.28571429rem; }
.g-ml-75 {
margin-left: 5.35714286rem; }
.g-ml-82 {
margin-left: 5.85714286rem; }
.g-ml-85 {
margin-left: 6.07142857rem; }
.g-ml-105 {
margin-left: 7.5rem; }
.g-ml-118 {
margin-left: 8.42857143rem; }
.g-ml-142 {
margin-left: 10.14285714rem; }
/* Margin Right */
.g-mr-12 {
margin-right: 0.85714286rem; }
.g-mr-60 {
margin-right: 4.28571429rem; }
.g-mr-63 {
margin-right: 4.5rem; }
.g-mr-75 {
margin-right: 5.35714286rem; }
.g-mr-85 {
margin-right: 6.07142857rem !important; }
.g-mr-minus-10 {
margin-right: -0.71428571rem; }
.g-mr-minus-13 {
margin-right: -0.92857143rem; }
.g-mr-minus-15 {
margin-right: -1.07142857rem; }
.g-mr-minus-23 {
margin-right: -1.64285714rem; }
.g-mr-minus-30 {
margin-right: -2.14285714rem; }
/* Margin Left and Right */
.g-mx-minus-10 {
margin-left: -0.71428571rem;
margin-right: -0.71428571rem; }
.g-mx-minus-15 {
margin-left: -1.07142857rem;
margin-right: -1.07142857rem; }
.g-mx-minus-20 {
margin-left: -1.42857143rem;
margin-right: -1.42857143rem; }
.g-mx-minus-25 {
margin-left: -1.78571429rem;
margin-right: -1.78571429rem; }
.g-mx-minus-30 {
margin-left: -2.14285714rem;
margin-right: -2.14285714rem; }
/* Margin Top and Bottom */
.g-my-minus-1 {
margin-top: -0.07142857rem;
margin-bottom: -0.07142857rem; }
.g-my-minus-2 {
margin-top: -0.14285714rem;
margin-bottom: -0.14285714rem; }
.g-my-minus-10 {
margin-top: -0.71428571rem;
margin-bottom: -0.71428571rem; }
.g-m-reset {
margin: 0 !important; }
@media (min-width: 576px) {
.g-mb-0--sm {
margin-bottom: 0 !important; }
.g-mx-minus-10--sm {
margin-left: -0.71428571rem;
margin-right: -0.71428571rem; }
.g-my-minus-5--sm {
margin-top: -0.35714286rem;
margin-bottom: -0.35714286rem; }
.g-my-minus-10--sm {
margin-top: -0.71428571rem;
margin-bottom: -0.71428571rem; }
.g-mx-minus-0 {
margin-left: 0 !important;
margin-right: 0 !important; }
.g-my-minus-0 {
margin-top: 0;
margin-bottom: 0; }
.g-mr-12--sm {
margin-right: 0.85714286rem; } }
@media (min-width: 768px) {
.g-mx-12--md {
margin-left: 0.85714286rem !important;
margin-right: 0.85714286rem !important; }
.g-ml-12--md {
margin-left: 0.85714286rem !important; }
.g-mr-12--md {
margin-right: 0.85714286rem !important; }
.g-mb-0--md {
margin-bottom: 0 !important; }
.g-ml-minus-1--md {
margin-left: -0.07142857rem; }
.g-ml-minus-9--md {
margin-left: -0.64285714rem !important; }
.g-ml-minus-15--md {
margin-left: -1.07142857rem !important; }
.g-ml-minus-23--md {
margin-left: -1.64285714rem !important; }
.g-ml-minus-25--md {
margin-left: -1.78571429rem !important; }
.g-mr-minus-1--md {
margin-right: -0.07142857rem; }
.g-mr-minus-9--md {
margin-right: -0.64285714rem !important; }
.g-mr-minus-13--md {
margin-right: -0.92857143rem; }
.g-mr-minus-23--md {
margin-right: -1.64285714rem; }
.g-ml-minus-82--md {
margin-left: -5.85714286rem !important; }
.g-mr-60--md {
margin-right: 4.28571429rem !important; }
.g-mr-63--md {
margin-right: 4.5rem !important; }
.g-ml-85--md {
margin-left: 6.07142857rem !important; }
.g-ml-250--md {
margin-left: 17.85714286rem !important; }
.g-ml-minus-90--md {
margin-left: -6.42857143rem !important; }
.g-m-reset--md {
margin: 0 !important; }
.g-mt-130--md {
margin-top: 9.28571429rem !important; }
.g-mt-minus-76--md {
margin-top: -5.42857143rem !important; }
.g-my-30--md {
margin-top: 2.14285714rem !important;
margin-bpttpm: 2.14285714rem !important; } }
@media (min-width: 992px) {
.g-mx-12--lg {
margin-left: 0.85714286rem !important;
margin-right: 0.85714286rem !important; }
.g-mb-60--lg {
margin-bottom: 4.28571429rem !important; }
.g-ml-12--lg {
margin-left: 0.85714286rem !important; }
.g-mr-12--lg {
margin-right: 0.85714286rem !important; }
.g-mr-minus-1--lg {
margin-right: -0.07142857rem; }
.g-mr-minus-50--lg {
margin-right: -3.57142857rem; }
.g-mr-minus-100--lg {
margin-right: -7.14285714rem; }
.g-ml-minus-100--lg {
margin-left: -7.14285714rem; }
.g-ml-minus-100 {
margin-left: -7.14285714rem; }
.g-mx-minus-5--lg {
margin-left: -0.35714286rem;
margin-right: -0.35714286rem; }
.g-mx-minus-10--lg {
margin-left: -0.71428571rem;
margin-right: -0.71428571rem; }
.g-mx-minus-15--lg {
margin-left: -1.07142857rem;
margin-right: -1.07142857rem; }
.g-ml-minus-50--lg {
margin-left: -3.57142857rem; }
.g-m-reset--lg {
margin: 0 !important; }
.g-ml-100--lg {
margin-left: 7.14285714rem; } }
@media (min-width: 1200px) {
.g-mx-minus-10--xl {
margin-left: -0.71428571rem;
margin-right: -0.71428571rem; }
.g-mx-minus-15--xl {
margin-left: -1.07142857rem;
margin-right: -1.07142857rem; }
.g-m-reset--xl {
margin: 0 !important; }
.g-mr-0--xl {
margin-right: 0px !important; } }
/*------------------------------------
Margins Extended
------------------------------------*/
@media (min-width: 992px) {
/* Margin Top */
.js-header-change-moment .g-mt-1--lg--scrolling {
margin-top: 0.07142857rem !important; }
.js-header-change-moment .g-mt-2--lg--scrolling {
margin-top: 0.14285714rem !important; }
.js-header-change-moment .g-mt-3--lg--scrolling {
margin-top: 0.21428571rem !important; }
.js-header-change-moment .g-mt-4--lg--scrolling {
margin-top: 0.28571429rem !important; }
.js-header-change-moment .g-mt-5--lg--scrolling {
margin-top: 0.35714286rem !important; }
.js-header-change-moment .g-mt-6--lg--scrolling {
margin-top: 0.42857143rem !important; }
.js-header-change-moment .g-mt-7--lg--scrolling {
margin-top: 0.5rem !important; }
.js-header-change-moment .g-mt-8--lg--scrolling {
margin-top: 0.57142857rem !important; }
.js-header-change-moment .g-mt-9--lg--scrolling {
margin-top: 0.64285714rem !important; }
.js-header-change-moment .g-mt-10--lg--scrolling {
margin-top: 0.71428571rem !important; }
.js-header-change-moment .g-mt-11--lg--scrolling {
margin-top: 0.78571429rem !important; }
.js-header-change-moment .g-mt-12--lg--scrolling {
margin-top: 0.85714286rem !important; }
.js-header-change-moment .g-mt-13--lg--scrolling {
margin-top: 0.92857143rem !important; }
.js-header-change-moment .g-mt-14--lg--scrolling {
margin-top: 1rem !important; }
.js-header-change-moment .g-mt-15--lg--scrolling {
margin-top: 1.07142857rem !important; }
.js-header-change-moment .g-mt-16--lg--scrolling {
margin-top: 1.14285714rem !important; }
.js-header-change-moment .g-mt-17--lg--scrolling {
margin-top: 1.21428571rem !important; }
.js-header-change-moment .g-mt-18--lg--scrolling {
margin-top: 1.28571429rem !important; }
.js-header-change-moment .g-mt-19--lg--scrolling {
margin-top: 1.35714286rem !important; }
.js-header-change-moment .g-mt-20--lg--scrolling {
margin-top: 1.42857143rem !important; }
.js-header-change-moment .g-mt-21--lg--scrolling {
margin-top: 1.5rem !important; }
.js-header-change-moment .g-mt-22--lg--scrolling {
margin-top: 1.57142857rem !important; }
.js-header-change-moment .g-mt-23--lg--scrolling {
margin-top: 1.64285714rem !important; }
.js-header-change-moment .g-mt-24--lg--scrolling {
margin-top: 1.71428571rem !important; }
.js-header-change-moment .g-mt-25--lg--scrolling {
margin-top: 1.78571429rem !important; } }
/*------------------------------------
Padding Spaces
------------------------------------*/
/* Padding Spaces (xs)
------------------------------------*/
@media (min-width: 0) {
.g-pa-0 {
padding: 0 !important; }
.g-px-0 {
padding-left: 0 !important;
padding-right: 0 !important; }
.g-py-0 {
padding-top: 0 !important;
padding-bottom: 0 !important; }
.g-pt-0 {
padding-top: 0 !important; }
.g-pr-0 {
padding-right: 0 !important; }
.g-pb-0 {
padding-bottom: 0 !important; }
.g-pl-0 {
padding-left: 0 !important; }
/* Padding Around */
.g-pa-2 {
padding: 0.14285714rem !important; }
.g-pa-3 {
padding: 0.21428571rem !important; }
.g-pa-5 {
padding: 0.35714286rem !important; }
.g-pa-7 {
padding: 0.5rem !important; }
.g-pa-10 {
padding: 0.71428571rem !important; }
.g-pa-15 {
padding: 1.07142857rem !important; }
.g-pa-20 {
padding: 1.42857143rem !important; }
.g-pa-25 {
padding: 1.78571429rem !important; }
.g-pa-30 {
padding: 2.14285714rem !important; }
.g-pa-35 {
padding: 2.5rem !important; }
.g-pa-40 {
padding: 2.85714286rem !important; }
.g-pa-45 {
padding: 3.21428571rem !important; }
.g-pa-50 {
padding: 3.57142857rem !important; }
.g-pa-55 {
padding: 3.92857143rem !important; }
.g-pa-60 {
padding: 4.28571429rem !important; }
.g-pa-65 {
padding: 4.64285714rem !important; }
.g-pa-70 {
padding: 5rem !important; }
.g-pa-75 {
padding: 5.35714286rem !important; }
.g-pa-80 {
padding: 5.71428571rem !important; }
.g-pa-85 {
padding: 6.07142857rem !important; }
.g-pa-90 {
padding: 6.42857143rem !important; }
.g-pa-95 {
padding: 6.78571429rem !important; }
.g-pa-100 {
padding: 7.14285714rem !important; }
.g-pa-105 {
padding: 7.5rem !important; }
.g-pa-110 {
padding: 7.85714286rem !important; }
.g-pa-115 {
padding: 8.21428571rem !important; }
.g-pa-120 {
padding: 8.57142857rem !important; }
.g-pa-125 {
padding: 8.92857143rem !important; }
.g-pa-130 {
padding: 9.28571429rem !important; }
.g-pa-135 {
padding: 9.64285714rem !important; }
.g-pa-140 {
padding: 10rem !important; }
.g-pa-145 {
padding: 10.35714286rem !important; }
.g-pa-150 {
padding: 10.71428571rem !important; }
/* Padding X */
.g-px-1 {
padding-left: 0.07142857rem !important;
padding-right: 0.07142857rem !important; }
.g-px-2 {
padding-left: 0.14285714rem !important;
padding-right: 0.14285714rem !important; }
.g-px-3 {
padding-left: 0.21428571rem !important;
padding-right: 0.21428571rem !important; }
.g-px-4 {
padding-left: 0.28571429rem !important;
padding-right: 0.28571429rem !important; }
.g-px-5 {
padding-left: 0.35714286rem !important;
padding-right: 0.35714286rem !important; }
.g-px-6 {
padding-left: 0.42857143rem !important;
padding-right: 0.42857143rem !important; }
.g-px-7 {
padding-left: 0.5rem !important;
padding-right: 0.5rem !important; }
.g-px-8 {
padding-left: 0.57142857rem !important;
padding-right: 0.57142857rem !important; }
.g-px-9 {
padding-left: 0.64285714rem !important;
padding-right: 0.64285714rem !important; }
.g-px-10 {
padding-left: 0.71428571rem !important;
padding-right: 0.71428571rem !important; }
.g-px-11 {
padding-left: 0.78571429rem !important;
padding-right: 0.78571429rem !important; }
.g-px-12 {
padding-left: 0.85714286rem !important;
padding-right: 0.85714286rem !important; }
.g-px-13 {
padding-left: 0.92857143rem !important;
padding-right: 0.92857143rem !important; }
.g-px-14 {
padding-left: 1rem !important;
padding-right: 1rem !important; }
.g-px-15 {
padding-left: 1.07142857rem !important;
padding-right: 1.07142857rem !important; }
.g-px-16 {
padding-left: 1.14285714rem !important;
padding-right: 1.14285714rem !important; }
.g-px-17 {
padding-left: 1.21428571rem !important;
padding-right: 1.21428571rem !important; }
.g-px-18 {
padding-left: 1.28571429rem !important;
padding-right: 1.28571429rem !important; }
.g-px-19 {
padding-left: 1.35714286rem !important;
padding-right: 1.35714286rem !important; }
.g-px-10 {
padding-left: 0.71428571rem !important;
padding-right: 0.71428571rem !important; }
.g-px-15 {
padding-left: 1.07142857rem !important;
padding-right: 1.07142857rem !important; }
.g-px-20 {
padding-left: 1.42857143rem !important;
padding-right: 1.42857143rem !important; }
.g-px-25 {
padding-left: 1.78571429rem !important;
padding-right: 1.78571429rem !important; }
.g-px-30 {
padding-left: 2.14285714rem !important;
padding-right: 2.14285714rem !important; }
.g-px-35 {
padding-left: 2.5rem !important;
padding-right: 2.5rem !important; }
.g-px-40 {
padding-left: 2.85714286rem !important;
padding-right: 2.85714286rem !important; }
.g-px-45 {
padding-left: 3.21428571rem !important;
padding-right: 3.21428571rem !important; }
.g-px-50 {
padding-left: 3.57142857rem !important;
padding-right: 3.57142857rem !important; }
.g-px-55 {
padding-left: 3.92857143rem !important;
padding-right: 3.92857143rem !important; }
.g-px-60 {
padding-left: 4.28571429rem !important;
padding-right: 4.28571429rem !important; }
.g-px-65 {
padding-left: 4.64285714rem !important;
padding-right: 4.64285714rem !important; }
.g-px-70 {
padding-left: 5rem !important;
padding-right: 5rem !important; }
.g-px-75 {
padding-left: 5.35714286rem !important;
padding-right: 5.35714286rem !important; }
.g-px-80 {
padding-left: 5.71428571rem !important;
padding-right: 5.71428571rem !important; }
.g-px-85 {
padding-left: 6.07142857rem !important;
padding-right: 6.07142857rem !important; }
.g-px-90 {
padding-left: 6.42857143rem !important;
padding-right: 6.42857143rem !important; }
.g-px-95 {
padding-left: 6.78571429rem !important;
padding-right: 6.78571429rem !important; }
.g-px-100 {
padding-left: 7.14285714rem !important;
padding-right: 7.14285714rem !important; }
.g-px-105 {
padding-left: 7.5rem !important;
padding-right: 7.5rem !important; }
.g-px-110 {
padding-left: 7.85714286rem !important;
padding-right: 7.85714286rem !important; }
.g-px-115 {
padding-left: 8.21428571rem !important;
padding-right: 8.21428571rem !important; }
.g-px-120 {
padding-left: 8.57142857rem !important;
padding-right: 8.57142857rem !important; }
.g-px-125 {
padding-left: 8.92857143rem !important;
padding-right: 8.92857143rem !important; }
.g-px-130 {
padding-left: 9.28571429rem !important;
padding-right: 9.28571429rem !important; }
.g-px-135 {
padding-left: 9.64285714rem !important;
padding-right: 9.64285714rem !important; }
.g-px-140 {
padding-left: 10rem !important;
padding-right: 10rem !important; }
.g-px-145 {
padding-left: 10.35714286rem !important;
padding-right: 10.35714286rem !important; }
.g-px-150 {
padding-left: 10.71428571rem !important;
padding-right: 10.71428571rem !important; }
/* Padding Y */
.g-py-1 {
padding-top: 0.07142857rem !important;
padding-bottom: 0.07142857rem !important; }
.g-py-2 {
padding-top: 0.14285714rem !important;
padding-bottom: 0.14285714rem !important; }
.g-py-3 {
padding-top: 0.21428571rem !important;
padding-bottom: 0.21428571rem !important; }
.g-py-4 {
padding-top: 0.28571429rem !important;
padding-bottom: 0.28571429rem !important; }
.g-py-5 {
padding-top: 0.35714286rem !important;
padding-bottom: 0.35714286rem !important; }
.g-py-6 {
padding-top: 0.42857143rem !important;
padding-bottom: 0.42857143rem !important; }
.g-py-7 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important; }
.g-py-8 {
padding-top: 0.57142857rem !important;
padding-bottom: 0.57142857rem !important; }
.g-py-9 {
padding-top: 0.64285714rem !important;
padding-bottom: 0.64285714rem !important; }
.g-py-10 {
padding-top: 0.71428571rem !important;
padding-bottom: 0.71428571rem !important; }
.g-py-11 {
padding-top: 0.78571429rem !important;
padding-bottom: 0.78571429rem !important; }
.g-py-12 {
padding-top: 0.85714286rem !important;
padding-bottom: 0.85714286rem !important; }
.g-py-13 {
padding-top: 0.92857143rem !important;
padding-bottom: 0.92857143rem !important; }
.g-py-14 {
padding-top: 1rem !important;
padding-bottom: 1rem !important; }
.g-py-15 {
padding-top: 1.07142857rem !important;
padding-bottom: 1.07142857rem !important; }
.g-py-16 {
padding-top: 1.14285714rem !important;
padding-bottom: 1.14285714rem !important; }
.g-py-17 {
padding-top: 1.21428571rem !important;
padding-bottom: 1.21428571rem !important; }
.g-py-18 {
padding-top: 1.28571429rem !important;
padding-bottom: 1.28571429rem !important; }
.g-py-19 {
padding-top: 1.35714286rem !important;
padding-bottom: 1.35714286rem !important; }
/* P */
.g-py-10 {
padding-top: 0.71428571rem !important;
padding-bottom: 0.71428571rem !important; }
/* P */
.g-py-15 {
padding-top: 1.07142857rem !important;
padding-bottom: 1.07142857rem !important; }
/* P */
.g-py-20 {
padding-top: 1.42857143rem !important;
padding-bottom: 1.42857143rem !important; }
/* P */
.g-py-25 {
padding-top: 1.78571429rem !important;
padding-bottom: 1.78571429rem !important; }
/* P */
.g-py-30 {
padding-top: 2.14285714rem !important;
padding-bottom: 2.14285714rem !important; }
/* P */
.g-py-35 {
padding-top: 2.5rem !important;
padding-bottom: 2.5rem !important; }
/* P */
.g-py-40 {
padding-top: 2.85714286rem !important;
padding-bottom: 2.85714286rem !important; }
/* P */
.g-py-45 {
padding-top: 3.21428571rem !important;
padding-bottom: 3.21428571rem !important; }
/* P */
.g-py-50 {
padding-top: 3.57142857rem !important;
padding-bottom: 3.57142857rem !important; }
/* P */
.g-py-55 {
padding-top: 3.92857143rem !important;
padding-bottom: 3.92857143rem !important; }
/* P */
.g-py-60 {
padding-top: 4.28571429rem !important;
padding-bottom: 4.28571429rem !important; }
/* P */
.g-py-65 {
padding-top: 4.64285714rem !important;
padding-bottom: 4.64285714rem !important; }
/* P */
.g-py-70 {
padding-top: 5rem !important;
padding-bottom: 5rem !important; }
/* P */
.g-py-75 {
padding-top: 5.35714286rem !important;
padding-bottom: 5.35714286rem !important; }
/* P */
.g-py-80 {
padding-top: 5.71428571rem !important;
padding-bottom: 5.71428571rem !important; }
/* P */
.g-py-85 {
padding-top: 6.07142857rem !important;
padding-bottom: 6.07142857rem !important; }
/* P */
.g-py-90 {
padding-top: 6.42857143rem !important;
padding-bottom: 6.42857143rem !important; }
/* P */
.g-py-95 {
padding-top: 6.78571429rem !important;
padding-bottom: 6.78571429rem !important; }
/* P */
.g-py-100 {
padding-top: 7.14285714rem !important;
padding-bottom: 7.14285714rem !important; }
/* P */
.g-py-105 {
padding-top: 7.5rem !important;
padding-bottom: 7.5rem !important; }
/* P */
.g-py-110 {
padding-top: 7.85714286rem !important;
padding-bottom: 7.85714286rem !important; }
/* P */
.g-py-115 {
padding-top: 8.21428571rem !important;
padding-bottom: 8.21428571rem !important; }
/* P */
.g-py-120 {
padding-top: 8.57142857rem !important;
padding-bottom: 8.57142857rem !important; }
/* P */
.g-py-125 {
padding-top: 8.92857143rem !important;
padding-bottom: 8.92857143rem !important; }
/* P */
.g-py-130 {
padding-top: 9.28571429rem !important;
padding-bottom: 9.28571429rem !important; }
/* P */
.g-py-135 {
padding-top: 9.64285714rem !important;
padding-bottom: 9.64285714rem !important; }
/* P */
.g-py-140 {
padding-top: 10rem !important;
padding-bottom: 10rem !important; }
/* P */
.g-py-145 {
padding-top: 10.35714286rem !important;
padding-bottom: 10.35714286rem !important; }
/* P */
.g-py-150 {
padding-top: 10.71428571rem !important;
padding-bottom: 10.71428571rem !important; }
/* P */
.g-py-155 {
padding-top: 11.07142857rem !important;
padding-bottom: 11.07142857rem !important; }
/* P */
.g-py-160 {
padding-top: 11.42857143rem !important;
padding-bottom: 11.42857143rem !important; }
/* P */
.g-py-165 {
padding-top: 11.78571429rem !important;
padding-bottom: 11.78571429rem !important; }
/* P */
.g-py-170 {
padding-top: 12.14285714rem !important;
padding-bottom: 12.14285714rem !important; }
/* P */
.g-py-175 {
padding-top: 12.5rem !important;
padding-bottom: 12.5rem !important; }
/* P */
.g-py-180 {
padding-top: 12.85714286rem !important;
padding-bottom: 12.85714286rem !important; }
/* P */
.g-py-185 {
padding-top: 13.21428571rem !important;
padding-bottom: 13.21428571rem !important; }
/* P */
.g-py-190 {
padding-top: 13.57142857rem !important;
padding-bottom: 13.57142857rem !important; }
/* P */
.g-py-195 {
padding-top: 13.92857143rem !important;
padding-bottom: 13.92857143rem !important; }
/* P */
.g-py-200 {
padding-top: 14.28571429rem !important;
padding-bottom: 14.28571429rem !important; }
/* P */
.g-py-205 {
padding-top: 14.64285714rem !important;
padding-bottom: 14.64285714rem !important; }
/* P */
.g-py-210 {
padding-top: 15rem !important;
padding-bottom: 15rem !important; }
/* Padding Top */
.g-pt-0 {
padding-top: 0px !important; }
.g-pt-1 {
padding-top: 0.07142857rem !important; }
.g-pt-2 {
padding-top: 0.14285714rem !important; }
.g-pt-3 {
padding-top: 0.21428571rem !important; }
.g-pt-4 {
padding-top: 0.28571429rem !important; }
.g-pt-5 {
padding-top: 0.35714286rem !important; }
.g-pt-6 {
padding-top: 0.42857143rem !important; }
.g-pt-7 {
padding-top: 0.5rem !important; }
.g-pt-8 {
padding-top: 0.57142857rem !important; }
.g-pt-9 {
padding-top: 0.64285714rem !important; }
.g-pt-10 {
padding-top: 0.71428571rem !important; }
.g-pt-11 {
padding-top: 0.78571429rem !important; }
.g-pt-12 {
padding-top: 0.85714286rem !important; }
.g-pt-13 {
padding-top: 0.92857143rem !important; }
.g-pt-14 {
padding-top: 1rem !important; }
.g-pt-15 {
padding-top: 1.07142857rem !important; }
.g-pt-16 {
padding-top: 1.14285714rem !important; }
.g-pt-17 {
padding-top: 1.21428571rem !important; }
.g-pt-18 {
padding-top: 1.28571429rem !important; }
.g-pt-19 {
padding-top: 1.35714286rem !important; }
.g-pt-10 {
padding-top: 0.71428571rem !important; }
.g-pt-15 {
padding-top: 1.07142857rem !important; }
.g-pt-20 {
padding-top: 1.42857143rem !important; }
.g-pt-25 {
padding-top: 1.78571429rem !important; }
.g-pt-30 {
padding-top: 2.14285714rem !important; }
.g-pt-35 {
padding-top: 2.5rem !important; }
.g-pt-40 {
padding-top: 2.85714286rem !important; }
.g-pt-45 {
padding-top: 3.21428571rem !important; }
.g-pt-50 {
padding-top: 3.57142857rem !important; }
.g-pt-55 {
padding-top: 3.92857143rem !important; }
.g-pt-60 {
padding-top: 4.28571429rem !important; }
.g-pt-65 {
padding-top: 4.64285714rem !important; }
.g-pt-70 {
padding-top: 5rem !important; }
.g-pt-75 {
padding-top: 5.35714286rem !important; }
.g-pt-80 {
padding-top: 5.71428571rem !important; }
.g-pt-85 {
padding-top: 6.07142857rem !important; }
.g-pt-90 {
padding-top: 6.42857143rem !important; }
.g-pt-95 {
padding-top: 6.78571429rem !important; }
.g-pt-100 {
padding-top: 7.14285714rem !important; }
.g-pt-105 {
padding-top: 7.5rem !important; }
.g-pt-110 {
padding-top: 7.85714286rem !important; }
.g-pt-115 {
padding-top: 8.21428571rem !important; }
.g-pt-120 {
padding-top: 8.57142857rem !important; }
.g-pt-125 {
padding-top: 8.92857143rem !important; }
.g-pt-130 {
padding-top: 9.28571429rem !important; }
.g-pt-135 {
padding-top: 9.64285714rem !important; }
.g-pt-140 {
padding-top: 10rem !important; }
.g-pt-145 {
padding-top: 10.35714286rem !important; }
.g-pt-150 {
padding-top: 10.71428571rem !important; }
/* Padding Right */
.g-pr-0 {
padding-right: 0px !important; }
.g-pr-1 {
padding-right: 0.07142857rem !important; }
.g-pr-2 {
padding-right: 0.14285714rem !important; }
.g-pr-3 {
padding-right: 0.21428571rem !important; }
.g-pr-4 {
padding-right: 0.28571429rem !important; }
.g-pr-5 {
padding-right: 0.35714286rem !important; }
.g-pr-6 {
padding-right: 0.42857143rem !important; }
.g-pr-7 {
padding-right: 0.5rem !important; }
.g-pr-8 {
padding-right: 0.57142857rem !important; }
.g-pr-9 {
padding-right: 0.64285714rem !important; }
/* P */
.g-pr-10 {
padding-right: 0.71428571rem !important; }
/* P */
.g-pr-15 {
padding-right: 1.07142857rem !important; }
/* P */
.g-pr-20 {
padding-right: 1.42857143rem !important; }
/* P */
.g-pr-25 {
padding-right: 1.78571429rem !important; }
/* P */
.g-pr-30 {
padding-right: 2.14285714rem !important; }
/* P */
.g-pr-35 {
padding-right: 2.5rem !important; }
/* P */
.g-pr-40 {
padding-right: 2.85714286rem !important; }
/* P */
.g-pr-45 {
padding-right: 3.21428571rem !important; }
/* P */
.g-pr-50 {
padding-right: 3.57142857rem !important; }
/* P */
.g-pr-55 {
padding-right: 3.92857143rem !important; }
/* P */
.g-pr-60 {
padding-right: 4.28571429rem !important; }
/* P */
.g-pr-65 {
padding-right: 4.64285714rem !important; }
/* P */
.g-pr-70 {
padding-right: 5rem !important; }
/* P */
.g-pr-75 {
padding-right: 5.35714286rem !important; }
/* P */
.g-pr-80 {
padding-right: 5.71428571rem !important; }
/* P */
.g-pr-85 {
padding-right: 6.07142857rem !important; }
/* P */
.g-pr-90 {
padding-right: 6.42857143rem !important; }
/* P */
.g-pr-95 {
padding-right: 6.78571429rem !important; }
/* P */
.g-pr-100 {
padding-right: 7.14285714rem !important; }
/* P */
.g-pr-105 {
padding-right: 7.5rem !important; }
/* P */
.g-pr-110 {
padding-right: 7.85714286rem !important; }
/* P */
.g-pr-115 {
padding-right: 8.21428571rem !important; }
/* P */
.g-pr-120 {
padding-right: 8.57142857rem !important; }
/* P */
.g-pr-125 {
padding-right: 8.92857143rem !important; }
/* P */
.g-pr-130 {
padding-right: 9.28571429rem !important; }
/* P */
.g-pr-135 {
padding-right: 9.64285714rem !important; }
/* P */
.g-pr-140 {
padding-right: 10rem !important; }
/* P */
.g-pr-145 {
padding-right: 10.35714286rem !important; }
/* P */
.g-pr-150 {
padding-right: 10.71428571rem !important; }
/* P */
.g-pr-155 {
padding-right: 11.07142857rem !important; }
/* P */
.g-pr-160 {
padding-right: 11.42857143rem !important; }
/* P */
.g-pr-165 {
padding-right: 11.78571429rem !important; }
/* P */
.g-pr-170 {
padding-right: 12.14285714rem !important; }
/* Padding Bottom */
.g-pb-0 {
padding-bottom: 0px !important; }
.g-pb-1 {
padding-bottom: 0.07142857rem !important; }
.g-pb-2 {
padding-bottom: 0.14285714rem !important; }
.g-pb-3 {
padding-bottom: 0.21428571rem !important; }
.g-pb-4 {
padding-bottom: 0.28571429rem !important; }
.g-pb-5 {
padding-bottom: 0.35714286rem !important; }
.g-pb-6 {
padding-bottom: 0.42857143rem !important; }
.g-pb-7 {
padding-bottom: 0.5rem !important; }
.g-pb-8 {
padding-bottom: 0.57142857rem !important; }
.g-pb-9 {
padding-bottom: 0.64285714rem !important; }
.g-pb-10 {
padding-bottom: 0.71428571rem !important; }
.g-pb-15 {
padding-bottom: 1.07142857rem !important; }
.g-pb-20 {
padding-bottom: 1.42857143rem !important; }
.g-pb-25 {
padding-bottom: 1.78571429rem !important; }
.g-pb-30 {
padding-bottom: 2.14285714rem !important; }
.g-pb-35 {
padding-bottom: 2.5rem !important; }
.g-pb-40 {
padding-bottom: 2.85714286rem !important; }
.g-pb-45 {
padding-bottom: 3.21428571rem !important; }
.g-pb-50 {
padding-bottom: 3.57142857rem !important; }
.g-pb-55 {
padding-bottom: 3.92857143rem !important; }
.g-pb-60 {
padding-bottom: 4.28571429rem !important; }
.g-pb-65 {
padding-bottom: 4.64285714rem !important; }
.g-pb-70 {
padding-bottom: 5rem !important; }
.g-pb-75 {
padding-bottom: 5.35714286rem !important; }
.g-pb-80 {
padding-bottom: 5.71428571rem !important; }
.g-pb-85 {
padding-bottom: 6.07142857rem !important; }
.g-pb-90 {
padding-bottom: 6.42857143rem !important; }
.g-pb-95 {
padding-bottom: 6.78571429rem !important; }
.g-pb-100 {
padding-bottom: 7.14285714rem !important; }
.g-pb-105 {
padding-bottom: 7.5rem !important; }
.g-pb-110 {
padding-bottom: 7.85714286rem !important; }
.g-pb-115 {
padding-bottom: 8.21428571rem !important; }
.g-pb-120 {
padding-bottom: 8.57142857rem !important; }
.g-pb-125 {
padding-bottom: 8.92857143rem !important; }
.g-pb-130 {
padding-bottom: 9.28571429rem !important; }
.g-pb-135 {
padding-bottom: 9.64285714rem !important; }
.g-pb-140 {
padding-bottom: 10rem !important; }
.g-pb-145 {
padding-bottom: 10.35714286rem !important; }
.g-pb-150 {
padding-bottom: 10.71428571rem !important; }
/* Padding Left */
.g-pl-0 {
padding-left: 0px !important; }
.g-pl-1 {
padding-left: 0.07142857rem !important; }
.g-pl-2 {
padding-left: 0.14285714rem !important; }
.g-pl-3 {
padding-left: 0.21428571rem !important; }
.g-pl-4 {
padding-left: 0.28571429rem !important; }
.g-pl-5 {
padding-left: 0.35714286rem !important; }
.g-pl-6 {
padding-left: 0.42857143rem !important; }
.g-pl-7 {
padding-left: 0.5rem !important; }
.g-pl-8 {
padding-left: 0.57142857rem !important; }
.g-pl-9 {
padding-left: 0.64285714rem !important; }
/* P */
.g-pl-10 {
padding-left: 0.71428571rem !important; }
/* P */
.g-pl-15 {
padding-left: 1.07142857rem !important; }
/* P */
.g-pl-20 {
padding-left: 1.42857143rem !important; }
/* P */
.g-pl-25 {
padding-left: 1.78571429rem !important; }
/* P */
.g-pl-30 {
padding-left: 2.14285714rem !important; }
/* P */
.g-pl-35 {
padding-left: 2.5rem !important; }
/* P */
.g-pl-40 {
padding-left: 2.85714286rem !important; }
/* P */
.g-pl-45 {
padding-left: 3.21428571rem !important; }
/* P */
.g-pl-50 {
padding-left: 3.57142857rem !important; }
/* P */
.g-pl-55 {
padding-left: 3.92857143rem !important; }
/* P */
.g-pl-60 {
padding-left: 4.28571429rem !important; }
/* P */
.g-pl-65 {
padding-left: 4.64285714rem !important; }
/* P */
.g-pl-70 {
padding-left: 5rem !important; }
/* P */
.g-pl-75 {
padding-left: 5.35714286rem !important; }
/* P */
.g-pl-80 {
padding-left: 5.71428571rem !important; }
/* P */
.g-pl-85 {
padding-left: 6.07142857rem !important; }
/* P */
.g-pl-90 {
padding-left: 6.42857143rem !important; }
/* P */
.g-pl-95 {
padding-left: 6.78571429rem !important; }
/* P */
.g-pl-100 {
padding-left: 7.14285714rem !important; }
/* P */
.g-pl-105 {
padding-left: 7.5rem !important; }
/* P */
.g-pl-110 {
padding-left: 7.85714286rem !important; }
/* P */
.g-pl-115 {
padding-left: 8.21428571rem !important; }
/* P */
.g-pl-120 {
padding-left: 8.57142857rem !important; }
/* P */
.g-pl-125 {
padding-left: 8.92857143rem !important; }
/* P */
.g-pl-130 {
padding-left: 9.28571429rem !important; }
/* P */
.g-pl-135 {
padding-left: 9.64285714rem !important; }
/* P */
.g-pl-140 {
padding-left: 10rem !important; }
/* P */
.g-pl-145 {
padding-left: 10.35714286rem !important; }
/* P */
.g-pl-150 {
padding-left: 10.71428571rem !important; }
/* P */
.g-pl-155 {
padding-left: 11.07142857rem !important; }
/* P */
.g-pl-160 {
padding-left: 11.42857143rem !important; }
/* P */
.g-pl-165 {
padding-left: 11.78571429rem !important; }
/* P */
.g-pl-170 {
padding-left: 12.14285714rem !important; } }
/* Padding Spaces (sm)
------------------------------------*/
@media (min-width: 576px) {
.g-pa-0--sm {
padding: 0 !important; }
.g-px-0--sm {
padding-left: 0 !important;
padding-right: 0 !important; }
.g-py-0--sm {
padding-top: 0 !important;
padding-bottom: 0 !important; }
.g-pt-0--sm {
padding-top: 0 !important; }
.g-pr-0--sm {
padding-right: 0 !important; }
.g-pb-0--sm {
padding-bottom: 0 !important; }
.g-pl-0--sm {
padding-left: 0 !important; }
/* Padding Around */
.g-pa-2--sm {
padding: 0.14285714rem !important; }
.g-pa-3--sm {
padding: 0.21428571rem !important; }
.g-pa-5--sm {
padding: 0.35714286rem !important; }
.g-pa-7--sm {
padding: 0.5rem !important; }
.g-pa-10--sm {
padding: 0.71428571rem !important; }
.g-pa-15--sm {
padding: 1.07142857rem !important; }
.g-pa-20--sm {
padding: 1.42857143rem !important; }
.g-pa-25--sm {
padding: 1.78571429rem !important; }
.g-pa-30--sm {
padding: 2.14285714rem !important; }
.g-pa-35--sm {
padding: 2.5rem !important; }
.g-pa-40--sm {
padding: 2.85714286rem !important; }
.g-pa-45--sm {
padding: 3.21428571rem !important; }
.g-pa-50--sm {
padding: 3.57142857rem !important; }
.g-pa-55--sm {
padding: 3.92857143rem !important; }
.g-pa-60--sm {
padding: 4.28571429rem !important; }
.g-pa-65--sm {
padding: 4.64285714rem !important; }
.g-pa-70--sm {
padding: 5rem !important; }
.g-pa-75--sm {
padding: 5.35714286rem !important; }
.g-pa-80--sm {
padding: 5.71428571rem !important; }
.g-pa-85--sm {
padding: 6.07142857rem !important; }
.g-pa-90--sm {
padding: 6.42857143rem !important; }
.g-pa-95--sm {
padding: 6.78571429rem !important; }
.g-pa-100--sm {
padding: 7.14285714rem !important; }
.g-pa-105--sm {
padding: 7.5rem !important; }
.g-pa-110--sm {
padding: 7.85714286rem !important; }
.g-pa-115--sm {
padding: 8.21428571rem !important; }
.g-pa-120--sm {
padding: 8.57142857rem !important; }
.g-pa-125--sm {
padding: 8.92857143rem !important; }
.g-pa-130--sm {
padding: 9.28571429rem !important; }
.g-pa-135--sm {
padding: 9.64285714rem !important; }
.g-pa-140--sm {
padding: 10rem !important; }
.g-pa-145--sm {
padding: 10.35714286rem !important; }
.g-pa-150--sm {
padding: 10.71428571rem !important; }
/* Padding X */
.g-px-1--sm {
padding-left: 0.07142857rem !important;
padding-right: 0.07142857rem !important; }
.g-px-2--sm {
padding-left: 0.14285714rem !important;
padding-right: 0.14285714rem !important; }
.g-px-3--sm {
padding-left: 0.21428571rem !important;
padding-right: 0.21428571rem !important; }
.g-px-4--sm {
padding-left: 0.28571429rem !important;
padding-right: 0.28571429rem !important; }
.g-px-5--sm {
padding-left: 0.35714286rem !important;
padding-right: 0.35714286rem !important; }
.g-px-6--sm {
padding-left: 0.42857143rem !important;
padding-right: 0.42857143rem !important; }
.g-px-7--sm {
padding-left: 0.5rem !important;
padding-right: 0.5rem !important; }
.g-px-8--sm {
padding-left: 0.57142857rem !important;
padding-right: 0.57142857rem !important; }
.g-px-9--sm {
padding-left: 0.64285714rem !important;
padding-right: 0.64285714rem !important; }
.g-px-10--sm {
padding-left: 0.71428571rem !important;
padding-right: 0.71428571rem !important; }
.g-px-11--sm {
padding-left: 0.78571429rem !important;
padding-right: 0.78571429rem !important; }
.g-px-12--sm {
padding-left: 0.85714286rem !important;
padding-right: 0.85714286rem !important; }
.g-px-13--sm {
padding-left: 0.92857143rem !important;
padding-right: 0.92857143rem !important; }
.g-px-14--sm {
padding-left: 1rem !important;
padding-right: 1rem !important; }
.g-px-15--sm {
padding-left: 1.07142857rem !important;
padding-right: 1.07142857rem !important; }
.g-px-16--sm {
padding-left: 1.14285714rem !important;
padding-right: 1.14285714rem !important; }
.g-px-17--sm {
padding-left: 1.21428571rem !important;
padding-right: 1.21428571rem !important; }
.g-px-18--sm {
padding-left: 1.28571429rem !important;
padding-right: 1.28571429rem !important; }
.g-px-19--sm {
padding-left: 1.35714286rem !important;
padding-right: 1.35714286rem !important; }
.g-px-10--sm {
padding-left: 0.71428571rem !important;
padding-right: 0.71428571rem !important; }
.g-px-15--sm {
padding-left: 1.07142857rem !important;
padding-right: 1.07142857rem !important; }
.g-px-20--sm {
padding-left: 1.42857143rem !important;
padding-right: 1.42857143rem !important; }
.g-px-25--sm {
padding-left: 1.78571429rem !important;
padding-right: 1.78571429rem !important; }
.g-px-30--sm {
padding-left: 2.14285714rem !important;
padding-right: 2.14285714rem !important; }
.g-px-35--sm {
padding-left: 2.5rem !important;
padding-right: 2.5rem !important; }
.g-px-40--sm {
padding-left: 2.85714286rem !important;
padding-right: 2.85714286rem !important; }
.g-px-45--sm {
padding-left: 3.21428571rem !important;
padding-right: 3.21428571rem !important; }
.g-px-50--sm {
padding-left: 3.57142857rem !important;
padding-right: 3.57142857rem !important; }
.g-px-55--sm {
padding-left: 3.92857143rem !important;
padding-right: 3.92857143rem !important; }
.g-px-60--sm {
padding-left: 4.28571429rem !important;
padding-right: 4.28571429rem !important; }
.g-px-65--sm {
padding-left: 4.64285714rem !important;
padding-right: 4.64285714rem !important; }
.g-px-70--sm {
padding-left: 5rem !important;
padding-right: 5rem !important; }
.g-px-75--sm {
padding-left: 5.35714286rem !important;
padding-right: 5.35714286rem !important; }
.g-px-80--sm {
padding-left: 5.71428571rem !important;
padding-right: 5.71428571rem !important; }
.g-px-85--sm {
padding-left: 6.07142857rem !important;
padding-right: 6.07142857rem !important; }
.g-px-90--sm {
padding-left: 6.42857143rem !important;
padding-right: 6.42857143rem !important; }
.g-px-95--sm {
padding-left: 6.78571429rem !important;
padding-right: 6.78571429rem !important; }
.g-px-100--sm {
padding-left: 7.14285714rem !important;
padding-right: 7.14285714rem !important; }
.g-px-105--sm {
padding-left: 7.5rem !important;
padding-right: 7.5rem !important; }
.g-px-110--sm {
padding-left: 7.85714286rem !important;
padding-right: 7.85714286rem !important; }
.g-px-115--sm {
padding-left: 8.21428571rem !important;
padding-right: 8.21428571rem !important; }
.g-px-120--sm {
padding-left: 8.57142857rem !important;
padding-right: 8.57142857rem !important; }
.g-px-125--sm {
padding-left: 8.92857143rem !important;
padding-right: 8.92857143rem !important; }
.g-px-130--sm {
padding-left: 9.28571429rem !important;
padding-right: 9.28571429rem !important; }
.g-px-135--sm {
padding-left: 9.64285714rem !important;
padding-right: 9.64285714rem !important; }
.g-px-140--sm {
padding-left: 10rem !important;
padding-right: 10rem !important; }
.g-px-145--sm {
padding-left: 10.35714286rem !important;
padding-right: 10.35714286rem !important; }
.g-px-150--sm {
padding-left: 10.71428571rem !important;
padding-right: 10.71428571rem !important; }
/* Padding Y */
.g-py-1--sm {
padding-top: 0.07142857rem !important;
padding-bottom: 0.07142857rem !important; }
.g-py-2--sm {
padding-top: 0.14285714rem !important;
padding-bottom: 0.14285714rem !important; }
.g-py-3--sm {
padding-top: 0.21428571rem !important;
padding-bottom: 0.21428571rem !important; }
.g-py-4--sm {
padding-top: 0.28571429rem !important;
padding-bottom: 0.28571429rem !important; }
.g-py-5--sm {
padding-top: 0.35714286rem !important;
padding-bottom: 0.35714286rem !important; }
.g-py-6--sm {
padding-top: 0.42857143rem !important;
padding-bottom: 0.42857143rem !important; }
.g-py-7--sm {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important; }
.g-py-8--sm {
padding-top: 0.57142857rem !important;
padding-bottom: 0.57142857rem !important; }
.g-py-9--sm {
padding-top: 0.64285714rem !important;
padding-bottom: 0.64285714rem !important; }
.g-py-10--sm {
padding-top: 0.71428571rem !important;
padding-bottom: 0.71428571rem !important; }
.g-py-11--sm {
padding-top: 0.78571429rem !important;
padding-bottom: 0.78571429rem !important; }
.g-py-12--sm {
padding-top: 0.85714286rem !important;
padding-bottom: 0.85714286rem !important; }
.g-py-13--sm {
padding-top: 0.92857143rem !important;
padding-bottom: 0.92857143rem !important; }
.g-py-14--sm {
padding-top: 1rem !important;
padding-bottom: 1rem !important; }
.g-py-15--sm {
padding-top: 1.07142857rem !important;
padding-bottom: 1.07142857rem !important; }
.g-py-16--sm {
padding-top: 1.14285714rem !important;
padding-bottom: 1.14285714rem !important; }
.g-py-17--sm {
padding-top: 1.21428571rem !important;
padding-bottom: 1.21428571rem !important; }
.g-py-18--sm {
padding-top: 1.28571429rem !important;
padding-bottom: 1.28571429rem !important; }
.g-py-19--sm {
padding-top: 1.35714286rem !important;
padding-bottom: 1.35714286rem !important; }
/* P */
.g-py-10--sm {
padding-top: 0.71428571rem !important;
padding-bottom: 0.71428571rem !important; }
/* P */
.g-py-15--sm {
padding-top: 1.07142857rem !important;
padding-bottom: 1.07142857rem !important; }
/* P */
.g-py-20--sm {
padding-top: 1.42857143rem !important;
padding-bottom: 1.42857143rem !important; }
/* P */
.g-py-25--sm {
padding-top: 1.78571429rem !important;
padding-bottom: 1.78571429rem !important; }
/* P */
.g-py-30--sm {
padding-top: 2.14285714rem !important;
padding-bottom: 2.14285714rem !important; }
/* P */
.g-py-35--sm {
padding-top: 2.5rem !important;
padding-bottom: 2.5rem !important; }
/* P */
.g-py-40--sm {
padding-top: 2.85714286rem !important;
padding-bottom: 2.85714286rem !important; }
/* P */
.g-py-45--sm {
padding-top: 3.21428571rem !important;
padding-bottom: 3.21428571rem !important; }
/* P */
.g-py-50--sm {
padding-top: 3.57142857rem !important;
padding-bottom: 3.57142857rem !important; }
/* P */
.g-py-55--sm {
padding-top: 3.92857143rem !important;
padding-bottom: 3.92857143rem !important; }
/* P */
.g-py-60--sm {
padding-top: 4.28571429rem !important;
padding-bottom: 4.28571429rem !important; }
/* P */
.g-py-65--sm {
padding-top: 4.64285714rem !important;
padding-bottom: 4.64285714rem !important; }
/* P */
.g-py-70--sm {
padding-top: 5rem !important;
padding-bottom: 5rem !important; }
/* P */
.g-py-75--sm {
padding-top: 5.35714286rem !important;
padding-bottom: 5.35714286rem !important; }
/* P */
.g-py-80--sm {
padding-top: 5.71428571rem !important;
padding-bottom: 5.71428571rem !important; }
/* P */
.g-py-85--sm {
padding-top: 6.07142857rem !important;
padding-bottom: 6.07142857rem !important; }
/* P */
.g-py-90--sm {
padding-top: 6.42857143rem !important;
padding-bottom: 6.42857143rem !important; }
/* P */
.g-py-95--sm {
padding-top: 6.78571429rem !important;
padding-bottom: 6.78571429rem !important; }
/* P */
.g-py-100--sm {
padding-top: 7.14285714rem !important;
padding-bottom: 7.14285714rem !important; }
/* P */
.g-py-105--sm {
padding-top: 7.5rem !important;
padding-bottom: 7.5rem !important; }
/* P */
.g-py-110--sm {
padding-top: 7.85714286rem !important;
padding-bottom: 7.85714286rem !important; }
/* P */
.g-py-115--sm {
padding-top: 8.21428571rem !important;
padding-bottom: 8.21428571rem !important; }
/* P */
.g-py-120--sm {
padding-top: 8.57142857rem !important;
padding-bottom: 8.57142857rem !important; }
/* P */
.g-py-125--sm {
padding-top: 8.92857143rem !important;
padding-bottom: 8.92857143rem !important; }
/* P */
.g-py-130--sm {
padding-top: 9.28571429rem !important;
padding-bottom: 9.28571429rem !important; }
/* P */
.g-py-135--sm {
padding-top: 9.64285714rem !important;
padding-bottom: 9.64285714rem !important; }
/* P */
.g-py-140--sm {
padding-top: 10rem !important;
padding-bottom: 10rem !important; }
/* P */
.g-py-145--sm {
padding-top: 10.35714286rem !important;
padding-bottom: 10.35714286rem !important; }
/* P */
.g-py-150--sm {
padding-top: 10.71428571rem !important;
padding-bottom: 10.71428571rem !important; }
/* P */
.g-py-155--sm {
padding-top: 11.07142857rem !important;
padding-bottom: 11.07142857rem !important; }
/* P */
.g-py-160--sm {
padding-top: 11.42857143rem !important;
padding-bottom: 11.42857143rem !important; }
/* P */
.g-py-165--sm {
padding-top: 11.78571429rem !important;
padding-bottom: 11.78571429rem !important; }
/* P */
.g-py-170--sm {
padding-top: 12.14285714rem !important;
padding-bottom: 12.14285714rem !important; }
/* P */
.g-py-175--sm {
padding-top: 12.5rem !important;
padding-bottom: 12.5rem !important; }
/* P */
.g-py-180--sm {
padding-top: 12.85714286rem !important;
padding-bottom: 12.85714286rem !important; }
/* P */
.g-py-185--sm {
padding-top: 13.21428571rem !important;
padding-bottom: 13.21428571rem !important; }
/* P */
.g-py-190--sm {
padding-top: 13.57142857rem !important;
padding-bottom: 13.57142857rem !important; }
/* P */
.g-py-195--sm {
padding-top: 13.92857143rem !important;
padding-bottom: 13.92857143rem !important; }
/* P */
.g-py-200--sm {
padding-top: 14.28571429rem !important;
padding-bottom: 14.28571429rem !important; }
/* P */
.g-py-205--sm {
padding-top: 14.64285714rem !important;
padding-bottom: 14.64285714rem !important; }
/* P */
.g-py-210--sm {
padding-top: 15rem !important;
padding-bottom: 15rem !important; }
/* Padding Top */
.g-pt-0--sm {
padding-top: 0px !important; }
.g-pt-1--sm {
padding-top: 0.07142857rem !important; }
.g-pt-2--sm {
padding-top: 0.14285714rem !important; }
.g-pt-3--sm {
padding-top: 0.21428571rem !important; }
.g-pt-4--sm {
padding-top: 0.28571429rem !important; }
.g-pt-5--sm {
padding-top: 0.35714286rem !important; }
.g-pt-6--sm {
padding-top: 0.42857143rem !important; }
.g-pt-7--sm {
padding-top: 0.5rem !important; }
.g-pt-8--sm {
padding-top: 0.57142857rem !important; }
.g-pt-9--sm {
padding-top: 0.64285714rem !important; }
.g-pt-10--sm {
padding-top: 0.71428571rem !important; }
.g-pt-11--sm {
padding-top: 0.78571429rem !important; }
.g-pt-12--sm {
padding-top: 0.85714286rem !important; }
.g-pt-13--sm {
padding-top: 0.92857143rem !important; }
.g-pt-14--sm {
padding-top: 1rem !important; }
.g-pt-15--sm {
padding-top: 1.07142857rem !important; }
.g-pt-16--sm {
padding-top: 1.14285714rem !important; }
.g-pt-17--sm {
padding-top: 1.21428571rem !important; }
.g-pt-18--sm {
padding-top: 1.28571429rem !important; }
.g-pt-19--sm {
padding-top: 1.35714286rem !important; }
.g-pt-10--sm {
padding-top: 0.71428571rem !important; }
.g-pt-15--sm {
padding-top: 1.07142857rem !important; }
.g-pt-20--sm {
padding-top: 1.42857143rem !important; }
.g-pt-25--sm {
padding-top: 1.78571429rem !important; }
.g-pt-30--sm {
padding-top: 2.14285714rem !important; }
.g-pt-35--sm {
padding-top: 2.5rem !important; }
.g-pt-40--sm {
padding-top: 2.85714286rem !important; }
.g-pt-45--sm {
padding-top: 3.21428571rem !important; }
.g-pt-50--sm {
padding-top: 3.57142857rem !important; }
.g-pt-55--sm {
padding-top: 3.92857143rem !important; }
.g-pt-60--sm {
padding-top: 4.28571429rem !important; }
.g-pt-65--sm {
padding-top: 4.64285714rem !important; }
.g-pt-70--sm {
padding-top: 5rem !important; }
.g-pt-75--sm {
padding-top: 5.35714286rem !important; }
.g-pt-80--sm {
padding-top: 5.71428571rem !important; }
.g-pt-85--sm {
padding-top: 6.07142857rem !important; }
.g-pt-90--sm {
padding-top: 6.42857143rem !important; }
.g-pt-95--sm {
padding-top: 6.78571429rem !important; }
.g-pt-100--sm {
padding-top: 7.14285714rem !important; }
.g-pt-105--sm {
padding-top: 7.5rem !important; }
.g-pt-110--sm {
padding-top: 7.85714286rem !important; }
.g-pt-115--sm {
padding-top: 8.21428571rem !important; }
.g-pt-120--sm {
padding-top: 8.57142857rem !important; }
.g-pt-125--sm {
padding-top: 8.92857143rem !important; }
.g-pt-130--sm {
padding-top: 9.28571429rem !important; }
.g-pt-135--sm {
padding-top: 9.64285714rem !important; }
.g-pt-140--sm {
padding-top: 10rem !important; }
.g-pt-145--sm {
padding-top: 10.35714286rem !important; }
.g-pt-150--sm {
padding-top: 10.71428571rem !important; }
/* Padding Right */
.g-pr-0--sm {
padding-right: 0px !important; }
.g-pr-1--sm {
padding-right: 0.07142857rem !important; }
.g-pr-2--sm {
padding-right: 0.14285714rem !important; }
.g-pr-3--sm {
padding-right: 0.21428571rem !important; }
.g-pr-4--sm {
padding-right: 0.28571429rem !important; }
.g-pr-5--sm {
padding-right: 0.35714286rem !important; }
.g-pr-6--sm {
padding-right: 0.42857143rem !important; }
.g-pr-7--sm {
padding-right: 0.5rem !important; }
.g-pr-8--sm {
padding-right: 0.57142857rem !important; }
.g-pr-9--sm {
padding-right: 0.64285714rem !important; }
/* P */
.g-pr-10--sm {
padding-right: 0.71428571rem !important; }
/* P */
.g-pr-15--sm {
padding-right: 1.07142857rem !important; }
/* P */
.g-pr-20--sm {
padding-right: 1.42857143rem !important; }
/* P */
.g-pr-25--sm {
padding-right: 1.78571429rem !important; }
/* P */
.g-pr-30--sm {
padding-right: 2.14285714rem !important; }
/* P */
.g-pr-35--sm {
padding-right: 2.5rem !important; }
/* P */
.g-pr-40--sm {
padding-right: 2.85714286rem !important; }
/* P */
.g-pr-45--sm {
padding-right: 3.21428571rem !important; }
/* P */
.g-pr-50--sm {
padding-right: 3.57142857rem !important; }
/* P */
.g-pr-55--sm {
padding-right: 3.92857143rem !important; }
/* P */
.g-pr-60--sm {
padding-right: 4.28571429rem !important; }
/* P */
.g-pr-65--sm {
padding-right: 4.64285714rem !important; }
/* P */
.g-pr-70--sm {
padding-right: 5rem !important; }
/* P */
.g-pr-75--sm {
padding-right: 5.35714286rem !important; }
/* P */
.g-pr-80--sm {
padding-right: 5.71428571rem !important; }
/* P */
.g-pr-85--sm {
padding-right: 6.07142857rem !important; }
/* P */
.g-pr-90--sm {
padding-right: 6.42857143rem !important; }
/* P */
.g-pr-95--sm {
padding-right: 6.78571429rem !important; }
/* P */
.g-pr-100--sm {
padding-right: 7.14285714rem !important; }
/* P */
.g-pr-105--sm {
padding-right: 7.5rem !important; }
/* P */
.g-pr-110--sm {
padding-right: 7.85714286rem !important; }
/* P */
.g-pr-115--sm {
padding-right: 8.21428571rem !important; }
/* P */
.g-pr-120--sm {
padding-right: 8.57142857rem !important; }
/* P */
.g-pr-125--sm {
padding-right: 8.92857143rem !important; }
/* P */
.g-pr-130--sm {
padding-right: 9.28571429rem !important; }
/* P */
.g-pr-135--sm {
padding-right: 9.64285714rem !important; }
/* P */
.g-pr-140--sm {
padding-right: 10rem !important; }
/* P */
.g-pr-145--sm {
padding-right: 10.35714286rem !important; }
/* P */
.g-pr-150--sm {
padding-right: 10.71428571rem !important; }
/* P */
.g-pr-155--sm {
padding-right: 11.07142857rem !important; }
/* P */
.g-pr-160--sm {
padding-right: 11.42857143rem !important; }
/* P */
.g-pr-165--sm {
padding-right: 11.78571429rem !important; }
/* P */
.g-pr-170--sm {
padding-right: 12.14285714rem !important; }
/* Padding Bottom */
.g-pb-0--sm {
padding-bottom: 0px !important; }
.g-pb-1--sm {
padding-bottom: 0.07142857rem !important; }
.g-pb-2--sm {
padding-bottom: 0.14285714rem !important; }
.g-pb-3--sm {
padding-bottom: 0.21428571rem !important; }
.g-pb-4--sm {
padding-bottom: 0.28571429rem !important; }
.g-pb-5--sm {
padding-bottom: 0.35714286rem !important; }
.g-pb-6--sm {
padding-bottom: 0.42857143rem !important; }
.g-pb-7--sm {
padding-bottom: 0.5rem !important; }
.g-pb-8--sm {
padding-bottom: 0.57142857rem !important; }
.g-pb-9--sm {
padding-bottom: 0.64285714rem !important; }
.g-pb-10--sm {
padding-bottom: 0.71428571rem !important; }
.g-pb-15--sm {
padding-bottom: 1.07142857rem !important; }
.g-pb-20--sm {
padding-bottom: 1.42857143rem !important; }
.g-pb-25--sm {
padding-bottom: 1.78571429rem !important; }
.g-pb-30--sm {
padding-bottom: 2.14285714rem !important; }
.g-pb-35--sm {
padding-bottom: 2.5rem !important; }
.g-pb-40--sm {
padding-bottom: 2.85714286rem !important; }
.g-pb-45--sm {
padding-bottom: 3.21428571rem !important; }
.g-pb-50--sm {
padding-bottom: 3.57142857rem !important; }
.g-pb-55--sm {
padding-bottom: 3.92857143rem !important; }
.g-pb-60--sm {
padding-bottom: 4.28571429rem !important; }
.g-pb-65--sm {
padding-bottom: 4.64285714rem !important; }
.g-pb-70--sm {
padding-bottom: 5rem !important; }
.g-pb-75--sm {
padding-bottom: 5.35714286rem !important; }
.g-pb-80--sm {
padding-bottom: 5.71428571rem !important; }
.g-pb-85--sm {
padding-bottom: 6.07142857rem !important; }
.g-pb-90--sm {
padding-bottom: 6.42857143rem !important; }
.g-pb-95--sm {
padding-bottom: 6.78571429rem !important; }
.g-pb-100--sm {
padding-bottom: 7.14285714rem !important; }
.g-pb-105--sm {
padding-bottom: 7.5rem !important; }
.g-pb-110--sm {
padding-bottom: 7.85714286rem !important; }
.g-pb-115--sm {
padding-bottom: 8.21428571rem !important; }
.g-pb-120--sm {
padding-bottom: 8.57142857rem !important; }
.g-pb-125--sm {
padding-bottom: 8.92857143rem !important; }
.g-pb-130--sm {
padding-bottom: 9.28571429rem !important; }
.g-pb-135--sm {
padding-bottom: 9.64285714rem !important; }
.g-pb-140--sm {
padding-bottom: 10rem !important; }
.g-pb-145--sm {
padding-bottom: 10.35714286rem !important; }
.g-pb-150--sm {
padding-bottom: 10.71428571rem !important; }
/* Padding Left */
.g-pl-0--sm {
padding-left: 0px !important; }
.g-pl-1--sm {
padding-left: 0.07142857rem !important; }
.g-pl-2--sm {
padding-left: 0.14285714rem !important; }
.g-pl-3--sm {
padding-left: 0.21428571rem !important; }
.g-pl-4--sm {
padding-left: 0.28571429rem !important; }
.g-pl-5--sm {
padding-left: 0.35714286rem !important; }
.g-pl-6--sm {
padding-left: 0.42857143rem !important; }
.g-pl-7--sm {
padding-left: 0.5rem !important; }
.g-pl-8--sm {
padding-left: 0.57142857rem !important; }
.g-pl-9--sm {
padding-left: 0.64285714rem !important; }
/* P */
.g-pl-10--sm {
padding-left: 0.71428571rem !important; }
/* P */
.g-pl-15--sm {
padding-left: 1.07142857rem !important; }
/* P */
.g-pl-20--sm {
padding-left: 1.42857143rem !important; }
/* P */
.g-pl-25--sm {
padding-left: 1.78571429rem !important; }
/* P */
.g-pl-30--sm {
padding-left: 2.14285714rem !important; }
/* P */
.g-pl-35--sm {
padding-left: 2.5rem !important; }
/* P */
.g-pl-40--sm {
padding-left: 2.85714286rem !important; }
/* P */
.g-pl-45--sm {
padding-left: 3.21428571rem !important; }
/* P */
.g-pl-50--sm {
padding-left: 3.57142857rem !important; }
/* P */
.g-pl-55--sm {
padding-left: 3.92857143rem !important; }
/* P */
.g-pl-60--sm {
padding-left: 4.28571429rem !important; }
/* P */
.g-pl-65--sm {
padding-left: 4.64285714rem !important; }
/* P */
.g-pl-70--sm {
padding-left: 5rem !important; }
/* P */
.g-pl-75--sm {
padding-left: 5.35714286rem !important; }
/* P */
.g-pl-80--sm {
padding-left: 5.71428571rem !important; }
/* P */
.g-pl-85--sm {
padding-left: 6.07142857rem !important; }
/* P */
.g-pl-90--sm {
padding-left: 6.42857143rem !important; }
/* P */
.g-pl-95--sm {
padding-left: 6.78571429rem !important; }
/* P */
.g-pl-100--sm {
padding-left: 7.14285714rem !important; }
/* P */
.g-pl-105--sm {
padding-left: 7.5rem !important; }
/* P */
.g-pl-110--sm {
padding-left: 7.85714286rem !important; }
/* P */
.g-pl-115--sm {
padding-left: 8.21428571rem !important; }
/* P */
.g-pl-120--sm {
padding-left: 8.57142857rem !important; }
/* P */
.g-pl-125--sm {
padding-left: 8.92857143rem !important; }
/* P */
.g-pl-130--sm {
padding-left: 9.28571429rem !important; }
/* P */
.g-pl-135--sm {
padding-left: 9.64285714rem !important; }
/* P */
.g-pl-140--sm {
padding-left: 10rem !important; }
/* P */
.g-pl-145--sm {
padding-left: 10.35714286rem !important; }
/* P */
.g-pl-150--sm {
padding-left: 10.71428571rem !important; }
/* P */
.g-pl-155--sm {
padding-left: 11.07142857rem !important; }
/* P */
.g-pl-160--sm {
padding-left: 11.42857143rem !important; }
/* P */
.g-pl-165--sm {
padding-left: 11.78571429rem !important; }
/* P */
.g-pl-170--sm {
padding-left: 12.14285714rem !important; } }
/* Padding Spaces (md)
------------------------------------*/
/* P */
@media (min-width: 768px) {
.g-pa-0--md {
padding: 0 !important; }
.g-px-0--md {
padding-left: 0 !important;
padding-right: 0 !important; }
.g-py-0--md {
padding-top: 0 !important;
padding-bottom: 0 !important; }
.g-pt-0--md {
padding-top: 0 !important; }
.g-pr-0--md {
padding-right: 0 !important; }
.g-pb-0--md {
padding-bottom: 0 !important; }
.g-pl-0--md {
padding-left: 0 !important; }
/* Padding Around */
.g-pa-2--md {
padding: 0.14285714rem !important; }
.g-pa-3--md {
padding: 0.21428571rem !important; }
.g-pa-5--md {
padding: 0.35714286rem !important; }
.g-pa-7--md {
padding: 0.5rem !important; }
.g-pa-10--md {
padding: 0.71428571rem !important; }
.g-pa-15--md {
padding: 1.07142857rem !important; }
.g-pa-20--md {
padding: 1.42857143rem !important; }
.g-pa-25--md {
padding: 1.78571429rem !important; }
.g-pa-30--md {
padding: 2.14285714rem !important; }
.g-pa-35--md {
padding: 2.5rem !important; }
.g-pa-40--md {
padding: 2.85714286rem !important; }
.g-pa-45--md {
padding: 3.21428571rem !important; }
.g-pa-50--md {
padding: 3.57142857rem !important; }
.g-pa-55--md {
padding: 3.92857143rem !important; }
.g-pa-60--md {
padding: 4.28571429rem !important; }
.g-pa-65--md {
padding: 4.64285714rem !important; }
.g-pa-70--md {
padding: 5rem !important; }
.g-pa-75--md {
padding: 5.35714286rem !important; }
.g-pa-80--md {
padding: 5.71428571rem !important; }
.g-pa-85--md {
padding: 6.07142857rem !important; }
.g-pa-90--md {
padding: 6.42857143rem !important; }
.g-pa-95--md {
padding: 6.78571429rem !important; }
.g-pa-100--md {
padding: 7.14285714rem !important; }
.g-pa-105--md {
padding: 7.5rem !important; }
.g-pa-110--md {
padding: 7.85714286rem !important; }
.g-pa-115--md {
padding: 8.21428571rem !important; }
.g-pa-120--md {
padding: 8.57142857rem !important; }
.g-pa-125--md {
padding: 8.92857143rem !important; }
.g-pa-130--md {
padding: 9.28571429rem !important; }
.g-pa-135--md {
padding: 9.64285714rem !important; }
.g-pa-140--md {
padding: 10rem !important; }
.g-pa-145--md {
padding: 10.35714286rem !important; }
.g-pa-150--md {
padding: 10.71428571rem !important; }
/* Padding X */
.g-px-1--md {
padding-left: 0.07142857rem !important;
padding-right: 0.07142857rem !important; }
.g-px-2--md {
padding-left: 0.14285714rem !important;
padding-right: 0.14285714rem !important; }
.g-px-3--md {
padding-left: 0.21428571rem !important;
padding-right: 0.21428571rem !important; }
.g-px-4--md {
padding-left: 0.28571429rem !important;
padding-right: 0.28571429rem !important; }
.g-px-5--md {
padding-left: 0.35714286rem !important;
padding-right: 0.35714286rem !important; }
.g-px-6--md {
padding-left: 0.42857143rem !important;
padding-right: 0.42857143rem !important; }
.g-px-7--md {
padding-left: 0.5rem !important;
padding-right: 0.5rem !important; }
.g-px-8--md {
padding-left: 0.57142857rem !important;
padding-right: 0.57142857rem !important; }
.g-px-9--md {
padding-left: 0.64285714rem !important;
padding-right: 0.64285714rem !important; }
.g-px-10--md {
padding-left: 0.71428571rem !important;
padding-right: 0.71428571rem !important; }
.g-px-11--md {
padding-left: 0.78571429rem !important;
padding-right: 0.78571429rem !important; }
.g-px-12--md {
padding-left: 0.85714286rem !important;
padding-right: 0.85714286rem !important; }
.g-px-13--md {
padding-left: 0.92857143rem !important;
padding-right: 0.92857143rem !important; }
.g-px-14--md {
padding-left: 1rem !important;
padding-right: 1rem !important; }
.g-px-15--md {
padding-left: 1.07142857rem !important;
padding-right: 1.07142857rem !important; }
.g-px-16--md {
padding-left: 1.14285714rem !important;
padding-right: 1.14285714rem !important; }
.g-px-17--md {
padding-left: 1.21428571rem !important;
padding-right: 1.21428571rem !important; }
.g-px-18--md {
padding-left: 1.28571429rem !important;
padding-right: 1.28571429rem !important; }
.g-px-19--md {
padding-left: 1.35714286rem !important;
padding-right: 1.35714286rem !important; }
.g-px-10--md {
padding-left: 0.71428571rem !important;
padding-right: 0.71428571rem !important; }
.g-px-15--md {
padding-left: 1.07142857rem !important;
padding-right: 1.07142857rem !important; }
.g-px-20--md {
padding-left: 1.42857143rem !important;
padding-right: 1.42857143rem !important; }
.g-px-25--md {
padding-left: 1.78571429rem !important;
padding-right: 1.78571429rem !important; }
.g-px-30--md {
padding-left: 2.14285714rem !important;
padding-right: 2.14285714rem !important; }
.g-px-35--md {
padding-left: 2.5rem !important;
padding-right: 2.5rem !important; }
.g-px-40--md {
padding-left: 2.85714286rem !important;
padding-right: 2.85714286rem !important; }
.g-px-45--md {
padding-left: 3.21428571rem !important;
padding-right: 3.21428571rem !important; }
.g-px-50--md {
padding-left: 3.57142857rem !important;
padding-right: 3.57142857rem !important; }
.g-px-55--md {
padding-left: 3.92857143rem !important;
padding-right: 3.92857143rem !important; }
.g-px-60--md {
padding-left: 4.28571429rem !important;
padding-right: 4.28571429rem !important; }
.g-px-65--md {
padding-left: 4.64285714rem !important;
padding-right: 4.64285714rem !important; }
.g-px-70--md {
padding-left: 5rem !important;
padding-right: 5rem !important; }
.g-px-75--md {
padding-left: 5.35714286rem !important;
padding-right: 5.35714286rem !important; }
.g-px-80--md {
padding-left: 5.71428571rem !important;
padding-right: 5.71428571rem !important; }
.g-px-85--md {
padding-left: 6.07142857rem !important;
padding-right: 6.07142857rem !important; }
.g-px-90--md {
padding-left: 6.42857143rem !important;
padding-right: 6.42857143rem !important; }
.g-px-95--md {
padding-left: 6.78571429rem !important;
padding-right: 6.78571429rem !important; }
.g-px-100--md {
padding-left: 7.14285714rem !important;
padding-right: 7.14285714rem !important; }
.g-px-105--md {
padding-left: 7.5rem !important;
padding-right: 7.5rem !important; }
.g-px-110--md {
padding-left: 7.85714286rem !important;
padding-right: 7.85714286rem !important; }
.g-px-115--md {
padding-left: 8.21428571rem !important;
padding-right: 8.21428571rem !important; }
.g-px-120--md {
padding-left: 8.57142857rem !important;
padding-right: 8.57142857rem !important; }
.g-px-125--md {
padding-left: 8.92857143rem !important;
padding-right: 8.92857143rem !important; }
.g-px-130--md {
padding-left: 9.28571429rem !important;
padding-right: 9.28571429rem !important; }
.g-px-135--md {
padding-left: 9.64285714rem !important;
padding-right: 9.64285714rem !important; }
.g-px-140--md {
padding-left: 10rem !important;
padding-right: 10rem !important; }
.g-px-145--md {
padding-left: 10.35714286rem !important;
padding-right: 10.35714286rem !important; }
.g-px-150--md {
padding-left: 10.71428571rem !important;
padding-right: 10.71428571rem !important; }
/* Padding Y */
.g-py-1--md {
padding-top: 0.07142857rem !important;
padding-bottom: 0.07142857rem !important; }
.g-py-2--md {
padding-top: 0.14285714rem !important;
padding-bottom: 0.14285714rem !important; }
.g-py-3--md {
padding-top: 0.21428571rem !important;
padding-bottom: 0.21428571rem !important; }
.g-py-4--md {
padding-top: 0.28571429rem !important;
padding-bottom: 0.28571429rem !important; }
.g-py-5--md {
padding-top: 0.35714286rem !important;
padding-bottom: 0.35714286rem !important; }
.g-py-6--md {
padding-top: 0.42857143rem !important;
padding-bottom: 0.42857143rem !important; }
.g-py-7--md {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important; }
.g-py-8--md {
padding-top: 0.57142857rem !important;
padding-bottom: 0.57142857rem !important; }
.g-py-9--md {
padding-top: 0.64285714rem !important;
padding-bottom: 0.64285714rem !important; }
.g-py-10--md {
padding-top: 0.71428571rem !important;
padding-bottom: 0.71428571rem !important; }
.g-py-11--md {
padding-top: 0.78571429rem !important;
padding-bottom: 0.78571429rem !important; }
.g-py-12--md {
padding-top: 0.85714286rem !important;
padding-bottom: 0.85714286rem !important; }
.g-py-13--md {
padding-top: 0.92857143rem !important;
padding-bottom: 0.92857143rem !important; }
.g-py-14--md {
padding-top: 1rem !important;
padding-bottom: 1rem !important; }
.g-py-15--md {
padding-top: 1.07142857rem !important;
padding-bottom: 1.07142857rem !important; }
.g-py-16--md {
padding-top: 1.14285714rem !important;
padding-bottom: 1.14285714rem !important; }
.g-py-17--md {
padding-top: 1.21428571rem !important;
padding-bottom: 1.21428571rem !important; }
.g-py-18--md {
padding-top: 1.28571429rem !important;
padding-bottom: 1.28571429rem !important; }
.g-py-19--md {
padding-top: 1.35714286rem !important;
padding-bottom: 1.35714286rem !important; }
/* P */
.g-py-10--md {
padding-top: 0.71428571rem !important;
padding-bottom: 0.71428571rem !important; }
/* P */
.g-py-15--md {
padding-top: 1.07142857rem !important;
padding-bottom: 1.07142857rem !important; }
/* P */
.g-py-20--md {
padding-top: 1.42857143rem !important;
padding-bottom: 1.42857143rem !important; }
/* P */
.g-py-25--md {
padding-top: 1.78571429rem !important;
padding-bottom: 1.78571429rem !important; }
/* P */
.g-py-30--md {
padding-top: 2.14285714rem !important;
padding-bottom: 2.14285714rem !important; }
/* P */
.g-py-35--md {
padding-top: 2.5rem !important;
padding-bottom: 2.5rem !important; }
/* P */
.g-py-40--md {
padding-top: 2.85714286rem !important;
padding-bottom: 2.85714286rem !important; }
/* P */
.g-py-45--md {
padding-top: 3.21428571rem !important;
padding-bottom: 3.21428571rem !important; }
/* P */
.g-py-50--md {
padding-top: 3.57142857rem !important;
padding-bottom: 3.57142857rem !important; }
/* P */
.g-py-55--md {
padding-top: 3.92857143rem !important;
padding-bottom: 3.92857143rem !important; }
/* P */
.g-py-60--md {
padding-top: 4.28571429rem !important;
padding-bottom: 4.28571429rem !important; }
/* P */
.g-py-65--md {
padding-top: 4.64285714rem !important;
padding-bottom: 4.64285714rem !important; }
/* P */
.g-py-70--md {
padding-top: 5rem !important;
padding-bottom: 5rem !important; }
/* P */
.g-py-75--md {
padding-top: 5.35714286rem !important;
padding-bottom: 5.35714286rem !important; }
/* P */
.g-py-80--md {
padding-top: 5.71428571rem !important;
padding-bottom: 5.71428571rem !important; }
/* P */
.g-py-85--md {
padding-top: 6.07142857rem !important;
padding-bottom: 6.07142857rem !important; }
/* P */
.g-py-90--md {
padding-top: 6.42857143rem !important;
padding-bottom: 6.42857143rem !important; }
/* P */
.g-py-95--md {
padding-top: 6.78571429rem !important;
padding-bottom: 6.78571429rem !important; }
/* P */
.g-py-100--md {
padding-top: 7.14285714rem !important;
padding-bottom: 7.14285714rem !important; }
/* P */
.g-py-105--md {
padding-top: 7.5rem !important;
padding-bottom: 7.5rem !important; }
/* P */
.g-py-110--md {
padding-top: 7.85714286rem !important;
padding-bottom: 7.85714286rem !important; }
/* P */
.g-py-115--md {
padding-top: 8.21428571rem !important;
padding-bottom: 8.21428571rem !important; }
/* P */
.g-py-120--md {
padding-top: 8.57142857rem !important;
padding-bottom: 8.57142857rem !important; }
/* P */
.g-py-125--md {
padding-top: 8.92857143rem !important;
padding-bottom: 8.92857143rem !important; }
/* P */
.g-py-130--md {
padding-top: 9.28571429rem !important;
padding-bottom: 9.28571429rem !important; }
/* P */
.g-py-135--md {
padding-top: 9.64285714rem !important;
padding-bottom: 9.64285714rem !important; }
/* P */
.g-py-140--md {
padding-top: 10rem !important;
padding-bottom: 10rem !important; }
/* P */
.g-py-145--md {
padding-top: 10.35714286rem !important;
padding-bottom: 10.35714286rem !important; }
/* P */
.g-py-150--md {
padding-top: 10.71428571rem !important;
padding-bottom: 10.71428571rem !important; }
/* P */
.g-py-155--md {
padding-top: 11.07142857rem !important;
padding-bottom: 11.07142857rem !important; }
/* P */
.g-py-160--md {
padding-top: 11.42857143rem !important;
padding-bottom: 11.42857143rem !important; }
/* P */
.g-py-165--md {
padding-top: 11.78571429rem !important;
padding-bottom: 11.78571429rem !important; }
/* P */
.g-py-170--md {
padding-top: 12.14285714rem !important;
padding-bottom: 12.14285714rem !important; }
/* P */
.g-py-175--md {
padding-top: 12.5rem !important;
padding-bottom: 12.5rem !important; }
/* P */
.g-py-180--md {
padding-top: 12.85714286rem !important;
padding-bottom: 12.85714286rem !important; }
/* P */
.g-py-185--md {
padding-top: 13.21428571rem !important;
padding-bottom: 13.21428571rem !important; }
/* P */
.g-py-190--md {
padding-top: 13.57142857rem !important;
padding-bottom: 13.57142857rem !important; }
/* P */
.g-py-195--md {
padding-top: 13.92857143rem !important;
padding-bottom: 13.92857143rem !important; }
/* P */
.g-py-200--md {
padding-top: 14.28571429rem !important;
padding-bottom: 14.28571429rem !important; }
/* P */
.g-py-205--md {
padding-top: 14.64285714rem !important;
padding-bottom: 14.64285714rem !important; }
/* P */
.g-py-210--md {
padding-top: 15rem !important;
padding-bottom: 15rem !important; }
/* Padding Top */
.g-pt-0--md {
padding-top: 0px !important; }
.g-pt-1--md {
padding-top: 0.07142857rem !important; }
.g-pt-2--md {
padding-top: 0.14285714rem !important; }
.g-pt-3--md {
padding-top: 0.21428571rem !important; }
.g-pt-4--md {
padding-top: 0.28571429rem !important; }
.g-pt-5--md {
padding-top: 0.35714286rem !important; }
.g-pt-6--md {
padding-top: 0.42857143rem !important; }
.g-pt-7--md {
padding-top: 0.5rem !important; }
.g-pt-8--md {
padding-top: 0.57142857rem !important; }
.g-pt-9--md {
padding-top: 0.64285714rem !important; }
.g-pt-10--md {
padding-top: 0.71428571rem !important; }
.g-pt-11--md {
padding-top: 0.78571429rem !important; }
.g-pt-12--md {
padding-top: 0.85714286rem !important; }
.g-pt-13--md {
padding-top: 0.92857143rem !important; }
.g-pt-14--md {
padding-top: 1rem !important; }
.g-pt-15--md {
padding-top: 1.07142857rem !important; }
.g-pt-16--md {
padding-top: 1.14285714rem !important; }
.g-pt-17--md {
padding-top: 1.21428571rem !important; }
.g-pt-18--md {
padding-top: 1.28571429rem !important; }
.g-pt-19--md {
padding-top: 1.35714286rem !important; }
.g-pt-10--md {
padding-top: 0.71428571rem !important; }
.g-pt-15--md {
padding-top: 1.07142857rem !important; }
.g-pt-20--md {
padding-top: 1.42857143rem !important; }
.g-pt-25--md {
padding-top: 1.78571429rem !important; }
.g-pt-30--md {
padding-top: 2.14285714rem !important; }
.g-pt-35--md {
padding-top: 2.5rem !important; }
.g-pt-40--md {
padding-top: 2.85714286rem !important; }
.g-pt-45--md {
padding-top: 3.21428571rem !important; }
.g-pt-50--md {
padding-top: 3.57142857rem !important; }
.g-pt-55--md {
padding-top: 3.92857143rem !important; }
.g-pt-60--md {
padding-top: 4.28571429rem !important; }
.g-pt-65--md {
padding-top: 4.64285714rem !important; }
.g-pt-70--md {
padding-top: 5rem !important; }
.g-pt-75--md {
padding-top: 5.35714286rem !important; }
.g-pt-80--md {
padding-top: 5.71428571rem !important; }
.g-pt-85--md {
padding-top: 6.07142857rem !important; }
.g-pt-90--md {
padding-top: 6.42857143rem !important; }
.g-pt-95--md {
padding-top: 6.78571429rem !important; }
.g-pt-100--md {
padding-top: 7.14285714rem !important; }
.g-pt-105--md {
padding-top: 7.5rem !important; }
.g-pt-110--md {
padding-top: 7.85714286rem !important; }
.g-pt-115--md {
padding-top: 8.21428571rem !important; }
.g-pt-120--md {
padding-top: 8.57142857rem !important; }
.g-pt-125--md {
padding-top: 8.92857143rem !important; }
.g-pt-130--md {
padding-top: 9.28571429rem !important; }
.g-pt-135--md {
padding-top: 9.64285714rem !important; }
.g-pt-140--md {
padding-top: 10rem !important; }
.g-pt-145--md {
padding-top: 10.35714286rem !important; }
.g-pt-150--md {
padding-top: 10.71428571rem !important; }
/* Padding Right */
.g-pr-0--md {
padding-right: 0px !important; }
.g-pr-1--md {
padding-right: 0.07142857rem !important; }
.g-pr-2--md {
padding-right: 0.14285714rem !important; }
.g-pr-3--md {
padding-right: 0.21428571rem !important; }
.g-pr-4--md {
padding-right: 0.28571429rem !important; }
.g-pr-5--md {
padding-right: 0.35714286rem !important; }
.g-pr-6--md {
padding-right: 0.42857143rem !important; }
.g-pr-7--md {
padding-right: 0.5rem !important; }
.g-pr-8--md {
padding-right: 0.57142857rem !important; }
.g-pr-9--md {
padding-right: 0.64285714rem !important; }
/* P */
.g-pr-10--md {
padding-right: 0.71428571rem !important; }
/* P */
.g-pr-15--md {
padding-right: 1.07142857rem !important; }
/* P */
.g-pr-20--md {
padding-right: 1.42857143rem !important; }
/* P */
.g-pr-25--md {
padding-right: 1.78571429rem !important; }
/* P */
.g-pr-30--md {
padding-right: 2.14285714rem !important; }
/* P */
.g-pr-35--md {
padding-right: 2.5rem !important; }
/* P */
.g-pr-40--md {
padding-right: 2.85714286rem !important; }
/* P */
.g-pr-45--md {
padding-right: 3.21428571rem !important; }
/* P */
.g-pr-50--md {
padding-right: 3.57142857rem !important; }
/* P */
.g-pr-55--md {
padding-right: 3.92857143rem !important; }
/* P */
.g-pr-60--md {
padding-right: 4.28571429rem !important; }
/* P */
.g-pr-65--md {
padding-right: 4.64285714rem !important; }
/* P */
.g-pr-70--md {
padding-right: 5rem !important; }
/* P */
.g-pr-75--md {
padding-right: 5.35714286rem !important; }
/* P */
.g-pr-80--md {
padding-right: 5.71428571rem !important; }
/* P */
.g-pr-85--md {
padding-right: 6.07142857rem !important; }
/* P */
.g-pr-90--md {
padding-right: 6.42857143rem !important; }
/* P */
.g-pr-95--md {
padding-right: 6.78571429rem !important; }
/* P */
.g-pr-100--md {
padding-right: 7.14285714rem !important; }
/* P */
.g-pr-105--md {
padding-right: 7.5rem !important; }
/* P */
.g-pr-110--md {
padding-right: 7.85714286rem !important; }
/* P */
.g-pr-115--md {
padding-right: 8.21428571rem !important; }
/* P */
.g-pr-120--md {
padding-right: 8.57142857rem !important; }
/* P */
.g-pr-125--md {
padding-right: 8.92857143rem !important; }
/* P */
.g-pr-130--md {
padding-right: 9.28571429rem !important; }
/* P */
.g-pr-135--md {
padding-right: 9.64285714rem !important; }
/* P */
.g-pr-140--md {
padding-right: 10rem !important; }
/* P */
.g-pr-145--md {
padding-right: 10.35714286rem !important; }
/* P */
.g-pr-150--md {
padding-right: 10.71428571rem !important; }
/* P */
.g-pr-155--md {
padding-right: 11.07142857rem !important; }
/* P */
.g-pr-160--md {
padding-right: 11.42857143rem !important; }
/* P */
.g-pr-165--md {
padding-right: 11.78571429rem !important; }
/* P */
.g-pr-170--md {
padding-right: 12.14285714rem !important; }
/* Padding Bottom */
.g-pb-0--md {
padding-bottom: 0px !important; }
.g-pb-1--md {
padding-bottom: 0.07142857rem !important; }
.g-pb-2--md {
padding-bottom: 0.14285714rem !important; }
.g-pb-3--md {
padding-bottom: 0.21428571rem !important; }
.g-pb-4--md {
padding-bottom: 0.28571429rem !important; }
.g-pb-5--md {
padding-bottom: 0.35714286rem !important; }
.g-pb-6--md {
padding-bottom: 0.42857143rem !important; }
.g-pb-7--md {
padding-bottom: 0.5rem !important; }
.g-pb-8--md {
padding-bottom: 0.57142857rem !important; }
.g-pb-9--md {
padding-bottom: 0.64285714rem !important; }
.g-pb-10--md {
padding-bottom: 0.71428571rem !important; }
.g-pb-15--md {
padding-bottom: 1.07142857rem !important; }
.g-pb-20--md {
padding-bottom: 1.42857143rem !important; }
.g-pb-25--md {
padding-bottom: 1.78571429rem !important; }
.g-pb-30--md {
padding-bottom: 2.14285714rem !important; }
.g-pb-35--md {
padding-bottom: 2.5rem !important; }
.g-pb-40--md {
padding-bottom: 2.85714286rem !important; }
.g-pb-45--md {
padding-bottom: 3.21428571rem !important; }
.g-pb-50--md {
padding-bottom: 3.57142857rem !important; }
.g-pb-55--md {
padding-bottom: 3.92857143rem !important; }
.g-pb-60--md {
padding-bottom: 4.28571429rem !important; }
.g-pb-65--md {
padding-bottom: 4.64285714rem !important; }
.g-pb-70--md {
padding-bottom: 5rem !important; }
.g-pb-75--md {
padding-bottom: 5.35714286rem !important; }
.g-pb-80--md {
padding-bottom: 5.71428571rem !important; }
.g-pb-85--md {
padding-bottom: 6.07142857rem !important; }
.g-pb-90--md {
padding-bottom: 6.42857143rem !important; }
.g-pb-95--md {
padding-bottom: 6.78571429rem !important; }
.g-pb-100--md {
padding-bottom: 7.14285714rem !important; }
.g-pb-105--md {
padding-bottom: 7.5rem !important; }
.g-pb-110--md {
padding-bottom: 7.85714286rem !important; }
.g-pb-115--md {
padding-bottom: 8.21428571rem !important; }
.g-pb-120--md {
padding-bottom: 8.57142857rem !important; }
.g-pb-125--md {
padding-bottom: 8.92857143rem !important; }
.g-pb-130--md {
padding-bottom: 9.28571429rem !important; }
.g-pb-135--md {
padding-bottom: 9.64285714rem !important; }
.g-pb-140--md {
padding-bottom: 10rem !important; }
.g-pb-145--md {
padding-bottom: 10.35714286rem !important; }
.g-pb-150--md {
padding-bottom: 10.71428571rem !important; }
/* Padding Left */
.g-pl-0--md {
padding-left: 0px !important; }
.g-pl-1--md {
padding-left: 0.07142857rem !important; }
.g-pl-2--md {
padding-left: 0.14285714rem !important; }
.g-pl-3--md {
padding-left: 0.21428571rem !important; }
.g-pl-4--md {
padding-left: 0.28571429rem !important; }
.g-pl-5--md {
padding-left: 0.35714286rem !important; }
.g-pl-6--md {
padding-left: 0.42857143rem !important; }
.g-pl-7--md {
padding-left: 0.5rem !important; }
.g-pl-8--md {
padding-left: 0.57142857rem !important; }
.g-pl-9--md {
padding-left: 0.64285714rem !important; }
/* P */
.g-pl-10--md {
padding-left: 0.71428571rem !important; }
/* P */
.g-pl-15--md {
padding-left: 1.07142857rem !important; }
/* P */
.g-pl-20--md {
padding-left: 1.42857143rem !important; }
/* P */
.g-pl-25--md {
padding-left: 1.78571429rem !important; }
/* P */
.g-pl-30--md {
padding-left: 2.14285714rem !important; }
/* P */
.g-pl-35--md {
padding-left: 2.5rem !important; }
/* P */
.g-pl-40--md {
padding-left: 2.85714286rem !important; }
/* P */
.g-pl-45--md {
padding-left: 3.21428571rem !important; }
/* P */
.g-pl-50--md {
padding-left: 3.57142857rem !important; }
/* P */
.g-pl-55--md {
padding-left: 3.92857143rem !important; }
/* P */
.g-pl-60--md {
padding-left: 4.28571429rem !important; }
/* P */
.g-pl-65--md {
padding-left: 4.64285714rem !important; }
/* P */
.g-pl-70--md {
padding-left: 5rem !important; }
/* P */
.g-pl-75--md {
padding-left: 5.35714286rem !important; }
/* P */
.g-pl-80--md {
padding-left: 5.71428571rem !important; }
/* P */
.g-pl-85--md {
padding-left: 6.07142857rem !important; }
/* P */
.g-pl-90--md {
padding-left: 6.42857143rem !important; }
/* P */
.g-pl-95--md {
padding-left: 6.78571429rem !important; }
/* P */
.g-pl-100--md {
padding-left: 7.14285714rem !important; }
/* P */
.g-pl-105--md {
padding-left: 7.5rem !important; }
/* P */
.g-pl-110--md {
padding-left: 7.85714286rem !important; }
/* P */
.g-pl-115--md {
padding-left: 8.21428571rem !important; }
/* P */
.g-pl-120--md {
padding-left: 8.57142857rem !important; }
/* P */
.g-pl-125--md {
padding-left: 8.92857143rem !important; }
/* P */
.g-pl-130--md {
padding-left: 9.28571429rem !important; }
/* P */
.g-pl-135--md {
padding-left: 9.64285714rem !important; }
/* P */
.g-pl-140--md {
padding-left: 10rem !important; }
/* P */
.g-pl-145--md {
padding-left: 10.35714286rem !important; }
/* P */
.g-pl-150--md {
padding-left: 10.71428571rem !important; }
/* P */
.g-pl-155--md {
padding-left: 11.07142857rem !important; }
/* P */
.g-pl-160--md {
padding-left: 11.42857143rem !important; }
/* P */
.g-pl-165--md {
padding-left: 11.78571429rem !important; }
/* P */
.g-pl-170--md {
padding-left: 12.14285714rem !important; } }
/* Padding Spaces (lg) P
------------------------------------*/
/* P */
@media (min-width: 992px) {
.g-pa-0--lg {
padding: 0 !important; }
.g-px-0--lg {
padding-left: 0 !important;
padding-right: 0 !important; }
.g-py-0--lg {
padding-top: 0 !important;
padding-bottom: 0 !important; }
.g-pt-0--lg {
padding-top: 0 !important; }
.g-pr-0--lg {
padding-right: 0 !important; }
.g-pb-0--lg {
padding-bottom: 0 !important; }
.g-pl-0--lg {
padding-left: 0 !important; }
/* Padding Around */
.g-pa-2--lg {
padding: 0.14285714rem !important; }
.g-pa-3--lg {
padding: 0.21428571rem !important; }
.g-pa-5--lg {
padding: 0.35714286rem !important; }
.g-pa-7--lg {
padding: 0.5rem !important; }
.g-pa-10--lg {
padding: 0.71428571rem !important; }
.g-pa-15--lg {
padding: 1.07142857rem !important; }
.g-pa-20--lg {
padding: 1.42857143rem !important; }
.g-pa-25--lg {
padding: 1.78571429rem !important; }
.g-pa-30--lg {
padding: 2.14285714rem !important; }
.g-pa-35--lg {
padding: 2.5rem !important; }
.g-pa-40--lg {
padding: 2.85714286rem !important; }
.g-pa-45--lg {
padding: 3.21428571rem !important; }
.g-pa-50--lg {
padding: 3.57142857rem !important; }
.g-pa-55--lg {
padding: 3.92857143rem !important; }
.g-pa-60--lg {
padding: 4.28571429rem !important; }
.g-pa-65--lg {
padding: 4.64285714rem !important; }
.g-pa-70--lg {
padding: 5rem !important; }
.g-pa-75--lg {
padding: 5.35714286rem !important; }
.g-pa-80--lg {
padding: 5.71428571rem !important; }
.g-pa-85--lg {
padding: 6.07142857rem !important; }
.g-pa-90--lg {
padding: 6.42857143rem !important; }
.g-pa-95--lg {
padding: 6.78571429rem !important; }
.g-pa-100--lg {
padding: 7.14285714rem !important; }
.g-pa-105--lg {
padding: 7.5rem !important; }
.g-pa-110--lg {
padding: 7.85714286rem !important; }
.g-pa-115--lg {
padding: 8.21428571rem !important; }
.g-pa-120--lg {
padding: 8.57142857rem !important; }
.g-pa-125--lg {
padding: 8.92857143rem !important; }
.g-pa-130--lg {
padding: 9.28571429rem !important; }
.g-pa-135--lg {
padding: 9.64285714rem !important; }
.g-pa-140--lg {
padding: 10rem !important; }
.g-pa-145--lg {
padding: 10.35714286rem !important; }
.g-pa-150--lg {
padding: 10.71428571rem !important; }
/* Padding X */
.g-px-1--lg {
padding-left: 0.07142857rem !important;
padding-right: 0.07142857rem !important; }
.g-px-2--lg {
padding-left: 0.14285714rem !important;
padding-right: 0.14285714rem !important; }
.g-px-3--lg {
padding-left: 0.21428571rem !important;
padding-right: 0.21428571rem !important; }
.g-px-4--lg {
padding-left: 0.28571429rem !important;
padding-right: 0.28571429rem !important; }
.g-px-5--lg {
padding-left: 0.35714286rem !important;
padding-right: 0.35714286rem !important; }
.g-px-6--lg {
padding-left: 0.42857143rem !important;
padding-right: 0.42857143rem !important; }
.g-px-7--lg {
padding-left: 0.5rem !important;
padding-right: 0.5rem !important; }
.g-px-8--lg {
padding-left: 0.57142857rem !important;
padding-right: 0.57142857rem !important; }
.g-px-9--lg {
padding-left: 0.64285714rem !important;
padding-right: 0.64285714rem !important; }
.g-px-10--lg {
padding-left: 0.71428571rem !important;
padding-right: 0.71428571rem !important; }
.g-px-11--lg {
padding-left: 0.78571429rem !important;
padding-right: 0.78571429rem !important; }
.g-px-12--lg {
padding-left: 0.85714286rem !important;
padding-right: 0.85714286rem !important; }
.g-px-13--lg {
padding-left: 0.92857143rem !important;
padding-right: 0.92857143rem !important; }
.g-px-14--lg {
padding-left: 1rem !important;
padding-right: 1rem !important; }
.g-px-15--lg {
padding-left: 1.07142857rem !important;
padding-right: 1.07142857rem !important; }
.g-px-16--lg {
padding-left: 1.14285714rem !important;
padding-right: 1.14285714rem !important; }
.g-px-17--lg {
padding-left: 1.21428571rem !important;
padding-right: 1.21428571rem !important; }
.g-px-18--lg {
padding-left: 1.28571429rem !important;
padding-right: 1.28571429rem !important; }
.g-px-19--lg {
padding-left: 1.35714286rem !important;
padding-right: 1.35714286rem !important; }
.g-px-10--lg {
padding-left: 0.71428571rem !important;
padding-right: 0.71428571rem !important; }
.g-px-15--lg {
padding-left: 1.07142857rem !important;
padding-right: 1.07142857rem !important; }
.g-px-20--lg {
padding-left: 1.42857143rem !important;
padding-right: 1.42857143rem !important; }
.g-px-25--lg {
padding-left: 1.78571429rem !important;
padding-right: 1.78571429rem !important; }
.g-px-30--lg {
padding-left: 2.14285714rem !important;
padding-right: 2.14285714rem !important; }
.g-px-35--lg {
padding-left: 2.5rem !important;
padding-right: 2.5rem !important; }
.g-px-40--lg {
padding-left: 2.85714286rem !important;
padding-right: 2.85714286rem !important; }
.g-px-45--lg {
padding-left: 3.21428571rem !important;
padding-right: 3.21428571rem !important; }
.g-px-50--lg {
padding-left: 3.57142857rem !important;
padding-right: 3.57142857rem !important; }
.g-px-55--lg {
padding-left: 3.92857143rem !important;
padding-right: 3.92857143rem !important; }
.g-px-60--lg {
padding-left: 4.28571429rem !important;
padding-right: 4.28571429rem !important; }
.g-px-65--lg {
padding-left: 4.64285714rem !important;
padding-right: 4.64285714rem !important; }
.g-px-70--lg {
padding-left: 5rem !important;
padding-right: 5rem !important; }
.g-px-75--lg {
padding-left: 5.35714286rem !important;
padding-right: 5.35714286rem !important; }
.g-px-80--lg {
padding-left: 5.71428571rem !important;
padding-right: 5.71428571rem !important; }
.g-px-85--lg {
padding-left: 6.07142857rem !important;
padding-right: 6.07142857rem !important; }
.g-px-90--lg {
padding-left: 6.42857143rem !important;
padding-right: 6.42857143rem !important; }
.g-px-95--lg {
padding-left: 6.78571429rem !important;
padding-right: 6.78571429rem !important; }
.g-px-100--lg {
padding-left: 7.14285714rem !important;
padding-right: 7.14285714rem !important; }
.g-px-105--lg {
padding-left: 7.5rem !important;
padding-right: 7.5rem !important; }
.g-px-110--lg {
padding-left: 7.85714286rem !important;
padding-right: 7.85714286rem !important; }
.g-px-115--lg {
padding-left: 8.21428571rem !important;
padding-right: 8.21428571rem !important; }
.g-px-120--lg {
padding-left: 8.57142857rem !important;
padding-right: 8.57142857rem !important; }
.g-px-125--lg {
padding-left: 8.92857143rem !important;
padding-right: 8.92857143rem !important; }
.g-px-130--lg {
padding-left: 9.28571429rem !important;
padding-right: 9.28571429rem !important; }
.g-px-135--lg {
padding-left: 9.64285714rem !important;
padding-right: 9.64285714rem !important; }
.g-px-140--lg {
padding-left: 10rem !important;
padding-right: 10rem !important; }
.g-px-145--lg {
padding-left: 10.35714286rem !important;
padding-right: 10.35714286rem !important; }
.g-px-150--lg {
padding-left: 10.71428571rem !important;
padding-right: 10.71428571rem !important; }
/* Padding Y */
.g-py-1--lg {
padding-top: 0.07142857rem !important;
padding-bottom: 0.07142857rem !important; }
.g-py-2--lg {
padding-top: 0.14285714rem !important;
padding-bottom: 0.14285714rem !important; }
.g-py-3--lg {
padding-top: 0.21428571rem !important;
padding-bottom: 0.21428571rem !important; }
.g-py-4--lg {
padding-top: 0.28571429rem !important;
padding-bottom: 0.28571429rem !important; }
.g-py-5--lg {
padding-top: 0.35714286rem !important;
padding-bottom: 0.35714286rem !important; }
.g-py-6--lg {
padding-top: 0.42857143rem !important;
padding-bottom: 0.42857143rem !important; }
.g-py-7--lg {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important; }
.g-py-8--lg {
padding-top: 0.57142857rem !important;
padding-bottom: 0.57142857rem !important; }
.g-py-9--lg {
padding-top: 0.64285714rem !important;
padding-bottom: 0.64285714rem !important; }
.g-py-10--lg {
padding-top: 0.71428571rem !important;
padding-bottom: 0.71428571rem !important; }
.g-py-11--lg {
padding-top: 0.78571429rem !important;
padding-bottom: 0.78571429rem !important; }
.g-py-12--lg {
padding-top: 0.85714286rem !important;
padding-bottom: 0.85714286rem !important; }
.g-py-13--lg {
padding-top: 0.92857143rem !important;
padding-bottom: 0.92857143rem !important; }
.g-py-14--lg {
padding-top: 1rem !important;
padding-bottom: 1rem !important; }
.g-py-15--lg {
padding-top: 1.07142857rem !important;
padding-bottom: 1.07142857rem !important; }
.g-py-16--lg {
padding-top: 1.14285714rem !important;
padding-bottom: 1.14285714rem !important; }
.g-py-17--lg {
padding-top: 1.21428571rem !important;
padding-bottom: 1.21428571rem !important; }
.g-py-18--lg {
padding-top: 1.28571429rem !important;
padding-bottom: 1.28571429rem !important; }
.g-py-19--lg {
padding-top: 1.35714286rem !important;
padding-bottom: 1.35714286rem !important; }
/* P */
.g-py-10--lg {
padding-top: 0.71428571rem !important;
padding-bottom: 0.71428571rem !important; }
/* P */
.g-py-15--lg {
padding-top: 1.07142857rem !important;
padding-bottom: 1.07142857rem !important; }
/* P */
.g-py-20--lg {
padding-top: 1.42857143rem !important;
padding-bottom: 1.42857143rem !important; }
/* P */
.g-py-25--lg {
padding-top: 1.78571429rem !important;
padding-bottom: 1.78571429rem !important; }
/* P */
.g-py-30--lg {
padding-top: 2.14285714rem !important;
padding-bottom: 2.14285714rem !important; }
/* P */
.g-py-35--lg {
padding-top: 2.5rem !important;
padding-bottom: 2.5rem !important; }
/* P */
.g-py-40--lg {
padding-top: 2.85714286rem !important;
padding-bottom: 2.85714286rem !important; }
/* P */
.g-py-45--lg {
padding-top: 3.21428571rem !important;
padding-bottom: 3.21428571rem !important; }
/* P */
.g-py-50--lg {
padding-top: 3.57142857rem !important;
padding-bottom: 3.57142857rem !important; }
/* P */
.g-py-55--lg {
padding-top: 3.92857143rem !important;
padding-bottom: 3.92857143rem !important; }
/* P */
.g-py-60--lg {
padding-top: 4.28571429rem !important;
padding-bottom: 4.28571429rem !important; }
/* P */
.g-py-65--lg {
padding-top: 4.64285714rem !important;
padding-bottom: 4.64285714rem !important; }
/* P */
.g-py-70--lg {
padding-top: 5rem !important;
padding-bottom: 5rem !important; }
/* P */
.g-py-75--lg {
padding-top: 5.35714286rem !important;
padding-bottom: 5.35714286rem !important; }
/* P */
.g-py-80--lg {
padding-top: 5.71428571rem !important;
padding-bottom: 5.71428571rem !important; }
/* P */
.g-py-85--lg {
padding-top: 6.07142857rem !important;
padding-bottom: 6.07142857rem !important; }
/* P */
.g-py-90--lg {
padding-top: 6.42857143rem !important;
padding-bottom: 6.42857143rem !important; }
/* P */
.g-py-95--lg {
padding-top: 6.78571429rem !important;
padding-bottom: 6.78571429rem !important; }
/* P */
.g-py-100--lg {
padding-top: 7.14285714rem !important;
padding-bottom: 7.14285714rem !important; }
/* P */
.g-py-105--lg {
padding-top: 7.5rem !important;
padding-bottom: 7.5rem !important; }
/* P */
.g-py-110--lg {
padding-top: 7.85714286rem !important;
padding-bottom: 7.85714286rem !important; }
/* P */
.g-py-115--lg {
padding-top: 8.21428571rem !important;
padding-bottom: 8.21428571rem !important; }
/* P */
.g-py-120--lg {
padding-top: 8.57142857rem !important;
padding-bottom: 8.57142857rem !important; }
/* P */
.g-py-125--lg {
padding-top: 8.92857143rem !important;
padding-bottom: 8.92857143rem !important; }
/* P */
.g-py-130--lg {
padding-top: 9.28571429rem !important;
padding-bottom: 9.28571429rem !important; }
/* P */
.g-py-135--lg {
padding-top: 9.64285714rem !important;
padding-bottom: 9.64285714rem !important; }
/* P */
.g-py-140--lg {
padding-top: 10rem !important;
padding-bottom: 10rem !important; }
/* P */
.g-py-145--lg {
padding-top: 10.35714286rem !important;
padding-bottom: 10.35714286rem !important; }
/* P */
.g-py-150--lg {
padding-top: 10.71428571rem !important;
padding-bottom: 10.71428571rem !important; }
/* P */
.g-py-155--lg {
padding-top: 11.07142857rem !important;
padding-bottom: 11.07142857rem !important; }
/* P */
.g-py-160--lg {
padding-top: 11.42857143rem !important;
padding-bottom: 11.42857143rem !important; }
/* P */
.g-py-165--lg {
padding-top: 11.78571429rem !important;
padding-bottom: 11.78571429rem !important; }
/* P */
.g-py-170--lg {
padding-top: 12.14285714rem !important;
padding-bottom: 12.14285714rem !important; }
/* P */
.g-py-175--lg {
padding-top: 12.5rem !important;
padding-bottom: 12.5rem !important; }
/* P */
.g-py-180--lg {
padding-top: 12.85714286rem !important;
padding-bottom: 12.85714286rem !important; }
/* P */
.g-py-185--lg {
padding-top: 13.21428571rem !important;
padding-bottom: 13.21428571rem !important; }
/* P */
.g-py-190--lg {
padding-top: 13.57142857rem !important;
padding-bottom: 13.57142857rem !important; }
/* P */
.g-py-195--lg {
padding-top: 13.92857143rem !important;
padding-bottom: 13.92857143rem !important; }
/* P */
.g-py-200--lg {
padding-top: 14.28571429rem !important;
padding-bottom: 14.28571429rem !important; }
/* P */
.g-py-205--lg {
padding-top: 14.64285714rem !important;
padding-bottom: 14.64285714rem !important; }
/* P */
.g-py-210--lg {
padding-top: 15rem !important;
padding-bottom: 15rem !important; }
/* Padding Top */
.g-pt-0--lg {
padding-top: 0px !important; }
.g-pt-1--lg {
padding-top: 0.07142857rem !important; }
.g-pt-2--lg {
padding-top: 0.14285714rem !important; }
.g-pt-3--lg {
padding-top: 0.21428571rem !important; }
.g-pt-4--lg {
padding-top: 0.28571429rem !important; }
.g-pt-5--lg {
padding-top: 0.35714286rem !important; }
.g-pt-6--lg {
padding-top: 0.42857143rem !important; }
.g-pt-7--lg {
padding-top: 0.5rem !important; }
.g-pt-8--lg {
padding-top: 0.57142857rem !important; }
.g-pt-9--lg {
padding-top: 0.64285714rem !important; }
.g-pt-10--lg {
padding-top: 0.71428571rem !important; }
.g-pt-11--lg {
padding-top: 0.78571429rem !important; }
.g-pt-12--lg {
padding-top: 0.85714286rem !important; }
.g-pt-13--lg {
padding-top: 0.92857143rem !important; }
.g-pt-14--lg {
padding-top: 1rem !important; }
.g-pt-15--lg {
padding-top: 1.07142857rem !important; }
.g-pt-16--lg {
padding-top: 1.14285714rem !important; }
.g-pt-17--lg {
padding-top: 1.21428571rem !important; }
.g-pt-18--lg {
padding-top: 1.28571429rem !important; }
.g-pt-19--lg {
padding-top: 1.35714286rem !important; }
.g-pt-10--lg {
padding-top: 0.71428571rem !important; }
.g-pt-15--lg {
padding-top: 1.07142857rem !important; }
.g-pt-20--lg {
padding-top: 1.42857143rem !important; }
.g-pt-25--lg {
padding-top: 1.78571429rem !important; }
.g-pt-30--lg {
padding-top: 2.14285714rem !important; }
.g-pt-35--lg {
padding-top: 2.5rem !important; }
.g-pt-40--lg {
padding-top: 2.85714286rem !important; }
.g-pt-45--lg {
padding-top: 3.21428571rem !important; }
.g-pt-50--lg {
padding-top: 3.57142857rem !important; }
.g-pt-55--lg {
padding-top: 3.92857143rem !important; }
.g-pt-60--lg {
padding-top: 4.28571429rem !important; }
.g-pt-65--lg {
padding-top: 4.64285714rem !important; }
.g-pt-70--lg {
padding-top: 5rem !important; }
.g-pt-75--lg {
padding-top: 5.35714286rem !important; }
.g-pt-80--lg {
padding-top: 5.71428571rem !important; }
.g-pt-85--lg {
padding-top: 6.07142857rem !important; }
.g-pt-90--lg {
padding-top: 6.42857143rem !important; }
.g-pt-95--lg {
padding-top: 6.78571429rem !important; }
.g-pt-100--lg {
padding-top: 7.14285714rem !important; }
.g-pt-105--lg {
padding-top: 7.5rem !important; }
.g-pt-110--lg {
padding-top: 7.85714286rem !important; }
.g-pt-115--lg {
padding-top: 8.21428571rem !important; }
.g-pt-120--lg {
padding-top: 8.57142857rem !important; }
.g-pt-125--lg {
padding-top: 8.92857143rem !important; }
.g-pt-130--lg {
padding-top: 9.28571429rem !important; }
.g-pt-135--lg {
padding-top: 9.64285714rem !important; }
.g-pt-140--lg {
padding-top: 10rem !important; }
.g-pt-145--lg {
padding-top: 10.35714286rem !important; }
.g-pt-150--lg {
padding-top: 10.71428571rem !important; }
/* Padding Right */
.g-pr-0--lg {
padding-right: 0px !important; }
.g-pr-1--lg {
padding-right: 0.07142857rem !important; }
.g-pr-2--lg {
padding-right: 0.14285714rem !important; }
.g-pr-3--lg {
padding-right: 0.21428571rem !important; }
.g-pr-4--lg {
padding-right: 0.28571429rem !important; }
.g-pr-5--lg {
padding-right: 0.35714286rem !important; }
.g-pr-6--lg {
padding-right: 0.42857143rem !important; }
.g-pr-7--lg {
padding-right: 0.5rem !important; }
.g-pr-8--lg {
padding-right: 0.57142857rem !important; }
.g-pr-9--lg {
padding-right: 0.64285714rem !important; }
/* P */
.g-pr-10--lg {
padding-right: 0.71428571rem !important; }
/* P */
.g-pr-15--lg {
padding-right: 1.07142857rem !important; }
/* P */
.g-pr-20--lg {
padding-right: 1.42857143rem !important; }
/* P */
.g-pr-25--lg {
padding-right: 1.78571429rem !important; }
/* P */
.g-pr-30--lg {
padding-right: 2.14285714rem !important; }
/* P */
.g-pr-35--lg {
padding-right: 2.5rem !important; }
/* P */
.g-pr-40--lg {
padding-right: 2.85714286rem !important; }
/* P */
.g-pr-45--lg {
padding-right: 3.21428571rem !important; }
/* P */
.g-pr-50--lg {
padding-right: 3.57142857rem !important; }
/* P */
.g-pr-55--lg {
padding-right: 3.92857143rem !important; }
/* P */
.g-pr-60--lg {
padding-right: 4.28571429rem !important; }
/* P */
.g-pr-65--lg {
padding-right: 4.64285714rem !important; }
/* P */
.g-pr-70--lg {
padding-right: 5rem !important; }
/* P */
.g-pr-75--lg {
padding-right: 5.35714286rem !important; }
/* P */
.g-pr-80--lg {
padding-right: 5.71428571rem !important; }
/* P */
.g-pr-85--lg {
padding-right: 6.07142857rem !important; }
/* P */
.g-pr-90--lg {
padding-right: 6.42857143rem !important; }
/* P */
.g-pr-95--lg {
padding-right: 6.78571429rem !important; }
/* P */
.g-pr-100--lg {
padding-right: 7.14285714rem !important; }
/* P */
.g-pr-105--lg {
padding-right: 7.5rem !important; }
/* P */
.g-pr-110--lg {
padding-right: 7.85714286rem !important; }
/* P */
.g-pr-115--lg {
padding-right: 8.21428571rem !important; }
/* P */
.g-pr-120--lg {
padding-right: 8.57142857rem !important; }
/* P */
.g-pr-125--lg {
padding-right: 8.92857143rem !important; }
/* P */
.g-pr-130--lg {
padding-right: 9.28571429rem !important; }
/* P */
.g-pr-135--lg {
padding-right: 9.64285714rem !important; }
/* P */
.g-pr-140--lg {
padding-right: 10rem !important; }
/* P */
.g-pr-145--lg {
padding-right: 10.35714286rem !important; }
/* P */
.g-pr-150--lg {
padding-right: 10.71428571rem !important; }
/* P */
.g-pr-155--lg {
padding-right: 11.07142857rem !important; }
/* P */
.g-pr-160--lg {
padding-right: 11.42857143rem !important; }
/* P */
.g-pr-165--lg {
padding-right: 11.78571429rem !important; }
/* P */
.g-pr-170--lg {
padding-right: 12.14285714rem !important; }
/* Padding Bottom */
.g-pb-0--lg {
padding-bottom: 0px !important; }
.g-pb-1--lg {
padding-bottom: 0.07142857rem !important; }
.g-pb-2--lg {
padding-bottom: 0.14285714rem !important; }
.g-pb-3--lg {
padding-bottom: 0.21428571rem !important; }
.g-pb-4--lg {
padding-bottom: 0.28571429rem !important; }
.g-pb-5--lg {
padding-bottom: 0.35714286rem !important; }
.g-pb-6--lg {
padding-bottom: 0.42857143rem !important; }
.g-pb-7--lg {
padding-bottom: 0.5rem !important; }
.g-pb-8--lg {
padding-bottom: 0.57142857rem !important; }
.g-pb-9--lg {
padding-bottom: 0.64285714rem !important; }
.g-pb-10--lg {
padding-bottom: 0.71428571rem !important; }
.g-pb-15--lg {
padding-bottom: 1.07142857rem !important; }
.g-pb-20--lg {
padding-bottom: 1.42857143rem !important; }
.g-pb-25--lg {
padding-bottom: 1.78571429rem !important; }
.g-pb-30--lg {
padding-bottom: 2.14285714rem !important; }
.g-pb-35--lg {
padding-bottom: 2.5rem !important; }
.g-pb-40--lg {
padding-bottom: 2.85714286rem !important; }
.g-pb-45--lg {
padding-bottom: 3.21428571rem !important; }
.g-pb-50--lg {
padding-bottom: 3.57142857rem !important; }
.g-pb-55--lg {
padding-bottom: 3.92857143rem !important; }
.g-pb-60--lg {
padding-bottom: 4.28571429rem !important; }
.g-pb-65--lg {
padding-bottom: 4.64285714rem !important; }
.g-pb-70--lg {
padding-bottom: 5rem !important; }
.g-pb-75--lg {
padding-bottom: 5.35714286rem !important; }
.g-pb-80--lg {
padding-bottom: 5.71428571rem !important; }
.g-pb-85--lg {
padding-bottom: 6.07142857rem !important; }
.g-pb-90--lg {
padding-bottom: 6.42857143rem !important; }
.g-pb-95--lg {
padding-bottom: 6.78571429rem !important; }
.g-pb-100--lg {
padding-bottom: 7.14285714rem !important; }
.g-pb-105--lg {
padding-bottom: 7.5rem !important; }
.g-pb-110--lg {
padding-bottom: 7.85714286rem !important; }
.g-pb-115--lg {
padding-bottom: 8.21428571rem !important; }
.g-pb-120--lg {
padding-bottom: 8.57142857rem !important; }
.g-pb-125--lg {
padding-bottom: 8.92857143rem !important; }
.g-pb-130--lg {
padding-bottom: 9.28571429rem !important; }
.g-pb-135--lg {
padding-bottom: 9.64285714rem !important; }
.g-pb-140--lg {
padding-bottom: 10rem !important; }
.g-pb-145--lg {
padding-bottom: 10.35714286rem !important; }
.g-pb-150--lg {
padding-bottom: 10.71428571rem !important; }
/* Padding Left */
.g-pl-0--lg {
padding-left: 0px !important; }
.g-pl-1--lg {
padding-left: 0.07142857rem !important; }
.g-pl-2--lg {
padding-left: 0.14285714rem !important; }
.g-pl-3--lg {
padding-left: 0.21428571rem !important; }
.g-pl-4--lg {
padding-left: 0.28571429rem !important; }
.g-pl-5--lg {
padding-left: 0.35714286rem !important; }
.g-pl-6--lg {
padding-left: 0.42857143rem !important; }
.g-pl-7--lg {
padding-left: 0.5rem !important; }
.g-pl-8--lg {
padding-left: 0.57142857rem !important; }
.g-pl-9--lg {
padding-left: 0.64285714rem !important; }
/* P */
.g-pl-10--lg {
padding-left: 0.71428571rem !important; }
/* P */
.g-pl-15--lg {
padding-left: 1.07142857rem !important; }
/* P */
.g-pl-20--lg {
padding-left: 1.42857143rem !important; }
/* P */
.g-pl-25--lg {
padding-left: 1.78571429rem !important; }
/* P */
.g-pl-30--lg {
padding-left: 2.14285714rem !important; }
/* P */
.g-pl-35--lg {
padding-left: 2.5rem !important; }
/* P */
.g-pl-40--lg {
padding-left: 2.85714286rem !important; }
/* P */
.g-pl-45--lg {
padding-left: 3.21428571rem !important; }
/* P */
.g-pl-50--lg {
padding-left: 3.57142857rem !important; }
/* P */
.g-pl-55--lg {
padding-left: 3.92857143rem !important; }
/* P */
.g-pl-60--lg {
padding-left: 4.28571429rem !important; }
/* P */
.g-pl-65--lg {
padding-left: 4.64285714rem !important; }
/* P */
.g-pl-70--lg {
padding-left: 5rem !important; }
/* P */
.g-pl-75--lg {
padding-left: 5.35714286rem !important; }
/* P */
.g-pl-80--lg {
padding-left: 5.71428571rem !important; }
/* P */
.g-pl-85--lg {
padding-left: 6.07142857rem !important; }
/* P */
.g-pl-90--lg {
padding-left: 6.42857143rem !important; }
/* P */
.g-pl-95--lg {
padding-left: 6.78571429rem !important; }
/* P */
.g-pl-100--lg {
padding-left: 7.14285714rem !important; }
/* P */
.g-pl-105--lg {
padding-left: 7.5rem !important; }
/* P */
.g-pl-110--lg {
padding-left: 7.85714286rem !important; }
/* P */
.g-pl-115--lg {
padding-left: 8.21428571rem !important; }
/* P */
.g-pl-120--lg {
padding-left: 8.57142857rem !important; }
/* P */
.g-pl-125--lg {
padding-left: 8.92857143rem !important; }
/* P */
.g-pl-130--lg {
padding-left: 9.28571429rem !important; }
/* P */
.g-pl-135--lg {
padding-left: 9.64285714rem !important; }
/* P */
.g-pl-140--lg {
padding-left: 10rem !important; }
/* P */
.g-pl-145--lg {
padding-left: 10.35714286rem !important; }
/* P */
.g-pl-150--lg {
padding-left: 10.71428571rem !important; }
/* P */
.g-pl-155--lg {
padding-left: 11.07142857rem !important; }
/* P */
.g-pl-160--lg {
padding-left: 11.42857143rem !important; }
/* P */
.g-pl-165--lg {
padding-left: 11.78571429rem !important; }
/* P */
.g-pl-170--lg {
padding-left: 12.14285714rem !important; } }
/* Padding Spaces (xl) P
------------------------------------*/
@media (min-width: 1200px) {
.g-pa-0--xl {
padding: 0 !important; }
.g-px-0--xl {
padding-left: 0 !important;
padding-right: 0 !important; }
.g-py-0--xl {
padding-top: 0 !important;
padding-bottom: 0 !important; }
.g-pt-0--xl {
padding-top: 0 !important; }
.g-pr-0--xl {
padding-right: 0 !important; }
.g-pb-0--xl {
padding-bottom: 0 !important; }
.g-pl-0--xl {
padding-left: 0 !important; }
/* Padding Around */
.g-pa-2--xl {
padding: 0.14285714rem !important; }
.g-pa-3--xl {
padding: 0.21428571rem !important; }
.g-pa-5--xl {
padding: 0.35714286rem !important; }
.g-pa-7--xl {
padding: 0.5rem !important; }
.g-pa-10--xl {
padding: 0.71428571rem !important; }
.g-pa-15--xl {
padding: 1.07142857rem !important; }
.g-pa-20--xl {
padding: 1.42857143rem !important; }
.g-pa-25--xl {
padding: 1.78571429rem !important; }
.g-pa-30--xl {
padding: 2.14285714rem !important; }
.g-pa-35--xl {
padding: 2.5rem !important; }
.g-pa-40--xl {
padding: 2.85714286rem !important; }
.g-pa-45--xl {
padding: 3.21428571rem !important; }
.g-pa-50--xl {
padding: 3.57142857rem !important; }
.g-pa-55--xl {
padding: 3.92857143rem !important; }
.g-pa-60--xl {
padding: 4.28571429rem !important; }
.g-pa-65--xl {
padding: 4.64285714rem !important; }
.g-pa-70--xl {
padding: 5rem !important; }
.g-pa-75--xl {
padding: 5.35714286rem !important; }
.g-pa-80--xl {
padding: 5.71428571rem !important; }
.g-pa-85--xl {
padding: 6.07142857rem !important; }
.g-pa-90--xl {
padding: 6.42857143rem !important; }
.g-pa-95--xl {
padding: 6.78571429rem !important; }
.g-pa-100--xl {
padding: 7.14285714rem !important; }
.g-pa-105--xl {
padding: 7.5rem !important; }
.g-pa-110--xl {
padding: 7.85714286rem !important; }
.g-pa-115--xl {
padding: 8.21428571rem !important; }
.g-pa-120--xl {
padding: 8.57142857rem !important; }
.g-pa-125--xl {
padding: 8.92857143rem !important; }
.g-pa-130--xl {
padding: 9.28571429rem !important; }
.g-pa-135--xl {
padding: 9.64285714rem !important; }
.g-pa-140--xl {
padding: 10rem !important; }
.g-pa-145--xl {
padding: 10.35714286rem !important; }
.g-pa-150--xl {
padding: 10.71428571rem !important; }
/* Padding X */
.g-px-1--xl {
padding-left: 0.07142857rem !important;
padding-right: 0.07142857rem !important; }
.g-px-2--xl {
padding-left: 0.14285714rem !important;
padding-right: 0.14285714rem !important; }
.g-px-3--xl {
padding-left: 0.21428571rem !important;
padding-right: 0.21428571rem !important; }
.g-px-4--xl {
padding-left: 0.28571429rem !important;
padding-right: 0.28571429rem !important; }
.g-px-5--xl {
padding-left: 0.35714286rem !important;
padding-right: 0.35714286rem !important; }
.g-px-6--xl {
padding-left: 0.42857143rem !important;
padding-right: 0.42857143rem !important; }
.g-px-7--xl {
padding-left: 0.5rem !important;
padding-right: 0.5rem !important; }
.g-px-8--xl {
padding-left: 0.57142857rem !important;
padding-right: 0.57142857rem !important; }
.g-px-9--xl {
padding-left: 0.64285714rem !important;
padding-right: 0.64285714rem !important; }
.g-px-10--xl {
padding-left: 0.71428571rem !important;
padding-right: 0.71428571rem !important; }
.g-px-11--xl {
padding-left: 0.78571429rem !important;
padding-right: 0.78571429rem !important; }
.g-px-12--xl {
padding-left: 0.85714286rem !important;
padding-right: 0.85714286rem !important; }
.g-px-13--xl {
padding-left: 0.92857143rem !important;
padding-right: 0.92857143rem !important; }
.g-px-14--xl {
padding-left: 1rem !important;
padding-right: 1rem !important; }
.g-px-15--xl {
padding-left: 1.07142857rem !important;
padding-right: 1.07142857rem !important; }
.g-px-16--xl {
padding-left: 1.14285714rem !important;
padding-right: 1.14285714rem !important; }
.g-px-17--xl {
padding-left: 1.21428571rem !important;
padding-right: 1.21428571rem !important; }
.g-px-18--xl {
padding-left: 1.28571429rem !important;
padding-right: 1.28571429rem !important; }
.g-px-19--xl {
padding-left: 1.35714286rem !important;
padding-right: 1.35714286rem !important; }
.g-px-10--xl {
padding-left: 0.71428571rem !important;
padding-right: 0.71428571rem !important; }
.g-px-15--xl {
padding-left: 1.07142857rem !important;
padding-right: 1.07142857rem !important; }
.g-px-20--xl {
padding-left: 1.42857143rem !important;
padding-right: 1.42857143rem !important; }
.g-px-25--xl {
padding-left: 1.78571429rem !important;
padding-right: 1.78571429rem !important; }
.g-px-30--xl {
padding-left: 2.14285714rem !important;
padding-right: 2.14285714rem !important; }
.g-px-35--xl {
padding-left: 2.5rem !important;
padding-right: 2.5rem !important; }
.g-px-40--xl {
padding-left: 2.85714286rem !important;
padding-right: 2.85714286rem !important; }
.g-px-45--xl {
padding-left: 3.21428571rem !important;
padding-right: 3.21428571rem !important; }
.g-px-50--xl {
padding-left: 3.57142857rem !important;
padding-right: 3.57142857rem !important; }
.g-px-55--xl {
padding-left: 3.92857143rem !important;
padding-right: 3.92857143rem !important; }
.g-px-60--xl {
padding-left: 4.28571429rem !important;
padding-right: 4.28571429rem !important; }
.g-px-65--xl {
padding-left: 4.64285714rem !important;
padding-right: 4.64285714rem !important; }
.g-px-70--xl {
padding-left: 5rem !important;
padding-right: 5rem !important; }
.g-px-75--xl {
padding-left: 5.35714286rem !important;
padding-right: 5.35714286rem !important; }
.g-px-80--xl {
padding-left: 5.71428571rem !important;
padding-right: 5.71428571rem !important; }
.g-px-85--xl {
padding-left: 6.07142857rem !important;
padding-right: 6.07142857rem !important; }
.g-px-90--xl {
padding-left: 6.42857143rem !important;
padding-right: 6.42857143rem !important; }
.g-px-95--xl {
padding-left: 6.78571429rem !important;
padding-right: 6.78571429rem !important; }
.g-px-100--xl {
padding-left: 7.14285714rem !important;
padding-right: 7.14285714rem !important; }
.g-px-105--xl {
padding-left: 7.5rem !important;
padding-right: 7.5rem !important; }
.g-px-110--xl {
padding-left: 7.85714286rem !important;
padding-right: 7.85714286rem !important; }
.g-px-115--xl {
padding-left: 8.21428571rem !important;
padding-right: 8.21428571rem !important; }
.g-px-120--xl {
padding-left: 8.57142857rem !important;
padding-right: 8.57142857rem !important; }
.g-px-125--xl {
padding-left: 8.92857143rem !important;
padding-right: 8.92857143rem !important; }
.g-px-130--xl {
padding-left: 9.28571429rem !important;
padding-right: 9.28571429rem !important; }
.g-px-135--xl {
padding-left: 9.64285714rem !important;
padding-right: 9.64285714rem !important; }
.g-px-140--xl {
padding-left: 10rem !important;
padding-right: 10rem !important; }
.g-px-145--xl {
padding-left: 10.35714286rem !important;
padding-right: 10.35714286rem !important; }
.g-px-150--xl {
padding-left: 10.71428571rem !important;
padding-right: 10.71428571rem !important; }
/* Padding Y */
.g-py-1--xl {
padding-top: 0.07142857rem !important;
padding-bottom: 0.07142857rem !important; }
.g-py-2--xl {
padding-top: 0.14285714rem !important;
padding-bottom: 0.14285714rem !important; }
.g-py-3--xl {
padding-top: 0.21428571rem !important;
padding-bottom: 0.21428571rem !important; }
.g-py-4--xl {
padding-top: 0.28571429rem !important;
padding-bottom: 0.28571429rem !important; }
.g-py-5--xl {
padding-top: 0.35714286rem !important;
padding-bottom: 0.35714286rem !important; }
.g-py-6--xl {
padding-top: 0.42857143rem !important;
padding-bottom: 0.42857143rem !important; }
.g-py-7--xl {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important; }
.g-py-8--xl {
padding-top: 0.57142857rem !important;
padding-bottom: 0.57142857rem !important; }
.g-py-9--xl {
padding-top: 0.64285714rem !important;
padding-bottom: 0.64285714rem !important; }
.g-py-10--xl {
padding-top: 0.71428571rem !important;
padding-bottom: 0.71428571rem !important; }
.g-py-11--xl {
padding-top: 0.78571429rem !important;
padding-bottom: 0.78571429rem !important; }
.g-py-12--xl {
padding-top: 0.85714286rem !important;
padding-bottom: 0.85714286rem !important; }
.g-py-13--xl {
padding-top: 0.92857143rem !important;
padding-bottom: 0.92857143rem !important; }
.g-py-14--xl {
padding-top: 1rem !important;
padding-bottom: 1rem !important; }
.g-py-15--xl {
padding-top: 1.07142857rem !important;
padding-bottom: 1.07142857rem !important; }
.g-py-16--xl {
padding-top: 1.14285714rem !important;
padding-bottom: 1.14285714rem !important; }
.g-py-17--xl {
padding-top: 1.21428571rem !important;
padding-bottom: 1.21428571rem !important; }
.g-py-18--xl {
padding-top: 1.28571429rem !important;
padding-bottom: 1.28571429rem !important; }
.g-py-19--xl {
padding-top: 1.35714286rem !important;
padding-bottom: 1.35714286rem !important; }
/* P */
.g-py-10--xl {
padding-top: 0.71428571rem !important;
padding-bottom: 0.71428571rem !important; }
/* P */
.g-py-15--xl {
padding-top: 1.07142857rem !important;
padding-bottom: 1.07142857rem !important; }
/* P */
.g-py-20--xl {
padding-top: 1.42857143rem !important;
padding-bottom: 1.42857143rem !important; }
/* P */
.g-py-25--xl {
padding-top: 1.78571429rem !important;
padding-bottom: 1.78571429rem !important; }
/* P */
.g-py-30--xl {
padding-top: 2.14285714rem !important;
padding-bottom: 2.14285714rem !important; }
/* P */
.g-py-35--xl {
padding-top: 2.5rem !important;
padding-bottom: 2.5rem !important; }
/* P */
.g-py-40--xl {
padding-top: 2.85714286rem !important;
padding-bottom: 2.85714286rem !important; }
/* P */
.g-py-45--xl {
padding-top: 3.21428571rem !important;
padding-bottom: 3.21428571rem !important; }
/* P */
.g-py-50--xl {
padding-top: 3.57142857rem !important;
padding-bottom: 3.57142857rem !important; }
/* P */
.g-py-55--xl {
padding-top: 3.92857143rem !important;
padding-bottom: 3.92857143rem !important; }
/* P */
.g-py-60--xl {
padding-top: 4.28571429rem !important;
padding-bottom: 4.28571429rem !important; }
/* P */
.g-py-65--xl {
padding-top: 4.64285714rem !important;
padding-bottom: 4.64285714rem !important; }
/* P */
.g-py-70--xl {
padding-top: 5rem !important;
padding-bottom: 5rem !important; }
/* P */
.g-py-75--xl {
padding-top: 5.35714286rem !important;
padding-bottom: 5.35714286rem !important; }
/* P */
.g-py-80--xl {
padding-top: 5.71428571rem !important;
padding-bottom: 5.71428571rem !important; }
/* P */
.g-py-85--xl {
padding-top: 6.07142857rem !important;
padding-bottom: 6.07142857rem !important; }
/* P */
.g-py-90--xl {
padding-top: 6.42857143rem !important;
padding-bottom: 6.42857143rem !important; }
/* P */
.g-py-95--xl {
padding-top: 6.78571429rem !important;
padding-bottom: 6.78571429rem !important; }
/* P */
.g-py-100--xl {
padding-top: 7.14285714rem !important;
padding-bottom: 7.14285714rem !important; }
/* P */
.g-py-105--xl {
padding-top: 7.5rem !important;
padding-bottom: 7.5rem !important; }
/* P */
.g-py-110--xl {
padding-top: 7.85714286rem !important;
padding-bottom: 7.85714286rem !important; }
/* P */
.g-py-115--xl {
padding-top: 8.21428571rem !important;
padding-bottom: 8.21428571rem !important; }
/* P */
.g-py-120--xl {
padding-top: 8.57142857rem !important;
padding-bottom: 8.57142857rem !important; }
/* P */
.g-py-125--xl {
padding-top: 8.92857143rem !important;
padding-bottom: 8.92857143rem !important; }
/* P */
.g-py-130--xl {
padding-top: 9.28571429rem !important;
padding-bottom: 9.28571429rem !important; }
/* P */
.g-py-135--xl {
padding-top: 9.64285714rem !important;
padding-bottom: 9.64285714rem !important; }
/* P */
.g-py-140--xl {
padding-top: 10rem !important;
padding-bottom: 10rem !important; }
/* P */
.g-py-145--xl {
padding-top: 10.35714286rem !important;
padding-bottom: 10.35714286rem !important; }
/* P */
.g-py-150--xl {
padding-top: 10.71428571rem !important;
padding-bottom: 10.71428571rem !important; }
/* P */
.g-py-155--xl {
padding-top: 11.07142857rem !important;
padding-bottom: 11.07142857rem !important; }
/* P */
.g-py-160--xl {
padding-top: 11.42857143rem !important;
padding-bottom: 11.42857143rem !important; }
/* P */
.g-py-165--xl {
padding-top: 11.78571429rem !important;
padding-bottom: 11.78571429rem !important; }
/* P */
.g-py-170--xl {
padding-top: 12.14285714rem !important;
padding-bottom: 12.14285714rem !important; }
/* P */
.g-py-175--xl {
padding-top: 12.5rem !important;
padding-bottom: 12.5rem !important; }
/* P */
.g-py-180--xl {
padding-top: 12.85714286rem !important;
padding-bottom: 12.85714286rem !important; }
/* P */
.g-py-185--xl {
padding-top: 13.21428571rem !important;
padding-bottom: 13.21428571rem !important; }
/* P */
.g-py-190--xl {
padding-top: 13.57142857rem !important;
padding-bottom: 13.57142857rem !important; }
/* P */
.g-py-195--xl {
padding-top: 13.92857143rem !important;
padding-bottom: 13.92857143rem !important; }
/* P */
.g-py-200--xl {
padding-top: 14.28571429rem !important;
padding-bottom: 14.28571429rem !important; }
/* P */
.g-py-205--xl {
padding-top: 14.64285714rem !important;
padding-bottom: 14.64285714rem !important; }
/* P */
.g-py-210--xl {
padding-top: 15rem !important;
padding-bottom: 15rem !important; }
/* Padding Top */
.g-pt-0--xl {
padding-top: 0px !important; }
.g-pt-1--xl {
padding-top: 0.07142857rem !important; }
.g-pt-2--xl {
padding-top: 0.14285714rem !important; }
.g-pt-3--xl {
padding-top: 0.21428571rem !important; }
.g-pt-4--xl {
padding-top: 0.28571429rem !important; }
.g-pt-5--xl {
padding-top: 0.35714286rem !important; }
.g-pt-6--xl {
padding-top: 0.42857143rem !important; }
.g-pt-7--xl {
padding-top: 0.5rem !important; }
.g-pt-8--xl {
padding-top: 0.57142857rem !important; }
.g-pt-9--xl {
padding-top: 0.64285714rem !important; }
.g-pt-10--xl {
padding-top: 0.71428571rem !important; }
.g-pt-11--xl {
padding-top: 0.78571429rem !important; }
.g-pt-12--xl {
padding-top: 0.85714286rem !important; }
.g-pt-13--xl {
padding-top: 0.92857143rem !important; }
.g-pt-14--xl {
padding-top: 1rem !important; }
.g-pt-15--xl {
padding-top: 1.07142857rem !important; }
.g-pt-16--xl {
padding-top: 1.14285714rem !important; }
.g-pt-17--xl {
padding-top: 1.21428571rem !important; }
.g-pt-18--xl {
padding-top: 1.28571429rem !important; }
.g-pt-19--xl {
padding-top: 1.35714286rem !important; }
.g-pt-10--xl {
padding-top: 0.71428571rem !important; }
.g-pt-15--xl {
padding-top: 1.07142857rem !important; }
.g-pt-20--xl {
padding-top: 1.42857143rem !important; }
.g-pt-25--xl {
padding-top: 1.78571429rem !important; }
.g-pt-30--xl {
padding-top: 2.14285714rem !important; }
.g-pt-35--xl {
padding-top: 2.5rem !important; }
.g-pt-40--xl {
padding-top: 2.85714286rem !important; }
.g-pt-45--xl {
padding-top: 3.21428571rem !important; }
.g-pt-50--xl {
padding-top: 3.57142857rem !important; }
.g-pt-55--xl {
padding-top: 3.92857143rem !important; }
.g-pt-60--xl {
padding-top: 4.28571429rem !important; }
.g-pt-65--xl {
padding-top: 4.64285714rem !important; }
.g-pt-70--xl {
padding-top: 5rem !important; }
.g-pt-75--xl {
padding-top: 5.35714286rem !important; }
.g-pt-80--xl {
padding-top: 5.71428571rem !important; }
.g-pt-85--xl {
padding-top: 6.07142857rem !important; }
.g-pt-90--xl {
padding-top: 6.42857143rem !important; }
.g-pt-95--xl {
padding-top: 6.78571429rem !important; }
.g-pt-100--xl {
padding-top: 7.14285714rem !important; }
.g-pt-105--xl {
padding-top: 7.5rem !important; }
.g-pt-110--xl {
padding-top: 7.85714286rem !important; }
.g-pt-115--xl {
padding-top: 8.21428571rem !important; }
.g-pt-120--xl {
padding-top: 8.57142857rem !important; }
.g-pt-125--xl {
padding-top: 8.92857143rem !important; }
.g-pt-130--xl {
padding-top: 9.28571429rem !important; }
.g-pt-135--xl {
padding-top: 9.64285714rem !important; }
.g-pt-140--xl {
padding-top: 10rem !important; }
.g-pt-145--xl {
padding-top: 10.35714286rem !important; }
.g-pt-150--xl {
padding-top: 10.71428571rem !important; }
/* Padding Right */
.g-pr-0--xl {
padding-right: 0px !important; }
.g-pr-1--xl {
padding-right: 0.07142857rem !important; }
.g-pr-2--xl {
padding-right: 0.14285714rem !important; }
.g-pr-3--xl {
padding-right: 0.21428571rem !important; }
.g-pr-4--xl {
padding-right: 0.28571429rem !important; }
.g-pr-5--xl {
padding-right: 0.35714286rem !important; }
.g-pr-6--xl {
padding-right: 0.42857143rem !important; }
.g-pr-7--xl {
padding-right: 0.5rem !important; }
.g-pr-8--xl {
padding-right: 0.57142857rem !important; }
.g-pr-9--xl {
padding-right: 0.64285714rem !important; }
/* P */
.g-pr-10--xl {
padding-right: 0.71428571rem !important; }
/* P */
.g-pr-15--xl {
padding-right: 1.07142857rem !important; }
/* P */
.g-pr-20--xl {
padding-right: 1.42857143rem !important; }
/* P */
.g-pr-25--xl {
padding-right: 1.78571429rem !important; }
/* P */
.g-pr-30--xl {
padding-right: 2.14285714rem !important; }
/* P */
.g-pr-35--xl {
padding-right: 2.5rem !important; }
/* P */
.g-pr-40--xl {
padding-right: 2.85714286rem !important; }
/* P */
.g-pr-45--xl {
padding-right: 3.21428571rem !important; }
/* P */
.g-pr-50--xl {
padding-right: 3.57142857rem !important; }
/* P */
.g-pr-55--xl {
padding-right: 3.92857143rem !important; }
/* P */
.g-pr-60--xl {
padding-right: 4.28571429rem !important; }
/* P */
.g-pr-65--xl {
padding-right: 4.64285714rem !important; }
/* P */
.g-pr-70--xl {
padding-right: 5rem !important; }
/* P */
.g-pr-75--xl {
padding-right: 5.35714286rem !important; }
/* P */
.g-pr-80--xl {
padding-right: 5.71428571rem !important; }
/* P */
.g-pr-85--xl {
padding-right: 6.07142857rem !important; }
/* P */
.g-pr-90--xl {
padding-right: 6.42857143rem !important; }
/* P */
.g-pr-95--xl {
padding-right: 6.78571429rem !important; }
/* P */
.g-pr-100--xl {
padding-right: 7.14285714rem !important; }
/* P */
.g-pr-105--xl {
padding-right: 7.5rem !important; }
/* P */
.g-pr-110--xl {
padding-right: 7.85714286rem !important; }
/* P */
.g-pr-115--xl {
padding-right: 8.21428571rem !important; }
/* P */
.g-pr-120--xl {
padding-right: 8.57142857rem !important; }
/* P */
.g-pr-125--xl {
padding-right: 8.92857143rem !important; }
/* P */
.g-pr-130--xl {
padding-right: 9.28571429rem !important; }
/* P */
.g-pr-135--xl {
padding-right: 9.64285714rem !important; }
/* P */
.g-pr-140--xl {
padding-right: 10rem !important; }
/* P */
.g-pr-145--xl {
padding-right: 10.35714286rem !important; }
/* P */
.g-pr-150--xl {
padding-right: 10.71428571rem !important; }
/* P */
.g-pr-155--xl {
padding-right: 11.07142857rem !important; }
/* P */
.g-pr-160--xl {
padding-right: 11.42857143rem !important; }
/* P */
.g-pr-165--xl {
padding-right: 11.78571429rem !important; }
/* P */
.g-pr-170--xl {
padding-right: 12.14285714rem !important; }
/* Padding Bottom */
.g-pb-0--xl {
padding-bottom: 0px !important; }
.g-pb-1--xl {
padding-bottom: 0.07142857rem !important; }
.g-pb-2--xl {
padding-bottom: 0.14285714rem !important; }
.g-pb-3--xl {
padding-bottom: 0.21428571rem !important; }
.g-pb-4--xl {
padding-bottom: 0.28571429rem !important; }
.g-pb-5--xl {
padding-bottom: 0.35714286rem !important; }
.g-pb-6--xl {
padding-bottom: 0.42857143rem !important; }
.g-pb-7--xl {
padding-bottom: 0.5rem !important; }
.g-pb-8--xl {
padding-bottom: 0.57142857rem !important; }
.g-pb-9--xl {
padding-bottom: 0.64285714rem !important; }
.g-pb-10--xl {
padding-bottom: 0.71428571rem !important; }
.g-pb-15--xl {
padding-bottom: 1.07142857rem !important; }
.g-pb-20--xl {
padding-bottom: 1.42857143rem !important; }
.g-pb-25--xl {
padding-bottom: 1.78571429rem !important; }
.g-pb-30--xl {
padding-bottom: 2.14285714rem !important; }
.g-pb-35--xl {
padding-bottom: 2.5rem !important; }
.g-pb-40--xl {
padding-bottom: 2.85714286rem !important; }
.g-pb-45--xl {
padding-bottom: 3.21428571rem !important; }
.g-pb-50--xl {
padding-bottom: 3.57142857rem !important; }
.g-pb-55--xl {
padding-bottom: 3.92857143rem !important; }
.g-pb-60--xl {
padding-bottom: 4.28571429rem !important; }
.g-pb-65--xl {
padding-bottom: 4.64285714rem !important; }
.g-pb-70--xl {
padding-bottom: 5rem !important; }
.g-pb-75--xl {
padding-bottom: 5.35714286rem !important; }
.g-pb-80--xl {
padding-bottom: 5.71428571rem !important; }
.g-pb-85--xl {
padding-bottom: 6.07142857rem !important; }
.g-pb-90--xl {
padding-bottom: 6.42857143rem !important; }
.g-pb-95--xl {
padding-bottom: 6.78571429rem !important; }
.g-pb-100--xl {
padding-bottom: 7.14285714rem !important; }
.g-pb-105--xl {
padding-bottom: 7.5rem !important; }
.g-pb-110--xl {
padding-bottom: 7.85714286rem !important; }
.g-pb-115--xl {
padding-bottom: 8.21428571rem !important; }
.g-pb-120--xl {
padding-bottom: 8.57142857rem !important; }
.g-pb-125--xl {
padding-bottom: 8.92857143rem !important; }
.g-pb-130--xl {
padding-bottom: 9.28571429rem !important; }
.g-pb-135--xl {
padding-bottom: 9.64285714rem !important; }
.g-pb-140--xl {
padding-bottom: 10rem !important; }
.g-pb-145--xl {
padding-bottom: 10.35714286rem !important; }
.g-pb-150--xl {
padding-bottom: 10.71428571rem !important; }
/* Padding Left */
.g-pl-0--xl {
padding-left: 0px !important; }
.g-pl-1--xl {
padding-left: 0.07142857rem !important; }
.g-pl-2--xl {
padding-left: 0.14285714rem !important; }
.g-pl-3--xl {
padding-left: 0.21428571rem !important; }
.g-pl-4--xl {
padding-left: 0.28571429rem !important; }
.g-pl-5--xl {
padding-left: 0.35714286rem !important; }
.g-pl-6--xl {
padding-left: 0.42857143rem !important; }
.g-pl-7--xl {
padding-left: 0.5rem !important; }
.g-pl-8--xl {
padding-left: 0.57142857rem !important; }
.g-pl-9--xl {
padding-left: 0.64285714rem !important; }
/* P */
.g-pl-10--xl {
padding-left: 0.71428571rem !important; }
/* P */
.g-pl-15--xl {
padding-left: 1.07142857rem !important; }
/* P */
.g-pl-20--xl {
padding-left: 1.42857143rem !important; }
/* P */
.g-pl-25--xl {
padding-left: 1.78571429rem !important; }
/* P */
.g-pl-30--xl {
padding-left: 2.14285714rem !important; }
/* P */
.g-pl-35--xl {
padding-left: 2.5rem !important; }
/* P */
.g-pl-40--xl {
padding-left: 2.85714286rem !important; }
/* P */
.g-pl-45--xl {
padding-left: 3.21428571rem !important; }
/* P */
.g-pl-50--xl {
padding-left: 3.57142857rem !important; }
/* P */
.g-pl-55--xl {
padding-left: 3.92857143rem !important; }
/* P */
.g-pl-60--xl {
padding-left: 4.28571429rem !important; }
/* P */
.g-pl-65--xl {
padding-left: 4.64285714rem !important; }
/* P */
.g-pl-70--xl {
padding-left: 5rem !important; }
/* P */
.g-pl-75--xl {
padding-left: 5.35714286rem !important; }
/* P */
.g-pl-80--xl {
padding-left: 5.71428571rem !important; }
/* P */
.g-pl-85--xl {
padding-left: 6.07142857rem !important; }
/* P */
.g-pl-90--xl {
padding-left: 6.42857143rem !important; }
/* P */
.g-pl-95--xl {
padding-left: 6.78571429rem !important; }
/* P */
.g-pl-100--xl {
padding-left: 7.14285714rem !important; }
/* P */
.g-pl-105--xl {
padding-left: 7.5rem !important; }
/* P */
.g-pl-110--xl {
padding-left: 7.85714286rem !important; }
/* P */
.g-pl-115--xl {
padding-left: 8.21428571rem !important; }
/* P */
.g-pl-120--xl {
padding-left: 8.57142857rem !important; }
/* P */
.g-pl-125--xl {
padding-left: 8.92857143rem !important; }
/* P */
.g-pl-130--xl {
padding-left: 9.28571429rem !important; }
/* P */
.g-pl-135--xl {
padding-left: 9.64285714rem !important; }
/* P */
.g-pl-140--xl {
padding-left: 10rem !important; }
/* P */
.g-pl-145--xl {
padding-left: 10.35714286rem !important; }
/* P */
.g-pl-150--xl {
padding-left: 10.71428571rem !important; }
/* P */
.g-pl-155--xl {
padding-left: 11.07142857rem !important; }
/* P */
.g-pl-160--xl {
padding-left: 11.42857143rem !important; }
/* P */
.g-pl-165--xl {
padding-left: 11.78571429rem !important; }
/* P */
.g-pl-170--xl {
padding-left: 12.14285714rem !important; } }
/* Custom Paddings (xs)
------------------------------------*/
.g-pa-0-20-20 {
padding: 0 1.42857143rem 1.42857143rem !important; }
.g-pa-4-11 {
padding: 0.28571429rem 0.78571429rem !important; }
.g-pa-4-13 {
padding: 0.28571429rem 0.92857143rem !important; }
.g-pa-5-10 {
padding: 0.35714286rem 0.71428571rem !important; }
.g-pa-5-15 {
padding: 0.35714286rem 1.07142857rem !important; }
.g-pa-6-8 {
padding: 0.42857143rem 0.57142857rem !important; }
.g-pa-7-14 {
padding: 0.5rem 1rem !important; }
.g-pa-7-16 {
padding: 0.5rem 1.14285714rem !important; }
.g-pa-10-5-5 {
padding: 0.71428571rem 0.35714286rem 0.35714286rem !important; }
.g-pa-10-15 {
padding: 0.71428571rem 1.07142857rem !important; }
.g-pa-10-16 {
padding: 0.71428571rem 1.14285714rem !important; }
.g-pa-10-20 {
padding: 0.71428571rem 1.42857143rem !important; }
.g-pa-10-30 {
padding: 0.71428571rem 2.14285714rem !important; }
.g-pa-12 {
padding: 0.85714286rem !important; }
.g-pa-12-19 {
padding: 0.85714286rem 1.35714286rem !important; }
.g-pa-12-21 {
padding: 0.85714286rem 1.5rem !important; }
.g-pa-12-5-7 {
padding: 0.85714286rem 0.35714286rem 0.5rem !important; }
.g-pa-14-18 {
padding: 1rem 1.28571429rem !important; }
.g-pa-15-0 {
padding: 1.07142857rem 0 !important; }
.g-pa-15-5 {
padding: 1.07142857rem 0.35714286rem !important; }
.g-pa-15-20-10 {
padding: 1.07142857rem 1.42857143rem 0.71428571rem !important; }
.g-pa-15-20 {
padding: 1.07142857rem 1.42857143rem !important; }
.g-pa-15-30 {
padding: 1.07142857rem 2.14285714rem !important; }
.g-pa-17-23 {
padding: 1.21428571rem 1.64285714rem !important; }
.g-pa-20-10 {
padding: 1.42857143rem 0.71428571rem !important; }
.g-pa-20-20-15 {
padding: 1.42857143rem 1.42857143rem 1.07142857rem !important; }
.g-pa-20-20-20-55 {
padding: 1.42857143rem 1.42857143rem 1.42857143rem 3.92857143rem !important; }
.g-pa-20-30-0 {
padding: 1.42857143rem 2.14285714rem 0 !important; }
.g-pa-20-40-25 {
padding: 1.42857143rem 2.85714286rem 1.78571429rem !important; }
.g-pa-24 {
padding: 1.71428571rem !important; }
.g-pa-25-20-30 {
padding: 1.78571429rem 1.42857143rem 2.14285714rem !important; }
.g-pa-25-30-20 {
padding: 1.78571429rem 2.14285714rem 1.42857143rem !important; }
.g-pa-25-30 {
padding: 1.78571429rem 2.14285714rem !important; }
.g-pa-30-10 {
padding: 2.14285714rem 0.71428571rem !important; }
.g-pa-30-15 {
padding: 2.14285714rem 1.07142857rem !important; }
.g-pa-30-20 {
padding: 2.14285714rem 1.42857143rem !important; }
.g-pa-30-30-20 {
padding: 2.14285714rem 2.14285714rem 1.42857143rem !important; }
.g-pa-40 {
padding: 2.85714286rem !important; }
.g-pa-40-20 {
padding: 2.85714286rem 1.42857143rem !important; }
.g-pa-40-30-30 {
padding: 2.85714286rem 2.14285714rem 2.14285714rem !important; }
.g-pa-50-15-0 {
padding: 3.57142857rem 1.07142857rem 0 !important; }
.g-pa-15x {
padding: 15% !important; }
.g-px-17 {
padding-left: 1.21428571rem !important;
padding-right: 1.21428571rem !important; }
.g-px-18 {
padding-left: 1.28571429rem !important;
/* O */
padding-right: 1.28571429rem !important; }
.g-py-23 {
padding-top: 1.64285714rem !important;
/* O */
padding-bottom: 1.64285714rem !important; }
.g-py-235 {
padding-top: 16.78571429rem !important;
/* O */
padding-bottom: 16.78571429rem !important; }
.g-pl-12 {
padding-left: 0.85714286rem !important; }
.g-pl-17 {
padding-left: 1.21428571rem !important; }
.g-pl-7--hover:hover {
padding-left: 0.5rem !important; }
.g-pl-25--hover:hover {
padding-left: 1.78571429rem !important; }
.active.g-pl-25--active {
padding-left: 1.78571429rem !important; }
.g-pl-60--xs {
padding-left: 4.28571429rem !important; }
.pt-0 {
padding-top: 0 !important; }
.g-pt-11 {
padding-top: 0.78571429rem !important; }
.g-pt-12 {
padding-top: 0.85714286rem !important; }
.g-parent:hover .g-pt-25--parent-hover {
padding-top: 1.78571429rem !important; }
.g-pt-130 {
padding-top: 9.28571429rem !important; }
.g-pt-150 {
padding-top: 10.71428571rem !important; }
.g-pt-170 {
padding-top: 12.14285714rem !important; }
.g-pt-195 {
padding-top: 13.92857143rem !important; }
.pb-0 {
padding-bottom: 0 !important; }
.g-pb-170 {
padding-bottom: 12.14285714rem !important; }
.g-pb-180 {
padding-bottom: 12.85714286rem !important; }
.g-pb-200 {
padding-bottom: 14.28571429rem !important; }
.g-pb-250 {
padding-bottom: 17.85714286rem !important; }
.g-pb-13 {
padding-bottom: 0.92857143rem !important; }
.g-pb-16 {
padding-bottom: 1.14285714rem !important; }
.g-pa-9 {
padding: 0.64285714rem !important; }
.g-pa-11 {
padding: 0.78571429rem !important; }
.g-pa-12 {
padding: 0.85714286rem !important; }
.g-pl-30--hover:hover {
padding-left: 2.14285714rem !important; }
/* Custom Paddings (sm)
------------------------------------*/
@media (min-width: 576px) {
.g-px-10x--sm {
padding-left: 10% !important;
padding-right: 10% !important; }
.g-px-0--sm {
padding-left: 0 !important;
padding-right: 0 !important; }
.g-py-0--sm {
padding-top: 0 !important;
padding-bottom: 0 !important; }
.g-py-5--sm {
padding-top: 0.35714286rem !important;
padding-bottom: 0.35714286rem !important; }
.g-pa-0-10x--sm {
padding-left: 10% !important;
padding-right: 10% !important; }
.g-pa-0-35-35--sm {
padding: 0 2.5rem 2.5rem !important; }
.g-pa-5-10--sm {
padding: 0.35714286rem 0.71428571rem !important; }
.g-pa-8-16--sm {
padding: 0.57142857rem 1.14285714rem !important; }
.g-pa-10-20--sm {
padding: 0.71428571rem 1.42857143rem !important; }
.g-pa-15-20-10--sm {
padding: 1.07142857rem 1.42857143rem 0.71428571rem !important; }
.g-pa-20-20-0--sm {
padding: 1.42857143rem 1.42857143rem 0 !important; }
.g-pa-20-20-10--sm {
padding: 1.42857143rem 1.42857143rem 0.71428571rem !important; }
.g-pa-20-30-0--sm {
padding: 1.42857143rem 2.14285714rem 0 !important; }
.g-pa-20-30--sm {
padding: 1.42857143rem 2.14285714rem !important; }
.g-pa-30-20--sm {
padding: 2.14285714rem 1.42857143rem !important; }
.g-pa-30-25-20--sm {
padding: 2.14285714rem 1.78571429rem 1.42857143rem !important; }
.g-pa-30-30-20--sm {
padding: 2.14285714rem 2.14285714rem 1.42857143rem !important; }
.g-pa-30-50-40--sm {
padding: 2.14285714rem 3.57142857rem 2.85714286rem !important; }
.g-pa-30-80--sm {
padding: 2.14285714rem 5.71428571rem !important; }
.g-pa-40-30-30--sm {
padding: 2.85714286rem 2.14285714rem 2.14285714rem !important; }
.g-pa-60-30--sm {
padding: 4.28571429rem 2.14285714rem !important; }
.g-pa-70-50-50-30--sm {
padding: 5rem 3.57142857rem 3.57142857rem 2.14285714rem !important; }
.g-pa-80-40--sm {
padding: 5.71428571rem 2.85714286rem !important; }
.g-pa-85-0-40--sm {
padding: 6.07142857rem 0 2.85714286rem !important; }
.g-pa-100-30--sm {
padding: 7.14285714rem 2.14285714rem !important; }
.g-pa-170-0-150--sm {
padding: 12.14285714rem 0 10.71428571rem !important; }
.g-pl-300--sm {
padding-left: 21.42857143rem !important; } }
/* Custom Paddings (md)
------------------------------------*/
@media (min-width: 768px) {
.g-pa-25-30--md {
padding: 1.78571429rem 2.14285714rem !important; }
.g-pa-30-10--md {
padding: 2.14285714rem 0.71428571rem !important; }
.g-pa-30-35--md {
padding: 2.14285714rem 2.5rem !important; }
.g-py-0--md {
padding-top: 0 !important;
padding-bottom: 0 !important; }
.g-py-23--md {
padding-top: 1.64285714rem !important;
padding-bottom: 1.64285714rem !important; }
.g-px-18--md {
padding-left: 1.28571429rem !important;
padding-right: 1.28571429rem !important; }
.g-pt-135--md {
padding-top: 9.64285714rem !important; }
.g-pt-145--md {
padding-top: 10.35714286rem !important; }
.g-pt-150--md {
padding-top: 10.71428571rem !important; }
.g-pt-170--md {
padding-top: 12.14285714rem !important; }
.g-pt-175--md {
padding-top: 12.5rem !important; }
.g-pb-70--md {
padding-bottom: 5rem !important; }
.g-pb-170--md {
padding-bottom: 12.14285714rem !important; }
.g-pb-250--md {
padding-bottom: 17.85714286rem !important; }
.g-pl-300--md {
padding-left: 21.42857143rem !important; } }
/* Custom Paddings (lg)
------------------------------------*/
@media (min-width: 992px) {
.g-py-0--lg {
padding-top: 0 !important;
padding-bottom: 0 !important; }
.g-py-100--lg {
padding-top: 7.14285714rem !important;
padding-bottom: 7.14285714rem !important; }
.g-px-200--lg {
padding-left: 14.28571429rem !important;
padding-right: 14.28571429rem !important; }
.g-pt-170--lg {
padding-top: 12.14285714rem !important; }
.g-pb-200--lg {
padding-bottom: 14.28571429rem !important; } }
/* Custom Paddings (xl)
------------------------------------*/
@media (min-width: 1200px) {
.g-py-0--xl {
padding-top: 0 !important;
padding-bottom: 0 !important; }
.g-px-23--xl {
padding-left: 1.64285714rem !important;
padding-right: 1.64285714rem !important; } }
/*------------------------------------
Block Hidden
------------------------------------*/
.g-hidden-xs-up {
display: none !important; }
@media (max-width: 575px) {
.g-hidden-xs-down {
display: none !important; } }
@media (min-width: 576px) {
.g-hidden-sm-up {
display: none !important; } }
@media (max-width: 767px) {
.g-hidden-sm-down {
display: none !important; } }
@media (min-width: 768px) {
.g-hidden-md-up {
display: none !important; } }
@media (max-width: 991px) {
.g-hidden-md-down {
display: none !important; } }
@media (min-width: 992px) {
.g-hidden-lg-up {
display: none !important; } }
@media (max-width: 1199px) {
.g-hidden-lg-down {
display: none !important; } }
@media (min-width: 1200px) {
.g-hidden-xl-up {
display: none !important; } }
.g-hidden-xl-down {
display: none !important; }
/* Add here all your css styles (customizations) */
/* Large: >= 991px */
.fancybox-slide {
overflow: hidden; }
/* Add here all your css styles (customizations) */
/* Add here all your css styles (customizations) */
@font-face {
font-family: 'Solstice Sans';
font-style: normal;
font-weight: 300;
src: url(../../../etc.clientlibs/joule/clientlibs/clientlib-unify/resources/fonts/joule_fonts/HoneywellSansWeb-Book.eot);
src: local("Solstice Sans Book"), local("SolsticeSansWeb-Book"), url(../../../etc.clientlibs/joule/clientlibs/clientlib-unify/resources/fonts/joule_fonts/HoneywellSansWeb-Book.eot?#iefix) format("embedded-opentype"), url(../../../etc.clientlibs/joule/clientlibs/clientlib-unify/resources/fonts/joule_fonts/HoneywellSansWeb-Book.woff2) format("woff2"), url(../../../etc.clientlibs/joule/clientlibs/clientlib-unify/resources/fonts/joule_fonts/HoneywellSansWeb-Book.woff) format("woff"); }
@font-face {
font-family: 'Solstice Sans';
font-style: italic;
font-weight: 300;
src: url(../../../etc.clientlibs/joule/clientlibs/clientlib-unify/resources/fonts/joule_fonts/HoneywellSansWeb-BookItalic.eot);
src: local("Solstice Sans Book"), local("SolsticeSansWeb-BookItalic"), url(../../../etc.clientlibs/joule/clientlibs/clientlib-unify/resources/fonts/joule_fonts/HoneywellSansWeb-BookItalic.eot?#iefix) format("embedded-opentype"), url(../../../etc.clientlibs/joule/clientlibs/clientlib-unify/resources/fonts/joule_fonts/HoneywellSansWeb-BookItalic.woff2) format("woff2"), url(../../../etc.clientlibs/joule/clientlibs/clientlib-unify/resources/fonts/joule_fonts/HoneywellSansWeb-BookItalic.woff) format("woff"); }
@font-face {
font-family: 'Solstice Sans';
font-style: normal;
font-weight: 500;
src: url(../../../etc.clientlibs/joule/clientlibs/clientlib-unify/resources/fonts/joule_fonts/HoneywellSansWeb-Medium.eot);
src: local("Solstice Sans"), local("SolsticeSansWeb-Medium"), url(../../../etc.clientlibs/joule/clientlibs/clientlib-unify/resources/fonts/joule_fonts/HoneywellSansWeb-Medium.eot?#iefix) format("embedded-opentype"), url(../../../etc.clientlibs/joule/clientlibs/clientlib-unify/resources/fonts/joule_fonts/HoneywellSansWeb-Medium.woff2) format("woff2"), url(../../../etc.clientlibs/joule/clientlibs/clientlib-unify/resources/fonts/joule_fonts/HoneywellSansWeb-Medium.woff) format("woff"); }
@font-face {
font-family: 'Solstice Sans';
font-style: italic;
font-weight: 500;
src: url(../../../etc.clientlibs/joule/clientlibs/clientlib-unify/resources/fonts/joule_fonts/HoneywellSansWeb-MediumItalic.eot);
src: local("Solstice Sans"), local("SolsticeSansWeb-MediumItalic"), url(../../../etc.clientlibs/joule/clientlibs/clientlib-unify/resources/fonts/joule_fonts/HoneywellSansWeb-MediumItalic.eot?#iefix) format("embedded-opentype"), url(../../../etc.clientlibs/joule/clientlibs/clientlib-unify/resources/fonts/joule_fonts/HoneywellSansWeb-MediumItalic.woff2) format("woff2"), url(../../../etc.clientlibs/joule/clientlibs/clientlib-unify/resources/fonts/joule_fonts/HoneywellSansWeb-MediumItalic.woff) format("woff"); }
@font-face {
font-family: 'Solstice Sans';
font-style: normal;
font-weight: 800;
src: url(../../../etc.clientlibs/joule/clientlibs/clientlib-unify/resources/fonts/joule_fonts/HoneywellSansWeb-Bold.eot);
src: local("Solstice Sans Bold"), local("SolsticeSansWeb-Bold"), url(../../../etc.clientlibs/joule/clientlibs/clientlib-unify/resources/fonts/joule_fonts/HoneywellSansWeb-Bold.eot?#iefix) format("embedded-opentype"), url(../../../etc.clientlibs/joule/clientlibs/clientlib-unify/resources/fonts/joule_fonts/HoneywellSansWeb-Bold.woff2) format("woff2"), url(../../../etc.clientlibs/joule/clientlibs/clientlib-unify/resources/fonts/joule_fonts/HoneywellSansWeb-Bold.woff) format("woff"); }
@font-face {
font-family: 'Solstice Sans';
font-style: italic;
font-weight: 800;
src: url(../../../etc.clientlibs/joule/clientlibs/clientlib-unify/resources/fonts/joule_fonts/HoneywellSansWeb-BoldItalic.eot);
src: local("Solstice Sans Bold Italic"), local("SolsticeSansWeb-BoldItalic"), url(../../../etc.clientlibs/joule/clientlibs/clientlib-unify/resources/fonts/joule_fonts/HoneywellSansWeb-BoldItalic.eot?#iefix) format("embedded-opentype"), url(../../../etc.clientlibs/joule/clientlibs/clientlib-unify/resources/fonts/joule_fonts/HoneywellSansWeb-BoldItalic.woff2) format("woff2"), url(../../../etc.clientlibs/joule/clientlibs/clientlib-unify/resources/fonts/joule_fonts/HoneywellSansWeb-BoldItalic.woff) format("woff"); }
@font-face {
font-family: 'Solstice Sans';
font-style: normal;
font-weight: 900;
src: url(../../../etc.clientlibs/joule/clientlibs/clientlib-unify/resources/fonts/joule_fonts/HoneywellSansWeb-Extrabold.eot);
src: local("Solstice Sans Extra Bold"), local("SolsticeSansWeb-Extrabold"), url(../../../etc.clientlibs/joule/clientlibs/clientlib-unify/resources/fonts/joule_fonts/HoneywellSansWeb-Extrabold.eot?#iefix) format("embedded-opentype"), url(../../../etc.clientlibs/joule/clientlibs/clientlib-unify/resources/fonts/joule_fonts/HoneywellSansWeb-Extrabold.woff2) format("woff2"), url(../../../etc.clientlibs/joule/clientlibs/clientlib-unify/resources/fonts/joule_fonts/HoneywellSansWeb-Extrabold.woff) format("woff"); }
@font-face {
font-family: 'Solstice Sans';
font-style: italic;
font-weight: 900;
src: url(../../../etc.clientlibs/joule/clientlibs/clientlib-unify/resources/fonts/joule_fonts/HoneywellSansWeb-ExtraboldItalic.eot);
src: local("Solstice Sans Extra Bold"), local("SolsticeSansWeb-ExtraboldItalic"), url(../../../etc.clientlibs/joule/clientlibs/clientlib-unify/resources/fonts/joule_fonts/HoneywellSansWeb-ExtraboldItalic.eot?#iefix) format("embedded-opentype"), url(../../../etc.clientlibs/joule/clientlibs/clientlib-unify/resources/fonts/joule_fonts/HoneywellSansWeb-ExtraboldItalic.woff2) format("woff2"), url(../../../etc.clientlibs/joule/clientlibs/clientlib-unify/resources/fonts/joule_fonts/HoneywellSansWeb-ExtraboldItalic.woff) format("woff"); }
@font-face {
font-family: 'Solstice Sans';
font-style: normal;
font-weight: 700;
src: url(../../../etc.clientlibs/joule/clientlibs/clientlib-unify/resources/fonts/joule_fonts/HoneywellSansWeb-Black.eot);
src: local("Solstice Sans Black"), local("SolsticeSansWeb-Black"), url(../../../etc.clientlibs/joule/clientlibs/clientlib-unify/resources/fonts/joule_fonts/HoneywellSansWeb-Black.eot?#iefix) format("embedded-opentype"), url(../../../etc.clientlibs/joule/clientlibs/clientlib-unify/resources/fonts/joule_fonts/HoneywellSansWeb-Black.woff2) format("woff2"), url(../../../etc.clientlibs/joule/clientlibs/clientlib-unify/resources/fonts/joule_fonts/HoneywellSansWeb-Black.woff) format("woff"); }
/* Add here all your css styles (customizations) */
body {
font-family: "Solstice Sans", Helvetica, Arial, sans-serif !important;
color: #404040;
font-size: 14px;
width: 100%;
font-weight: 500; }
@media only screen and (min-width: 768px) {
body {
font-size: 16px; } }
@media only screen and (min-width: 768px) {
body {
font-size: 14px; } }
body > .main-wrapper,
body > .breadcrumb-wrapper,
body > .section,
body > .leadgen {
max-width: 1440px;
width: 100%;
margin: 0 auto !important; }
.js-fixed {
position: fixed; }
.mvp2.full-width {
width: 100%;
max-width: 1440px !important;
margin: 0 auto; }
.mvp2.grey-bg, .mvp2 .grey-bg {
background: #F7F7F7; }
.mvp2.darkgrey-bg, .mvp2 .darkgrey-bg {
background: #404040; }
.mvp2 .pl-70 {
padding-left: 70px; }
.mvp2 .pl-70-30 {
padding-left: 30px !important; }
@media (min-width: 1440px) {
.mvp2 .pl-70-30 {
padding-left: 70px !important; } }
.mvp2 .m-120-70-30 {
margin-left: 70px !important;
margin-right: 70px !important; }
@media (min-width: 1440px) {
.mvp2 .m-120-70-30 {
margin-left: 120px !important;
margin-right: 120px !important; } }
@media (max-width: 576px) {
.mvp2 .m-120-70-30 {
margin-left: 30px !important;
margin-right: 30px !important; } }
.mvp2 .p-70-30 {
padding: 70px 30px; }
.mvp2 .mb-15 {
margin-bottom: 15px; }
.mvp2 .pb-15 {
padding-bottom: 15px; }
.mvp2 .pl-15 {
padding-left: 15px; }
.mvp2 .mt-8 {
margin-top: 8px; }
.mvp2 .mb-8 {
margin-bottom: 8px; }
.mvp2 .mt-15 {
margin-top: 15px; }
@media (min-width: 768px) {
.mvp2 .py-80 {
padding-bottom: 80px;
padding-top: 80px; } }
@media (max-width: 576px) {
.mvp2 .py-80 {
padding-bottom: 40px;
padding-top: 40px; } }
.mvp2 .p-30 {
padding-top: 30px;
padding-bottom: 30px; }
.mvp2 .pt-0, .mvp2.pt-0 {
padding-top: 0; }
.mvp2 .pt-30, .mvp2.pt-30 {
padding-top: 30px; }
.mvp2 .pt-50, .mvp2.pt-50 {
padding-top: 50px; }
.mvp2 .pt-70, .mvp2.pt-70 {
padding-top: 70px; }
@media (min-width: 768px) {
.mvp2 .pt-80, .mvp2.pt-80 {
padding-top: 80px; } }
@media (max-width: 576px) {
.mvp2 .pt-80, .mvp2.pt-80 {
padding-top: 40px; } }
@media (min-width: 768px) {
.mvp2 .pt-md-70, .mvp2.pt-md-70 {
padding-top: 70px; } }
.mvp2 .pb-0, .mvp2.pb-0 {
padding-bottom: 0; }
.mvp2 .pb-30, .mvp2.pb-30 {
padding-bottom: 30px; }
.mvp2 .pb-50, .mvp2.pb-50 {
padding-bottom: 50px; }
.mvp2 .pb-70, .mvp2.pb-70 {
padding-bottom: 70px; }
@media (min-width: 768px) {
.mvp2 .pb-80, .mvp2.pb-80 {
padding-bottom: 80px; } }
@media (max-width: 576px) {
.mvp2 .pb-80, .mvp2.pb-80 {
padding-bottom: 40px; } }
.mvp2.slider-wrapper {
height: 100%;
min-height: 100%; }
.mvp2 .header1 {
color: #303030;
font-size: 32px;
font-weight: 300;
line-height: 1; }
@media only screen and (min-width: 768px) {
.mvp2 .header1 {
font-size: 70px; } }
@media (min-width: 768px) {
.mvp2 .header1 {
line-height: 1.1; } }
.mvp2 .header2 {
color: #303030;
font-size: 28px;
font-weight: 300;
line-height: 1; }
@media only screen and (min-width: 768px) {
.mvp2 .header2 {
font-size: 50px; } }
@media (min-width: 768px) {
.mvp2 .header2 {
line-height: 1.2; } }
.mvp2 .header3 {
color: #303030;
font-size: 24px;
font-weight: 300;
line-height: 1; }
@media only screen and (min-width: 768px) {
.mvp2 .header3 {
font-size: 40px; } }
@media (min-width: 768px) {
.mvp2 .header3 {
line-height: 1.15; } }
.mvp2 .header4 {
color: #303030;
font-size: 20px;
font-weight: 300;
line-height: 1.2; }
@media only screen and (min-width: 768px) {
.mvp2 .header4 {
font-size: 28px; } }
@media (min-width: 768px) {
.mvp2 .header4 {
line-height: 1.25; } }
.mvp2 .header5,
.mvp2 .header5 p {
color: #303030;
font-size: 18px;
font-weight: 300;
line-height: 1.1; }
@media only screen and (min-width: 768px) {
.mvp2 .header5,
.mvp2 .header5 p {
font-size: 22px; } }
@media (min-width: 768px) {
.mvp2 .header5,
.mvp2 .header5 p {
line-height: 1.2; } }
.mvp2 .eyebrow {
color: #303030;
font-size: 14px;
font-weight: 800;
line-height: 1.1; }
@media only screen and (min-width: 768px) {
.mvp2 .eyebrow {
font-size: 18px; } }
@media (min-width: 768px) {
.mvp2 .eyebrow {
line-height: 1.2; } }
.mvp2 .body1,
.mvp2 .body1 p {
color: #303030;
font-size: 16px;
font-weight: 300;
line-height: 1.3; }
@media only screen and (min-width: 768px) {
.mvp2 .body1,
.mvp2 .body1 p {
font-size: 18px; } }
@media (min-width: 768px) {
.mvp2 .body1,
.mvp2 .body1 p {
line-height: 1.4; } }
.mvp2 .body2 {
color: #303030;
font-size: 14px;
font-weight: 300;
line-height: 1.3; }
@media only screen and (min-width: 768px) {
.mvp2 .body2 {
font-size: 15px; } }
@media (min-width: 768px) {
.mvp2 .body2 {
line-height: 1.9; } }
.mvp2 .label1 {
color: #303030;
font-size: 14px;
font-weight: 800;
line-height: 1.1; }
@media only screen and (min-width: 768px) {
.mvp2 .label1 {
font-size: 18px; } }
@media (min-width: 768px) {
.mvp2 .label1 {
line-height: 1.3; } }
.mvp2 .label2 {
color: #303030;
font-size: 12px;
font-weight: 800;
line-height: 1.1; }
@media only screen and (min-width: 768px) {
.mvp2 .label2 {
font-size: 14px; } }
@media (min-width: 768px) {
.mvp2 .label2 {
line-height: 1.2; } }
.mvp2 .footer {
color: #fff;
font-size: 14px;
font-weight: 300;
line-height: 2.3; }
@media only screen and (min-width: 768px) {
.mvp2 .footer {
font-size: 14px; } }
.mvp2 .footer-alt {
color: #303030;
font-size: 14px;
font-weight: 300;
line-height: 1.2; }
@media only screen and (min-width: 768px) {
.mvp2 .footer-alt {
font-size: 14px; } }
.mvp2 .invert {
color: #fff; }
@media (min-width: 767px) {
.mvp2 .md-invert {
color: #fff; } }
.mvp2 .primary-cta {
background: #007BC2;
border: 2px solid #007BC2;
color: #fff;
font-size: 14px;
line-height: 18px;
padding: 15px 5px;
word-break: break-word;
width: 232px;
letter-spacing: 0.5px;
margin-bottom: 0 !important;
margin: 10px;
text-transform: uppercase;
text-align: center;
font-weight: 800;
transition: all .3s ease;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer; }
.mvp2 .primary-cta:visited, .mvp2 .primary-cta:active {
background: #007BC2;
border-color: #007BC2;
color: #fff; }
.mvp2 .primary-cta:hover {
background: #00629B;
border-color: #00629B;
color: #fff;
text-decoration: none; }
.mvp2 .primary-cta:disabled {
background: #F7F7F7;
border-color: #F7F7F7;
color: #fff; }
.mvp2 .secondary-cta {
background: #fff;
border: 2px solid #007BC2;
color: #007BC2;
font-size: 14px;
line-height: 18px;
padding: 15px 5px;
word-break: break-word;
width: 232px;
letter-spacing: 0.5px;
margin-bottom: 0 !important;
margin: 10px;
text-transform: uppercase;
text-align: center;
font-weight: 800;
transition: all .3s ease;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer; }
.mvp2 .secondary-cta:visited, .mvp2 .secondary-cta:active {
border-color: #007BC2;
color: #007BC2; }
.mvp2 .secondary-cta:hover {
border-color: #00629B;
color: #00629B;
text-decoration: none; }
.mvp2 .secondary-cta:disabled {
border-color: #F7F7F7;
color: #F7F7F7; }
.mvp2 .secondary-cta.invert {
background: transparent;
border: 2px solid #fff;
color: #fff;
min-height: 48px;
word-break: break-word;
width: 232px;
letter-spacing: 0.5px;
margin-bottom: 0 !important;
margin: 10px;
text-transform: uppercase;
font-weight: 800;
transition: all .3s ease;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer; }
.mvp2 .secondary-cta.invert:visited, .mvp2 .secondary-cta.invert:active {
border-color: #fff;
color: #fff; }
.mvp2 .secondary-cta.invert:hover {
border-color: #D1E9FA;
color: #D1E9FA;
text-decoration: none; }
.mvp2 .primary-red-cta {
background: #dc202e;
border: 2px solid #dc202e;
color: #fff;
font-size: 14px;
line-height: 18px;
padding: 15px 5px;
word-break: break-word;
width: 232px;
letter-spacing: 0.5px;
margin-bottom: 0 !important;
margin: 10px;
text-transform: uppercase;
text-align: center;
font-weight: 800;
transition: all .3s ease;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer; }
.mvp2 .primary-red-cta:visited, .mvp2 .primary-red-cta:active {
background: #dc202e;
border-color: #dc202e;
color: #fff; }
.mvp2 .primary-red-cta:hover {
background: #b5131f;
border-color: #b5131f;
color: #fff;
text-decoration: none; }
.mvp2 .primary-red-cta:disabled {
background: #F7F7F7;
border-color: #F7F7F7;
color: #fff; }
.mvp2 .secondary-red-cta {
background: #fff;
border: 2px solid #dc202e;
color: #dc202e;
font-size: 14px;
line-height: 18px;
padding: 15px 5px;
word-break: break-word;
width: 232px;
letter-spacing: 0.5px;
margin-bottom: 0 !important;
margin: 10px;
text-transform: uppercase;
text-align: center;
font-weight: 800;
transition: all .3s ease;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer; }
.mvp2 .secondary-red-cta:visited, .mvp2 .secondary-red-cta:active {
border-color: #dc202e;
color: #dc202e; }
.mvp2 .secondary-red-cta:hover {
border-color: #b5131f;
color: #b5131f;
text-decoration: none; }
.mvp2 .secondary-red-cta:disabled {
border-color: #F7F7F7;
color: #F7F7F7; }
.mvp2 .secondary-red-cta.invert {
background: transparent;
border: 2px solid #fff;
color: #fff;
min-height: 48px;
word-break: break-word;
width: 232px;
letter-spacing: 0.5px;
margin-bottom: 0 !important;
margin: 10px;
text-transform: uppercase;
font-weight: 800;
transition: all .3s ease;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer; }
.mvp2 .secondary-red-cta.invert:visited, .mvp2 .secondary-red-cta.invert:active {
border-color: #fff;
color: #fff; }
.mvp2 .secondary-red-cta.invert:hover {
border-color: #D1E9FA;
color: #D1E9FA;
text-decoration: none; }
.mvp2 .text-cta-arrow {
border: none;
background: transparent;
color: #007BC2;
letter-spacing: 0.5px;
margin-bottom: 0 !important;
text-transform: uppercase;
font-weight: 800;
transition: all .3s ease;
display: flex;
align-items: center;
white-space: nowrap;
cursor: pointer; }
.mvp2 .text-cta-arrow:after {
content: "\e94E";
display: inline-block;
text-transform: none;
font-weight: 400;
font-style: normal;
font-variant: normal;
font-family: "icomoonregular" !important;
line-height: 1;
speak: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 12px;
margin-left: 5px;
margin-top: 3px; }
.mvp2 .text-cta-arrow:visited, .mvp2 .text-cta-arrow:active {
color: #007BC2; }
.mvp2 .text-cta-arrow:hover {
color: #00629B;
text-decoration: none; }
.mvp2 .text-cta-arrow:disabled {
color: #F7F7F7; }
.mvp2 .text-cta-arrow.invert {
border: none;
color: #fff;
letter-spacing: 0.5px;
margin-bottom: 0 !important;
text-transform: uppercase;
font-weight: 800;
transition: all .3s ease;
display: flex;
align-items: center;
white-space: nowrap;
cursor: pointer; }
.mvp2 .text-cta-arrow.invert:after {
content: "\e94E";
display: inline-block;
text-transform: none;
font-weight: 400;
font-style: normal;
font-variant: normal;
font-family: "icomoonregular" !important;
line-height: 1;
speak: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 12px;
margin-left: 5px;
margin-top: 3px; }
.mvp2 .text-cta-arrow.invert:visited, .mvp2 .text-cta-arrow.invert:active {
color: #fff; }
.mvp2 .text-cta-arrow.invert:hover {
color: #D1E9FA;
text-decoration: none; }
.mvp2 .text-cta-arrow.md-invert {
border: none;
background: transparent;
color: #007BC2;
letter-spacing: 0.5px;
margin-bottom: 0 !important;
text-transform: uppercase;
font-weight: 800;
transition: all .3s ease;
display: flex;
align-items: center;
white-space: nowrap;
cursor: pointer; }
.mvp2 .text-cta-arrow.md-invert:after {
content: "\e94E";
display: inline-block;
text-transform: none;
font-weight: 400;
font-style: normal;
font-variant: normal;
font-family: "icomoonregular" !important;
line-height: 1;
speak: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 12px;
margin-left: 5px;
margin-top: 3px; }
.mvp2 .text-cta-arrow.md-invert:visited, .mvp2 .text-cta-arrow.md-invert:active {
color: #007BC2; }
.mvp2 .text-cta-arrow.md-invert:hover {
color: #00629B;
text-decoration: none; }
.mvp2 .text-cta-arrow.md-invert:disabled {
color: #F7F7F7; }
@media (min-width: 768px) {
.mvp2 .text-cta-arrow.md-invert {
border: none;
color: #fff;
letter-spacing: 0.5px;
margin-bottom: 0 !important;
text-transform: uppercase;
font-weight: 800;
transition: all .3s ease;
display: flex;
align-items: center;
white-space: nowrap;
cursor: pointer; }
.mvp2 .text-cta-arrow.md-invert:after {
content: "\e94E";
display: inline-block;
text-transform: none;
font-weight: 400;
font-style: normal;
font-variant: normal;
font-family: "icomoonregular" !important;
line-height: 1;
speak: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 12px;
margin-left: 5px;
margin-top: 3px; }
.mvp2 .text-cta-arrow.md-invert:visited, .mvp2 .text-cta-arrow.md-invert:active {
color: #fff; }
.mvp2 .text-cta-arrow.md-invert:hover {
color: #D1E9FA;
text-decoration: none; } }
.mvp2 .text-cta {
border: none;
background: transparent;
color: #007BC2;
letter-spacing: 0.5px;
margin-bottom: 0;
font-weight: 800;
transition: all .3s ease;
display: flex;
align-items: center;
justify-content: center;
white-space: nowrap;
cursor: pointer; }
.mvp2 .text-cta:visited, .mvp2 .text-cta:active {
color: #007BC2; }
.mvp2 .text-cta:hover {
color: #00629B;
text-decoration: none; }
.mvp2 .text-cta:disabled {
color: #F7F7F7; }
.mvp2 .customer-support-text {
border: none;
background: transparent;
color: #007BC2;
letter-spacing: 0.5px;
margin-bottom: 0 !important;
font-weight: 800;
transition: all .3s ease;
cursor: pointer;
color: #007BC2 !important;
cursor: pointer !important;
font-size: 15px;
font-weight: 800 !important; }
.mvp2 .customer-support-text:visited, .mvp2 .customer-support-text:active {
color: #007BC2; }
.mvp2 .customer-support-text:hover {
color: #00629B;
text-decoration: none; }
.mvp2 .customer-support-text:disabled {
color: #F7F7F7; }
.mvp2 .mvp2-play-btn {
position: relative;
width: 100%;
height: 100%; }
.mvp2 .mvp2-play-btn:before {
width: 97px;
height: 68px;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: auto;
position: absolute;
display: block;
pointer-events: none;
content: url(../../../etc.clientlibs/joule/clientlibs/clientlib-unify/resources/images/mvp2/play_button.png); }
.mvp2 .text-black {
color: #303030 !important; }
.mvp2 .text-red {
color: #dc202e; }
.mvp2 .container-1140 .container {
max-width: 1170px;
width: 100%;
padding-left: 15px;
padding-right: 15px; }
.mvp2 .wrapper-1140 {
margin: 0 auto;
max-width: 1170px !important;
width: 100%;
padding-left: 15px;
padding-right: 15px; }
.mvp2 .wrapper .mvp2.light {
background: #F7F7F7; }
.modal-backdrop {
opacity: 0.8; }
::selection,
::-moz-selection {
background: #007BC2 !important; }
.red {
color: red; }
.page b,
.page strong {
font-weight: 900 !important; }
a:focus,
button:focus {
outline: none;
box-shadow: none !important; }
.sr-only {
background: #000;
color: #fff; }
.navbar .container {
max-width: 1440px;
width: 100%; }
.client-tooltip.mvp-icon-question:before {
font-size: 16px;
color: #707070;
position: relative;
top: 3px; }
.u-heading-v7__title,
p.lead {
letter-spacing: 4px;
line-height: 24px !important;
text-transform: uppercase; }
.uppercase {
text-transform: uppercase; }
.u-heading-v7__title {
font-size: 18px !important;
font-weight: 700 !important;
margin-bottom: 0 !important;
color: #404040; }
.u-heading-v7__title:before {
content: url("../../../etc.clientlibs/joule/clientlibs/clientlib-unify/resources/images/connected_squares.png");
display: flex;
justify-content: center;
align-items: center; }
@media (max-width: 767px) {
.u-heading-v7__title:before {
content: url("../../../etc.clientlibs/joule/clientlibs/clientlib-unify/resources/images/connected_squares_mobile.png"); } }
p.lead {
font-size: 14px !important;
font-weight: 500;
color: #707070; }
.breadcrumb-wrapper section {
padding: 0 !important;
margin: 15px !important; }
.breadcrumb-wrapper section div.container {
margin: 0 !important; }
.breadcrumb-wrapper section li a,
.breadcrumb-wrapper section li span {
color: #707070 !important;
font-weight: 500; }
.breadcrumb-wrapper section li:last-child span {
font-weight: 900; }
.breadcrumb-wrapper section li a:hover, .breadcrumb-wrapper section li a:focus {
text-decoration: underline; }
.content .breadcrumb-wrapper {
display: none; }
#tenant-header .btn.js-hamburger {
width: auto !important; }
/* Medium: 768px <= X <= 990px */
@media only screen and (min-width: 768px) and (max-width: 992px) {
.u-heading-v7__title {
font-size: 16px !important; }
p.lead {
font-size: 12px !important; }
.breadcrumb-wrapper section {
margin: 15px 0px !important; } }
/* Small: < 768px */
@media only screen and (max-width: 767px) {
.u-heading-v7__title {
font-size: 12px !important;
margin-bottom: 0 !important; }
p.lead {
line-height: normal !important;
font-size: 10px !important;
margin-bottom: 1rem !important; }
.breadcrumb-wrapper section {
margin: 15px 0px !important; }
.breadcrumb-wrapper section li a,
.breadcrumb-wrapper section li span {
font-size: 12px !important; }
.product-detail .breadcrumb-wrapper section {
margin: 15px 0 0 !important; } }
.pc-img-overlay {
transition: all .5s ease !important;
position: relative;
text-align: left;
border: 1px solid #D0D0D0;
overflow: hidden; }
a:hover figure .pc-img-overlay img {
transform: scale(1.05) !important; }
button.icon {
background: none;
border: none;
cursor: pointer; }
button.icon.small::before {
font-size: 25px; }
.tags-list {
padding: 0;
margin: 0; }
.tags-list .tags {
display: inline-block;
font-size: 12px;
color: #404040;
border: 1px solid #D0D0D0;
padding: 5px;
margin-left: 10px; }
.tags-list .tags a,
.tags-list .tags a:hover {
color: #404040; }
.p-text a {
color: #404040;
font-weight: 800; }
.mvp2 .video {
position: relative;
width: 100%;
height: 100%; }
.mvp2 .video:after {
width: 52px;
height: 52px;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: auto;
position: absolute;
display: block;
pointer-events: none;
content: url(../../../etc.clientlibs/joule/clientlibs/clientlib-unify/resources/images/icon_video_play.svg); }
.mvp2 .video.small:after {
width: 35px;
height: 35px;
content: url(../../../etc.clientlibs/joule/clientlibs/clientlib-unify/resources/images/icon_video_play-small.svg); }
.select-custom {
position: relative; }
.select-custom span.mvp-icon-carat_down {
position: absolute;
right: 5px;
top: 24%;
pointer-events: none; }
.select-custom span.mvp-icon-carat_down:before {
color: #A0A0A0;
font-size: 24px;
background: transparent; }
.form-control:focus,
.custom-select:focus {
box-shadow: none;
border: 1px dotted #303030; }
.page select {
-moz-appearance: none;
-webkit-appearance: none;
background-position-x: 98% !important;
background: #fff !important;
background-size: 25px !important;
padding-right: 25px !important;
padding-left: 10px !important;
width: 100%;
cursor: pointer; }
.page select::-ms-expand {
display: none; }
@media (max-width: 992px) {
select {
background-position-x: 97% !important;
background-size: 22px !important; } }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
/* IE10+ CSS styles go here */
select:focus {
width: auto;
position: relative; } }
.guidebutton.guidefield button:not(.af-icon-button) {
min-width: 200px; }
button.client-btn,
a.client-btn,
.guidebutton.guidefield button:not(.af-icon-button) {
font-family: "Solstice Sans", Helvetica, Arial, sans-serif;
background: #007BC2;
font-weight: 800;
font-size: 14px;
color: #fff;
border: 2px solid #007BC2;
transition: all .3s ease;
text-transform: uppercase;
height: 48px;
display: flex;
align-items: center;
justify-content: center;
white-space: nowrap;
border-radius: 0;
letter-spacing: .5px; }
button.client-btn [class^="mvp-icon-"]:before,
button.client-btn [class*="mvp-icon-"]:before,
a.client-btn [class^="mvp-icon-"]:before,
a.client-btn [class*="mvp-icon-"]:before,
.guidebutton.guidefield button:not(.af-icon-button) [class^="mvp-icon-"]:before,
.guidebutton.guidefield button:not(.af-icon-button) [class*="mvp-icon-"]:before {
color: #fff; }
button.client-btn:active, button.client-btn:hover, button.client-btn:visited,
a.client-btn:active,
a.client-btn:hover,
a.client-btn:visited,
.guidebutton.guidefield button:not(.af-icon-button):active,
.guidebutton.guidefield button:not(.af-icon-button):hover,
.guidebutton.guidefield button:not(.af-icon-button):visited {
text-decoration: none;
color: #fff; }
button.client-btn:visited,
a.client-btn:visited,
.guidebutton.guidefield button:not(.af-icon-button):visited {
background: #007BC2; }
button.client-btn:hover, button.client-btn:focus,
a.client-btn:hover,
a.client-btn:focus,
.guidebutton.guidefield button:not(.af-icon-button):hover,
.guidebutton.guidefield button:not(.af-icon-button):focus {
background: #1273B4;
border: 2px solid #1273B4; }
button.client-btn:active,
a.client-btn:active,
.guidebutton.guidefield button:not(.af-icon-button):active {
background: #0E5F95;
border: 2px solid #0E5F95; }
@media (max-width: 767px) {
button.client-btn:active, button.client-btn:hover, button.client-btn:visited, button.client-btn:focus,
a.client-btn:active,
a.client-btn:hover,
a.client-btn:visited,
a.client-btn:focus,
.guidebutton.guidefield button:not(.af-icon-button):active,
.guidebutton.guidefield button:not(.af-icon-button):hover,
.guidebutton.guidefield button:not(.af-icon-button):visited,
.guidebutton.guidefield button:not(.af-icon-button):focus {
text-decoration: none; } }
button.client-btn.invert-btn,
a.client-btn.invert-btn,
.guidebutton.guidefield button:not(.af-icon-button).invert-btn {
background: #fff;
color: #007BC2; }
button.client-btn.invert-btn [class^="mvp-icon-"]:before,
button.client-btn.invert-btn [class*="mvp-icon-"]:before,
a.client-btn.invert-btn [class^="mvp-icon-"]:before,
a.client-btn.invert-btn [class*="mvp-icon-"]:before,
.guidebutton.guidefield button:not(.af-icon-button).invert-btn [class^="mvp-icon-"]:before,
.guidebutton.guidefield button:not(.af-icon-button).invert-btn [class*="mvp-icon-"]:before {
color: #007BC2; }
button.client-btn.invert-btn:hover,
a.client-btn.invert-btn:hover,
.guidebutton.guidefield button:not(.af-icon-button).invert-btn:hover {
background: #fff;
color: #1273B4; }
button.client-btn.invert-btn:hover [class^="mvp-icon-"]:before,
button.client-btn.invert-btn:hover [class*="mvp-icon-"]:before,
a.client-btn.invert-btn:hover [class^="mvp-icon-"]:before,
a.client-btn.invert-btn:hover [class*="mvp-icon-"]:before,
.guidebutton.guidefield button:not(.af-icon-button).invert-btn:hover [class^="mvp-icon-"]:before,
.guidebutton.guidefield button:not(.af-icon-button).invert-btn:hover [class*="mvp-icon-"]:before {
color: #1273B4; }
button.client-btn.invert-btn:active,
a.client-btn.invert-btn:active,
.guidebutton.guidefield button:not(.af-icon-button).invert-btn:active {
background: #0E5F95;
color: #fff; }
@media (max-width: 767px) {
button.client-btn.invert-btn:active, button.client-btn.invert-btn:hover, button.client-btn.invert-btn:visited, button.client-btn.invert-btn:focus,
a.client-btn.invert-btn:active,
a.client-btn.invert-btn:hover,
a.client-btn.invert-btn:visited,
a.client-btn.invert-btn:focus,
.guidebutton.guidefield button:not(.af-icon-button).invert-btn:active,
.guidebutton.guidefield button:not(.af-icon-button).invert-btn:hover,
.guidebutton.guidefield button:not(.af-icon-button).invert-btn:visited,
.guidebutton.guidefield button:not(.af-icon-button).invert-btn:focus {
text-decoration: none; } }
button.client-btn.text-a,
a.client-btn.text-a {
background: transparent;
color: #007BC2;
border: none;
font-weight: 800;
letter-spacing: .25px; }
button.client-btn.text-a:visited,
a.client-btn.text-a:visited {
background: transparent;
color: #007BC2;
border: none; }
button.client-btn.text-a:hover,
a.client-btn.text-a:hover {
background: transparent;
color: #1273B4;
border: none;
text-decoration: underline; }
button.client-btn.text-a:active,
a.client-btn.text-a:active {
background: transparent;
color: #0E5F95;
border: none; }
@media (max-width: 767px) {
button.client-btn.text-a:active, button.client-btn.text-a:hover, button.client-btn.text-a:visited, button.client-btn.text-a:focus,
a.client-btn.text-a:active,
a.client-btn.text-a:hover,
a.client-btn.text-a:visited,
a.client-btn.text-a:focus {
text-decoration: none; } }
button.client-btn.black-text-a,
a.client-btn.black-text-a {
background: transparent;
color: #000;
border: none;
font-weight: 800;
letter-spacing: .25px; }
button.client-btn.black-text-a:visited,
a.client-btn.black-text-a:visited {
background: transparent;
color: #000;
border: none; }
button.client-btn.black-text-a:hover,
a.client-btn.black-text-a:hover {
background: transparent;
color: #707070;
border: none;
text-decoration: underline; }
button.client-btn.black-text-a:active,
a.client-btn.black-text-a:active {
background: transparent;
color: #404040;
border: none; }
@media (max-width: 767px) {
button.client-btn.black-text-a:active, button.client-btn.black-text-a:hover, button.client-btn.black-text-a:visited, button.client-btn.black-text-a:focus,
a.client-btn.black-text-a:active,
a.client-btn.black-text-a:hover,
a.client-btn.black-text-a:visited,
a.client-btn.black-text-a:focus {
text-decoration: none; } }
a.client-btn {
border-radius: 0;
text-transform: uppercase;
height: 48px;
width: 232px;
font-size: 12px;
line-height: 48px;
letter-spacing: 0.5px;
margin-bottom: 0 !important;
margin: 10px; }
@media only screen and (min-width: 768px) {
a.client-btn {
font-size: 14px; } }
.popout-close {
background: transparent;
position: absolute;
top: 10px;
right: 10px;
transition: all .2s ease;
border: none;
z-index: 99;
width: 20px;
height: 20px;
cursor: pointer; }
.popout-close .mvp-stack_close:before {
top: 0;
position: absolute;
right: 5px; }
.popout-close:hover {
text-decoration: none !important; }
/********************************************************
* Dark Dropdown Styles *
* *
* Add dropdown-dark-wrap class to select-wrap div *
* Add dropdown-dark class to the select element *
* *
*********************************************************/
div.select-wrap.dropdown-dark-wrap label {
display: block;
color: #D0D0D0;
font-size: 9px;
text-transform: uppercase;
letter-spacing: .92px;
font-weight: 800;
padding-left: 17px;
margin-bottom: 5px; }
div.select-wrap.dropdown-dark-wrap select.dropdown-dark {
background-color: #404040 !important;
border: 2px solid #D0D0D0;
border-radius: 0 !important;
padding: 5px;
font-size: 18px;
font-weight: 500;
color: #D0D0D0;
width: 232px;
height: 40px;
text-indent: 9px;
letter-spacing: normal; }
@media only screen and (max-width: 991px) {
div.select-wrap.dropdown-dark-wrap select.dropdown-dark {
width: 228px; } }
.sticky-side-contact {
position: absolute;
right: 0;
top: 125px;
z-index: 8; }
.sticky-side-contact.side-contact-fix {
position: fixed;
top: 8px; }
.sticky-side-contact > a {
background: #303030;
color: #fff;
margin: 0 0 10px 0;
padding: 5px;
font-size: 12px;
width: 100%;
line-height: 1.1;
display: flex;
align-items: center;
text-align: left;
border: 2px solid #D0D0D0;
border-right: 0; }
.sticky-side-contact > a:hover {
text-decoration: none;
color: #fff; }
.sticky-side-contact > a span {
border-right: 2px solid #EE3124;
padding-right: 5px;
margin-right: 5px;
font-size: 28px; }
.sticky-side-contact > a span:before {
color: #E0E0E0;
font-size: 28px; }
.sticky-side-contact > a:first-child {
border-top-left-radius: 10px; }
.sticky-side-contact > a:last-child {
border-bottom-left-radius: 10px; }
@media (max-width: 767px) {
.sticky-side-contact {
position: fixed;
top: unset;
bottom: 0;
display: flex;
width: 100%;
height: 41px; }
.sticky-side-contact.side-contact-fix {
top: unset; }
.sticky-side-contact > a {
width: 100%;
align-items: center;
justify-content: center;
text-align: left;
border: none;
margin-bottom: 0;
position: relative; }
.sticky-side-contact > a:first-child, .sticky-side-contact > a:last-child {
border-radius: 0; }
.sticky-side-contact > a:last-child:before {
content: "|";
color: #EE3124;
position: absolute;
left: -1px;
font-size: 30px; }
.sticky-side-contact > a span {
border-right: none; } }
.clear-width .wrapper-1140 {
max-width: 1440px !important; }
.spinner-overlay{
position:absolute;
width:100%;
height:100%;
left:0;
top:0;
background: rgba(0, 0, 0, 0.2);
text-align: center;
}
.spinner-overlay .spinner {
width:100%;
top:50%;
left:0;
position:absolute;
margin:-9px 0 0 0;
}
.spinner > div {
width: 18px;
height: 18px;
background-color: #333;
border-radius: 100%;
display: inline-block;
-webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}
.spinner .bounce1 {
-webkit-animation-delay: -0.32s;
animation-delay: -0.32s;
}
.spinner .bounce2 {
-webkit-animation-delay: -0.16s;
animation-delay: -0.16s;
}
@-webkit-keyframes sk-bouncedelay {
0%, 80%, 100% { -webkit-transform: scale(0) }
40% { -webkit-transform: scale(1.0) }
}
@keyframes sk-bouncedelay {
0%, 80%, 100% {
-webkit-transform: scale(0);
transform: scale(0);
} 40% {
-webkit-transform: scale(1.0);
transform: scale(1.0);
}
}