@charset "UTF-8";
/* COLOURS */
/* Phase 2 variables*/
.points ul, .follow ul, .breadcrumb ul, .quick-links ul, .social-aside ul.addthis_default_style, .aside ul, .dropdown-copy ul, .anchor-tabs ul, .nav-tabs ul, .pagination ul, .inquiry-application ul, .site-header ul, .site-footer ul, .hero-banner__text ul, .carousel .slick-dots, .subscribe-form ul, .listing-content__results, .event-aside__share ul, .sponsors__group ul, .sitemap ul, .search-results, .reseller-locator .reseller-partners--legend ul, .two-col-carousel .slick-dots, .three-four-carousel .slick-dots, .tabbed-carousel .slick-dots, .tab-carousel__tabs ul, .page-not-found-links {
list-style-type: none;
margin: 0;
padding: 0;
}
@font-face {
font-family: 'Clarimo UD PE Light';
font-weight: lighter;
src: url('../fonts/ClarimoUDPE-Light.ttf');
}
@font-face {
font-family: 'Clarimo UD PE DemiBold';
font-weight: bold;
src: url('../fonts/ClarimoUDPE-DemiBold.ttf');
}
@font-face {
font-family: 'Clarimo UD PE Regular';
font-weight: normal;
src: url('../fonts/ClarimoUDPE-Regular.ttf');
}
@font-face {
font-family: 'Clarimo UD PE Heavy';
font-weight: bolder;
src: url('../fonts/ClarimoUDPE-Heavy.ttf');
}
.container:before, .row:before, .row-col-12:before, .column-row:before, .layout-aside:before, .layout-article:before, .section:before, .top-nav ul:before, .main-nav:before, .main-nav ul:before, .main-nav ul li:before, .footer-nav ul:before, .follow:before, .follow ul:before, .carousel-item:before, .breadcrumb ul:before, .insights-filter:before, .solutions-filter:before, .event-mapper__filters:before, .success-stories-mapper__filters:before, .anchor-tabs ul:before, .nav-tabs ul:before, .listing-content__sort-result:before, .newsroom-listing__sort-result:before, .testimonial:before, .event-mapper__filters__controls:before, .event-mapper__item:before, .success-stories-mapper__filters__controls:before, .reseller-locator__filters__controls:before, .reseller-locator__filters__controls .btn-clear-filter:before, .inquiry-application:before, .site-header__wrapper:before, .site-header__top:before, .site-header__bottom:before, .hero-banner:before, .carousel .slick-dots:before, .more .image-links-wrapper:before, .topics .topic-panels-wrapper:before, .form-horizontal:before, .form-horizontal form:before, .listing-content__results:before, .listing-content__results>li:before, .career-item__details:before, .event-featured-speakers-wrapper:before, .event-agenda__header:before, .event-agenda__header .day-toggle:before, .event-aside__share ul:before, .sitemap ul:before, .reseller-locator .reseller-partners--legend ul:before, .newsroom-listing:before, .two-col-carousel .slick-dots:before, .three-four-carousel .slick-dots:before, .tabbed-carousel .slick-dots:before, .tab-carousel__tabs ul:before, .page-not-found-links:before, .container:after, .row:after, .row-col-12:after, .column-row:after, .layout-aside:after, .layout-article:after, .section:after, .top-nav ul:after, .main-nav:after, .main-nav ul:after, .main-nav ul li:after, .footer-nav ul:after, .follow:after, .follow ul:after, .carousel-item:after, .breadcrumb ul:after, .insights-filter:after, .solutions-filter:after, .event-mapper__filters:after, .success-stories-mapper__filters:after, .anchor-tabs ul:after, .nav-tabs ul:after, .listing-content__sort-result:after, .newsroom-listing__sort-result:after, .testimonial:after, .event-mapper__filters__controls:after, .event-mapper__item:after, .success-stories-mapper__filters__controls:after, .reseller-locator__filters__controls:after, .reseller-locator__filters__controls .btn-clear-filter:after, .inquiry-application:after, .site-header__wrapper:after, .site-header__top:after, .site-header__bottom:after, .hero-banner:after, .carousel .slick-dots:after, .more .image-links-wrapper:after, .topics .topic-panels-wrapper:after, .form-horizontal:after, .form-horizontal form:after, .listing-content__results:after, .listing-content__results>li:after, .career-item__details:after, .event-featured-speakers-wrapper:after, .event-agenda__header:after, .event-agenda__header .day-toggle:after, .event-aside__share ul:after, .sitemap ul:after, .reseller-locator .reseller-partners--legend ul:after, .newsroom-listing:after, .two-col-carousel .slick-dots:after, .three-four-carousel .slick-dots:after, .tabbed-carousel .slick-dots:after, .tab-carousel__tabs ul:after, .page-not-found-links:after {
content: '';
display: table;
}
.container:after, .row:after, .row-col-12:after, .column-row:after, .layout-aside:after, .layout-article:after, .section:after, .top-nav ul:after, .main-nav:after, .main-nav ul:after, .main-nav ul li:after, .footer-nav ul:after, .follow:after, .follow ul:after, .carousel-item:after, .breadcrumb ul:after, .insights-filter:after, .solutions-filter:after, .event-mapper__filters:after, .success-stories-mapper__filters:after, .anchor-tabs ul:after, .nav-tabs ul:after, .listing-content__sort-result:after, .newsroom-listing__sort-result:after, .testimonial:after, .event-mapper__filters__controls:after, .event-mapper__item:after, .success-stories-mapper__filters__controls:after, .reseller-locator__filters__controls:after, .reseller-locator__filters__controls .btn-clear-filter:after, .inquiry-application:after, .site-header__wrapper:after, .site-header__top:after, .site-header__bottom:after, .hero-banner:after, .carousel .slick-dots:after, .more .image-links-wrapper:after, .topics .topic-panels-wrapper:after, .form-horizontal:after, .form-horizontal form:after, .listing-content__results:after, .listing-content__results>li:after, .career-item__details:after, .event-featured-speakers-wrapper:after, .event-agenda__header:after, .event-agenda__header .day-toggle:after, .event-aside__share ul:after, .sitemap ul:after, .reseller-locator .reseller-partners--legend ul:after, .newsroom-listing:after, .two-col-carousel .slick-dots:after, .three-four-carousel .slick-dots:after, .tabbed-carousel .slick-dots:after, .tab-carousel__tabs ul:after, .page-not-found-links:after {
clear: both;
}
.visuallyHidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.show {
display: block !important;
}
.hide, .hidden {
display: none !important;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
@media only screen and (max-width: 767px) {
.tablet-only, .tablet-desktop {
display: none !important;
}
}
@media only screen and (min-width: 768px), print {
.mobile-only {
display: none !important;
}
}
@media only screen and (max-width: 991px) {
.desktop-only {
display: none !important;
}
}
@media only screen and (min-width: 992px), print {
.tablet-only, .handheld-only {
display: none !important;
}
}
.visuallyhidden-focusable:active, .visuallyhidden-focusable:focus {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto;
}
@font-face {
font-family: 'icomoon';
src: url("../fonts/icomoon.eot?11az0y");
src: url("../fonts/icomoon.eot?11az0y#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?11az0y") format("truetype"), url("../fonts/icomoon.woff?11az0y") format("woff"), url("../fonts/icomoon.svg?11az0y#icomoon") format("svg");
font-weight: normal;
font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
vertical-align: initial;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
[class^="icon-"]:before, [class*=" icon-"]:before {
font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
vertical-align: initial;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-cross:before {
content: "\e906";
}
.icon-return:before {
content: "\e911";
}
.icon-tick:before {
content: "\e912";
}
.icon-save:before {
content: "\e913";
}
.icon-chevron-with-circle-left:before {
content: "\e907";
}
.icon-chevron-with-circle-right:before {
content: "\e908";
}
.icon-controller-paus:before {
content: "\e909";
}
.icon-controller-play:before {
content: "\e90a";
}
.icon-minus:before {
content: "\e90b";
}
.icon-plus:before {
content: "\e90c";
}
.icon-call:before {
content: "\e90e";
}
.icon-agent:before {
content: "\e90f";
}
.icon-form:before {
content: "\e910";
}
.icon-quote:before {
content: "\e90d";
}
.icon-instagram:before {
content: "\ea92";
}
.icon-calendar:before {
content: "\f073";
}
.icon-clock:before {
content: "\f017";
}
.icon-map-pin:before {
content: "\f041";
}
.icon-notification:before {
content: "\e902";
}
.icon-enquiry:before {
content: "\e903";
}
.icon-chat:before {
content: "\e904";
}
.icon-share:before {
content: "\e905";
}
/* .icon-download:before {
content: "\e901";
} */
.icon-download {
background-image: url(../images/icn_download.svg);
height: 36px;
width: 36px;
display: inline-block;
}
.icon-download:hover {
background-image: url(../images/icn_download-w.svg);
height: 36px;
width: 36px;
display: inline-block;
}
.icon-dropdown-arrow:before {
content: "\e900";
}
.icon-twitter:before {
content: "\f099";
}
.icon-facebook:before {
content: "\f09a";
}
.icon-linkedin:before {
content: "\f0e1";
}
.icon-youtube:before {
content: "\f16a";
}
.icon-angle-left:before {
content: "\f104";
}
.icon-arrow-left:before {
content: "\f108";
}
.icon-angle-right:before {
content: "\f105";
}
.icon-arrow-right:before {
content: "\f109";
}
.icon-angle-up:before {
content: "\f106";
}
.icon-angle-down:before {
content: "\f107";
}
.icon-navicon:before {
content: "\f0c9";
}
.icon-file-pdf-o:before {
content: "\f1c1";
}
[class^="col-"], [class*=" col-"], [class^="col10-"], [class*=" col10-"] {
float: left;
padding: 0 6px;
width: 100%;
}
.row, .row-col-12 {
margin: 0;
}
.column-row {
margin: 0 -6px;
}
.right {
float: right;
}
.left {
float: left;
}
@media only screen and (max-width: 767px) {
.col-xs-1 {
width: 8.3333333333%;
padding: 0 6px;
}
.offset-xs-1 {
margin-left: 8.3333333333%;
}
.col-xs-2 {
width: 16.6666666667%;
padding: 0 6px;
}
.offset-xs-2 {
margin-left: 16.6666666667%;
}
.col-xs-3 {
width: 25%;
padding: 0 6px;
}
.offset-xs-3 {
margin-left: 25%;
}
.col-xs-4 {
width: 33.3333333333%;
padding: 0 6px;
}
.offset-xs-4 {
margin-left: 33.3333333333%;
}
.col-xs-5 {
width: 41.6666666667%;
padding: 0 6px;
}
.offset-xs-5 {
margin-left: 41.6666666667%;
}
.col-xs-6 {
width: 50%;
padding: 0 6px;
}
.offset-xs-6 {
margin-left: 50%;
}
.col-xs-7 {
width: 58.3333333333%;
padding: 0 6px;
}
.offset-xs-7 {
margin-left: 58.3333333333%;
}
.col-xs-8 {
width: 66.6666666667%;
padding: 0 6px;
}
.offset-xs-8 {
margin-left: 66.6666666667%;
}
.col-xs-9 {
width: 75%;
padding: 0 6px;
}
.offset-xs-9 {
margin-left: 75%;
}
.col-xs-10 {
width: 83.3333333333%;
padding: 0 6px;
}
.offset-xs-10 {
margin-left: 83.3333333333%;
}
.col-xs-11 {
width: 91.6666666667%;
padding: 0 6px;
}
.offset-xs-11 {
margin-left: 91.6666666667%;
}
.col-xs-12 {
width: 100%;
padding: 0 6px;
}
.offset-xs-12 {
margin-left: 100%;
}
.offset-xs-0 {
margin-left: 0;
}
}
@media only screen and (min-width: 768px), print {
.col-sm-1 {
width: 8.3333333333%;
padding: 0 6px;
}
.offset-sm-1 {
margin-left: 8.3333333333%;
}
.col-sm-2 {
width: 16.6666666667%;
padding: 0 6px;
}
.offset-sm-2 {
margin-left: 16.6666666667%;
}
.col-sm-3 {
width: 25%;
padding: 0 6px;
}
.offset-sm-3 {
margin-left: 25%;
}
.col-sm-4 {
width: 33.3333333333%;
padding: 0 6px;
}
.offset-sm-4 {
margin-left: 33.3333333333%;
}
.col-sm-5 {
width: 41.6666666667%;
padding: 0 6px;
}
.offset-sm-5 {
margin-left: 41.6666666667%;
}
.col-sm-6 {
width: 50%;
padding: 0 6px;
}
.offset-sm-6 {
margin-left: 50%;
}
.col-sm-7 {
width: 58.3333333333%;
padding: 0 6px;
}
.offset-sm-7 {
margin-left: 58.3333333333%;
}
.col-sm-8 {
width: 66.6666666667%;
padding: 0 6px;
}
.offset-sm-8 {
margin-left: 66.6666666667%;
}
.col-sm-9 {
width: 75%;
padding: 0 6px;
}
.offset-sm-9 {
margin-left: 75%;
}
.col-sm-10 {
width: 83.3333333333%;
padding: 0 6px;
}
.offset-sm-10 {
margin-left: 83.3333333333%;
}
.col-sm-11 {
width: 91.6666666667%;
padding: 0 6px;
}
.offset-sm-11 {
margin-left: 91.6666666667%;
}
.col-sm-12 {
width: 100%;
padding: 0 6px;
}
.offset-sm-12 {
margin-left: 100%;
}
.offset-sm-0 {
margin-left: 0;
}
}
@media only screen and (min-width: 992px), print {
.col-md-1 {
width: 8.3333333333%;
padding: 0 6px;
}
.offset-md-1 {
margin-left: 8.3333333333%;
}
.col-md-2 {
width: 16.6666666667%;
padding: 0 6px;
}
.offset-md-2 {
margin-left: 16.6666666667%;
}
.col-md-3 {
width: 25%;
padding: 0 6px;
}
.offset-md-3 {
margin-left: 25%;
}
.col-md-4 {
width: 33.3333333333%;
padding: 0 10px;
}
.offset-md-4 {
margin-left: 33.3333333333%;
}
.col-md-5 {
width: 41.6666666667%;
padding: 0 6px;
}
.offset-md-5 {
margin-left: 41.6666666667%;
}
.col-md-6 {
width: 50%;
padding: 0 6px;
}
.offset-md-6 {
margin-left: 50%;
}
.col-md-7 {
width: 58.3333333333%;
padding: 0 6px;
}
.offset-md-7 {
margin-left: 58.3333333333%;
}
.col-md-8 {
width: 66.6666666667%;
padding: 0 6px;
}
.offset-md-8 {
margin-left: 66.6666666667%;
}
.col-md-9 {
width: 75%;
padding: 0 6px;
}
.offset-md-9 {
margin-left: 75%;
}
.col-md-10 {
width: 83.3333333333%;
padding: 0 6px;
}
.offset-md-10 {
margin-left: 83.3333333333%;
}
.col-md-11 {
width: 91.6666666667%;
padding: 0 6px;
}
.offset-md-11 {
margin-left: 91.6666666667%;
}
.col-md-12 {
width: 100%;
padding: 0 6px;
}
.offset-md-12 {
margin-left: 100%;
}
.offset-md-0 {
margin-left: 0;
}
}
@media only screen and (min-width: 1280px) {
.col-lg-1 {
width: 8.3333333333%;
padding: 0 6px;
}
.offset-lg-1 {
margin-left: 8.3333333333%;
}
.col-lg-2 {
width: 16.6666666667%;
padding: 0 6px;
}
.offset-lg-2 {
margin-left: 16.6666666667%;
}
.col-lg-3 {
width: 25%;
padding: 0 6px;
}
.offset-lg-3 {
margin-left: 25%;
}
.col-lg-4 {
width: 33.3333333333%;
padding: 0 6px;
}
.offset-lg-4 {
margin-left: 33.3333333333%;
}
.col-lg-5 {
width: 41.6666666667%;
padding: 0 6px;
}
.offset-lg-5 {
margin-left: 41.6666666667%;
}
.col-lg-6 {
width: 50%;
padding: 0 6px;
}
.offset-lg-6 {
margin-left: 50%;
}
.col-lg-7 {
width: 58.3333333333%;
padding: 0 6px;
}
.offset-lg-7 {
margin-left: 58.3333333333%;
}
.col-lg-8 {
width: 66.6666666667%;
padding: 0 6px;
}
.offset-lg-8 {
margin-left: 66.6666666667%;
}
.col-lg-9 {
width: 75%;
padding: 0 6px;
}
.offset-lg-9 {
margin-left: 75%;
}
.col-lg-10 {
width: 83.3333333333%;
padding: 0 6px;
}
.offset-lg-10 {
margin-left: 83.3333333333%;
}
.col-lg-11 {
width: 91.6666666667%;
padding: 0 6px;
}
.offset-lg-11 {
margin-left: 91.6666666667%;
}
.col-lg-12 {
width: 100%;
padding: 0 6px;
}
.offset-lg-12 {
margin-left: 100%;
}
.offset-lg-0 {
margin-left: 0;
}
.column-row {
margin: 0 -6px;
}
}
@media only screen and (max-width: 767px) {
.col10-xs-1 {
width: 10%;
}
.col10-xs-2 {
width: 20%;
}
.col10-xs-3 {
width: 30%;
}
.col10-xs-4 {
width: 40%;
}
.col10-xs-5 {
width: 50%;
}
.col10-xs-6 {
width: 60%;
}
.col10-xs-7 {
width: 70%;
}
.col10-xs-8 {
width: 80%;
}
.col10-xs-9 {
width: 90%;
}
.col10-xs-10 {
width: 100%;
}
}
@media only screen and (min-width: 768px), print {
.col10-sm-1 {
width: 10%;
}
.col10-sm-2 {
width: 20%;
}
.col10-sm-3 {
width: 30%;
}
.col10-sm-4 {
width: 40%;
}
.col10-sm-5 {
width: 50%;
}
.col10-sm-6 {
width: 60%;
}
.col10-sm-7 {
width: 70%;
}
.col10-sm-8 {
width: 80%;
}
.col10-sm-9 {
width: 90%;
}
.col10-sm-10 {
width: 100%;
}
}
@media only screen and (min-width: 992px), print {
.col10-md-1 {
width: 10%;
}
.col10-md-2 {
width: 20%;
}
.col10-md-3 {
width: 30%;
}
.col10-md-4 {
width: 40%;
}
.col10-md-5 {
width: 50%;
}
.col10-md-6 {
width: 60%;
}
.col10-md-7 {
width: 70%;
}
.col10-md-8 {
width: 80%;
}
.col10-md-9 {
width: 90%;
}
.col10-md-10 {
width: 100%;
}
}
@media only screen and (min-width: 1280px) {
.col10-lg-1 {
width: 10%;
}
.col10-lg-2 {
width: 20%;
}
.col10-lg-3 {
width: 30%;
}
.col10-lg-4 {
width: 40%;
}
.col10-lg-5 {
width: 50%;
}
.col10-lg-6 {
width: 60%;
}
.col10-lg-7 {
width: 70%;
}
.col10-lg-8 {
width: 80%;
}
.col10-lg-9 {
width: 90%;
}
.col10-lg-10 {
width: 100%;
}
}
/* Slider */
.slick-slider {
position: relative;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track, .slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before, .slick-track:after {
content: "";
display: table;
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none;
}
[dir="rtl"] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
/**
* 1. Change the default font family in all browsers (opinionated).
* 2. Correct the line height in all browsers.
* 3. Prevent adjustments of font size after orientation changes in
* IE on Windows Phone and in iOS.
*/
/* Document
========================================================================== */
html {
/* 1 */
line-height: 1.15;
/* 2 */
-ms-text-size-adjust: 100%;
/* 3 */
-webkit-text-size-adjust: 100%;
/* 3 */
}
/* Sections
========================================================================== */
/**
* Remove the margin in all browsers (opinionated).
*/
body {
margin: 0;
}
/**
* Add the correct display in IE 9-.
*/
article, aside, footer, header, nav, section {
display: block;
}
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/* Grouping content
========================================================================== */
/**
* Add the correct display in IE 9-.
* 1. Add the correct display in IE.
*/
figcaption, figure, main {
/* 1 */
display: block;
}
/**
* Add the correct margin in IE 8.
*/
figure {
margin: 1em 40px;
}
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
-webkit-box-sizing: content-box;
box-sizing: content-box;
/* 1 */
height: 0;
/* 1 */
overflow: visible;
/* 2 */
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
font-family: monospace, monospace;
/* 1 */
font-size: 1em;
/* 2 */
}
/* Text-level semantics
========================================================================== */
/**
* 1. Remove the gray background on active links in IE 10.
* 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
*/
a {
background-color: transparent;
/* 1 */
-webkit-text-decoration-skip: objects;
/* 2 */
}
/**
* Remove the outline on focused links when they are also active or hovered
* in all browsers (opinionated).
*/
a:active, a:hover {
outline-width: 0;
}
/**
* 1. Remove the bottom border in Firefox 39-.
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none;
/* 1 */
text-decoration: underline;
/* 2 */
text-decoration: underline dotted;
/* 2 */
}
/**
* Prevent the duplicate application of `bolder` by the next rule in Safari 6.
*/
b, strong {
font-weight: inherit;
}
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b, strong {
font-weight: bolder;
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code, kbd, samp {
font-family: monospace, monospace;
/* 1 */
font-size: 1em;
/* 2 */
}
/**
* Add the correct font style in Android 4.3-.
*/
dfn {
font-style: italic;
}
/**
* Add the correct background and color in IE 9-.
*/
mark {
background-color: #ff0;
color: #000;
}
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/* Embedded content
========================================================================== */
/**
* Add the correct display in IE 9-.
*/
audio, video {
display: inline-block;
}
/**
* Add the correct display in iOS 4-7.
*/
audio:not([controls]) {
display: none;
height: 0;
}
/**
* Remove the border on images inside links in IE 10-.
*/
img {
border-style: none;
}
/**
* Hide the overflow in IE.
*/
svg:not(:root) {
overflow: hidden;
}
/* Forms
========================================================================== */
/**
* 1. Change the font styles in all browsers (opinionated).
* 2. Remove the margin in Firefox and Safari.
*/
button, input, optgroup, select, textarea {
/* 1 */
font-size: 100%;
/* 1 */
line-height: 1.15;
/* 1 */
margin: 0;
/* 2 */
}
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button, input {
/* 1 */
overflow: visible;
}
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button, select {
/* 1 */
text-transform: none;
}
/**
* 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
* controls in Android 4.
* 2. Correct the inability to style clickable types in iOS and Safari.
*/
button, html [type="button"], [type="reset"], [type="submit"] {
-webkit-appearance: button;
/* 2 */
}
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
/**
* Change the border, margin, and padding in all browsers (opinionated).
*/
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
-webkit-box-sizing: border-box;
box-sizing: border-box;
/* 1 */
color: inherit;
/* 2 */
display: table;
/* 1 */
max-width: 100%;
/* 1 */
padding: 0;
/* 3 */
white-space: normal;
/* 1 */
}
/**
* 1. Add the correct display in IE 9-.
* 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
display: inline-block;
/* 1 */
vertical-align: baseline;
/* 2 */
}
/**
* Remove the default vertical scrollbar in IE.
*/
textarea {
overflow: auto;
}
/**
* 1. Add the correct box sizing in IE 10-.
* 2. Remove the padding in IE 10-.
*/
[type="checkbox"], [type="radio"] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
/* 1 */
padding: 0;
/* 2 */
}
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type="search"] {
-webkit-appearance: textfield;
/* 1 */
outline-offset: -2px;
/* 2 */
}
/**
* Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
*/
[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button;
/* 1 */
font: inherit;
/* 2 */
}
/* Interactive
========================================================================== */
/*
* Add the correct display in IE 9-.
* 1. Add the correct display in Edge, IE, and Firefox.
*/
details, menu {
display: block;
}
/*
* Add the correct display in all browsers.
*/
summary {
display: list-item;
}
/* Scripting
========================================================================== */
/**
* Add the correct display in IE 9-.
*/
canvas {
display: inline-block;
}
/**
* Add the correct display in IE.
*/
template {
display: none;
}
/* Hidden
========================================================================== */
/**
* Add the correct display in IE 10-.
*/
[hidden] {
display: none;
}
body.compensate-for-scrollbar {
overflow: hidden;
}
.fancybox-active {
height: auto;
}
.fancybox-is-hidden {
left: -9999px;
margin: 0;
position: absolute !important;
top: -9999px;
visibility: hidden;
}
.fancybox-container {
-webkit-backface-visibility: hidden;
height: 100%;
left: 0;
outline: none;
position: fixed;
-webkit-tap-highlight-color: transparent;
top: 0;
-ms-touch-action: manipulation;
touch-action: manipulation;
-webkit-transform: translateZ(0);
transform: translateZ(0);
width: 100%;
z-index: 99992;
}
.fancybox-container * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.fancybox-outer, .fancybox-inner, .fancybox-bg, .fancybox-stage {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
}
.fancybox-outer {
-webkit-overflow-scrolling: touch;
overflow-y: auto;
}
.fancybox-bg {
background: #1e1e1e;
opacity: 0;
-webkit-transition-duration: inherit;
transition-duration: inherit;
-webkit-transition-property: opacity;
transition-property: opacity;
-webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
}
.fancybox-is-open .fancybox-bg {
opacity: .9;
-webkit-transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
}
.fancybox-infobar, .fancybox-toolbar, .fancybox-caption, .fancybox-navigation .fancybox-button {
direction: ltr;
opacity: 0;
position: absolute;
-webkit-transition: opacity .25s ease, visibility 0s ease .25s;
transition: opacity .25s ease, visibility 0s ease .25s;
visibility: hidden;
z-index: 99997;
}
.fancybox-show-infobar .fancybox-infobar, .fancybox-show-toolbar .fancybox-toolbar, .fancybox-show-caption .fancybox-caption, .fancybox-show-nav .fancybox-navigation .fancybox-button {
opacity: 1;
-webkit-transition: opacity .25s ease 0s, visibility 0s ease 0s;
transition: opacity .25s ease 0s, visibility 0s ease 0s;
visibility: visible;
}
.fancybox-infobar {
color: #ccc;
font-size: 13px;
-webkit-font-smoothing: subpixel-antialiased;
height: 44px;
left: 0;
line-height: 44px;
min-width: 44px;
mix-blend-mode: difference;
padding: 0 10px;
pointer-events: none;
top: 0;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.fancybox-toolbar {
right: 0;
top: 0;
}
.fancybox-stage {
direction: ltr;
overflow: visible;
-webkit-transform: translateZ(0);
transform: translateZ(0);
z-index: 99994;
}
.fancybox-is-open .fancybox-stage {
overflow: hidden;
}
.fancybox-slide {
-webkit-backface-visibility: hidden;
/* Using without prefix would break IE11 */
display: none;
height: 100%;
left: 0;
outline: none;
overflow: auto;
-webkit-overflow-scrolling: touch;
padding: 44px;
position: absolute;
text-align: center;
top: 0;
transition-property: opacity, -webkit-transform;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
white-space: normal;
width: 100%;
z-index: 99994;
}
.fancybox-slide::before {
content: '';
display: inline-block;
font-size: 0;
height: 100%;
vertical-align: middle;
width: 0;
}
.fancybox-is-sliding .fancybox-slide, .fancybox-slide--previous, .fancybox-slide--current, .fancybox-slide--next {
display: block;
}
.fancybox-slide--image {
overflow: hidden;
padding: 44px 0;
}
.fancybox-slide--image::before {
display: none;
}
.fancybox-slide--html {
padding: 6px;
}
.fancybox-content {
background: #fff;
display: inline-block;
margin: 0;
max-width: 100%;
overflow: auto;
-webkit-overflow-scrolling: touch;
padding: 44px;
position: relative;
text-align: left;
vertical-align: middle;
}
.fancybox-slide--image .fancybox-content {
-webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
-webkit-backface-visibility: hidden;
background: transparent;
background-repeat: no-repeat;
background-size: 100% 100%;
left: 0;
max-width: none;
overflow: visible;
padding: 0;
position: absolute;
top: 0;
-webkit-transform-origin: top left;
transform-origin: top left;
transition-property: opacity, -webkit-transform;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
z-index: 99995;
}
.fancybox-can-zoomOut .fancybox-content {
cursor: -webkit-zoom-out;
cursor: zoom-out;
}
.fancybox-can-zoomIn .fancybox-content {
cursor: -webkit-zoom-in;
cursor: zoom-in;
}
.fancybox-can-swipe .fancybox-content, .fancybox-can-pan .fancybox-content {
cursor: -webkit-grab;
cursor: grab;
}
.fancybox-is-grabbing .fancybox-content {
cursor: -webkit-grabbing;
cursor: grabbing;
}
.fancybox-container [data-selectable='true'] {
cursor: text;
}
.fancybox-image, .fancybox-spaceball {
background: transparent;
border: 0;
height: 100%;
left: 0;
margin: 0;
max-height: none;
max-width: none;
padding: 0;
position: absolute;
top: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: 100%;
}
.fancybox-spaceball {
z-index: 1;
}
.fancybox-slide--video .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--pdf .fancybox-content, .fancybox-slide--iframe .fancybox-content {
height: 100%;
overflow: visible;
padding: 0;
width: 100%;
}
.fancybox-slide--video .fancybox-content {
background: #000;
}
.fancybox-slide--map .fancybox-content {
background: #e5e3df;
}
.fancybox-slide--iframe .fancybox-content {
background: #fff;
}
.fancybox-video, .fancybox-iframe {
background: transparent;
border: 0;
display: block;
height: 100%;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
/* Fix iOS */
.fancybox-iframe {
left: 0;
position: absolute;
top: 0;
}
.fancybox-error {
background: #fff;
cursor: default;
max-width: 400px;
padding: 40px;
width: 100%;
}
.fancybox-error p {
color: #444;
font-size: 16px;
line-height: 20px;
margin: 0;
padding: 0;
}
/* Buttons */
.fancybox-button {
background: rgba(30, 30, 30, 0.6);
border: 0;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
cursor: pointer;
display: inline-block;
height: 44px;
margin: 0;
padding: 10px;
position: relative;
-webkit-transition: color .2s;
transition: color .2s;
vertical-align: top;
visibility: inherit;
width: 44px;
}
.fancybox-button, .fancybox-button:visited, .fancybox-button:link {
color: #ccc;
}
.fancybox-button:hover {
color: #fff;
}
.fancybox-button:focus {
outline: none;
}
.fancybox-button.fancybox-focus {
outline: 1px dotted;
}
.fancybox-button[disabled], .fancybox-button[disabled]:hover {
color: #888;
cursor: default;
outline: none;
}
/* Fix IE11 */
.fancybox-button div {
height: 100%;
}
.fancybox-button svg {
display: block;
height: 100%;
overflow: visible;
position: relative;
width: 100%;
}
.fancybox-button svg path {
fill: currentColor;
stroke-width: 0;
}
.fancybox-button--play svg:nth-child(2), .fancybox-button--fsenter svg:nth-child(2) {
display: none;
}
.fancybox-button--pause svg:nth-child(1), .fancybox-button--fsexit svg:nth-child(1) {
display: none;
}
.fancybox-progress {
background: #ff5268;
height: 2px;
left: 0;
position: absolute;
right: 0;
top: 0;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0;
transform-origin: 0;
transition-property: -webkit-transform;
-webkit-transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
z-index: 99998;
}
/* Close button on the top right corner of html content */
.fancybox-close-small {
background: transparent;
border: 0;
border-radius: 0;
color: #ccc;
cursor: pointer;
opacity: .8;
padding: 8px;
position: absolute;
right: -12px;
top: -44px;
z-index: 401;
}
.fancybox-close-small:hover {
color: #fff;
opacity: 1;
}
.fancybox-slide--html .fancybox-close-small {
color: currentColor;
padding: 10px;
right: 0;
top: 0;
}
.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
overflow: hidden;
}
.fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
display: none;
}
/* Navigation arrows */
.fancybox-navigation .fancybox-button {
background-clip: content-box;
height: 100px;
opacity: 0;
position: absolute;
top: -webkit-calc(50% - 50px);
top: calc(50% - 50px);
width: 70px;
}
.fancybox-navigation .fancybox-button div {
padding: 7px;
}
.fancybox-navigation .fancybox-button--arrow_left {
left: 0;
padding: 31px 26px 31px 6px;
}
.fancybox-navigation .fancybox-button--arrow_right {
padding: 31px 6px 31px 26px;
right: 0;
}
/* Caption */
.fancybox-caption {
bottom: 0;
color: #eee;
font-size: 14px;
font-weight: 400;
left: 0;
line-height: 1.5;
padding: 25px 44px 25px 44px;
right: 0;
text-align: center;
z-index: 99996;
}
.fancybox-caption::before {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAD6CAQAAADKSeXYAAAAYklEQVQoz42RwQ3AMAgDjfcfup8WoRykfBAK5mQHKSz5rbXJPis1hjiV3CIqgG0hLZPkVkA4p4x5oR1bVeDrdCLrW2Q0D5bcwY3TGMHbdw3mPRuOtaspYP1w//G1OIcW148H0DMCqI/3mMMAAAAASUVORK5CYII=);
background-repeat: repeat-x;
background-size: contain;
bottom: 0;
content: '';
display: block;
left: 0;
pointer-events: none;
position: absolute;
right: 0;
top: -44px;
z-index: -1;
}
.fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited {
color: #ccc;
text-decoration: none;
}
.fancybox-caption a:hover {
color: #fff;
text-decoration: underline;
}
/* Loading indicator */
.fancybox-loading {
-webkit-animation: fancybox-rotate 1s linear infinite;
animation: fancybox-rotate 1s linear infinite;
background: transparent;
border: 4px solid #888;
border-bottom-color: #fff;
border-radius: 50%;
height: 50px;
left: 50%;
margin: -25px 0 0 -25px;
opacity: .7;
padding: 0;
position: absolute;
top: 50%;
width: 50px;
z-index: 99999;
}
@-webkit-keyframes fancybox-rotate {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes fancybox-rotate {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
/* Transition effects */
.fancybox-animated {
-webkit-transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
}
/* transitionEffect: slide */
.fancybox-fx-slide.fancybox-slide--previous {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
.fancybox-fx-slide.fancybox-slide--next {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
.fancybox-fx-slide.fancybox-slide--current {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
/* transitionEffect: fade */
.fancybox-fx-fade.fancybox-slide--previous, .fancybox-fx-fade.fancybox-slide--next {
opacity: 0;
-webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.fancybox-fx-fade.fancybox-slide--current {
opacity: 1;
}
/* transitionEffect: zoom-in-out */
.fancybox-fx-zoom-in-out.fancybox-slide--previous {
opacity: 0;
-webkit-transform: scale3d(1.5, 1.5, 1.5);
transform: scale3d(1.5, 1.5, 1.5);
}
.fancybox-fx-zoom-in-out.fancybox-slide--next {
opacity: 0;
-webkit-transform: scale3d(0.5, 0.5, 0.5);
transform: scale3d(0.5, 0.5, 0.5);
}
.fancybox-fx-zoom-in-out.fancybox-slide--current {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
/* transitionEffect: rotate */
.fancybox-fx-rotate.fancybox-slide--previous {
opacity: 0;
-webkit-transform: rotate(-360deg);
transform: rotate(-360deg);
}
.fancybox-fx-rotate.fancybox-slide--next {
opacity: 0;
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
.fancybox-fx-rotate.fancybox-slide--current {
opacity: 1;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
/* transitionEffect: circular */
.fancybox-fx-circular.fancybox-slide--previous {
opacity: 0;
-webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
}
.fancybox-fx-circular.fancybox-slide--next {
opacity: 0;
-webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
}
.fancybox-fx-circular.fancybox-slide--current {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
}
/* transitionEffect: tube */
.fancybox-fx-tube.fancybox-slide--previous {
-webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
}
.fancybox-fx-tube.fancybox-slide--next {
-webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
}
.fancybox-fx-tube.fancybox-slide--current {
-webkit-transform: translate3d(0, 0, 0) scale(1);
transform: translate3d(0, 0, 0) scale(1);
}
/* Styling for Small-Screen Devices */
@media all and (max-height: 576px) {
.fancybox-caption {
padding: 12px;
}
.fancybox-slide {
padding-left: 6px;
padding-right: 6px;
}
.fancybox-slide--image {
padding: 6px 0;
}
.fancybox-close-small {
right: -6px;
}
.fancybox-slide--image .fancybox-close-small {
background: #4e4e4e;
color: #f2f4f6;
height: 36px;
opacity: 1;
padding: 6px;
right: 0;
top: 0;
width: 36px;
}
}
/* Share */
.fancybox-share {
background: #f4f4f4;
border-radius: 3px;
max-width: 90%;
padding: 30px;
text-align: center;
}
.fancybox-share h1 {
color: #222;
font-size: 35px;
font-weight: 700;
margin: 0 0 20px 0;
}
.fancybox-share p {
margin: 0;
padding: 0;
}
.fancybox-share__button {
border: 0;
border-radius: 3px;
display: inline-block;
font-size: 14px;
font-weight: 700;
line-height: 40px;
margin: 0 5px 10px 5px;
min-width: 130px;
padding: 0 15px;
text-decoration: none;
-webkit-transition: all .2s;
transition: all .2s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
}
.fancybox-share__button:visited, .fancybox-share__button:link {
color: #fff;
}
.fancybox-share__button:hover {
text-decoration: none;
}
.fancybox-share__button--fb {
background: #3b5998;
}
.fancybox-share__button--fb:hover {
background: #344e86;
}
.fancybox-share__button--pt {
background: #bd081d;
}
.fancybox-share__button--pt:hover {
background: #aa0719;
}
.fancybox-share__button--tw {
background: #1da1f2;
}
.fancybox-share__button--tw:hover {
background: #0d95e8;
}
.fancybox-share__button svg {
height: 25px;
margin-right: 7px;
position: relative;
top: -1px;
vertical-align: middle;
width: 25px;
}
.fancybox-share__button svg path {
fill: #fff;
}
.fancybox-share__input {
background: transparent;
border: 0;
border-bottom: 1px solid #d7d7d7;
border-radius: 0;
color: #5d5b5b;
font-size: 14px;
margin: 10px 0 0 0;
outline: none;
padding: 10px 15px;
width: 100%;
}
/* Thumbs */
.fancybox-thumbs {
background: #ddd;
bottom: 0;
display: none;
margin: 0;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
padding: 2px 2px 4px 2px;
position: absolute;
right: 0;
-webkit-tap-highlight-color: transparent;
top: 0;
width: 212px;
z-index: 99995;
}
.fancybox-thumbs-x {
overflow-x: auto;
overflow-y: hidden;
}
.fancybox-show-thumbs .fancybox-thumbs {
display: block;
}
.fancybox-show-thumbs .fancybox-inner {
right: 212px;
}
.fancybox-thumbs__list {
font-size: 0;
height: 100%;
list-style: none;
margin: 0;
overflow-x: hidden;
overflow-y: auto;
padding: 0;
position: absolute;
position: relative;
white-space: nowrap;
width: 100%;
}
.fancybox-thumbs-x .fancybox-thumbs__list {
overflow: hidden;
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
width: 7px;
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
background: #fff;
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
background: #2a2a2a;
border-radius: 10px;
}
.fancybox-thumbs__list a {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
background-color: rgba(0, 0, 0, 0.1);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
cursor: pointer;
float: left;
height: 75px;
margin: 2px;
max-height: -webkit-calc(100% - 8px);
max-height: calc(100% - 8px);
max-width: -webkit-calc(50% - 4px);
max-width: calc(50% - 4px);
outline: none;
overflow: hidden;
padding: 0;
position: relative;
-webkit-tap-highlight-color: transparent;
width: 100px;
}
.fancybox-thumbs__list a::before {
border: 6px solid #ff5268;
bottom: 0;
content: '';
left: 0;
opacity: 0;
position: absolute;
right: 0;
top: 0;
-webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
z-index: 99991;
}
.fancybox-thumbs__list a:focus::before {
opacity: .5;
}
.fancybox-thumbs__list a.fancybox-thumbs-active::before {
opacity: 1;
}
/* Styling for Small-Screen Devices */
@media all and (max-width: 576px) {
.fancybox-thumbs {
width: 110px;
}
.fancybox-show-thumbs .fancybox-inner {
right: 110px;
}
.fancybox-thumbs__list a {
max-width: -webkit-calc(100% - 10px);
max-width: calc(100% - 10px);
}
}
*, *:before, *:after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
body {
position: relative;
line-height: 1.6;
font-weight: 300;
word-wrap: break-word;
color: #000;
font-size: 1em;
}
@media print {
body {
zoom: 0.85;
}
}
img {
vertical-align: top;
max-width: 100%;
-ms-flex-negative: 0;
flex-shrink: 0;
}
h1, h2, h3, h4, h5, h6 {
font-weight: 400;
}
.timeline-Tweet:hover {
background-color: rgba(0, 0, 0, 0);
}
.browsehappy {
text-align: center;
margin: 0;
background: #fff8e2;
color: #000;
padding: 0.5em 0;
}
.no-focus-outline *:not(.has-outline):focus {
outline: none;
}
.red-link {
color: #01916d;
text-decoration: none;
}
.red-link:hover {
text-decoration: underline;
}
/* Layouts */
.layout {
position: relative;
max-width: 1120px;
margin: 80px auto 0;
padding: 20px 10px 0;
width: 100%;
}
.main-content, .page-not-found {
position: relative;
max-width: 1140px;
margin: 80px auto 0;
padding: 20px 10px 0;
}
.main-container {
position: relative;
max-width: 1140px;
margin: 0 auto 0;
padding: 20px 10px 0;
}
@media only screen and (min-width: 992px), print {
.main-container {
margin: 0 auto 0;
padding: 20px 10px 0;
}
}
.main-content_full-width {
position: relative;
margin: 80px auto 0;
padding: 20px 0 0;
}
@media only screen and (min-width: 992px), print {
.main-content_full-width {
margin: 0 auto 0;
padding: 122px 0 0;
}
}
@media only screen and (max-width: 767px) {
.main-content>h1:first-of-type, .main-content>h2:first-of-type, .main-content>h3:first-of-type, .main-content>h4:first-of-type, .main-content>h5:first-of-type, .main-content>h6:first-of-type, .page-not-found>h1:first-of-type, .page-not-found>h2:first-of-type, .page-not-found>h3:first-of-type, .page-not-found>h4:first-of-type, .page-not-found>h5:first-of-type, .page-not-found>h6:first-of-type {
margin: 0;
}
}
#at15s {
margin-top: -80px !important;
}
.layout-article .layout-side {
width: 100%;
margin: 0 0 0 24px;
}
.top-banner {
width: 100%;
margin-bottom: 24px;
}
.layout-main, .layout-bottom {
max-width: 1120px;
margin: 0 auto;
}
.layout-bottom {
max-width: 1120px;
padding: 0 10px;
}
.layout-side>*:first-child {
margin-top: 0;
}
@media only screen and (max-width: 767px) {
.layout-side--left {
display: none;
}
.layout-article .layout-side {
width: 100%;
margin: 24px 0 0;
max-width: none;
}
}
@media only screen and (min-width: 768px), print {
.layout-article .layout-main {
float: left;
width: -webkit-calc(60% - 48px);
width: calc(60% - 48px);
min-width: -webkit-calc(100% - 528px);
min-width: calc(100% - 528px);
}
.layout-article .layout-side {
float: left;
width: 20%;
max-width: 240px;
margin: 0 0 0 24px;
}
.layout-article .layout-side--left {
margin: 0 24px 0 0;
}
}
@media only screen and (min-width: 992px), print {
.main-content, .page-not-found {
margin: 0 auto 0;
padding: 150px 10px 0;
}
#at15s {
margin-top: 0 !important;
}
.layout-aside .layout-main {
float: left;
width: -webkit-calc(100% - 234px);
width: calc(100% - 234px);
}
.layout-aside .layout-side {
float: left;
display: block;
width: 100%;
max-width: 210px;
margin: 0 0 0 24px;
}
.layout-aside .layout-bottom {
float: left;
width: 100%;
}
}
@media print {
.layout-aside .layout-main {
width: 100%;
}
.layout-aside .layout-side {
width: 100%;
}
}
/* Link styles */
/* Result status */
.result-status {
text-align: center;
}
.result-status .msg {
display: none;
text-align: left;
padding: 3px 0;
font-size: 0.875em;
margin: 0;
}
/* Loader animation */
@-webkit-keyframes fade {
0% {
opacity: 1;
}
40% {
opacity: 0;
}
60% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fade {
0% {
opacity: 1;
}
40% {
opacity: 0;
}
60% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.loader-animation {
display: none;
position: relative;
margin-left: -30px;
}
.loader-animation .inner {
display: block;
width: 10px;
height: 10px;
background: #000;
position: absolute;
-webkit-animation-name: fade;
animation-name: fade;
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
top: 0;
}
.loader-animation .inner:nth-child(1) {
left: 0;
-webkit-animation-delay: 0;
animation-delay: 0;
}
.loader-animation .inner:nth-child(2) {
left: 12px;
-webkit-animation-delay: 200ms;
animation-delay: 200ms;
}
.loader-animation .inner:nth-child(3) {
left: 24px;
-webkit-animation-delay: 400ms;
animation-delay: 400ms;
}
/* Back to top */
.back-to-top {
position: fixed;
right: 15px;
top: 80%;
padding: 4px 10px;
text-align: center;
cursor: pointer;
display: none;
z-index: 5;
display: block;
line-height: 3rem;
width: 3rem;
border-radius: 0.5rem;
background-color: rgba(0, 0, 0, 0.25);
text-decoration: none;
color: white;
font-size: 14px;
}
.back-to-top span {
display: block;
text-transform: uppercase;
font-size: 14px;
margin-top: -10px;
}
.back-to-top i {
font-size: 24px;
line-height: 1;
}
@media print {
.slick-slide {
display: none !important;
}
.slick-slide.slick-active {
display: block !important;
}
.slick-list {
height: auto !important;
}
.slick-track {
width: auto !important;
height: auto !important;
-webkit-transform: none !important;
transform: none !important;
}
.slick-track .slick-slide {
width: auto !important;
}
.match-height {
height: auto !important;
}
}
/* End Layouts */
.table-responsive {
width: 100%;
overflow-x: auto;
}
.section {
margin-bottom: 25px;
}
.section>*:first-child {
margin-top: 0;
}
.section .anchor-link+* {
margin-top: 0;
}
.section:first-of-type {
border-top: 0;
padding-top: 0;
}
.section.featured-linkboxs {
border-top: 0;
}
.section.center {
display: block;
float: none;
margin-left: auto;
margin-right: auto;
}
@media only screen and (min-width: 768px), print {
.section.center {
max-width: 80%;
}
}
.section>h1, .section>h2, .section>h3, .section>h4, .section>h5, .section>h6 {
font-weight: 300;
margin: 20px 0 10px;
}
.section a {
color: #01916d;
text-decoration: none;
}
.section a:hover {
text-decoration: underline;
}
.section a.button {
color: #fff;
}
.section a.button:hover {
color: #01916d;
text-decoration: none;
}
.section a.button--inverse {
color: #01916d;
}
.section a.button--inverse:hover {
color: #fff;
text-decoration: none;
}
.layout-article .section>*:last-child {
margin-bottom: 0;
}
.section table {
font-size: 1em;
line-height: 1.6;
margin: 20px 0;
border-collapse: collapse;
}
.section table.full-width {
width: 100%;
}
.section table th {
text-align: left;
}
.section table th a {
color: #fff;
text-decoration: none;
}
.section table th a:hover {
text-decoration: underline;
}
.section table a {
color: #01916d;
text-decoration: none;
}
.section table a:hover {
text-decoration: underline;
}
.section thead {
color: #fff;
text-align: left;
}
.section thead tr {
background: #01916d;
}
.section th {
background: #01916d;
color: #fff;
}
.section td, .section th {
padding: 15px;
font-weight: 300;
}
.section th {
font-weight: normal;
}
.section td {
vertical-align: top;
max-width: 400px;
}
.section tbody tr:nth-child(odd) {
background: #ededed;
}
.section tbody li {
margin-bottom: 8px;
}
.section tbody p {
margin-top: 0;
}
.section tbody ul li {
padding-left: 0;
}
.section tbody ul li:before {
display: none;
}
.sorting-table td, .sorting-table th {
padding: 15px 25px 15px 20px;
font-weight: 300;
}
.sorting-table th {
font-weight: normal;
}
.event-details-actions {
text-align: center;
}
.event-details-actions .button {
margin: 0 6px;
}
/**
* Video Section
*/
.video-box, .testimony-box {
position: relative;
padding: 0;
margin-top: 25px;
border-top: 0;
}
.video-box {
background-color: #e6e6e6;
}
.video-box__desc {
padding: 15px 20px;
}
.video-box__desc h2 {
margin-top: 0;
}
.video-box__yt-embed {
position: relative;
padding-bottom: 56.25%;
/* 16:9 */
padding-top: 0;
background-color: black;
overflow: hidden;
}
.video-box__yt-embed iframe {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.video-box__yt-embed video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/**
* Testimony Section
*/
.testimony-box__image img {
display: block;
width: 100%;
}
.testimony-box__quote {
padding: 0 8px;
}
.testimony-box__quote blockquote {
margin-top: 0;
}
.testimony-box__quote .testimony-content {
line-height: 1.4;
font-style: italic;
color: #666;
margin: 0 0 16px;
}
.testimony-box__quote .testimony-content p {
margin: 0;
}
.testimony-box__quote footer {
display: block;
font-weight: bold;
line-height: 1.4;
}
.testimony-box__quote footer:before {
content: '';
display: block;
width: 30px;
height: 1px;
background-color: #000;
margin-bottom: 16px;
}
/**
* Points
*/
.points {
text-align: center;
}
.points .icon {
display: inline-block;
width: 140px;
height: 140px;
text-align: center;
line-height: 140px;
border-radius: 50%;
background: #01916d;
margin: 10px auto 20px;
}
.points .icon img {
position: relative;
display: inline-block;
max-width: 100%;
top: 26px;
}
.points h3 {
font-size: 2em;
font-weight: 300;
margin-bottom: 5px;
}
.points li {
display: inline-block;
text-align: center;
padding: 10px;
margin: 0 10px 24px;
background-color: #ebebeb;
width: 280px;
vertical-align: top;
}
.points li:before {
display: none;
}
/**
* Resources
*/
.resources {
margin-top: 20px;
}
.resources__block {
position: relative;
padding: 0 0 20px;
}
.resources__block dt {
float: left;
margin-right: 5px;
color: #808080;
}
.resources__block dd {
clear: right;
font-style: italic;
margin: 0;
}
.article-content .resources__block h3 {
margin-bottom: 0;
}
.resources__block__download-btn {
display: inline-block;
border: 2px solid #01916d;
width: 60px;
height: 60px;
text-align: center;
line-height: 60px;
border-radius: 50%;
font-size: 34px;
text-decoration: none;
}
.resources__block__download-btn:hover {
text-decoration: none;
background-color: #01916d;
}
.resources__block__download-btn:hover i {
color: #fff;
}
/**
* Event Agenda (career-detail page table added)
*/
.career-detail-overview table, .event-agenda__day-table table {
width: 100%;
}
.career-detail-overview td h3, .career-detail-overview td h4, .event-agenda__day-table td h3, .event-agenda__day-table td h4 {
margin-top: 0;
}
/**
* Event detail page overview
*/
.event-overview h1, .event-registration h1 {
margin-top: 0;
font-size: 1.5em;
}
/**
* Career-detail-requirement
*/
.career-details-requirement ul {
margin: 0;
}
/**
* Career-detail-actions
*/
.career-details-actions {
border-top: none;
padding-top: 0;
}
.career-details-actions a.button {
margin: 0 12px 0 0;
}
/**
* Career-details
*/
.career-detail-overview .job-listing-dates {
position: relative;
top: -15px;
display: inline-block;
width: 100%;
font-size: 0.875em;
}
.career-detail-overview .job-at-a-glance {
margin-bottom: 0;
}
.career-detail-overview .job-at-a-glance thead {
display: none;
}
.career-detail-overview .job-at-a-glance tr {
background-color: #ededed;
border-bottom: 1px solid #fff;
font-size: 0.8571428571em;
}
.career-detail-overview .job-at-a-glance tr td {
padding: 8px;
}
.career-detail-overview .job-at-a-glance tr td:first-child {
background-color: #01916d;
color: #fff;
}
.career-detail-overview p {
position: relative;
top: -10px;
}
/**
* Success Stories Landing
*/
.success-landing-intro {
margin-top: 25px;
}
.success-landing-intro .intro-text {
width: 100%;
padding: 0 10px;
margin-bottom: 0;
margin: 0 auto 0;
line-height: 1.6;
font-size: 1em;
}
@media only screen and (min-width: 768px), print {
.success-landing-intro .intro-text {
max-width: 80%;
}
}
@media only screen and (min-width: 992px) {
.success-landing-intro .intro-text {
font-size: 1em;
}
}
@media only screen and (min-width: 768px), print {
.resources__block__download-btn {
position: absolute;
right: 0;
top: 15px;
}
.resources__block h4 {
padding-right: 70px;
}
.career-detail-overview .job-listing-dates {
padding-right: 45px;
display: inline;
font-size: 1em;
}
.career-detail-overview .job-at-a-glance {
margin-bottom: 0;
}
.career-detail-overview .job-at-a-glance thead {
display: table-header-group;
}
.career-detail-overview .job-at-a-glance tr {
background-color: #fff;
border-bottom: none;
font-size: 1em;
}
.career-detail-overview .job-at-a-glance tr td {
padding: 15px;
}
.career-detail-overview .job-at-a-glance tr td:first-child {
color: #000;
width: 225px;
background-color: #fff;
}
.career-detail-overview .job-at-a-glance tr:nth-child(odd) {
background-color: #ededed;
}
.career-detail-overview .job-at-a-glance tr:nth-child(odd) td:first-child {
background-color: #ededed;
}
}
@media only screen and (min-width: 992px), print {
.video-box__yt-wrapper {
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 65%;
}
.video-box__yt-embed {
position: relative;
height: 100%;
padding: 0;
min-height: 300px;
}
.video-box__yt-embed iframe {
display: block;
width: 100%;
height: 100%;
}
.video-box__desc {
float: left;
width: 35%;
min-height: 300px;
}
.video-box__desc h2 {
margin: 15px 0 0;
}
.video-box__desc p {
margin: 0 0 10px;
}
}
a.button, span.button, .load-more a, .btn-group button, .btn-clear-filter {
line-height: 1.55;
text-decoration: none;
color: #fff;
background: #01916d;
position: relative;
display: inline-block;
margin: 15px 0 0;
border: 1px solid #01916d;
padding: 5px 20px 5px 20px;
}
/* a.button:after, span.button:after, .load-more a:after,
.btn-group button:after, .btn-clear-filter:after {
content: "";
-webkit-transform: rotate(45deg) translate(0, -50%);
transform: rotate(45deg) translate(0, -50%);
position: absolute;
top: 50%;
right: 21px;
display: block;
width: 10px;
height: 10px;
margin: -2px 0 0;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
} */
a.button:hover, span.button:hover, .load-more a:hover, .btn-group button:hover, .btn-clear-filter:hover {
background: #fff;
color: #01916d;
border-color: #01916d;
}
a.button:hover:after, span.button:hover:after, .load-more a:hover:after, .btn-group button:hover:after, .btn-clear-filter:hover:after {
border-top: 2px solid #01916d;
border-right: 2px solid #01916d;
}
a.button.expired, span.button.expired, .load-more a.expired, .btn-group button.expired, .btn-clear-filter.expired {
background-color: #ddd;
color: #000;
padding: 4px 15px 4px 15px;
border: 1px solid #ddd;
}
a.button.expired:after, span.button.expired:after, .load-more a.expired:after, .btn-group button.expired:after, .btn-clear-filter.expired:after {
display: none;
}
a.button.expired:hover, span.button.expired:hover, .load-more a.expired:hover, .btn-group button.expired:hover, .btn-clear-filter.expired:hover {
background-color: #ddd;
color: #000;
}
a.button.center, span.button.center, .load-more a.center, .btn-group button.center, .btn-clear-filter.center {
text-align: center;
}
a.button.load-more, span.button.load-more, .load-more a.load-more, .btn-group button.load-more, .btn-clear-filter.load-more {
padding: 5px 15px 5px 15px;
}
a.button.load-more:after, span.button.load-more:after, .load-more a.load-more:after, .btn-group button.load-more:after, .btn-clear-filter.load-more:after {
display: none;
}
a.button--inverse, span.button--inverse, .load-more a--inverse, .btn-group button--inverse, .btn-clear-filter--inverse {
color: #01916d;
background: #fff;
border: 1px solid #01916d;
padding: 4px 35px 4px 15px;
position: relative;
display: inline-block;
line-height: 1.55;
text-decoration: none;
}
a.button--inverse:after, span.button--inverse:after, .load-more a--inverse:after, .btn-group button--inverse:after, .btn-clear-filter--inverse:after {
-webkit-transform: rotate(45deg) translate(0, -50%);
transform: rotate(45deg) translate(0, -50%);
position: absolute;
top: 50%;
right: 21px;
display: block;
width: 10px;
height: 10px;
margin: -2px 0 0;
content: "";
border-top: 2px solid #01916d;
border-right: 2px solid #01916d;
}
a.button--inverse:hover, span.button--inverse:hover, .load-more a--inverse:hover, .btn-group button--inverse:hover, .btn-clear-filter--inverse:hover {
background: #01916d;
color: #fff;
}
a.button--inverse:hover:after, span.button--inverse:hover:after, .load-more a--inverse:hover:after, .btn-group button--inverse:hover:after, .btn-clear-filter--inverse:hover:after {
border-top: 2px solid #fff;
border-right: 2px solid #fff;
}
a.button.btn-wide, span.button.btn-wide, .load-more a.btn-wide, .btn-group button.btn-wide, .btn-clear-filter.btn-wide {
min-width: 30.8510638%;
font-weight: 400;
line-height: 29px;
text-align: center;
position: relative;
padding: 0 30px 0 10px;
margin: 0;
border: 1px solid transparent;
}
a.button.btn-wide:hover, span.button.btn-wide:hover, .load-more a.btn-wide:hover, .btn-group button.btn-wide:hover, .btn-clear-filter.btn-wide:hover {
color: #01916d;
background-color: #fff;
border: 1px solid #d7d7d7;
}
a.button.btn-wide:hover:after, span.button.btn-wide:hover:after, .load-more a.btn-wide:hover:after, .btn-group button.btn-wide:hover:after, .btn-clear-filter.btn-wide:hover:after {
color: #01916d;
}
a.button.btn-wide:after, span.button.btn-wide:after, .load-more a.btn-wide:after, .btn-group button.btn-wide:after, .btn-clear-filter.btn-wide:after {
-webkit-transform: rotate(0) translate(0, -50%);
transform: rotate(0) translate(0, -50%);
position: absolute;
top: 50%;
right: 12px;
font-family: Arial;
font-size: 90%;
color: #fff;
padding: 0 0 0 5px;
content: "\0000a0\276F";
border: none;
width: auto;
height: auto;
margin: -1px 0 0 0;
}
a.button.button-nohover:hover, span.button.button-nohover:hover, .load-more a.button-nohover:hover, .btn-group button.button-nohover:hover, .btn-clear-filter.button-nohover:hover {
background: #01916d;
color: #fff !important;
}
a.button.button-nohover:hover:after, span.button.button-nohover:hover:after, .load-more a.button-nohover:hover:after, .btn-group button.button-nohover:hover:after, .btn-clear-filter.button-nohover:hover:after {
border-top: 2px solid #fff;
border-right: 2px solid #fff;
}
.load-more a {
padding: 5px 20px 5px 20px;
}
.load-more a:after {
display: none;
}
.btn-clear-filter {
float: right;
margin: 2px 10px 0 0;
border: 1px solid transparent;
}
.btn-clear-filter:hover {
border-color: #01916d;
}
.btn-group button {
position: relative;
background: transparent;
border: 1px solid #fff;
display: inline-block;
-webkit-appearance: none;
cursor: pointer;
}
.btn-group button[type="submit"] {
background: #01916d;
color: #fff;
}
.btn-group button:last-child {
margin-right: 0;
}
.btn-group button i {
display: none;
}
.btn-group button:hover[type="submit"] {
background: #fff;
color: #01916d;
}
@media only screen and (min-width: 768px) {
a.button.btn-wide {
min-width: 290px;
}
}
@media only screen and (min-width: 992px) {
a.button.btn-wide {
min-width: 290px;
}
}
@media print {
a.button {
color: #000;
border-color: #000;
padding-right: 14px;
}
a.button:after {
display: none;
}
}
.iframe-container {
margin: 16px auto;
width: 100%;
height: auto;
}
.iframe-container iframe {
display: block;
margin: 0 auto;
max-width: 100%;
overflow: hidden;
}
.top-nav {
display: none;
z-index: 202;
}
.top-nav ul {
margin: 0 0 0 20px;
height: 40px;
white-space: nowrap;
}
.top-nav li {
height: 100%;
padding: 0 0 0 22px;
display: inline-block;
}
.top-nav li:before {
content: '';
display: inline-block;
height: 100%;
width: 0;
vertical-align: middle;
}
.top-nav li:first-child {
padding: 0;
}
.top-nav li:first-child a:before {
display: none;
}
.top-nav li>* {
position: relative;
display: inline-block;
vertical-align: middle;
}
.top-nav a {
line-height: 1.35;
font-weight: 400;
font-size:15px;
color: #000;
position: relative;
text-decoration: none;
}
.top-nav a:hover {
text-decoration: underline;
color: #01916d;
}
.top-nav li>a {
padding: 0;
border: 0;
}
.top-nav li>a:before {
content: '';
width: 1px;
/* border-left: thin solid #dbdbdb; */
display: block;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
position: absolute;
background: rgba(0, 0, 0, 0);
top: 50%;
left: -12px;
height: 10px;
}
@media only screen and (min-width: 768px) {
.top-nav {
display: block;
font-size: 0.875em;
font-weight: 300;
background: transparent;
z-index: 1;
display: block;
width: auto;
position: static;
top: auto;
left: auto;
visibility: visible;
margin: 0px 57px 0 0;
float: right;
}
}
@media only screen and (min-width: 992px) {
.top-nav {
/* display: table-cell; */
vertical-align: top;
float: right;
left: 0;
margin: 5px 10px 0 0;
}
.top-nav li {
padding: 0 0 0 24px;
}
}
@media print {
.top-nav {
display: none;
}
}
@media only screen and (max-width: 991px) {
.separator {
display: none;
}
.top-nav {
display: none;
}
.main-nav {
position: absolute;
z-index: 300;
top: 140px;
left: 0;
width: 100%;
height: -webkit-calc(100vh - 140px);
height: calc(100vh - 140px);
background-color: #ebebeb;
font-size: 0.9375em;
-webkit-transform: translate(100%, 0);
transform: translate(100%, 0);
-webkit-transition: ease-in 0.2s;
transition: ease-in 0.2s;
}
.main-nav .share-contact>li, .main-nav .home-login>li, .main-nav .megamenu__title, .main-nav .lvl2-menu__title, .main-nav .has-children {
display: block;
}
.main-nav .share-contact>li>a, .main-nav .home-login>li>a, .main-nav .megamenu__title>a, .main-nav .lvl2-menu__title>a, .main-nav .has-children>a {
font-weight: 400;
line-height: 1.35;
color: #000;
position: relative;
display: block;
padding: 9px 30px 9px 20px;
border-bottom: 1px solid #e3e3e3;
text-decoration: none;
}
.main-nav .share-contact>li>a:after, .main-nav .home-login>li>a:after, .main-nav .megamenu__title>a:after, .main-nav .lvl2-menu__title>a:after, .main-nav .has-children>a:after {
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
font-family: Arial;
font-size: 90%;
text-decoration: none;
color: #01916d;
position: absolute;
top: 50%;
right: 20px;
display: inline-block;
content: "\0000a0\276F";
}
.main-nav .share-contact>li>a.no-children:after, .main-nav .home-login>li>a.no-children:after, .main-nav .megamenu__title>a.no-children:after, .main-nav .lvl2-menu__title>a.no-children:after, .main-nav .has-children>a.no-children:after {
display: none;
}
.main-nav .lvl2-menu__title a:after {
display: none;
}
.main-nav .megamenu {
position: absolute;
top: 0;
z-index: 401;
background-color: #ebebeb;
width: 100%;
height: -webkit-calc(100vh - 80px);
height: calc(100vh - 80px);
overflow-y: scroll;
-webkit-transform: translate(100%, 0);
transform: translate(100%, 0);
-webkit-transition: ease-in 0.2s;
transition: ease-in 0.2s;
}
.main-nav .megamenu button {
font-weight: 400;
line-height: 1.35;
color: #000;
background: #fff;
position: relative;
display: block;
width: 100%;
padding: 9px 30px 9px 20px;
border: 0;
border-bottom: 1px solid #e3e3e3;
}
.main-nav .megamenu button:before {
-webkit-transform: rotateZ(180deg) translate(0, 50%);
transform: rotateZ(180deg) translate(0, 50%);
font-size: 90%;
color: #01916d;
position: absolute;
top: 50%;
left: 20px;
padding: 0 0 0 5px;
content: "\0000a0\276F";
}
.main-nav .megamenu__image {
margin-top: 10px;
}
.main-nav .megamenu .column {
padding: 0;
}
.main-nav .megamenu .nav-level2__link {
padding: 9px 30px 9px 20px;
border-bottom: 1px solid #e3e3e3;
line-height: 1.35;
font-weight: bold;
}
.main-nav .megamenu .nav-level2__link a {
text-decoration: none;
color: #01916d;
}
.main-nav .megamenu .nav-level2__link a:hover {
text-decoration: underline;
}
.main-nav .megamenu .nav-level2__link span {
color: #000;
display: block;
height: 19px;
}
.main-nav .megamenu .nav-level3 li {
line-height: 1.35;
font-weight: 400;
}
.main-nav .megamenu .nav-level3 li a {
display: block;
padding: 9px 30px 9px 20px;
text-decoration: none;
color: #000;
border-bottom: 1px solid #e3e3e3;
}
.main-nav .megamenu .nav-level3 li a:hover {
text-decoration: underline;
}
.main-nav .megamenu .nav-level4 {
margin: 0 0 0 42px;
}
.main-nav .megamenu__products .nav-level2 {
overflow: hidden;
}
.main-nav .megamenu__products .nav-level2__link {
border: none;
}
.main-nav .megamenu__products .col-sm-6 .nav-level3 {
margin: 0;
padding: 0;
}
.main-nav .megamenu__products .col-sm-6 .nav-level3 li {
white-space: normal;
padding: 0 0 0 20px;
margin-bottom: 10px;
}
.main-nav .megamenu__products .col-sm-6 .nav-level3 li>* {
float: left;
}
.main-nav .megamenu__products .col-sm-6 .nav-level3 img {
width: 100%;
height: 100%;
font-family: "object-fit:cover;object-position:center center";
object-fit: cover;
object-position: center center;
width: 65px;
height: 40px;
margin: 0 10px 10px 0;
}
.main-nav .megamenu__products .col-sm-6 .nav-level3 a {
display: inline-block;
padding-left: 0;
padding-right: 0;
width: -webkit-calc(100% - 85px);
width: calc(100% - 85px);
border-bottom: none;
border-top: 1px solid #e3e3e3;
}
.main-nav .lvl2-menu, .main-nav .lvl3-menu, .main-nav .lvl4-menu {
position: absolute;
width: 100%;
top: 0;
z-index: 401;
background-color: #ebebeb;
height: -webkit-calc(100vh - 80px);
height: calc(100vh - 80px);
overflow-y: scroll;
-webkit-transform: translate(100%, 0);
transform: translate(100%, 0);
-webkit-transition: ease-in 0.2s;
transition: ease-in 0.2s;
}
.main-nav .lvl2-menu button, .main-nav .lvl3-menu button, .main-nav .lvl4-menu button {
font-weight: 400;
line-height: 1.35;
color: #000;
background: #fff;
position: relative;
display: block;
width: 100%;
padding: 9px 30px 9px 20px;
border: 0;
border-bottom: 1px solid #e3e3e3;
}
.main-nav .lvl2-menu button:before, .main-nav .lvl3-menu button:before, .main-nav .lvl4-menu button:before {
-webkit-transform: rotateZ(180deg) translate(0, 50%);
transform: rotateZ(180deg) translate(0, 50%);
font-size: 90%;
color: #01916d;
position: absolute;
top: 50%;
left: 20px;
padding: 0 0 0 5px;
content: "\0000a0\276F";
}
.main-nav .lvl2-menu .nav-level2 li, .main-nav .lvl3-menu .nav-level2 li, .main-nav .lvl4-menu .nav-level2 li {
line-height: 1.35;
font-weight: 400;
}
.main-nav .lvl2-menu .nav-level2 li a, .main-nav .lvl3-menu .nav-level2 li a, .main-nav .lvl4-menu .nav-level2 li a {
display: block;
padding: 9px 30px 9px 20px;
text-decoration: none;
color: #000;
border-bottom: 1px solid #e3e3e3;
}
.main-nav .lvl2-menu .nav-level2 li a:hover, .main-nav .lvl3-menu .nav-level2 li a:hover, .main-nav .lvl4-menu .nav-level2 li a:hover {
text-decoration: underline;
}
.main-nav .lvl2-menu .nav-levesl3, .main-nav .lvl3-menu .nav-levesl3, .main-nav .lvl4-menu .nav-levesl3 {
position: absolute;
top: 0;
z-index: 500;
width: 100%;
height: -webkit-calc(100vh - 80px);
height: calc(100vh - 80px);
background-color: #ebebeb;
-webkit-transform: translate(100%, 0);
transform: translate(100%, 0);
-webkit-transition: ease-in 0.2s;
transition: ease-in 0.2s;
}
.main-nav.slideout, .main-nav .slideout {
-webkit-transform: translate(0, 0) !important;
transform: translate(0, 0) !important;
-webkit-transition: ease-in 0.2s;
transition: ease-in 0.2s;
}
}
@media only screen and (min-width: 992px), print {
.main-nav {
float: left;
font-size: 0.875rem;
background: transparent;
z-index: 1;
width: 100%;
margin: 0;
border: 0;
}
.main-nav .main {
float: left;
}
.main-nav .main>li:nth-child(2) {
padding-left: 0;
}
.main-nav .main>li:nth-child(2)>a:before, .main-nav .main>li:nth-child(2)>a .separator {
display: none;
}
.main-nav .main>li:first-child {
padding: 0;
}
.main-nav .share-contact {
float: right;
}
.main-nav .share-contact>li:hover>a {
padding-bottom: 4px;
border-bottom: 5px solid #01916d;
}
.main-nav .share-contact>li:hover>a:before, .main-nav .share-contact>li:hover>a .separator {
margin-top: -3px;
}
.main-nav .main>li, .main-nav .share-contact>li {
float: left;
padding: 0 .5rem;
}
.main-nav .main>li:first-child, .main-nav .share-contact>li:first-child {
padding-left: 0;
}
.main-nav .main>li:first-child>a:before, .main-nav .main>li:first-child>a .separator, .main-nav .share-contact>li:first-child>a:before, .main-nav .share-contact>li:first-child>a .separator {
display: none;
}
.main-nav .main>li:last-child, .main-nav .share-contact>li:last-child {
padding-right: 0;
}
.main-nav .main>li.hover .megamenu, .main-nav .main>li.hover .lvl2-menu, .main-nav .share-contact>li.hover .megamenu, .main-nav .share-contact>li.hover .lvl2-menu {
visibility: visible;
}
.main-nav .main>li.hover>a, .main-nav .share-contact>li.hover>a {
padding-bottom: 0px;
border-bottom: 5px solid #01916d;
}
.main-nav .main>li.hover>a:before, .main-nav .main>li.hover>a .separator, .main-nav .share-contact>li.hover>a:before, .main-nav .share-contact>li.hover>a .separator {
margin-top: -3px;
}
.main-nav .main>li.active>a, .main-nav .share-contact>li.active>a {
padding-bottom: 4px;
border-bottom: 5px solid #01916d;
}
.main-nav .main>li.active>a:before, .main-nav .share-contact>li.active>a:before {
margin-top: -2px;
}
.main-nav .main>li>a, .main-nav .share-contact>li>a {
display: inline-block;
padding: 0 0 0px;
border: 0;
font-weight: 400;
line-height: 40px;
color: #000;
position: relative;
text-decoration: none;
letter-spacing: 0.06em;
font-size: 1rem;
}
.main-nav .main>li .separator, .main-nav .share-contact>li .separator {
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
background: rgba(0, 0, 0, 0);
position: absolute;
border-left: thin solid #dbdbdb;
width: 1px;
top: 50%;
left: -16px;
display: none;
height: 13px;
margin: -5px 0 0;
}
.main-nav .main .logo-fix, .main-nav .share-contact .logo-fix {
width: 0;
overflow: hidden;
}
.main-nav .main .logo-fix a, .main-nav .share-contact .logo-fix a {
display: inline-block;
padding: 8px 0 0;
}
.main-nav .main .logo-fix img, .main-nav .share-contact .logo-fix img {
width: 120px;
display: block;
}
.main-nav .main .logo-fix:hover a, .main-nav .main .logo-fix.hover a, .main-nav .share-contact .logo-fix:hover a, .main-nav .share-contact .logo-fix.hover a {
border: 0;
}
.main-nav .main .small-nav, .main-nav .share-contact .small-nav {
position: relative;
}
.main-nav .lvl2-menu, .main-nav .megamenu {
position: absolute;
top: 100%;
left: 0;
background: #fff;
visibility: hidden;
overflow: visible;
padding: 30px;
-webkit-box-shadow: 0 4px 5px rgba(102, 102, 102, 0.4);
box-shadow: 0 4px 5px rgba(102, 102, 102, 0.4);
white-space: nowrap;
min-width: 240px;
width: 100%;
border-top: 1px solid #ebebeb;
}
.main-nav .lvl2-menu ul, .main-nav .megamenu ul {
display: block;
}
.main-nav .lvl2-menu .container, .main-nav .megamenu .container {
max-width: 1140px;
}
.main-nav .lvl2-menu__title a, .main-nav .megamenu__title a {
font-size: 1.125em;
font-weight: bold;
display: inline-block;
padding: 0 35px 0 0;
line-height: 1.35;
color: #01916d;
position: relative;
text-decoration: none;
}
.main-nav .lvl2-menu__title a:hover, .main-nav .megamenu__title a:hover {
text-decoration: underline;
}
.main-nav .lvl2-menu__title a:after, .main-nav .megamenu__title a:after {
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
font-size: 90%;
text-decoration: none;
color: #01916d;
position: absolute;
top: 60%;
right: 20px;
display: inline-block;
content: "\0000a0\276F";
}
.main-nav .lvl2-menu__nav {
display: block;
margin: 0 0 10px;
padding: 10px 0 0;
width: 100%;
}
.main-nav .lvl2-menu.small {
min-width: 240px;
top: -webkit-calc(100% + 1px);
top: calc(100% + 1px);
right: 0;
left: auto;
padding: 20px;
}
.main-nav .lvl2-menu.small .lvl2-menu__nav, .main-nav .lvl2-menu.small .nav-level2 {
margin: 0;
}
.main-nav .lvl2-menu.small .nav-level2 a {
padding: 10px 0;
}
.main-nav .lvl2-menu.small .nav-level2 a:after {
font-size: 90%;
color: #01916d;
position: relative;
top: 8px;
padding: 0 0 0 5px;
content: "\0000a0\276F";
}
.main-nav .lvl2-menu .nav-level2 {
margin: 0 0 10px;
width: 100%;
}
.main-nav .lvl2-menu .nav-level2 li {
margin: 0 0 5px;
}
.main-nav .lvl2-menu .nav-level2>li>a {
font-weight: 400;
display: inline-block;
}
.main-nav .lvl2-menu .nav-level2>li>a:hover {
color: #000;
text-decoration: underline;
}
.main-nav .lvl2-menu .nav-level2>li>a:after {
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
font-size: 90%;
text-decoration: none;
color: #01916d;
position: absolute;
top: 50%;
right: -15px;
display: inline-block;
content: "\0000a0\276F";
}
.main-nav .lvl2-menu .nav-level2 a {
font-weight: 400;
line-height: 1.35;
color: #000;
position: relative;
display: block;
padding: 2px 0;
border: 0;
text-decoration: none;
}
.main-nav .lvl2-menu .nav-level2 a:hover {
text-decoration: underline;
}
.main-nav .megamenu {
overflow: hidden;
}
.main-nav .megamenu__nav {
margin: 0 -20px;
}
.main-nav .megamenu__nav .column {
padding: 12px 20px 0;
}
.main-nav .megamenu .nav-level2__link {
margin: 0 0 10px;
padding: 0 0 10px;
border-bottom: 1px solid #ebebeb;
line-height: 1.35;
font-weight: bold;
}
.main-nav .megamenu .nav-level2__link a {
text-decoration: none;
color: #01916d;
}
.main-nav .megamenu .nav-level2__link a:hover {
text-decoration: underline;
}
.main-nav .megamenu .nav-level2__link span {
color: #000;
display: block;
height: 19px;
}
.main-nav .megamenu .nav-level3 {
margin: 0 0 10px;
width: 100%;
}
.main-nav .megamenu .nav-level3 a {
font-weight: 400;
line-height: 1.35;
color: #000;
position: relative;
display: block;
padding: 2px 0;
border: 0;
text-decoration: none;
}
.main-nav .megamenu .nav-level3 a:hover {
color: #01916d;
}
.main-nav .megamenu .nav-level4 {
margin: 0 0 0 42px;
}
.main-nav .megamenu__products .col-sm-6 .nav-level3 {
margin: 0 -20px;
}
.main-nav .megamenu__products .col-sm-6 .nav-level3 li {
white-space: normal;
padding: 0 20px;
margin-bottom: 20px;
}
.main-nav .megamenu__products .col-sm-6 .nav-level3 li>* {
float: left;
}
.main-nav .megamenu__products .col-sm-6 .nav-level3 img {
width: 100%;
height: 100%;
font-family: "object-fit:cover;object-position:center center";
object-fit: cover;
object-position: center center;
width: 65px;
height: 40px;
margin: 0 20px 10px 0;
}
.main-nav .megamenu__products .col-sm-6 .nav-level3 a {
display: inline-block;
width: -webkit-calc(100% - 85px);
width: calc(100% - 85px);
}
.main-nav .megamenu__inquiry {
background: #ebebeb;
width: 100%;
margin: 20px 0 12px;
padding: 20px 17px 20px;
white-space: normal;
}
.main-nav .megamenu__inquiry p {
margin: 0 0 10px;
font-weight: 400;
}
.main-nav .megamenu__inquiry .button {
text-align: center;
font-size: 1em;
width: 100%;
}
}
@media print {
.main-nav .main>li, .main-nav .share-contact>li {
float: left;
padding: 0 10px 0 0;
}
.main-nav .main>li a:before, .main-nav .share-contact>li a:before {
display: none;
}
}
.footer-nav ul {
font-size: 0.9375em;
font-weight: 400;
line-height: 1.4;
margin: 0 0 14px;
}
.footer-nav li {
position: relative;
float: left;
}
.footer-nav li:last-child a:after {
display: none;
}
.footer-nav a {
color: #000;
display: block;
margin: 0 19px 0 0;
text-decoration: none;
}
.footer-nav a:hover {
text-decoration: underline;
}
.footer-nav a:after {
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
background: #dbdbdb;
position: absolute;
top: 50%;
right: 9px;
display: inline-block;
width: 1px;
height: 6px;
margin: -1px 0 0;
content: "";
}
#searchbar {
margin: 0;
}
.search-bar {
background: transparent;
position: relative;
top: 0;
padding: 0;
border: 0;
z-index: 999;
}
.search-bar input {
border: none !important;
box-shadow: none !important;
background-color: #f6f6f6;
font-size: 1.125em;
color: #737373;
width: 100%;
height: 46px !important;
margin: 0;
padding: 8px 38px 8px 10px;
border: 1px solid #ebebeb;
-webkit-box-shadow: none;
box-shadow: none;
font-family: inherit;
}
.search-bar button {
position: absolute;
top: 7px;
right: 0;
border-color: #707070;
background: #fff;
background: url('../images/magnifying-glass.png') 7px 7px no-repeat;
background-size: 16px;
width: 38px;
height: 38px;
margin: 1px;
padding: 1px 6px;
border: none;
border-left: 0;
min-width: 0 !important;
outline: 0;
}
.search-bar button:after {
display: none;
}
.search-bar button:hover {
border: none;
}
@media only screen and (max-width: 991px) {
.search-bar {
position: absolute;
top: 81px;
width: 100%;
padding: 5px 20px;
background-color: #ebebeb;
border: 1px solid #e3e3e3;
-webkit-transform: translate(100%, 0);
transform: translate(100%, 0);
-webkit-transition: ease-in 0.2s;
transition: ease-in 0.2s;
}
.search-bar.open {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
-webkit-transition: ease-in 0.2s;
transition: ease-in 0.2s;
left: 0;
}
.search-bar input {
border: 2px solid #e3e3e3;
}
.search-bar button {
top: 15px;
right: 20px;
}
}
@media only screen and (min-width: 992px), print {
.search-bar {
float: right;
vertical-align: top;
}
}
@media print {
.search-bar button {
display: none;
}
}
.follow {
line-height: 1.3;
z-index: 2;
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
margin: 1% 5px 1% 0;
float: right;
}
.follow h3 {
float: left;
color: #000;
margin: 4px 10px 0 0;
font-size: 1.125em;
font-weight: 400;
}
.follow ul {
float: left;
margin: 0;
}
.follow li {
float: left;
margin: 0 0 0 10px;
}
.follow li:first-child {
margin: 0;
}
.follow a {
display: block;
}
.follow img {
width: 30px;
}
.follow .qrcode {
position: relative;
cursor: pointer;
}
.follow .qrcode .hover {
visibility: hidden;
opacity: 0;
position: absolute;
bottom: 0;
right: -webkit-calc(100% + 10px);
right: calc(100% + 10px);
width: 80px;
}
.follow .qrcode .hover img {
width: auto;
height: auto;
}
.follow .qrcode:hover .hover {
visibility: visible;
opacity: 1;
}
@media only screen and (min-width: 768px), print {
.follow {
background: rgba(0, 0, 0, 0.5);
position: absolute;
right: 4%;
bottom: 0;
margin: 0;
padding: 15px;
float: none;
}
.follow h3 {
color: #fff;
margin: 4px 15px 0 0;
}
.follow li {
margin: 0 0 0 15px;
}
.follow img {
width: 31px;
}
}
.panel-item {
margin-top: 12px;
}
.panel-item a {
display: inline-block;
text-decoration: none;
color: #000;
background-color: #ebebeb;
width: 100%;
height: 100%;
}
.panel-item a:hover {
text-decoration: none;
}
.panel-item__image {
position: relative;
height: 175px;
}
.panel-item .overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.panel-item img {
width: 100%;
height: 100%;
font-family: "object-fit:cover;object-position:center center";
object-fit: cover;
object-position: center center;
}
.panel-item__text {
padding: 30px 60px 40px 30px;
position: relative;
background-color: #ebebeb;
}
.panel-item__text h3 {
font-size: 1.375em;
line-height: 1.2;
margin: 0 0 10px;
font-weight: 300;
}
.panel-item__text p {
line-height: 1.4;
margin: 0;
}
.panel-item__text .sub {
font-size: 0.75em;
line-height: 1.875;
margin: 0 0 10px;
}
.panel-item__text:before {
top: 29px;
width: 30px;
height: 30px;
background: #01916d;
position: absolute;
z-index: 2;
right: 0;
display: block;
content: "";
}
.panel-item__text:after {
top: 39px;
right: 11px;
width: 10px;
height: 10px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
position: absolute;
z-index: 2;
display: block;
content: "";
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
}
.panel-item.resource .panel-item__text i {
position: absolute;
}
.panel-item.resource .panel-item__text p {
padding-left: 24px;
}
.panel-item:hover .overlay {
background-color: rgba(0, 0, 0, 0.3);
}
.panel-item:hover a {
background-color: #d5d5d5;
}
.panel-item:hover .panel-item__text {
background-color: #d5d5d5;
}
.panel-item:hover .panel-item__text:before {
background: #fff;
}
.panel-item:hover .panel-item__text:after {
border-right: 2px solid #01916d;
border-bottom: 2px solid #01916d;
}
.panels .panel-item:first-child .panel-item__text {
background-color: #01916d;
color: #fff;
}
.panels .panel-item:first-child a {
background-color: #01916d;
}
.panels .panel-item:first-child:hover a {
background-color: #991822;
}
.panels .panel-item:first-child:hover .panel-item__text {
background-color: #991822;
}
.panels .panel-item:first-child:hover a {
background-color: #991822;
}
.layout-article .panel-item {
width: 100%;
}
@media only screen and (max-width: 767px) {
.panel-item__text {
padding: 20px 50px 40px 25px;
}
.panel-item__text h3 {
font-size: 1.25em;
}
.panel-item__text:before {
top: 20px;
width: 25px;
height: 25px;
}
.panel-item__text:after {
top: 28px;
right: 10px;
width: 9px;
height: 9px;
}
}
@media only screen and (min-width: 768px), print {
.layout-article .panel-item {
float: left;
width: 50%;
padding: 0 6px;
}
}
@media print {
.newsroom .panel-item {
width: 100% !important;
}
}
.panel-gradient {
position: relative;
margin-top: 6px;
padding: 0 6px;
}
.panel-gradient>a {
display: block;
text-decoration: none;
padding: 6px;
width: 100%;
height: 100%;
}
.panel-gradient>a:hover {
text-decoration: none;
}
.panel-gradient__image {
position: relative;
height: 175px;
}
.panel-gradient .overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.7)), to(rgba(0, 0, 0, 0)));
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));
}
.panel-gradient img {
width: 100%;
height: 100%;
font-family: "object-fit:cover;object-position:center center";
object-fit: cover;
object-position: center center;
}
.panel-gradient__text {
padding: 20px 25px 30px 25px;
}
.panel-gradient__text h3 {
position: absolute;
top: 15px;
left: 37px;
right: 37px;
font-size: 1.375em;
line-height: 1.2;
margin: 0 0 10px;
font-weight: 300;
color: #fff;
}
.panel-gradient__text p {
line-height: 1.4;
margin: 0;
color: #000;
}
.panel-gradient:hover>a {
background-color: #d5d5d5;
}
.panel-gradient:hover .button {
background-color: #fff;
color: #000;
border: 1px solid #c1c1c1;
padding: 4px 34px 4px 14px;
}
.panel-gradient:hover .button:after {
border-top: 2px solid #01916d;
border-right: 2px solid #01916d;
}
@media only screen and (max-width: 767px) {
.panel-gradient__text h3 {
font-size: 1.25em;
}
}
.carousel-item {
position: relative;
padding: 0 10px;
}
.carousel-item__image {
float: left;
text-align: center;
width: 40%;
margin: 0;
}
.carousel-item__image img {
width: 100%;
height: 100%;
font-family: "object-fit:cover;object-position:center center";
object-fit: cover;
object-position: center center;
}
.carousel-item__text {
float: right;
width: 60%;
padding-left: 20px;
padding-bottom: 65px;
line-height: 1.666666;
}
.carousel-item__text h4 {
font-size: 1.125em;
font-weight: 400;
margin: 0 0 7px;
}
.carousel-item__text p {
font-size: 0.875em;
margin: 0 0 10px;
}
.carousel-item .button {
padding-top: 0;
padding-bottom: 0;
line-height: 31px;
font-weight: 400;
position: absolute;
color: #000 !important;
background-color: #fff;
bottom: 16px;
border: none;
}
.carousel-item .button:after {
border-top: 2px solid #01916d;
border-right: 2px solid #01916d;
}
.carousel-item .button:hover {
color: #fff !important;
background-color: #01916d;
}
.carousel-item .button:hover:after {
border-top: 2px solid #fff;
border-right: 2px solid #fff;
}
@media only screen and (max-width: 767px) {
.carousel-item {
padding: 0;
}
}
@media only screen and (min-width: 992px), print {
.carousel-item__text {
line-height: 1.875;
}
}
.social-feed-item__icon {
display: block;
margin-bottom: 15px;
padding-bottom: 10px;
border-bottom: 1px solid #c1c1c1;
}
.social-feed-item__icon img {
display: inline-block;
width: 30px;
height: 30px;
margin: 0 10px 0 0;
}
.social-feed-item__text .image {
display: block;
position: relative;
padding-top: 56.25%;
}
.social-feed-item__text .image img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
font-family: "object-fit:cover;object-position:center center";
object-fit: cover;
object-position: center center;
}
.social-feed-item__text p {
line-height: 1.6;
margin: 0 0 10px;
}
.social-feed-item__text p a {
display: block;
}
.social-feed-item__text a {
display: inline-block;
text-decoration: none;
color: #01916d;
margin: 0 0 10px;
}
.social-feed-item__text a:hover {
text-decoration: underline;
}
.social-feed-item__actions {
margin-bottom: 10px;
}
.social-feed-item__actions a {
text-indent: -99999px;
background-image: url(../images/twitter-actions.png);
background-position: 0 0;
display: inline-block;
width: 16px;
height: 16px;
margin-right: 40px;
}
.social-feed-item__actions .reply:hover {
background-position: -16px 0;
}
.social-feed-item__actions .retweet {
background-position: -81px 0;
width: 17px;
}
.social-feed-item__actions .retweet:hover {
background-position: -100px 0;
}
.social-feed-item__actions .favorite {
background-position: -32px 0;
margin-right: 0;
}
.social-feed-item__actions .favorite:hover {
background-position: -48px 0;
}
@media only screen and (max-width: 767px) {
.social-feed-item {
margin: 12px 0 0;
}
}
.breadcrumb {
display: none;
width: 100%;
color: #8c8c8c;
margin: 0 0 20px;
line-height: 1.9;
font-size: 0.875em;
}
.breadcrumb li {
float: left;
}
.breadcrumb li:after {
content: ' / ';
margin: 0 10px;
}
.breadcrumb li:last-child:after {
display: none;
}
.breadcrumb a {
display: inline-block;
text-decoration: none;
color: #000;
}
.breadcrumb a:hover {
text-decoration: underline;
}
@media only screen and (min-width: 768px), print {
.breadcrumb {
display: block;
}
}
.quick-links {
padding: 20px 0;
margin: 0 0 20px;
border-top: 1px solid #c1c1c1;
border-bottom: 1px solid #c1c1c1;
}
.quick-links h3 {
font-size: 1.25em;
font-weight: 400;
margin: 0 0 10px;
padding: 0;
line-height: 1.2;
}
.quick-links a {
text-decoration: none;
color: #01916d;
line-height: 1.666666;
display: block;
padding: 5px 0;
}
.quick-links a:hover {
text-decoration: underline;
}
@media only screen and (min-width: 992px), print {
.quick-links a {
line-height: 1.875;
}
}
@media print {
.quick-links a {
color: #000;
}
.layout-aside .quick-links {
margin-top: 80px;
}
}
.social-aside {
display: inline-block;
}
.social-aside ul.addthis_default_style li:first-child a {
border-top: none;
}
.social-aside a.at300b, .social-aside a.at300m {
color: #000;
width: 100%;
margin: 0 0 -4px;
padding: 17px 0 19px;
border-top: 1px solid #ebebeb;
text-decoration: none;
font-weight: 300;
float: none !important;
display: inline-block;
}
.social-aside a.at300b:hover, .social-aside a.at300m:hover {
text-decoration: underline;
}
.social-aside a.at300b span, .social-aside a.at300m span {
width: 26px !important;
height: 26px !important;
line-height: 26px !important;
margin: -2px 10px 0 0;
vertical-align: middle;
}
.social-aside a.at300b span svg, .social-aside a.at300m span svg {
line-height: 26px !important;
width: 26px !important;
height: 26px !important;
}
@media print {
.social-aside li span, .social-aside li svg {
display: none;
}
}
.aside {
margin: 30px 0 20px;
border-top: 1px solid #c1c1c1;
}
.aside h3 {
font-weight: 400;
font-size: 1.25em;
line-height: 1.2;
margin: 20px 0 10px;
color: #000;
}
.aside h3 a {
text-decoration: none;
color: #01916d;
}
.aside h3 a:hover {
color: #01916d;
text-decoration: underline;
}
.aside p {
line-height: 1.6;
font-weight: 300;
margin: 0 0 10px;
}
.aside ul a {
display: inline-block;
line-height: 1.666666;
padding: 5px 0;
color: #01916d;
text-decoration: none;
font-weight: 300;
}
.aside ul a:hover {
color: #01916d;
}
.aside li {
border-top: 1px solid #c1c1c1;
}
.aside li:first-child {
border: none;
}
@media only screen and (min-width: 992px), print {
.aside ul a {
line-height: 1.875;
}
}
.aside-banner a {
text-decoration: none;
}
.aside-banner a:hover p {
text-decoration: underline;
color: #01916d;
}
.aside-banner h3 {
color: #000;
font-weight: 400;
font-size: 1.25em;
margin: 10px 0 5px;
}
.aside-banner p {
color: #000;
font-weight: 300;
margin: 0;
line-height: 1.6;
}
@media only screen and (min-width: 992px), print {
.aside-banner h3 {
line-height: 1.875;
}
}
.event-mapper .input-group-select, .success-stories-mapper .input-group-select {
position: relative;
margin: 0 0 10px 0;
}
.event-mapper .input-group-select select, .success-stories-mapper .input-group-select select {
width: -webkit-calc(100% - 12px);
width: calc(100% - 12px);
}
.solutions-filter .filter-item {
display: none;
}
.solutions-filter .filter-item:nth-child(1) {
display: block;
}
.solutions-filter .filter-item.filter-item--reset {
display: block;
}
.insights-filter, .solutions-filter, .event-mapper__filters, .success-stories-mapper__filters {
position: relative;
z-index: 10;
}
.insights-filter .filter-item, .solutions-filter .filter-item, .event-mapper__filters .filter-item, .success-stories-mapper__filters .filter-item {
position: relative;
margin: 0 0 10px 0;
}
.insights-filter select, .solutions-filter select, .event-mapper__filters select, .success-stories-mapper__filters select {
position: absolute;
display: block;
top: 0;
opacity: 0;
height: 40px;
margin: 0 0 -40px;
width: 100%;
}
.insights-filter button, .solutions-filter button, .event-mapper__filters button, .success-stories-mapper__filters button {
font-weight: 300;
}
.insights-filter .btn-reset, .solutions-filter .btn-reset, .event-mapper__filters .btn-reset, .success-stories-mapper__filters .btn-reset {
background: #fff;
padding: 10px;
border: 1px solid #d7d7d7;
}
.insights-filter .btn-reset:hover, .solutions-filter .btn-reset:hover, .event-mapper__filters .btn-reset:hover, .success-stories-mapper__filters .btn-reset:hover {
background-color: #01916d;
border: 1px solid #01916d;
color: #fff
}
.insights-filter .btn-grid:before, .insights-filter .btn-list:before, .solutions-filter .btn-grid:before, .solutions-filter .btn-list:before, .event-mapper__filters .btn-grid:before, .event-mapper__filters .btn-list:before, .success-stories-mapper__filters .btn-grid:before, .success-stories-mapper__filters .btn-list:before {
content: "";
background-image: url(../images/sprite.png);
background-repeat: no-repeat;
display: inline-block;
width: 30px;
height: 30px;
z-index: 1;
position: absolute;
top: 0;
left: 0;
}
.insights-filter .btn-grid, .insights-filter .btn-list, .solutions-filter .btn-grid, .solutions-filter .btn-list, .event-mapper__filters .btn-grid, .event-mapper__filters .btn-list, .success-stories-mapper__filters .btn-grid, .success-stories-mapper__filters .btn-list {
background: transparent;
position: relative;
width: 30px;
height: 30px;
padding: 0;
border: 0;
cursor: pointer;
}
.insights-filter .btn-grid span, .insights-filter .btn-list span, .solutions-filter .btn-grid span, .solutions-filter .btn-list span, .event-mapper__filters .btn-grid span, .event-mapper__filters .btn-list span, .success-stories-mapper__filters .btn-grid span, .success-stories-mapper__filters .btn-list span {
display: block;
overflow: hidden;
width: 0;
height: 0;
}
.insights-filter .btn-grid, .solutions-filter .btn-grid, .event-mapper__filters .btn-grid, .success-stories-mapper__filters .btn-grid {
float: left;
}
.insights-filter .btn-grid:before, .solutions-filter .btn-grid:before, .event-mapper__filters .btn-grid:before, .success-stories-mapper__filters .btn-grid:before {
background-position: -442px 0;
}
.insights-filter .btn-grid.active:before, .solutions-filter .btn-grid.active:before, .event-mapper__filters .btn-grid.active:before, .success-stories-mapper__filters .btn-grid.active:before {
background-position: -412px 0;
}
.insights-filter .btn-list, .solutions-filter .btn-list, .event-mapper__filters .btn-list, .success-stories-mapper__filters .btn-list {
float: left;
}
.insights-filter .btn-list:before, .solutions-filter .btn-list:before, .event-mapper__filters .btn-list:before, .success-stories-mapper__filters .btn-list:before {
background-position: -614px 0;
}
.insights-filter .btn-list.active:before, .solutions-filter .btn-list.active:before, .event-mapper__filters .btn-list.active:before, .success-stories-mapper__filters .btn-list.active:before {
background-position: -584px 0;
}
.dropdown-copy {
position: relative;
display: none;
width: 100%;
}
.insights-filter .dropdown-copy, .solutions-filter .dropdown-copy, .event-mapper .dropdown-copy, .success-stories-mapper .dropdown-copy {
display: block;
}
.listing-content__sort-result .dropdown-copy {
display: block;
}
.dropdown-copy>button {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
line-height: inherit;
text-align: left;
background: #fff;
position: relative;
width: 100%;
height: 40px;
padding: 6px 35px 6px 20px;
border: 1px solid #d7d7d7;
}
.dropdown-copy>button:after {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: -4px;
right: 10px;
bottom: 0;
display: block;
width: 10px;
height: 10px;
margin: auto;
content: "";
border-right: 2px solid #000;
border-bottom: 2px solid #000;
}
.dropdown-copy>button:focus {
color: #fff;
background: #01916d;
}
.dropdown-copy>button:focus:after {
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
}
.dropdown-copy.active button {
color: #fff;
background: #01916d;
}
.dropdown-copy.active button:after {
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
}
.dropdown-copy ul {
position: absolute;
z-index: 10;
top: 40px;
left: 0;
display: none;
overflow: auto;
width: 100%;
height: 300px;
margin: 0;
}
.dropdown-copy ul button {
text-decoration: none;
text-align: left;
color: #000;
background: #eee;
display: block;
width: 100%;
padding: 6px 5px 6px 20px;
border: 0;
border-bottom: 1px solid #fff;
}
.dropdown-copy ul button:hover {
color: #fff;
background: #898989;
}
@media only screen and (min-width: 768px), print {
.insights-filter, .solutions-filter, .event-mapper__filters, .success-stories-mapper__filters {
margin: 0 0 20px -10px;
}
.insights-filter .filter-item, .solutions-filter .filter-item, .event-mapper__filters .filter-item, .success-stories-mapper__filters .filter-item {
float: left;
margin: 0;
padding: 0 0 0 10px;
width: 20%;
}
.insights-filter .filter-item--reset, .solutions-filter .filter-item--reset, .event-mapper__filters .filter-item--reset, .success-stories-mapper__filters .filter-item--reset {
margin: 0;
padding: 0 0 0 10px;
}
.insights-filter select, .solutions-filter select, .event-mapper__filters select, .success-stories-mapper__filters select {
width: -webkit-calc(100% - 10px);
width: calc(100% - 10px);
}
.event-mapper .input-group-select, .success-stories-mapper .input-group-select {
margin: 0;
padding: 0 0 0 10px;
width: 20%;
min-width: 20%;
max-width: 20%;
}
.event-mapper .input-group-select select, .success-stories-mapper .input-group-select select {
width: -webkit-calc(100% - 10px);
width: calc(100% - 10px);
}
.success-stories-mapper .input-group-select {
width: 15%;
min-width: 15%;
max-width: 15%;
}
.success-stories-mapper .input-group-select select {
width: -webkit-calc(100% - 10px);
width: calc(100% - 10px);
}
}
@media only screen and (min-width: 992px), print {
.insights-filter .filter-item--view, .solutions-filter .filter-item--view, .event-mapper__filters .filter-item--view, .success-stories-mapper__filters .filter-item--view {
width: auto;
margin: 0;
padding: 5px 0 5px 10px;
float: right;
}
.insights-filter .filter-item--view button, .solutions-filter .filter-item--view button, .event-mapper__filters .filter-item--view button, .success-stories-mapper__filters .filter-item--view button {
margin-left: 6px;
}
}
.card-tiles {
margin-top: 12px;
}
.card-tiles a {
display: block;
background-color: #fff;
height: 100%;
color: #000;
text-decoration: none;
}
.card-tiles a:hover {
text-decoration: none;
}
.card-tiles__image {
position: relative;
height: 122px;
}
.card-tiles__image img {
width: 100%;
height: 100%;
font-family: "object-fit:cover;object-position:center center";
object-fit: cover;
object-position: center center;
}
.card-tiles .overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.insight .card-tiles, .solution-services .card-tiles, .success-stories-mapper .card-tiles {
transition-property: opacity;
transition-duration: 200ms;
transition-timing-function: linear;
/* Webkit */
-webkit-transition-timing-function: linear;
-webkit-transition-property: opacity;
-webkit-transition-duration: 200ms;
-webkit-backface-visibility: hidden;
opacity: 0;
}
.card-tiles.visible {
opacity: 1;
}
.card-tiles__text {
position: relative;
padding: 16px 30px 10px 16px;
background-color: rgba(0, 0, 0, 0);
}
.card-tiles__text p {
font-size: 0.875em;
margin: 0 0 10px;
line-height: 1.4;
}
.card-tiles__text .sub, .card-tiles__text .location, .card-tiles__text span {
font-size: 0.75em;
line-height: 1.875;
}
.card-tiles__text .date:before {
display: inline-block;
margin: 0 5px;
content: "|";
}
.card-tiles__text h3 {
font-size: 1.25em;
line-height: 1.2;
margin: 0 0 10px;
font-weight: 300;
}
.card-tiles__text:before {
top: 15px;
width: 30px;
height: 30px;
background: #01916d;
position: absolute;
z-index: 2;
right: 0;
display: block;
content: "";
}
.card-tiles__text:after {
top: 25px;
right: 11px;
width: 10px;
height: 10px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
position: absolute;
z-index: 2;
display: block;
content: "";
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
}
.card-tiles:hover .overlay {
background-color: rgba(0, 0, 0, 0.3);
}
.card-tiles:hover a {
background-color: #d5d5d5;
}
.card-tiles:hover .card-tiles__text:before {
background: #fff;
}
.card-tiles:hover .card-tiles__text:after {
border-right: 2px solid #01916d;
border-bottom: 2px solid #01916d;
}
@media only screen and (min-width: 992px), print {
.list .card-tiles {
width: 100%;
}
.list .card-tiles a {
position: relative;
}
.list .card-tiles__image {
position: absolute;
width: -webkit-calc(25% - 10px);
width: calc(25% - 10px);
height: 122px;
margin: 16px 0 0 10px;
}
.list .card-tiles__image img {
width: 100%;
height: 100%;
font-family: "object-fit:cover;object-position:center center";
object-fit: cover;
object-position: center center;
}
.list .card-tiles__text {
min-height: 152px;
padding: 16px 30px 16px 16px;
padding-left: -webkit-calc(25% + 16px);
padding-left: calc(25% + 16px);
}
.list .card-tiles__text:before {
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
top: 50%;
}
.list .card-tiles__text:after {
-webkit-transform: translate(0, -50%) rotate(-45deg);
transform: translate(0, -50%) rotate(-45deg);
top: 50%;
}
.list .card-tiles__text.full {
padding-left: 16px;
}
}
@media print {
.card-tiles {
page-break-inside: avoid;
margin-bottom: 60px;
}
}
.link-image {
padding: 10px 12px 0;
width: 25%;
text-align: left;
display: inline-block;
}
.link-image.float {
float: left;
}
.link-image a {
text-decoration: none;
color: #000;
}
.link-image a:hover {
color: #01916d;
}
.link-image p {
display: inline-block;
position: relative;
font-size: 1.375em;
margin: 0 0 10px;
}
.link-image p:after {
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
font-size: 90%;
text-decoration: none;
color: #01916d;
position: absolute;
top: 50%;
right: -20px;
display: inline-block;
content: "\0000a0\276F";
}
.link-image .image-holder {
position: relative;
padding-top: 100%;
background-color: #01916d;
}
.link-image .image-holder img {
width: 100%;
height: 100%;
font-family: "object-fit:cover;object-position:center center";
object-fit: cover;
object-position: center center;
position: absolute;
top: 0;
left: 0;
}
@media only screen and (max-width: 767px) {
.link-image {
width: -webkit-calc(50% - 3px);
width: calc(50% - 3px);
}
.link-image.float {
width: 50%;
}
}
@media only screen and (max-width: 991px) {
.link-image {
padding: 10px 10px 0;
}
.link-image p {
font-size: 1.25em;
}
}
.anchor-tabs {
display: none;
background-color: #ebebeb;
}
.anchor-tabs ul {
margin: 0 0 20px;
padding: 13px 24px;
}
.anchor-tabs li {
float: left;
position: relative;
margin: 12px 24px 12px 0px;
padding: 0 24px 0 0;
border-right: 1px solid #c1c1c1;
}
.anchor-tabs li:last-child {
padding-right: 0;
border: none;
}
.anchor-tabs a {
color: #000;
text-decoration: none;
font-size: 1.125em;
line-height: 28px;
}
.anchor-tabs a:hover {
color: #01916d;
}
@media only screen and (min-width: 768px), print {
.anchor-tabs {
display: block;
}
}
.nav-tabs {
display: none;
background-color: #ebebeb;
margin-top: -12px;
}
.nav-tabs ul {
margin: 0 0 20px;
}
.nav-tabs li {
float: left;
position: relative;
padding: 16px 0;
width: -webkit-calc(100% / 8);
width: calc(100% / 8);
height: 100%;
}
.nav-tabs li:nth-child(8) a, .nav-tabs li:last-child a {
border: none;
}
.nav-tabs li:hover, .nav-tabs li.active {
background-color: #01916d;
}
.nav-tabs li:hover a, .nav-tabs li.active a {
color: #fff;
border-color: #01916d;
}
.nav-tabs a {
color: #000;
text-decoration: none;
font-size: 1.1em;
line-height: 1.2;
display: inline-block;
height: 100%;
padding: 0 10px;
border-right: 1px solid #c1c1c1;
width: 100%;
}
@media only screen and (min-width: 768px), print {
.nav-tabs {
display: block;
}
}
.accordion {
border: 1px solid #c1c1c1;
border-bottom: none;
}
.accordion:last-child {
border-bottom: 1px solid #c1c1c1;
}
.accordion button {
position: relative;
font-size: 1.25em;
text-align: left;
background: transparent;
width: 100%;
padding: 10px 50px 10px 15px;
border: 0;
line-height: 1.133333;
font-weight: 300;
font-family: inherit;
}
.accordion button:before, .accordion button:after {
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
background: #01916d;
position: absolute;
top: 50%;
right: 22px;
display: inline-block;
width: 2px;
height: 2px;
content: "";
}
.accordion button:before {
width: 16px;
}
.accordion button:after {
right: 29px;
height: 16px;
}
.accordion.open button {
color: #fff;
border: 1px solid #01916d;
background-color: #01916d;
}
.accordion.open button:before {
background-color: #fff;
}
.accordion.open button:after {
display: none;
}
.accordion__content {
display: none;
padding: 15px;
}
.accordion__content .rte p, .accordion__content .rte ul, .accordion__content .rte ol, .accordion__content .rte table {
margin: 0 0 10px;
}
.accordion__content .rte p:last-child, .accordion__content .rte ul:last-child, .accordion__content .rte ol:last-child, .accordion__content .rte table:last-child {
margin: 0;
}
.accordion.tab-carousel__accordion .accordion__content {
text-align: center;
}
.accordion.tab-carousel__accordion .tabbed-carousel {
display: inline-block;
}
@media only screen and (min-width: 768px), print {
.accordion__content {
padding: 15px 30px;
}
}
.listing-content__sort-result, .newsroom-listing__sort-result {
margin: 0 0 30px;
font-size: 0.875em;
}
.listing-content__sort-result label, .newsroom-listing__sort-result label {
display: inline-block;
margin-right: 5px;
}
.listing-content__sort-result select, .newsroom-listing__sort-result select {
display: none;
float: right;
min-width: 170px;
vertical-align: middle;
}
.listing-content__sort-result .dropdown-copy, .newsroom-listing__sort-result .dropdown-copy {
float: right;
max-width: 200px;
}
.testimonial {
max-width: 700px;
}
.testimonial>* {
float: left;
}
.testimonial__image {
width: 25%;
}
.testimonial__image img {
width: 100%;
}
.testimonial__image p {
text-align: center;
margin: 0;
}
.testimonial__text {
width: 75%;
padding-left: 30px;
}
.resources {
margin-top: 20px;
}
.resources__block {
position: relative;
padding: 0 0 20px;
}
.resources__block dt {
float: left;
margin-right: 5px;
color: #000;
}
.resources__block dd {
clear: right;
font-style: italic;
margin: 0;
}
.article-content .resources__block h3 {
margin-bottom: 0;
}
.resources__block__download-btn {
display: inline-block;
border: 2px solid #01916d;
width: 60px;
height: 60px;
text-align: center;
line-height: 60px;
border-radius: 50%;
font-size: 34px;
text-decoration: none;
color: #01916d;
}
.resources__block__download-btn:hover {
text-decoration: none;
background-color: #01916d;
}
.resources__block__download-btn:hover i {
color: #fff;
}
.pagination {
text-align: center;
margin: 15px auto;
}
.pagination li {
display: inline-block;
}
.pagination li.active a .pagenav {
background-color: #01916d;
color: #fff;
}
.pagination a {
text-decoration: none;
color: #000;
}
.pagination a:focus .pagenav, .pagination a:hover .pagenav {
background-color: #01916d;
color: #fff;
}
.pagination .pagenav {
display: block;
padding: 5px 8px;
border: 1px solid #01916d;
background-color: #fff;
color: #01916d;
}
.pagination .pagination-prev .pagenav, .pagination .pagination-next .pagenav {
position: relative;
padding: 5px 15px;
}
.pagination .pagination-prev {
margin-right: 10px;
}
.pagination .pagination-prev .pagenav {
padding: 5px 15px 5px 35px;
}
.pagination .pagination-prev .pagenav:before {
-webkit-transform: rotate(-45deg) translate(0, -50%);
transform: rotate(-45deg) translate(0, -50%);
position: absolute;
top: 50%;
left: 21px;
display: block;
width: 10px;
height: 10px;
margin: -2px 0 0;
content: "";
border-top: 2px solid #01916d;
border-left: 2px solid #01916d;
}
.pagination .pagination-prev .pagenav:hover:before {
border-top: 2px solid #fff;
border-left: 2px solid #fff;
}
.pagination .pagination-next {
margin-left: 10px;
}
.pagination .pagination-next .pagenav {
padding: 5px 35px 5px 15px;
}
.pagination .pagination-next .pagenav:after {
-webkit-transform: rotate(45deg) translate(0, -50%);
transform: rotate(45deg) translate(0, -50%);
position: absolute;
top: 50%;
right: 21px;
display: block;
width: 10px;
height: 10px;
margin: -2px 0 0;
content: "";
border-top: 2px solid #01916d;
border-right: 2px solid #01916d;
}
.pagination .pagination-next .pagenav:hover:after {
border-top: 2px solid #fff;
border-right: 2px solid #fff;
}
@media only screen and (max-width: 767px) {
.pagination li {
display: none;
}
.pagination li.pagination-prev, .pagination li.pagination-next {
display: inline-block;
}
}
.event-mapper__filters {
margin: 20px -10px;
}
.event-mapper__filters__controls {
padding: 0 6px;
text-align: center;
}
.event-mapper__filters__controls button {
float: none;
margin: 10px 0;
max-width: 130px;
outline: 0;
}
@media only screen and (max-width: 767px) {
.event-mapper__filters {
text-align: center;
margin: 0 -6px 20px;
}
.event-mapper__filters .input-group-select {
margin-bottom: 10px;
text-align: left;
}
}
@media only screen and (min-width: 768px), print {
.event-mapper__filters__controls button {
float: left;
height: 40px;
margin: 0 0 0 10px;
}
}
.event-mapper__item {
transition-property: opacity;
transition-duration: 200ms;
transition-timing-function: linear;
/* Webkit */
-webkit-transition-timing-function: linear;
-webkit-transition-property: opacity;
-webkit-transition-duration: 200ms;
-webkit-backface-visibility: hidden;
opacity: 0;
}
.event-mapper__item.visible {
opacity: 1;
}
.event-mapper__item {
margin-bottom: 12px;
}
.event-mapper__item__image img {
width: 100%;
height: 100%;
font-family: "object-fit:cover;object-position:center center";
object-fit: cover;
object-position: center center;
display: block;
}
.event-mapper__item__text {
background-color: #333;
padding: 30px 25px;
color: #fff;
line-height: 1.3;
text-align: left;
}
.event-mapper__item__text h1 {
font-size: 1em;
margin: 0 0 20px;
font-weight: 300;
}
.event-mapper__item__text h2 {
font-size: 1.75em;
margin: 0 0 15px;
font-weight: 300;
}
.event-mapper__item__text p {
line-height: 1.4;
margin: 0 0 15px;
}
.event-mapper__item__text p .location, .event-mapper__item__text p .duration {
position: relative;
padding-left: 22px;
display: block;
width: 100%;
}
.event-mapper__item__text p .location:before, .event-mapper__item__text p .duration:before {
font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
content: "";
color: inherit;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
display: inline-block;
text-align: center;
top: 3px;
left: 0;
width: 18px;
}
.event-mapper__item__text p .duration {
margin: 15px 0 0;
}
.event-mapper__item__text p .duration:before {
font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
content: "";
color: inherit;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
top: 2px;
}
.event-mapper__item__text .button:hover {
border-color: #fff;
}
@media only screen and (min-width: 768px), print {
.event-mapper__item {
position: relative;
margin-bottom: 12px;
}
.event-mapper__item__text {
float: left;
width: 360px;
max-height: 345px;
top: 0;
bottom: 0;
left: 0;
padding: 30px 25px 80px;
margin: 0;
}
.event-mapper__item__text h1 {
font-size: 1.25em;
}
.event-mapper__item__text h2 {
font-size: 1.3em;
}
.event-mapper__item__text p, .event-mapper__item__text a {
margin: 0 0 10px;
}
.event-mapper__item__image {
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: -webkit-calc(100% - 360px);
width: calc(100% - 360px);
float: right;
}
.event-mapper__item__image img {
width: 100%;
height: 100%;
font-family: "object-fit:cover;object-position:center center";
object-fit: cover;
object-position: center center;
}
}
@media only screen and (min-width: 992px), print {
.event-mapper__item {
page-break-inside: avoid;
}
.event-mapper__item__text {
width: 400px;
}
.event-mapper__item__text h1 {
font-size: 1.25em;
}
.event-mapper__item__text h2 {
font-size: 1.5em;
}
.event-mapper__item__text p, .event-mapper__item__text a {
font-size: 1em;
margin: 0 0 10px;
}
.event-mapper__item__image {
width: -webkit-calc(100% - 400px);
width: calc(100% - 400px);
}
}
.success-stories-mapper__filters {
margin: 20px -10px;
}
.success-stories-mapper__filters__controls {
padding: 0 6px;
text-align: center;
}
.success-stories-mapper__filters__controls button {
float: none;
margin: 10px 0;
max-width: 130px;
outline: 0;
}
@media only screen and (max-width: 767px) {
.success-stories-mapper__filters {
text-align: center;
margin: 0 -6px 20px;
}
.success-stories-mapper__filters .input-group-select {
margin-bottom: 10px;
text-align: left;
}
}
@media only screen and (min-width: 768px), print {
.success-stories-mapper__filters__controls button {
float: left;
height: 40px;
margin: 0 0 0 10px;
}
}
.event-featured-speakers__speaker {
padding: 10px 12px 0;
width: 30%;
float: left;
}
.event-featured-speakers__speaker a {
display: block;
text-decoration: none;
color: #000;
}
.event-featured-speakers__speaker a:hover {
color: #01916d;
}
.event-featured-speakers__speaker a>p {
margin: 0 0 10px;
font-size: 1.125em;
padding-right: 20px;
}
.event-featured-speakers__speaker a>p:after {
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
font-size: 90%;
text-decoration: none;
color: #01916d;
position: absolute;
top: 50%;
right: 0;
display: inline-block;
content: "\0000a0\276F";
}
.event-featured-speakers__speaker a:focus {
outline: 0;
}
.event-featured-speakers__speaker p {
display: inline-block;
font-size: 0.9375em;
position: relative;
margin: 0 0 5px;
}
.event-featured-speakers__speaker .image-holder {
position: relative;
padding-top: 100%;
background-color: #01916d;
}
.event-featured-speakers__speaker .image-holder img {
width: 100%;
height: 100%;
font-family: "object-fit:cover;object-position:center center";
object-fit: cover;
object-position: center center;
position: absolute;
top: 0;
left: 0;
}
.event-featured-speakers__speaker .image-holder .label {
transition-property: all;
transition-duration: 300ms;
transition-timing-function: ease-in-out;
/* Webkit */
-webkit-transition-timing-function: ease-in-out;
-webkit-transition-property: all;
-webkit-transition-duration: 300ms;
-webkit-backface-visibility: hidden;
display: inline-block;
color: #fff;
z-index: 2;
opacity: 0;
vertical-align: middle;
position: absolute;
top: 20%;
text-align: center;
width: 100%;
vertical-align: middle;
}
.event-featured-speakers__speaker .image-holder:after {
transition-property: opacity;
transition-duration: 200ms;
transition-timing-function: linear;
/* Webkit */
-webkit-transition-timing-function: linear;
-webkit-transition-property: opacity;
-webkit-transition-duration: 200ms;
-webkit-backface-visibility: hidden;
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(0, 0, 0, 0.5);
opacity: 0;
}
.event-featured-speakers__speaker .image-holder:hover:after {
opacity: 1;
}
.event-featured-speakers__speaker .image-holder:hover .label {
top: -webkit-calc(50% - 15px);
top: calc(50% - 15px);
opacity: 1;
}
.event-speakers__bio {
max-width: 800px;
max-height: 80%;
width: 80%;
height: auto;
}
.event-speakers__bio .bio__header, .event-speakers__bio .bio__body {
padding: 20px 30px 0;
}
.event-speakers__bio .bio__header {
padding-left: 160px;
}
.event-speakers__bio .bio__header h3 {
font-size: 1.5em;
margin: 0 0 6px;
line-height: 1;
}
.event-speakers__bio .bio__header span {
font-size: 0.875em;
display: block;
line-height: 1.3;
}
.event-speakers__bio .bio__thumbnail {
position: absolute;
left: 75px;
top: 44px;
width: 100px;
overflow: hidden;
}
.event-speakers__bio .bio__thumbnail img {
display: block;
width: 100%;
}
@media only screen and (max-width: 767px) {
.event-featured-speakers__speaker {
width: 50%;
}
.event-speakers__bio .bio__header {
padding: 20px 0 0 120px;
}
.event-speakers__bio .bio__body {
padding: 20px 0;
}
.event-speakers__bio .bio__thumbnail {
left: 44px;
}
}
@media only screen and (max-width: 559px) {
.event-speakers__bio .bio__header {
padding: 20px 0 0;
}
.event-speakers__bio .bio__body {
padding: 10px 0 0;
}
.event-speakers__bio .bio__thumbnail {
position: static;
left: auto;
padding: 0 0 20px;
}
}
@media only screen and (max-width: 991px) {
.event-featured-speakers__speaker {
padding: 10px 10px 0;
}
}
@media only screen and (min-width: 992px) {
.event-featured-speakers__speaker p {
font-size: 0.9375em;
}
}
.reseller-locator__filters {
position: relative;
z-index: 10;
}
.reseller-locator__filters .input-group-select {
position: relative;
margin: 0 0 10px 0;
}
.reseller-locator__filters .input-group-select select {
width: 100%;
}
.reseller-locator__filters .input-group-select input {
border: 1px solid #d7d7d7;
-webkit-box-shadow: none;
box-shadow: none;
}
.reseller-locator__filters select {
position: absolute;
display: block;
top: 25px;
opacity: 0;
height: 40px;
}
.reseller-locator__filters button {
font-size: 0.875em;
font-weight: 300;
}
.reseller-locator__filters__controls {
display: block;
position: relative;
margin: 20px 0 0 0;
}
.reseller-locator__filters__controls .btn-clear-filter {
float: left;
margin-right: 15px;
cursor: pointer;
}
.reseller-locator__filters__controls .btn-reseller-near {
border: 1px solid #01916d;
background: #fff;
color: #01916d;
}
.reseller-locator__filters__controls .btn-reseller-near:after {
border-top: 2px solid #01916d;
border-right: 2px solid #01916d;
}
.reseller-locator__filters__controls .btn-reseller-near:hover {
background: #01916d;
color: #fff;
}
.reseller-locator__filters__controls .btn-reseller-near:hover:after {
border-top: 2px solid #fff;
border-right: 2px solid #fff;
}
.reseller-locator__filters .error-msg, .reseller-locator__filters .error-msg-reseller, .reseller-locator__filters .error-msg-location {
display: none;
}
.reseller-locator__filters .is-active, .reseller-locator__filters .active {
display: block;
color: #01916d;
}
.reseller-locator__filters .dropdown-copy {
display: block;
}
@media only screen and (min-width: 768px) {
.reseller-locator__filters .input-group-select {
margin: 0 0 10px 0;
width: 50%;
min-width: 50%;
max-width: 50%;
}
}
.panel-blog {
position: relative;
margin-top: 6px;
}
.panel-blog__image {
width: 100%;
height: 100%;
}
.panel-blog__image img {
width: 100%;
height: 100%;
font-family: "object-fit:cover;object-position:center center";
object-fit: cover;
object-position: center center;
}
.panel-blog__text {
position: absolute;
top: 0;
color: #fff;
padding: 24px;
}
.panel-blog__text h3 {
margin: 0;
}
.panel-blog__text p {
margin: 0;
}
.panel-blog .button:hover {
border-color: #fff;
}
@media only screen and (max-width: 767px) {
.panel-blog {
padding: 0;
}
}
@media print {
.panel-blog {
width: 100%;
}
}
.inquiry-application {
position: relative;
background: #ebebeb;
width: 100%;
margin: 20px 0 12px;
padding: 20px 17px 20px;
white-space: normal;
max-width: 768px;
margin: 0 auto;
}
.inquiry-application p {
margin: 0 0 10px;
font-size: 1.125em;
}
.inquiry-application p a {
display: inline-block;
text-decoration: none;
color: #000;
position: relative;
}
.inquiry-application p a:after {
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
font-size: 90%;
text-decoration: none;
color: #01916d;
position: absolute;
top: 50%;
right: -20px;
display: inline-block;
content: "\0000a0\276F";
}
.inquiry-application p a:hover {
text-decoration: underline;
color: #01916d;
}
.inquiry-application li {
font-size: 0.875em;
}
.inquiry-application__button {
text-align: center;
}
.inquiry-application .button {
text-align: center;
font-size: 1em;
font-weight: 400;
width: 80%;
}
@media only screen and (min-width: 768px) {
.inquiry-application__text {
float: left;
width: 50%;
}
.inquiry-application__button {
position: absolute;
top: 50%;
right: 17px;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
width: 40%;
}
.inquiry-application__button .button {
margin: 0;
width: 100%;
}
}
.video-looping {
position: relative;
}
.video-looping__video {
position: relative;
padding-top: 56.25%;
overflow: hidden;
}
.video-looping__video video {
width: 100%;
height: 100%;
font-family: "object-fit:cover;object-position:center center";
object-fit: cover;
object-position: center center;
position: absolute;
top: 0;
left: 0;
}
.video-looping__overlay {
width: 80%;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
}
.video-looping p {
margin: 0;
}
.video-looping .title {
color: #fff;
font-size: 3em;
}
.video-looping .next {
background-image: url(../images/sprite.png);
background-position: -135px 0px;
width: 63px;
height: 33px;
margin: 0 auto;
}
.video-looping .next span {
position: absolute;
display: block;
overflow: hidden;
width: 0;
height: 0;
}
.video-looping .next:hover {
background-position: -72px 0px;
width: 63px;
height: 33px;
}
@media only screen and (max-width: 767px) {
.video-looping .title {
font-size: 2em;
}
}
@media only screen and (max-width: 479px) {
.video-looping .title {
font-size: 1.25em;
}
}
.panel-caption {
position: relative;
margin-top: 6px;
padding: 0 6px;
}
.panel-caption>a {
display: block;
text-decoration: none;
padding: 6px;
width: 100%;
height: 100%;
}
.panel-caption>a:hover {
text-decoration: none;
}
.panel-caption__image {
display: inline-block;
text-align: center;
}
.panel-caption .caption {
color: #000;
margin: 5px 0;
font-size: 0.875em;
}
.panel-caption__text {
padding-bottom: 10px;
}
.panel-caption__text h3 {
font-size: 1.125em;
margin: 0 0 10px;
font-weight: 400;
color: #000;
}
.panel-caption__text p {
font-size: 1.125em;
margin: 0;
color: #000;
}
.panel-caption .button {
margin: 10px 0 0;
}
.panel-caption:hover>a {
background-color: #d5d5d5;
}
.panel-caption:hover .button {
background-color: #fff;
color: #000;
border: 1px solid #c1c1c1;
padding: 4px 34px 4px 14px;
}
.panel-caption:hover .button:after {
border-top: 2px solid #01916d;
border-right: 2px solid #01916d;
}
@media only screen and (max-width: 767px) {
.panel-caption {
padding: 0 12px;
}
}
.social-sub-item {
position: relative;
border-top: 1px solid #d7d7d7;
padding: 15px 0 10px 45px;
}
.social-sub-item__text p {
line-height: 1.6;
margin: 0;
}
.social-sub-item__actions {
margin: 10px 0 0;
}
.social-sub-item__actions a {
text-indent: -99999px;
background-image: url(../images/twitter-actions.png);
background-position: 0 0;
display: inline-block;
width: 16px;
height: 16px;
margin-right: 40px;
}
.social-sub-item__actions .reply:hover {
background-position: -16px 0;
}
.social-sub-item__actions .retweet {
background-position: -81px 0;
width: 17px;
}
.social-sub-item__actions .retweet:hover {
background-position: -100px 0;
}
.social-sub-item__actions .favorite {
background-position: -32px 0;
margin-right: 0;
}
.social-sub-item__actions .favorite:hover {
background-position: -48px 0;
}
.social-sub-item__more {
margin-bottom: 5px;
}
.social-sub-item__more a {
text-decoration: none;
color: #01916d;
}
.social-sub-item__more a:hover {
text-decoration: underline;
}
.social-sub-item:before {
position: absolute;
left: 0;
background-image: url(../images/sprite.png);
background-repeat: no-repeat;
content: "";
display: inline-block;
width: 30px;
height: 30px;
}
.social-sub-item#twitter-sub:before {
background-position: -1105px 0px;
width: 29px;
height: 27px;
}
.social-sub-item#linkedin-sub:before {
background-position: -552px 0px;
width: 32px;
height: 32px;
}
.social-sub-item#facebook-sub:before {
background-position: -330px 0px;
}
.image-text-item {
width: 150px;
margin: 0 auto;
padding: 0 6px;
}
.image-text-item a {
display: block;
text-decoration: none;
color: #000;
max-width: 150px;
margin: 0 auto;
}
.image-text-item a:hover p {
color: #01916d;
text-decoration: underline;
}
.image-text-item span {
display: block;
text-decoration: none;
color: #000;
max-width: 150px;
margin: 0 auto;
}
.image-text-item__image {
position: relative;
padding-top: 100%;
}
.image-text-item img {
width: 100%;
height: 100%;
font-family: "object-fit:cover;object-position:center center";
object-fit: cover;
object-position: center center;
position: absolute;
top: 0;
left: 0;
}
.image-text-item p {
font-size: 1.1875em;
line-height: 1.666666;
display: inline-block;
word-break: break-word;
text-align: center;
}
.product-introduction .row-col-12 {
margin: 0 -6px;
}
.product-introduction .product-name {
margin: 0;
}
.product-introduction a.button {
margin: 0;
}
.product-introduction p {
margin: 10px 0 16px;
}
.product-introduction .label {
display: inline-block;
padding: 2px 5px;
color: #fff;
font-weight: bold;
text-transform: uppercase;
line-height: 1;
}
.product-introduction .label.new-item {
color: #ea46a5;
border: 1px solid #ea46a5;
}
.steps-list {
list-style-type: none;
margin: 0;
padding: 0;
text-align: center;
padding: 30px 0;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
width: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.steps-list li {
display: inline-block;
position: relative;
width: 60px;
}
.steps-list li:before {
content: '';
border: 0;
border-top: 1px solid #ccc;
width: 40px;
display: block;
position: absolute;
top: 12px;
left: 70%;
}
.steps-list li:last-child:before {
display: none;
}
.steps-list li.is-active .num {
background: #01916d;
border: 1px solid #01916d;
color: white;
}
.steps-list li.is-active .txt {
color: #333;
}
.steps-list .num {
display: inline-block;
height: 25px;
width: 25px;
border-radius: 50%;
border: 1px solid #d7d7d7;
background: white;
}
.steps-list .num span {
display: block;
margin-top: 4px;
font-size: 0.75em;
}
.steps-list .txt {
display: block;
color: #a9a9a9;
font-size: 0.75em;
line-height: 1.2;
margin-top: 10px;
}
@media only screen and (min-width: 768px), print {
.steps-list {
padding: 10px 0;
}
.steps-list li {
width: 110px;
}
.steps-list li:before {
width: 64px;
top: 24px;
left: 80px;
}
.steps-list .num {
height: 50px;
width: 50px;
}
.steps-list .num span {
margin-top: 12px;
font-size: 1.125em;
}
.steps-list .txt {
font-size: 0.9375em;
}
}
.question4 .input-radio__item {
display: none;
}
.question4 .input-radio__item.show {
display: block;
}
.question__desc {
margin: 0px 0 25px;
}
.question__desc p {
margin: 0;
}
.question__desc span {
display: block;
font-size: 0.8125em;
color: #666;
font-weight: 300;
}
.question__input {
width: 90%;
margin: 0 auto;
display: block;
}
.question__input img {
width: 90px;
display: block;
margin: 0 auto;
}
.question__input .input-radio, .question__input .input-checkbox {
margin-bottom: 25px;
}
.question__input .input-radio label, .question__input .input-checkbox label {
display: block;
text-align: center;
cursor: pointer;
}
.question__input .input-radio__img, .question__input .input-checkbox__img {
background: white;
border: 1px solid white;
padding: 20px 0;
}
.question__input .input-radio input, .question__input .input-checkbox input {
visibility: hidden;
position: absolute;
}
.question__input .input-radio span, .question__input .input-checkbox span {
display: block;
margin-bottom: 5px;
font-weight: 500;
}
.question__input .input-radio input:checked+label .input-radio__img {
border: 1px solid #01916d;
}
.question__input .input-checkbox input:checked+label .input-checkbox__img {
border: 1px solid #01916d;
}
.question__input-list {
list-style-type: none;
margin: 0;
padding: 0;
width: 90%;
margin: 0 auto;
margin-bottom: 25px;
}
.question__input-list li {
background: white;
border-bottom: 1px solid #c1c1c1;
padding: 0 0 0 15px;
}
.question__input-list li:last-child {
border-bottom: 0;
}
.question__input-list input:checked+label:after {
display: block;
}
.question__input-list label {
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
padding: 10px 35px 10px 0;
width: 100%;
}
.question__input-list label:before {
content: "";
border: 1px solid #d7d7d7;
border-radius: 50px;
width: 22px;
height: 22px;
display: inline-block;
}
.question__input-list label:after {
content: "";
width: 10px;
height: 10px;
background: #01916d;
border-radius: 50px;
position: absolute;
left: 6px;
display: none;
}
.question__input-list label span {
font-size: 1.125em;
font-weight: 500;
margin-left: 10px;
}
.question__input-list input {
visibility: hidden;
position: absolute;
}
@media only screen and (min-width: 768px), print {
.question__input {
width: 60%;
}
.question__input-checkbox {
width: 100%;
}
.question__input .input-radio, .question__input .input-checkbox {
margin-bottom: 0;
}
.question__input .input-radio span, .question__input .input-checkbox span {
margin-bottom: 10px;
}
.question__input .input-radio__img, .question__input .input-checkbox__img {
padding: 30px 0;
}
.question__input-list {
width: 40%;
}
.question__input-list li {
padding: 0 0 0 35px;
}
.question__input img {
width: 120px;
}
.question__desc {
margin: 30px 0 35px;
}
}
@media only screen and (min-width: 992px) {
.question__input-checkbox {
width: 90%;
}
.question__input-list {
width: 33.33333%;
}
}
.product-item {
display: inline-block;
text-align: center;
position: relative;
width: 50%;
float: left;
padding: 0 8px;
margin-bottom: 12px;
}
.product-item__list {
list-style-type: none;
margin: 0;
padding: 0;
}
.product-item__list:before, .product-item__list:after {
content: '';
display: table;
}
.product-item__list:after {
clear: both;
}
.product-item--wrap {
background: white;
}
.product-item__checkbox {
margin-bottom: 10px;
}
.product-item__checkbox span {
color: #898989;
font-size: 0.875em;
padding-right: 25px;
position: relative;
}
.product-item__checkbox span:after {
content: '';
display: inline-block;
border: 1px solid #d7d7d7;
width: 18px;
height: 18px;
position: absolute;
top: -2px;
right: 0;
color: white;
}
.product-item__checkbox input {
position: absolute;
visibility: hidden;
}
.product-item__checkbox input:checked+span:after {
content: '\e912';
border: 1px solid white;
background: #01916d;
font-family: "icomoon";
font-size: 14px;
line-height: 18px;
}
.product-item label {
cursor: pointer;
display: block;
padding: 15px 10px 20px;
}
.product-item label p {
margin: 0;
color: #898989;
font-size: 0.875em;
line-height: 18px;
}
.product-item label p span {
display: block;
}
.product-item label h3 {
margin-bottom: 5px;
}
.product-item label a.button {
margin: 15px 0 0;
}
.product-item__img {
height: 105px;
display: block;
}
.product-item__img img {
width: 100%;
height: 100%;
font-family: "object-fit:contain;object-position:center center";
object-fit: contain;
object-position: center center;
}
@media only screen and (min-width: 768px), print {
.product-item {
width: 33.33333%;
}
.product-item__list:before, .product-item__list:after {
content: '';
display: table;
}
.product-item__list:after {
clear: both;
}
.product-item__checkbox span {
padding-right: 30px;
}
.product-item__checkbox span:after {
width: 20px;
height: 20px;
}
.product-item label {
padding: 15px 15px 20px;
}
}
.compare-list {
list-style-type: none;
margin: 0;
padding: 0;
text-align: center;
}
.compare-list:before, .compare-list:after {
content: '';
display: table;
}
.compare-list:after {
clear: both;
}
.compare-item {
width: 20%;
float: left;
}
.compare-item__header {
text-align: center;
padding: 25px 15px;
}
.compare-item__header h3 {
margin: 10px 0 0px;
line-height: 24px;
}
.compare-item__header p {
margin: 5px 0 0px;
font-size: 0.875em;
line-height: 18px;
}
.compare-item__header p span {
display: block;
}
.compare-item__header>div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.compare-item__header img {
margin: 0 auto;
}
.compare-item__content {
border-right: 1px solid #c1c1c1;
}
.compare-item__content .spec {
padding: 10px 15px;
font-weight: 500;
}
.compare-item__content .spec:nth-child(odd) {
background: #ebebeb;
}
.compare-item__content .spec span {
font-size: 0.9375em;
}
.compare-item__footer {
padding: 10px;
}
.compare-item__footer a {
position: relative;
}
.compare-item__footer a .icon {
position: absolute;
top: 50%;
right: 12px;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.compare-item__footer a.button {
width: 100%;
max-width: 200px;
display: block;
margin: 0 auto;
}
.compare-item__footer a.button--inverse {
width: 100%;
max-width: 200px;
display: block;
margin: 5px auto 5px;
}
.compare-item__footer a.button--inverse:after {
display: none;
}
.compare-item__footer a.button--inverse .icon-save {
margin-left: 5px;
}
@media only screen and (max-width: 991px) {
.compare-list .slick-arrow {
border: 1px solid #01916d;
background: white;
color: #01916d;
padding: 35px 10px;
position: fixed;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 999;
visibility: visible;
opacity: 1;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.compare-list .slick-arrow span {
font-size: 26px;
}
.compare-list .slick-arrow.slick-next {
right: 0;
}
.compare-list .slick-arrow.slick-prev {
left: 0;
}
.compare-list .slick-arrow.slick-disabled {
opacity: 0;
visibility: hidden;
}
.compare-item__content .spec .title {
font-weight: 600;
text-align: left;
}
.compare-item__content .spec span {
display: block;
}
}
@media only screen and (min-width: 992px), print {
.compare-item {
border: 1px solid #c1c1c1;
border-right: 0;
}
.compare-item:last-child {
border-right: 1px solid #c1c1c1;
}
.compare-item__content {
border: 0;
}
}
.site-header {
position: absolute;
top: 0;
width: 100%;
border-bottom: 1px solid #ebebeb;
z-index: 200;
background-color: #fff;
box-shadow: 0 2px 5px rgb(0 0 0 / 40%);
}
.site-header.fix {
position: fixed;
-webkit-box-shadow: 0 4px 5px rgba(102, 102, 102, 0.4);
box-shadow: 0 4px 5px rgba(102, 102, 102, 0.4);
border: none;
display: none;
}
.site-header__wrapper {
padding: 20px 0 0;
position: static;
}
.site-header__wrapper_nav {
padding: 0;
position: static;
}
.site-header__nav {
position: static;
}
.site-header .site-logo {
float: left;
margin-bottom: 20px;
margin: 0 0 30px 5px;
display: flex;
align-items: center;
}
.site-header .site-logo a {
text-decoration: none;
vertical-align: top;
display: inline-block;
}
.site-header .site-logo img {
height: 30px;
}
.site-header .btn-mobile-search, .site-header .btn-nav-menu {
display: none;
vertical-align: top;
background: transparent;
position: relative;
display: none;
width: 30px;
height: 40px;
padding: 0;
border: 0;
}
.site-header .btn-mobile-search span, .site-header .btn-nav-menu span {
display: block;
overflow: hidden;
height: 0;
}
.site-header .btn-mobile-search {
float: right;
background: url(../images/icon-search.svg) 0 4px no-repeat;
background-size: contain;
margin: -5px 62px 0 0;
}
.site-header .btn-nav-menu {
position: absolute;
right: 0;
width: 32px;
margin: -5px 5px 0 25px;
}
.site-header .btn-nav-menu span:after {
background: #999;
position: absolute;
top: 50%;
left: 0;
display: block;
width: 32px;
height: 3px;
content: "";
margin-top: -1px;
}
.site-header .btn-nav-menu:before {
background: #999;
position: absolute;
top: 50%;
left: 0;
display: block;
width: 32px;
height: 3px;
content: "";
margin: -9px 0 0;
}
.site-header .btn-nav-menu:after {
background: #999;
position: absolute;
top: 50%;
left: 0;
display: block;
width: 32px;
height: 3px;
content: "";
margin: 7px 0 0;
}
.site-header .btn-nav-menu:focus:before, .site-header .btn-nav-menu:focus:after, .site-header .btn-nav-menu:focus span:after {
background: #01916d;
}
.site-header.open .btn-nav-menu span:after {
display: none;
}
.site-header.open .btn-nav-menu:before {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
margin: -2px 0 0;
}
.site-header.open .btn-nav-menu:after {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
margin: -2px 0 0;
}
@media only screen and (max-width: 991px) {
.site-header {
position: fixed;
}
.site-header .btn-mobile-search {
display: none;
}
.site-header .btn-nav-menu {
display: block;
}
}
@media only screen and (min-width: 768px) {
.site-header__wrapper {
padding: 0px 30px 0;
}
.site-header__wrapper_nav {
padding: 0px 30px 0;
}
.site-header .site-logo {
margin: 20px 30px 0px 0;
max-width: 500px;
}
.site-header .site-logo img {
min-width: 144px;
height: 42px;
}
.site-header .btn-mobile-search, .site-header .btn-nav-menu {
margin-top: 0;
}
.site-header .btn-mobile-search {
margin-right: 0;
}
.site-header .btn-nav-menu {
top: 20px;
right: 30px;
margin-left: 20px;
}
}
@media only screen and (min-width: 992px) {
.site-header {
display: table;
}
.site-header .row-table {
display: table-row;
}
.site-header .site-logo {
display: flex;
align-items: center;
max-width: 500px;
margin: 19px 0 19px 0;
}
/* .site-header.fix .site-header__wrapper {
padding-top: 9px;
} */
.site-header.fix .site-logo, .site-header.fix .search-bar, .site-header.fix .top-nav {
display: none;
}
.site-header.fix .logo-fix {
width: 136px;
padding-right: 16px !important;
}
}
/* @media only screen and (max-width: 991px) {
.site-header__wrapper {
display: flex;
}
} */
@media print {
.site-header {
display: table;
}
.site-header .row-table {
display: table-row;
}
.site-header .site-logo {
display: table-cell;
width: 284px;
margin: 0 0 20px 0;
}
.site-header .megamenu, .site-header .lvl2-menu, .site-header .logo-fix {
display: none;
}
.site-header.fix {
position: relative;
-webkit-box-shadow: none;
box-shadow: none;
border-bottom: 1px solid #ebebeb;
}
.site-header.fix .site-logo, .site-header.fix .search-bar {
display: table-cell;
}
.site-header.fix .site-header__wrapper {
padding: 20px 0 0;
}
}
.site-footer {
margin-top: 45px;
}
.site-footer__wrapper {
padding: 15px 10px;
}
.site-footer .language-selector {
margin: 10px 0 20px;
}
.site-footer .language-selector a {
text-decoration: none;
color: #000;
line-height: 1.35;
font-weight: 400;
font-size: 0.9375em;
}
.site-footer .language-selector a:hover {
text-decoration: underline;
}
.site-footer .copyright {
font-size: 0.75em;
font-weight: 400;
line-height: 1.2;
margin: 0;
padding: 0 0 4px;
}
.site-footer .copyright a {
color: #000;
text-decoration: none;
}
.site-footer .copyright a:hover {
text-decoration: underline;
}
.site-footer .copyright p {
margin: 0;
}
@media only screen and (max-width: 991px) {
.site-footer {
padding: 0 10px;
}
.site-footer__wrapper {
padding: 15px 0;
}
.site-footer .copyright {
font-size: 0.75em;
}
}
.rte>*:first-child {
margin-top: 0;
}
.rte h1, .rte h2, .rte h3, .rte h4, .rte h5, .rte h6 {
font-weight: 300;
margin: 20px 0 10px;
}
.rte h1 {
line-height: 1.166666;
}
.rte h2 {
line-height: 1.133333;
}
.rte h3, .rte h4 {
line-height: 1.2;
}
.rte h1 {
font-size: 1.875em;
margin-top: 25px;
margin-bottom: 20px;
}
.rte h2 {
font-size: 1.5em;
margin-bottom: 20px;
}
.rte h3 {
font-size: 1.25em;
}
.rte h4 {
font-size: 1.125em;
}
.rte h5 {
font-size: 1.125em;
}
.rte h6 {
font-size: 1.125em;
}
.rte p {
margin: 0 0 10px;
line-height: 1.6;
font-weight: 300;
color: #000;
}
.rte a:not(.button) {
color: #01916d;
text-decoration: none;
}
.rte a:not(.button):hover {
text-decoration: underline;
}
.hero-banner {
margin-bottom: 12px;
}
.hero-banner .button:hover {
border-color: #fff;
}
.hero-banner__image {
width: 100%;
max-height: 100%;
overflow: hidden;
}
.hero-banner__image img {
width: 100%;
height: 100%;
font-family: "object-fit:cover;object-position:center center";
object-fit: cover;
object-position: center center;
display: block;
}
.hero-banner__text {
background-color: #333;
padding: 30px 25px;
color: #fff;
line-height: 1.3;
}
.hero-banner__text h1 {
font-size: 1em;
margin: 0 0 20px;
font-weight: 300;
}
.hero-banner__text h2 {
font-size: 1.75em;
margin: 0 0 15px;
font-weight: 300;
}
.hero-banner__text p {
line-height: 1.4;
margin: 0 0 15px;
}
.hero-banner__text a {
font-size: 1.0625em;
}
.hero-banner__text ul a {
color: #fff;
}
.hero-banner__text ul {
margin-top: 10px;
}
.hero-banner__text ul a {
text-decoration: none;
}
.hero-banner__text ul a:hover {
text-decoration: underline;
}
.hero-banner video {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center;
display: block;
font-family: "object-fit:cover;object-position:center center", 'object-fit: cover; object-position: center center;';
}
.hero-banner.product .hero-banner__text {
position: static;
background-color: transparent;
color: #000;
padding-bottom: 30px;
}
.hero-banner.product ul a {
color: #000;
}
.hero-banner.invert .hero-banner__text {
background-color: #ebebeb;
color: #000;
}
.hero-banner.invert ul a {
color: #000;
}
@media only screen and (max-width: 767px) {
.hero-banner.home .hero-banner__text {
margin: 15px 0 0;
}
.hero-banner.narrow .hero-banner__image {
height: 138px;
}
.hero-banner.narrow .hero-banner__image img, .hero-banner.narrow .hero-banner__image video {
width: 100%;
height: 100%;
font-family: "object-fit:cover;object-position:center center";
object-fit: cover;
object-position: center center;
}
.hero-banner.invert.home {
position: relative;
padding: 46px 0 0;
}
.hero-banner.invert.home .hero-banner__text {
margin: 0 0 15px;
color: #000;
}
.hero-banner.invert.home .hero-banner__text h1 {
position: absolute;
top: 0;
font-size: 1.6875em;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
margin: 0 0 0 -25px;
}
.hero-banner.invert.home .hero-banner__text p {
margin: 0;
}
.hero-banner.product .hero-banner__image img {
max-width: 300px;
display: block;
margin: auto;
}
}
@media only screen and (min-width: 768px), print {
.hero-banner {
position: relative;
padding-top: 36.666666%;
}
.hero-banner__text {
width: 360px;
position: absolute;
top: 0;
bottom: 0;
left: 0;
padding: 30px 25px 0 30px;
margin: 0;
}
.hero-banner__text h1 {
font-size: 1.25em;
}
.hero-banner__text h2 {
font-size: 1.625em;
}
.hero-banner__text p, .hero-banner__text a {
margin: 0 0 10px;
}
.hero-banner__image {
position: absolute;
top: 0;
left: 0;
bottom: 0;
}
.hero-banner.reverse .hero-banner__text {
left: auto;
right: 0;
}
.hero-banner.reverse .follow {
right: auto;
left: 4%;
}
.hero-banner.narrow {
padding-top: 26.666666%;
overflow: hidden;
}
.hero-banner.clear .hero-banner__text {
background-color: transparent;
color: #000;
}
.hero-banner.blur .hero-banner__text {
background-color: rgba(0, 0, 0, 0.7);
color: #fff;
}
.hero-banner.blur .hero-banner__text ul a {
color: #fff;
}
.hero-banner.product {
padding-top: 0;
}
.hero-banner.product .hero-banner__image {
width: 50%;
top: 0;
right: 0;
bottom: 0;
left: auto;
}
.hero-banner.product .hero-banner__image img {
height: auto;
}
}
@media only screen and (min-width: 992px), print {
.hero-banner__text {
width: 400px;
}
.hero-banner__text h1 {
font-size: 1.25em;
}
.hero-banner__text h2 {
font-size: 1.875em;
}
.hero-banner__text p, .hero-banner__text a {
margin: 0 0 10px;
}
.hero-banner__text a {
font-size: 1.0625em;
}
.hero-banner__text ul {
margin: 0;
}
.hero-banner.product {
min-height: 440px;
}
}
@media print {
.hero-banner {
page-break-inside: avoid;
}
.hero-banner.narrow {
padding-top: 36.666666%;
}
}
.panels {
margin-top: -12px;
margin-bottom: 12px;
}
.carousel {
color: #fff;
background: #333;
padding: 40px 0;
margin-bottom: 12px;
}
.carousel h3 {
line-height: 1.3;
text-align: center;
margin: 0 0 40px;
font-size: 1.25em;
font-weight: 400;
}
.carousel__dots {
text-align: center;
}
.carousel .slick-dots {
display: inline-block;
}
.carousel .slick-dots li {
float: left;
}
.carousel .slick-dots li.slick-active button {
background-color: #fb0020;
border-color: #fb0020;
color: #fb0020;
}
.carousel .slick-dots button {
color: #333;
background-color: #333;
border: 1px solid #c1c1c1;
border-radius: 50%;
width: 10px;
height: 10px;
overflow: hidden;
padding: 0;
margin: 8px;
}
.carousel .slick-dots button:focus {
outline: 0;
}
@media only screen and (max-width: 767px) {
.carousel__items {
padding: 0 20px;
}
}
@media only screen and (min-width: 768px), print {
.carousel .slick-slide .carousel-item:before {
background: #737373;
position: absolute;
top: 0;
left: 0;
display: block;
width: 1px;
height: 100%;
content: "";
}
.carousel .slick-slide:first-child .carousel-item:before {
display: none;
}
}
@media print {
.carousel {
page-break-inside: avoid;
}
.carousel .carousel-item {
width: 100%;
}
}
.social-feed {
background-color: #ebebeb;
padding: 15px;
}
.social-feed h3 {
margin: 0 0 25px;
line-height: 1.3;
font-size: 1.25em;
font-weight: 400;
}
@media only screen and (max-width: 767px) {
.social-feed {
background-color: #fff;
padding: 0;
}
.social-feed .column-row {
margin-top: -12px;
}
}
.insight, .solution-services, .success-stories-mapper {
position: relative;
background-color: #ebebeb;
padding: 10px;
}
.insight__header--bg, .solution-services__header--bg, .success-stories-mapper__header--bg {
display: none;
position: absolute;
top: 0;
right: 0;
}
.insight__header--text, .solution-services__header--text, .success-stories-mapper__header--text {
position: relative;
z-index: 2;
padding: 0 5px;
margin-bottom: 36px;
}
.insight__header--text h1, .solution-services__header--text h1, .success-stories-mapper__header--text h1 {
font-size: 1.875em;
line-height: 1.166666;
font-weight: 300;
}
.insight__header--text p, .solution-services__header--text p, .success-stories-mapper__header--text p {
font-size: 1.125em;
line-height: normal;
margin: 0 0 10px;
}
.insight__filter, .solution-services__filter, .success-stories-mapper__filter {
margin-bottom: 20px;
}
.insight__content, .solution-services__content, .success-stories-mapper__content {
position: relative;
z-index: 2;
margin-top: -12px;
}
.insight .show-more, .solution-services .show-more, .success-stories-mapper .show-more {
font-size: 1.125em;
line-height: 1.8;
font-weight: 300;
text-align: center;
background: transparent;
width: 100%;
margin: 10px 0 0;
padding: 5px 10px;
border: 0;
cursor: pointer;
}
.insight .show-more span, .solution-services .show-more span, .success-stories-mapper .show-more span {
display: block;
}
.insight .show-more:after, .solution-services .show-more:after, .success-stories-mapper .show-more:after {
content: "";
background-image: url(../images/sprite.png);
background-repeat: no-repeat;
-webkit-transform: scale(0.6);
transform: scale(0.6);
background-position: -912px 0;
display: inline-block;
width: 32px;
height: 32px;
text-align: center;
display: inline-block;
}
@media only screen and (min-width: 768px), print {
.insight__header--bg, .solution-services__header--bg, .success-stories-mapper__header--bg {
display: block;
}
.insight__header--text, .solution-services__header--text, .success-stories-mapper__header--text {
max-width: 100%;
}
.insight__header--text h1, .solution-services__header--text h1, .success-stories-mapper__header--text h1 {
font-size: 2.5em;
margin: 25px 0 20px;
}
.insight__header--text p, .solution-services__header--text p, .success-stories-mapper__header--text p {
font-size: 1.25em;
}
}
@media only screen and (min-width: 992px), print {
.insight__header--text h1, .solution-services__header--text h1, .success-stories-mapper__header--text h1 {
font-size: 2.5em;
margin: 25px 0 20px;
}
.insight__header--text p, .solution-services__header--text p, .success-stories-mapper__header--text p {
font-size: 1.25em;
}
}
@media print {
.solution-services__header--bg {
display: none;
}
}
.more {
text-align: center;
margin-bottom: 30px;
}
.more h3 {
margin-top: 50px;
font-size: 1.625em;
font-weight: 300;
}
.more .image-links-wrapper {
margin: -10px -10px 0;
}
@media only screen and (min-width: 992px), print {
.more h3 {
font-size: 1.5em;
}
.more .image-links-wrapper {
margin: -10px -12px 0;
}
}
@media print {
.more {
page-break-inside: avoid;
}
}
.landing-wrapper {
padding: 0 12px 12px;
background-color: #ebebeb;
}
.topics {
margin-bottom: 20px;
}
.topics>h3 {
margin: 0 0 15px;
font-weight: 300;
}
.topics .topic-panels-wrapper {
margin: 0 -12px;
}
.topics .topic-panels-wrapper .panel-item {
padding: 0 12px;
}
.topics .topic-panels-wrapper .panel-item:first-child .panel-item__text {
background-color: #ebebeb;
color: #000;
}
.topics .topic-panels-wrapper .panel-item:first-child a {
background-color: #ebebeb;
}
.topics .topic-panels-wrapper .panel-item:first-child:hover .panel-item__text {
background-color: #d5d5d5;
}
.topics .topic-panels-wrapper .panel-item:first-child:hover a {
background-color: #d5d5d5;
}
.topics.products .panel-item__image {
background-color: #fff;
}
.topics.products .panel-item img {
width: 100%;
height: 100%;
font-family: "object-fit:cover;object-position:center center";
object-fit: cover;
object-position: center center;
}
@media only screen and (min-width: 768px), print {
.topics .topic-panels-wrapper {
margin: 0 -12px;
}
}
.accordions>h3 {
font-weight: 300;
margin: 0 0 15px;
}
.form-wrapper {
margin-bottom: 30px;
max-width: 700px;
}
.form-wrapper h1 {
margin: 50px 0 10px;
font-size: 1.625em;
font-weight: 400;
}
.form-wrapper p {
margin: 0 0 10px;
}
.modal .form-wrapper {
margin: 0 auto 30px;
}
.event-registration-form .page-header h1, .promotion-form .page-header h1 {
margin-top: 0;
}
.promotion .page-header h1 {
margin: 0;
font-size: 1em;
}
.promotion p {
margin: 0;
}
.form-group .help-block {
font-size: 0.875em;
display: block;
margin-top: -1px;
}
.form-group .row {
margin: 0 -6px;
}
/* Required */
.required-field {
position: relative;
}
.required-field .control-label:before {
display: none;
}
.required-field .control-label:after {
font-size: 20px;
font-weight: 400;
line-height: 1;
color: #fb0020;
margin: 0 4px;
content: "*";
}
.required-field .checkbox:after {
display: none;
}
.required-field .checkbox.required:after {
display: inline !important;
font-size: 0.75rem;
font-weight: 400;
line-height: 1;
color: #fb0020;
margin: 0 0.75rem;
content: "*";
}
.field-validation-error, .field-validation-error span {
color: #fb0020;
margin-top: 2px;
display: inline-block;
}
.has-error input.input-validation-error {
background-color: #ffefeb;
border: 2px solid rgba(251, 0, 32, 0.5);
}
.has-error select.input-validation-error {
background-color: #ffefeb;
border: 2px solid rgba(251, 0, 32, 0.5);
}
.has-error textarea.input-validation-error {
background-color: #ffefeb;
border: 2px solid rgba(251, 0, 32, 0.5);
}
.sitecore-form fieldset {
margin: 30px 0;
}
.sitecore-form fieldset .row {
margin: 0 -6px;
}
.subscribe-form form {
margin: 0 -5px;
padding: 0 5px;
}
.subscribe-form label {
display: none;
}
.subscribe-form .form-submit-border {
margin-top: 0;
}
.subscribe-form .form-submit-border input {
padding: 0;
min-width: 100px !important;
}
.subscribe-form .form-group {
width: 100%;
margin-bottom: 10px !important;
}
@media only screen and (min-width: 992px), print {
.subscribe-form form {
padding: 0;
}
.subscribe-form .form-group {
float: left;
margin-bottom: 0;
margin-right: 5px !important;
margin-left: 5px !important;
}
.subscribe-form .form-group:nth-last-child(3), .subscribe-form .form-group:nth-last-child(4) {
width: 18%;
}
.subscribe-form .form-group:nth-last-child(2) {
width: 35%;
}
.subscribe-form .form-submit-border {
float: left;
margin-right: 5px !important;
margin-left: 5px !important;
}
.layout-side .g-recaptcha {
-webkit-transform: scale(0.7);
transform: scale(0.7);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
}
/* End Forms */
/* Bootstrap overwrite */
.scfForm {
line-height: 1.666666;
font-weight: 300;
word-wrap: break-word;
color: #000;
font-size: 1em;
}
.scfForm .page-header {
border: none;
}
.scfForm label {
font-weight: 300;
}
.scfForm form .form-group {
margin: 0 0 5px;
}
.scfForm form .form-group .row {
margin: 2px -10px 0;
}
.scfForm form .form-group .row [class^="col-"], .scfForm form .form-group .row [class*=" col-"] {
padding: 0 10px;
}
.scfForm form .form-group .form-control:not(textarea) {
padding: 0 10px;
height: 36px;
}
.scfForm form .form-group select[size].form-control {
height: auto;
}
.scfForm form .form-group .input-group-addon {
border-radius: 0;
}
.scfForm form .radio label, .scfForm form .checkbox label {
padding: 0;
}
.scfForm form .radio input[type=radio], .scfForm form .radio-inline input[type=radio] {
position: relative;
margin: 8px 10px 8px 0;
}
.scfForm form .radio, .scfForm form .checkbox, .scfForm form .radio-inline, .scfForm form .checkbox-inline {
padding: 0;
}
.scfForm form .checkbox-group, .scfForm form .checkbox {
position: relative;
margin: 5px auto;
}
.scfForm form .checkbox-group label, .scfForm form .checkbox label {
position: relative;
display: block;
padding: 2px 0 2px 26px;
line-height: 1.2;
}
.scfForm form .checkbox-group label input[type=checkbox], .scfForm form .checkbox label input[type=checkbox] {
position: absolute;
vertical-align: middle;
top: -2px;
left: 0;
margin-top: 7px;
margin-left: 0;
}
/* End Bootsrap overwrite */
.events-form-checklist {
margin: 25px 0;
}
.events-form-checklist .control-label {
background-color: #01916d;
color: #fff;
padding: 15px;
margin: 0;
display: block;
}
.events-form-checklist .checkbox:nth-child(odd) {
background-color: #ededed;
}
.events-form-checklist .checkbox {
position: relative;
margin: 0;
padding: 15px 80px 15px 15px;
}
.events-form-checklist .checkbox label {
position: relative;
padding: 0;
display: inline-block;
width: 100%;
}
.events-form-checklist .checkbox label input {
margin: 0;
}
.events-form-checklist .checkbox span {
display: inline-block;
vertical-align: top;
}
.events-form-checklist .checkbox .event-form-time {
padding-right: 37px;
}
.events-form-checklist .checkbox .event-form-detail {
width: 80%;
}
.events-form-checklist .checkbox input[type="checkbox"] {
position: absolute;
top: -webkit-calc(50% - 6.5px);
top: calc(50% - 6.5px);
left: -webkit-calc(100% - 6.5px);
left: calc(100% - 6.5px);
margin-top: 0;
margin-left: 41px;
}
.events-form-checklist .checkbox:after {
content: '';
clear: both;
display: table;
position: absolute;
left: 53px;
top: 12px;
}
input:not([type=file]), input[type="text"], input[type="password"], input[type="email"], input[type="search"], input[type="number"], select.form-control, textarea.form-control {
-webkit-transition: -webkit-box-shadow .2s;
transition: -webkit-box-shadow .2s;
transition: box-shadow .2s;
transition: box-shadow .2s, -webkit-box-shadow .2s;
width: 100%;
padding: 10px;
border: 1px solid #c1c1c1;
border-radius: 0;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
font-size: 1em;
}
input:not([type=file]), input[type="text"], input[type="password"], input[type="email"], input[type="search"], input[type="number"], select.form-control {
vertical-align: middle;
height: 36px;
margin: 4px 0;
padding: 0 10px;
}
input:not([type=file])::-webkit-input-placeholder, input[type="text"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="search"]::-webkit-input-placeholder, input[type="number"]::-webkit-input-placeholder, select.form-control::-webkit-input-placeholder {
/* Chrome/Opera/Safari */
color: #737373;
font-weight: 300;font-size:15px;
}
input:not([type=file])::-moz-placeholder, input[type="text"]::-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="search"]::-moz-placeholder, input[type="number"]::-moz-placeholder, select.form-control::-moz-placeholder {
/* Firefox 19+ */
color: #737373;
font-weight: 300;
}
input:not([type=file]):-ms-input-placeholder, input[type="text"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="search"]:-ms-input-placeholder, input[type="number"]:-ms-input-placeholder, select.form-control:-ms-input-placeholder {
/* IE 10+ */
color: #737373;
font-weight: 300;
}
input:not([type=file]):-moz-placeholder, input[type="text"]:-moz-placeholder, input[type="password"]:-moz-placeholder, input[type="email"]:-moz-placeholder, input[type="search"]:-moz-placeholder, input[type="number"]:-moz-placeholder, select.form-control:-moz-placeholder {
/* Firefox 18- */
color: #737373;
font-weight: 300;
}
select[size] {
height: auto;
}
input[type="file"] {
width: 100%;
font-size: 1em;
}
input[type="checkbox"], input[type="radio"] {
margin: 8px 10px 8px 0;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: none;
transition: none;
padding: 0;
height: auto;
width: auto;
}
input[type="text"], input[type="search"] {
-webkit-appearance: none;
}
.form-submit-border {
margin-top: 16px;
}
input[type="submit"] {
white-space: nowrap;
min-width: 130px !important;
height: 36px;
margin: 2px 0;
color: #fff;
background: #01916d;
border: 1px solid #01916d;
font-weight: 400;
line-height: 29px;
text-align: center;
position: relative;
padding: 0 10px 0;
cursor: pointer;
width: auto;
}
input[type="submit"]:hover {
color: #01916d;
background-color: #fff;
border: 1px solid #d7d7d7;
}
input[type="submit"]:hover:after {
color: #01916d;
}
form button {
white-space: nowrap;
min-width: 130px !important;
margin: 2px 0;
color: #fff;
background: #01916d;
border: 1px solid #01916d;
font-weight: 400;
line-height: 29px;
text-align: center;
position: relative;
padding: 5px 20px 5px 20px;
cursor: pointer;
width: auto;
}
form button:hover {
color: #01916d;
background-color: #fff;
border: 1px solid #d7d7d7;
}
form button:hover:after {
color: #01916d;
}
/* form button:after {
font-size: 90%;
color: #fff;
position: relative;
top: -1px;
padding: 0 0 0 5px;
content: "\0000a0\276F";
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
position: absolute;
top: 50%;
right: 12px;
} */
form.search-bar button {
background-color: rgba(0, 0, 0, 0);
}
@media print {
input[type="submit"] {
border-color: #c1c1c1;
color: #000;
}
}
.form-horizontal {
max-width: 1200px;
margin: 0 auto;
padding: 20px 30px;
}
.form-horizontal .scfForm {
font-size: 1.125em;
}
.form-horizontal form .page-header {
display: block;
line-height: 1.1;
text-align: center;
margin: 0;
}
.form-horizontal form .page-header h1 {
margin: 20px 0;
}
.form-horizontal form>p {
line-height: 1.3;
text-align: center;
margin: 20px 0;
font-weight: 400;
}
.form-horizontal form {
margin: auto;
max-width: 320px;
}
.form-horizontal .form-submit-border {
clear: both;
padding: 35px 0 0;
text-align: center;
}
.form-horizontal .checkbox-group label input, .form-horizontal .checkbox label input {
position: relative;
}
@media only screen and (min-width: 768px), print {
.form-horizontal {
position: relative;
padding: 20px 30px;
}
.form-horizontal form {
width: -webkit-calc(100% - 420px);
width: calc(100% - 420px);
float: right;
}
.form-horizontal form .page-header {
position: absolute;
top: 0;
left: 20px;
width: 380px;
text-align: left;
}
.form-horizontal form .page-header+p {
position: absolute;
padding: 0;
}
.form-horizontal form>p {
top: 100px;
left: 20px;
width: 380px;
text-align: left;
font-size: 1.125em;
float: left;
padding: 0 10px;
}
}
@media only screen and (min-width: 992px), print {
.form-horizontal form {
max-width: none;
margin: 0 -10px;
}
.form-horizontal .form-group {
float: left;
width: 50%;
padding: 0 10px;
clear: none;
}
}
.listing-side-filters {
position: relative;
margin-bottom: 20px;
}
.listing-side-filters .advanced-filters, .listing-side-filters .basic-filters {
background: #fff;
}
.listing-side-filters .advanced-filters {
display: none;
}
fieldset {
border: 0;
padding: 0;
margin: 0;
}
.filter-panel-header h3 {
display: block;
margin: 0;
padding: 0 0 20px;
font-size: 1.25em;
font-weight: 400;
line-height: 1;
}
.advanced-options-toggle {
display: block;
position: relative;
padding: 6px 10px;
text-decoration: none;
font-weight: bold;
color: #01916d;
font-size: 0.875em;
margin: 10px;
}
.advanced-options-toggle i {
position: absolute;
top: 9px;
}
.advanced-options-toggle:hover, .advanced-options-toggle:focus, .advanced-options-toggle:visited, .advanced-options-toggle:link {
color: #01916d;
}
.filter-group {
display: none;
}
.filter-group.printers-filter-group, .filter-group.job-filter-group {
display: block;
}
.clear-filters-selection-btn {
display: block;
position: absolute;
right: 0;
top: 0;
padding: 4px 7px;
color: #000;
text-decoration: none;
font-size: 0.8125em;
line-height: 1;
font-weight: 400;
border: 1px solid #000;
}
.clear-filters-selection-btn:visited, .clear-filters-selection-btn:link {
color: #000;
}
.clear-filters-selection-btn:hover, .clear-filters-selection-btn:focus {
color: #fff;
background: #01916d;
border: none;
}
.filter-subgroup h4 {
border: 1px solid #c1c1c1;
border-bottom: none;
display: block;
position: relative;
margin: 0;
font-size: 1.125em;
font-weight: 300;
padding: 6px 10px;
cursor: pointer;
outline: 0;
}
.filter-subgroup h4:before, .filter-subgroup h4:after {
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
background: #01916d;
position: absolute;
top: 50%;
right: 22px;
display: inline-block;
width: 2px;
height: 2px;
content: "";
}
.filter-subgroup h4:before {
width: 16px;
}
.filter-subgroup h4:after {
right: 29px;
height: 16px;
}
.filter-subgroup.open h4 {
color: #fff;
border: 1px solid #01916d;
background-color: #01916d;
}
.filter-subgroup.open h4:before {
background-color: #fff;
}
.filter-subgroup.open h4:after {
display: none;
}
.filter-subgroup:last-child h4 {
border-bottom: 1px solid #c1c1c1;
}
.filter-subgroup__fields {
padding: 5px 10px 15px;
display: none;
background-color: #ebebeb;
}
.filter-subgroup__fields .checkbox {
position: relative;
margin-bottom: 8px;
cursor: pointer;
}
.filter-subgroup__fields .checkbox input {
position: absolute;
top: 2px;
left: 0;
}
.filter-subgroup__fields .checkbox label {
padding-left: 20px;
line-height: 1.2;
font-size: 1.0625em;
}
.filter-panel-btn-group {
padding: 10px 0;
text-align: left;
display: none;
}
.filter-panel-btn-group .submit-btn {
display: inline-block;
color: #fff;
border: 0;
text-align: center;
line-height: 1.25;
padding: 5px 9px;
text-decoration: none;
font-size: .875em;
}
.filter-panel-btn-group .submit-btn:hover, .filter-panel-btn-group .submit-btn:focus, .filter-panel-btn-group .submit-btn a:visited {
color: #fff;
}
@media only screen and (min-width: 992px), print {
.filter-panel-header h3 {
font-size: 1.25em;
}
.advanced-options-toggle {
font-size: 0.875em;
}
.clear-filters-selection-btn {
font-size: 0.8125em;
}
.filter-subgroup h4 {
font-size: 1.125em;
}
.filter-subgroup__fields .checkbox label {
font-size: 1.0625em;
}
}
@media print {
.filter-subgroup.open h4 {
color: #000;
border-color: #000;
}
}
.career-listing {
margin-top: 40px;
}
.career-listing .listing-content__results {
margin: 0 0 25px;
}
/**
* Product labels
*/
.listing-content__results .label {
display: inline-block;
padding: 2px 5px;
color: #fff;
position: absolute;
font-weight: bold;
text-transform: uppercase;
line-height: 1;
}
.listing-content__results .label.new-item {
color: #ea46a5;
border: 1px solid #ea46a5;
}
.listing-content__results .label.recommended {
color: #1f65b3;
border: 1px solid #1f65b3;
}
.listing-content__results .label.best-seller {
color: #47a309;
border: 1px solid #47a309;
}
.listing-content__results .label.promoted {
color: #1f65b3;
border: 1px solid #1f65b3;
}
.listing-content__result-status {
text-align: center;
}
.listing-content__result-status .msg {
display: none;
color: #737373;
text-align: left;
padding: 3px 0;
font-size: 0.875em;
margin: 0;
}
.load-more {
text-align: center;
}
.load-more-results {
display: none;
text-align: center;
margin: 20px 0 10px;
}
.load-more-results a {
display: inline-block;
border-radius: 3px;
text-align: center;
font-weight: bold;
line-height: 1.25;
padding: 5px 9px;
text-decoration: none;
font-size: 0.875em;
}
.listing-content__results {
margin-top: 25px;
}
.listing-content__results>li {
display: block;
position: relative;
font-size: 1em;
line-height: 1.3;
padding: 0 0 10px 0;
margin-bottom: 15px;
-webkit-transition: all 0.2s;
transition: all 0.2s;
opacity: 0;
}
.listing-content__results>li.visible {
opacity: 1;
}
.listing-content__results>li h5 {
font-size: 1.1666666667em;
margin: 0 0 10px;
word-break: break-word;
}
.listing-content__results>li h5 a {
display: block;
text-decoration: none;
color: #000;
font-weight: 400;
}
.listing-content__results>li h5 a:hover, .listing-content__results>li h5 a:focus {
text-decoration: underline;
}
.listing-content__results .desc {
width: 55%;
float: right;
}
.listing-content__results .button {
margin: 0;
font-size: 1em;
}
.listing-content__results .career-item {
padding: 15px 0;
margin-bottom: 0;
border-bottom: 1px solid #ebebeb;
}
.listing-content__results .career-item:last-child {
border: none;
}
.listing-content__results .label {
position: absolute;
top: -7px;
left: 3px;
margin: 0 0 10px;
z-index: 2;
background-color: #ffff;
}
.listing-content__results .thumbnail {
position: relative;
padding-top: 40%;
width: 40%;
}
.listing-content__results .thumbnail img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
display: block;
max-width: 100%;
max-height: 100%;
}
.listing-content-intro>p {
margin-top: 0;
line-height: 1.6;
}
.career-item__details {
position: relative;
}
.career-item__details h3 {
margin: 0;
}
.career-item__details .button {
position: absolute;
top: 50%;
right: 0;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
display: inline-block;
text-decoration: none;
font-size: 1em;
margin: 0;
}
.career-item__details .location {
margin-top: 10px;
position: relative;
padding-left: 25px;
max-width: 60%;
font-size: 0.9375em;
}
.career-item__details .location:before {
font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
content: "";
color: inherit;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
top: 1px;
left: 2px;
margin-right: -8px;
color: #01916d;
}
.career-item__details .timestamp {
position: relative;
padding-left: 25px;
max-width: 60%;
font-size: 0.9375em;
}
.career-item__details .timestamp:before {
font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
content: "";
color: inherit;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
top: 1px;
left: 0;
margin-right: -8px;
color: #01916d;
}
.career-item__details .opening {
max-width: 60%;
}
.career-item__details .opening h3 {
font-size: 1.125em;
}
@media only screen and (min-width: 768px), print {
.listing-content__results>li {
min-height: 220px;
}
.listing-content__results .career-item {
min-height: inherit;
}
.career-listing .listing-content {
padding-left: 25px;
}
.career-item__details {
padding-top: 0;
}
.career-item__details .opening {
width: 34%;
float: left;
}
.career-item__details .location {
top: 5px;
float: left;
width: 20%;
padding-right: 15px;
padding-left: 15px;
margin: 0;
}
.career-item__details .location:before {
left: 0;
}
.career-item__details .timestamp {
float: left;
top: 5px;
width: 20%;
padding-right: 10px;
padding-left: 20px;
}
.career-item__details .button {
position: absolute;
top: 50%;
right: 0;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
display: inline-block;
text-decoration: none;
margin: 0;
}
}
@media only screen and (min-width: 992px), print {
.listing-content__results>li {
font-size: 1em;
}
.listing-content__results>li:nth-child(odd) {
clear: left;
}
.listing-content__results .desc {
padding-right: 20px;
}
.listing-content__results .button {
font-size: .9em;
}
}
@media print {
.listing-content__results>li {
width: 100%;
}
}
.dynamic-listing {
margin-top: 30px;
}
.dynamic-listing .listing-description {
background-color: #ebebeb;
padding: 30px 25px 20px;
margin-bottom: 30px;
}
.event-featured-speakers h3 {
margin: 50px 0 0;
font-size: 1.625em;
}
.event-featured-speakers-wrapper {
margin: 0 -10px;
}
@media only screen and (min-width: 992px) {
.event-featured-speakers-wrapper {
margin: 0 -12px;
}
}
.announcement-list, .news-list {
margin: 20px 0;
}
.announcement-list ul, .news-list ul {
margin: 0;
padding: 0;
}
.announcement-list li, .news-list li {
display: block;
position: relative;
padding: 10px 0 10px 0;
border-bottom: 1px solid #ebebeb;
}
.announcement-list li:before, .announcement-list li:after, .news-list li:before, .news-list li:after {
content: '';
display: table;
}
.announcement-list li:after, .news-list li:after {
clear: both;
}
.announcement-list li>*, .news-list li>* {
float: left;
}
.announcement-list li a, .news-list li a {
text-decoration: none;
font-weight: normal;
color: #01916d;
}
.announcement-list li a:hover, .news-list li a:hover {
text-decoration: underline;
}
.announcement-list li .date, .news-list li .date {
display: inline-block;
width: 110px;
}
.announcement-list h3 {
display: block;
border-bottom: 2px solid #ebebeb;
font-size: 1em;
padding-bottom: 7px;
margin: 0 0 10px;
line-height: 1.3;
font-size: 1.25em;
font-weight: 400;
}
.announcement-list li h4 {
margin: 0;
padding-left: 20px;
font-size: 1em;
width: -webkit-calc(100% - 115px);
width: calc(100% - 115px);
}
.news-list h2 {
display: block;
border-bottom: 2px solid #ebebeb;
font-size: 1em;
padding-bottom: 7px;
margin: 0 0 10px;
line-height: 1.3;
font-size: 1.25em;
font-weight: 400;
}
.news-list li h3 {
margin: 0;
padding-left: 20px;
font-size: 1em;
width: -webkit-calc(100% - 125px);
width: calc(100% - 125px);
}
@media only screen and (min-width: 768px) {
.announcement-list li h4 {
width: -webkit-calc(100% - 190px);
width: calc(100% - 190px);
}
.announcement-list li .date {
width: 185px;
}
.news-list li h3 {
width: -webkit-calc(100% - 125px);
width: calc(100% - 125px);
}
}
.modal {
display: none;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 8000;
overflow: auto;
-webkit-overflow-scrolling: touch;
background: rgba(255, 255, 255, 0.96);
}
.modal .modal-wrapper {
position: relative;
margin: 30px auto 230px;
max-width: 1120px;
}
.modal .modal-close-button {
position: relative;
text-align: right;
margin: 20px 20px 10px;
}
.modal .modal-close-button a {
display: inline-block;
width: 30px;
height: 30px;
border: 2px solid #01916d;
border-radius: 50%;
text-decoration: none;
line-height: 30px;
text-align: center;
}
.modal .modal-close-button a i {
position: relative;
color: #000;
}
.modal .modal-close-button a:hover {
background: #01916d;
}
.modal .modal-close-button a:hover i {
color: #fff;
}
/**
* Modal Form
*/
.modal-form .custom-select-wrapper .label {
border-radius: 0;
height: 32px;
}
.modal-form .custom-select-wrapper .icon-dropdown-arrow {
color: #000;
z-index: 1;
}
.modal-form .custom-select-wrapper .custom-select {
z-index: 2;
}
.modal-form .legend {
display: block;
padding-top: 5px;
border-top: 1px solid #ededed;
font-style: italic;
font-size: 0.6875em;
}
.modal-form .legend .required {
color: #f00;
}
.modal-form .btn-group {
margin-top: 25px;
}
.modal-form .captcha-image {
display: inline-block;
width: 85%;
vertical-align: middle;
}
.modal-form .captcha-image img {
width: 100%;
}
.modal-form .captcha-refresh {
display: inline-block;
width: 12%;
vertical-align: middle;
}
.modal-form iframe {
height: 100%;
width: 100%;
border: 0;
}
/**
* Subscribe modal
*/
.subscribe {
display: none;
width: 90%;
max-width: 800px;
margin: auto;
}
.subscribe h3 {
margin-top: 50px;
font-size: 1.625em;
font-weight: 400;
padding: 0 6px;
}
.subscribe .btn-download {
font-size: 1em;
line-height: 1.4;
margin: 0;
color: #01916d;
position: relative;
display: inline-block;
text-decoration: none;
padding-right: 25px;
padding: 0 25px 0 6px;
word-break: break-all;
}
.subscribe .btn-download i {
font-size: 22px;
text-decoration: none;
position: absolute;
right: 0;
top: 0;
}
.subscribe .btn-download:hover {
text-decoration: underline;
}
.subscribe .icon-download {
background-image: url(../images/icn_download.svg);
height: 24px;
width: 24px;
display: inline-block;
vertical-align: bottom;
}
.subscribe .icon-download:hover {
background-image: url(../images/icn_download.svg);
height: 24px;
width: 24px;
display: inline-block;
vertical-align: bottom;
}
.subscribe .col {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.subscribe .input-group-text {
margin-top: 0;
}
.subscribe .btn-group {
margin-top: 15px;
padding: 0 6px;
}
@media only screen and (max-width: 767px), print {
.subscribe .col {
padding: 0 20px 15px;
}
.subscribe .col:first-child {
border-bottom: 1px solid #e0dfdf;
}
}
@media only screen and (min-width: 768px), print {
.subscribe {
padding: 20px;
}
.subscribe h3 {
margin-top: 0;
}
.subscribe .col {
padding: 0 20px 20px;
}
.subscribe .col:first-child {
border-right: 1px solid #e0dfdf;
}
}
@media only screen and (min-width: 992px), print {
.subscribe h3 {
font-size: 1.5em;
}
.subscribe .btn-download {
font-size: 1.125em;
}
}
@media only screen and (min-width: 992px), print {
.modal-form {
margin: 0 160px;
}
}
.event-agenda {
max-width: 666px;
}
.event-agenda__header .day-toggle {
width: auto;
}
@media only screen and (min-width: 320px) {
.event-agenda__header .day-toggle {
float: left;
}
}
@media only screen and (max-width: 419px) {
.event-agenda__header .day-toggle {
display: block;
width: 100%;
}
}
.event-agenda__header a {
float: left;
padding: 5px 15px;
border: 1px solid #01916d;
background-color: #fff;
color: #01916d;
text-decoration: none;
font-weight: 400;
margin: 0 5px 0 0;
font-size: 1em;
line-height: 1.875;
}
.event-agenda__header a.active {
color: #fff;
background-color: #01916d;
}
.event-agenda__header a:after {
display: none;
}
.event-agenda__header a:hover {
text-decoration: none;
border: 1px solid #01916d;
}
.event-agenda__header a.download {
color: #fff;
background-color: #01916d;
}
.event-agenda__header .download {
margin: 0;
}
@media only screen and (min-width: 420px) {
.event-agenda__header .download {
float: right;
margin-top: auto;
}
}
@media only screen and (max-width: 419px) {
.event-agenda__header .download {
display: block;
margin-top: 6px;
}
}
.event-agenda__day-table {
display: none;
/**
* Tables
*/
}
.event-agenda__day-table:first-child {
display: block;
}
.event-agenda__day-table table {
margin: 20px 0;
border-collapse: collapse;
width: 100%;
}
.event-agenda__day-table thead {
color: #fff;
text-align: left;
}
.event-agenda__day-table thead tr {
background: #01916d;
}
.event-agenda__day-table th {
background: #01916d;
color: #fff;
}
.event-agenda__day-table td, .event-agenda__day-table th {
padding: 15px;
font-weight: 300;
}
.event-agenda__day-table td {
vertical-align: top;
max-width: 600px;
}
.event-agenda__day-table td:first-child {
width: 100px;
}
.event-agenda__day-table td:last-child {
width: -webkit-calc(100% - 100px);
width: calc(100% - 100px);
}
.event-agenda__day-table tbody tr:nth-child(odd) {
background: #ebebeb;
}
.event-agenda__day-table tbody li {
margin-bottom: 8px;
}
.event-agenda__day-table tbody h3 {
font-weight: 400;
}
.event-agenda__day-table tbody h3, .event-agenda__day-table tbody p {
margin: 0 0 10px;
}
.event-agenda__day-table tbody ul li {
padding-left: 0;
}
.event-agenda__day-table tbody ul li:before {
display: none;
}
.event-agenda__day-table .js-synopsis-toggle {
text-decoration: none;
color: #01916d;
font-weight: bold;
display: block;
}
.event-agenda__day-table .js-synopsis-toggle:hover {
text-decoration: none;
}
.event-agenda__day-table .js-synopsis-toggle:before {
font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
content: "";
color: inherit;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: relative;
top: 1px;
margin-right: 2px;
}
.event-agenda__day-table .js-synopsis-toggle.visible:before {
content: '\e90b';
}
.promotion {
margin-top: 30px;
}
@media only screen and (min-width: 768px), print {
.promotion .promotion-list {
padding-right: 30px;
}
}
.promotion-list__block {
border: 1px solid #e6e6e6;
margin-bottom: 30px;
}
.promotion-list__block .thumbnail img {
display: block;
width: 100%;
}
.promotion-list__block .content {
position: relative;
padding: 15px 20px;
}
.promotion-list__block h3 {
display: block;
max-width: 60%;
margin: 0 0 5px;
line-height: 1.2;
font-size: 1em;
}
.promotion-list__block .duration {
display: block;
max-width: 80%;
font-size: 0.875em;
}
.promotion-list__block .button {
position: absolute;
right: 20px;
top: 15px;
font-size: 0.875em;
}
.promotion-list__block .button.expired {
background-color: #ddd;
color: #000;
}
@media print {
.promotion-list__block {
page-break-inside: avoid;
border-color: transparent;
}
}
.related-pages__block {
margin: 0 0 20px;
}
.related-pages__block h3 {
margin-top: 20px;
}
.related-pages__block a {
transition-property: background-color;
transition-duration: 150ms;
transition-timing-function: ease-in-out;
/* Webkit */
-webkit-transition-timing-function: ease-in-out;
-webkit-transition-property: background-color;
-webkit-transition-duration: 150ms;
-webkit-backface-visibility: hidden;
position: relative;
display: block;
color: #000;
padding: 20px;
min-height: 190px;
background: #e6e6e6;
text-decoration: none;
padding-right: 40px;
}
.related-pages__block a:hover {
background: #01916d;
color: #fff;
}
.related-pages__block a:hover .category {
border-color: #fff;
}
.related-pages__block a:after {
font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
content: "";
color: inherit;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
right: 20px;
top: 20px;
font-size: 24px;
}
.related-pages__block h4 {
margin-top: 0;
}
.related-pages__block p {
font-size: 0.875em;
word-wrap: break-word;
}
.related-pages__block .category {
position: absolute;
bottom: 0;
left: 20px;
right: 20px;
display: block;
border-top: 1px solid #000;
padding: 20px 70px 20px 0;
font-size: 0.875em;
}
.related-pages__block .category i {
font-size: 1.3em;
margin-right: 5px;
color: #666;
}
.related-pages__block .label {
position: absolute;
display: block;
top: 20px;
right: 0;
font-size: 0.75em;
font-weight: bold;
text-transform: uppercase;
color: #fff;
background-color: #ea46a5;
padding: 3px 18px;
}
@media only screen and (min-width: 768px), print {
.related-pages:before, .related-pages:after {
content: '';
display: table;
}
.related-pages:after {
clear: both;
}
.related-pages__block {
width: 48.5%;
float: left;
margin-right: 3%;
}
.related-pages__block:nth-child(2n+2) {
margin-right: 0;
}
}
.event-mapper__results {
text-align: center;
}
.event-aside>* {
margin-bottom: 30px;
}
.event-aside>*>h3 {
margin: 0 0 10px;
font-weight: 400;
}
.event-aside__details .location, .event-aside__details .date, .event-aside__details .time {
display: block;
position: relative;
line-height: 1.3;
margin-bottom: 8px;
padding-left: 25px;
}
.event-aside__details .location:before, .event-aside__details .date:before, .event-aside__details .time:before {
font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
content: "";
color: inherit;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
display: block;
width: 14px;
left: 0;
top: 2px;
text-align: center;
color: #01916d;
}
.event-aside__details .location:before {
content: '\f041';
}
.event-aside__details .date:before {
content: '\f073';
}
.event-aside__details .time:before {
content: '\f017';
}
.event-aside__details a {
margin-right: 5px;
}
.event-aside__map iframe {
width: 100%;
height: 210px;
}
.event-aside__share li {
display: inline-block;
float: left;
}
.event-aside__share a {
display: block;
width: 28px;
height: 28px;
background-color: #01916d;
text-align: center;
margin: 0 12px 12px 0;
text-decoration: none;
}
.event-aside__share a i {
display: block;
line-height: 28px;
color: #fff;
font-size: 18px;
}
.event-aside__share a:hover {
background-color: #01916d;
}
.event-aside__share a.facebook {
background-color: #3b5999;
}
.event-aside__share a.linkedin {
background-color: #0177b5;
}
.event-aside__share a.twitter {
background-color: #1ca3f5;
}
.event-aside__share a.instagram {
background-color: #cd486b;
}
.sponsors__group {
margin: 0 0 20px;
}
.sponsors__group h4 {
font-size: 0.875em;
margin: 0 0 10px;
font-weight: 400;
}
.sponsors__group li {
display: inline-block;
margin: 0 10% 10px 0;
width: 25%;
max-width: 75px;
vertical-align: middle;
}
.sponsors__group li a {
display: block;
}
@media only screen and (min-width: 992px), print {
.sponsors__group li:nth-child(3n+3) {
margin-right: 0;
}
}
.sponsors__group li img {
display: block;
width: 100%;
}
@media only screen and (min-width: 992px), print {
.event-aside {
padding-left: 30px;
}
}
.sitemap a, .sitemap span {
color: #000;
font-weight: 400;
}
.sitemap span {
text-decoration: underline;
}
.sitemap__lvl1>li {
display: block;
margin-bottom: 24px;
}
.sitemap__lvl1>li>a, .sitemap__lvl1>li>span {
font-size: 1.5em;
}
.sitemap__lvl2>li {
display: block;
margin-bottom: 12px;
}
.sitemap__lvl2>li>a, .sitemap__lvl2>li>span {
font-size: 1.25em;
}
.sitemap__lvl3>li {
display: block;
}
.sitemap__lvl3>li>a, .sitemap__lvl3>li>span {
font-size: 1.125em;
color: #01916d;
}
.sitemap__lvl4>li {
display: block;
padding: 0 0 0 12px;
margin-bottom: 6px;
}
.sitemap__lvl4>li>a, .sitemap__lvl4>li>span {
color: #01916d;
}
@media only screen and (min-width: 768px) {
.sitemap__lvl3>li {
display: inline-block;
float: left;
width: 25%;
}
}
.search-results {
margin: 15px 0;
}
.search-results h2 {
font-size: 1.125em;
margin: 0;
}
.search-results a {
color: #01916d;
text-decoration: none;
}
.search-results a:hover, .search-results a:focus {
text-decoration: underline;
}
.search-results .url {
color: #bbb;
display: inline-block;
width: 100%;
margin: 0 0 32px;
line-height: 1.2;
}
.search-results .excerpt {
margin: 6px 0;
width: 100%;
line-height: 1;
}
.search-results li {
display: block;
border-bottom: 1px solid #e6e6e6;
margin-bottom: 24px;
}
.reseller-partners--list table td img {
height: 25px;
margin-right: 8px;
}
.reseller-locator h2 {
margin: 0 0 30px 0;
}
.reseller-locator #resellerMap {
width: 100%;
height: 300px;
}
.reseller-locator .reseller-nodisplay {
display: none;
}
.reseller-locator .reseller-map {
margin: 50px 0 0 0;
position: relative;
}
.reseller-locator .reseller-map span {
display: inline-block;
margin-bottom: 15px;
}
.reseller-locator .reseller-map .resellers-count {
font-weight: bold;
padding: 0 2px 0 4px;
}
.reseller-locator .reseller-map .switch-view {
position: absolute;
right: 0;
color: #01916d;
text-decoration: none;
}
.reseller-locator .reseller-map .switch-view:hover {
text-decoration: underline;
}
.reseller-locator .reseller-map iframe {
display: block;
}
.reseller-locator .reseller-map .map-pop-up strong {
display: inline-block;
margin-bottom: 8px;
}
.reseller-locator .reseller-map .map-pop-up p {
margin: 0;
}
.reseller-locator .reseller-partners--list table {
width: 60%;
min-width: 720px;
}
.reseller-locator .reseller-partners--list table p {
margin: 0;
display: inline-block;
padding-right: 3px;
}
.reseller-locator .reseller-partners--list table td.has-medal {
position: relative;
}
.reseller-locator .reseller-partners--list table td.has-medal img {
position: absolute;
top: 15px;
left: 15px;
}
.reseller-locator .reseller-partners--list table td.has-medal span {
display: inline-block;
padding-left: 25px;
}
.reseller-locator .reseller-partners--legend {
display: none;
margin: 12px 0;
padding-bottom: 16px;
border-bottom: 1px solid #ebebeb;
}
.reseller-locator .reseller-partners--legend p {
margin-top: 0px;
font-weight: 400;
}
.reseller-locator .reseller-partners--legend li {
float: left;
margin-right: 24px;
}
.reseller-locator .reseller-partners--legend img {
height: 25px;
margin-right: 12px;
}
.reseller-locator .reseller-partners--legend span {
line-height: 25px;
vertical-align: middle;
}
.reseller-locator .reseller-partners--content .partner-item {
padding: 0 0 20px 0;
border-bottom: 1px solid #ebebeb;
}
.reseller-locator .reseller-partners--content .partner-item h3 img {
height: 29px;
margin-right: 12px;
}
.reseller-locator .reseller-partners--content .partner-item__detail {
position: relative;
line-height: 1.3em;
margin: 0 0 6px 0;
font-size: 0.9375em;
}
.reseller-locator .reseller-partners--content .partner-item__detail .label {
position: absolute;
top: 0;
left: 0;
}
.reseller-locator .reseller-partners--content .partner-item__detail--text {
display: inline-block;
padding-left: 65px;
}
.reseller-locator .reseller-partners--content .partner-item__detail p {
margin: 0;
}
.reseller-locator .reseller-partners--content .partner-item__detail.contact, .reseller-locator .reseller-partners--content .partner-item__detail.fax {
display: inline-block;
}
.reseller-locator .reseller-partners--content .partner-item__detail.contact {
margin-right: 24px;
}
.reseller-locator .reseller-partners--content a {
color: #01916d;
font-size: 0.9375em;
font-weight: 500;
}
.reseller-locator .reseller-partners--content a.button {
color: #fff;
}
.reseller-locator .reseller-partners--content a.button:hover {
color: #01916d;
}
@media only screen and (min-width: 992px) {
.reseller-locator #resellerMap {
width: 60%;
min-width: 720px;
height: 400px;
}
.reseller-locator .reseller-map {
max-width: none;
}
.reseller-locator .reseller-map .switch-view {
right: auto;
left: 720px;
-webkit-transform: translate(-100%, 0);
transform: translate(-100%, 0);
}
}
.newsroom-featured {
overflow: hidden;
margin-bottom: 20px;
}
.newsroom .column-row:first-child .panel-item:first-child .panel-item__text {
background-color: #01916d;
color: #fff;
}
/* .newsroom .column-row:first-child .panel-item:first-child a {
background-color: #01916d;
}
.newsroom .column-row:first-child .panel-item:first-child:hover a {
background-color: #991822;
} */
.newsroom .column-row:first-child .panel-item:first-child:hover .panel-item__text {
background-color: #991822;
}
.newsroom-listing {
text-align: center;
}
.newsroom-listing .loader {
text-align: center;
}
.newsroom-load-more {
width: 100%;
text-align: center;
}
.news-list {
text-align: left;
}
.news-list li a {
color: #01916d;
}
.news-list li a:hover {
text-decoration: underline;
}
.news-list li .date {
display: inline-block;
width: 120px;
}
.news-list .no-result {
display: none;
}
.newsroom-listing__sort-result {
margin-bottom: 0;
}
.newsroom-listing__sort-result .dropdown-copy {
display: inline-block;
width: auto;
vertical-align: middle;
float: none;
}
@media only screen and (max-width: 767px) {
.newsroom-listing__sort-result .right {
float: none;
padding: 0 6px;
text-align: left;
}
.news-list .news-results {
margin-bottom: 15px;
}
}
@media only screen and (min-width: 768px) {
.newsroom-listing__sort-result .right {
padding: 0 6px;
}
}
.two-col-carousel, .three-four-carousel, .tabbed-carousel {
margin: 0 -12px;
}
.two-col-carousel__dots, .three-four-carousel__dots, .tabbed-carousel__dots {
text-align: center;
}
.two-col-carousel .slick-dots, .three-four-carousel .slick-dots, .tabbed-carousel .slick-dots {
display: inline-block;
margin-bottom: -10px;
}
.two-col-carousel .slick-dots li, .three-four-carousel .slick-dots li, .tabbed-carousel .slick-dots li {
float: left;
}
.two-col-carousel .slick-dots li.slick-active button, .three-four-carousel .slick-dots li.slick-active button, .tabbed-carousel .slick-dots li.slick-active button {
background-color: #01916d;
border-color: #01916d;
color: #01916d;
}
.two-col-carousel .slick-dots button, .three-four-carousel .slick-dots button, .tabbed-carousel .slick-dots button {
color: #fff;
background-color: #fff;
border: 2px solid #c1c1c1;
border-radius: 50%;
width: 10px;
height: 10px;
overflow: hidden;
padding: 0;
margin: 8px;
display: block;
}
.two-col-carousel .slick-dots button:focus, .three-four-carousel .slick-dots button:focus, .tabbed-carousel .slick-dots button:focus {
outline: 0;
}
.two-col-carousel .slick-arrow, .three-four-carousel .slick-arrow, .tabbed-carousel .slick-arrow {
position: absolute;
top: 0;
bottom: 0;
background: transparent;
border: none;
}
.two-col-carousel .slick-arrow span, .three-four-carousel .slick-arrow span, .tabbed-carousel .slick-arrow span {
position: absolute;
display: block;
overflow: hidden;
width: 0;
height: 0;
}
.two-col-carousel .slick-arrow:before, .three-four-carousel .slick-arrow:before, .tabbed-carousel .slick-arrow:before {
background-image: url(../images/sprite.png);
background-repeat: no-repeat;
content: "";
display: inline-block;
width: 33px;
height: 63px;
}
.two-col-carousel .slick-arrow.prev, .three-four-carousel .slick-arrow.prev, .tabbed-carousel .slick-arrow.prev {
left: -70px;
}
.two-col-carousel .slick-arrow.prev:before, .three-four-carousel .slick-arrow.prev:before, .tabbed-carousel .slick-arrow.prev:before {
background-position: -198px 0;
}
.two-col-carousel .slick-arrow.next, .three-four-carousel .slick-arrow.next, .tabbed-carousel .slick-arrow.next {
right: -70px;
}
.two-col-carousel .slick-arrow.next:before, .three-four-carousel .slick-arrow.next:before, .tabbed-carousel .slick-arrow.next:before {
background-position: -263px 0;
}
.two-col-carousel .slick-arrow:focus, .two-col-carousel .slick-arrow:hover, .three-four-carousel .slick-arrow:focus, .three-four-carousel .slick-arrow:hover, .tabbed-carousel .slick-arrow:focus, .tabbed-carousel .slick-arrow:hover {
outline: 0;
}
.two-col-carousel .slick-arrow:focus.prev:before, .two-col-carousel .slick-arrow:hover.prev:before, .three-four-carousel .slick-arrow:focus.prev:before, .three-four-carousel .slick-arrow:hover.prev:before, .tabbed-carousel .slick-arrow:focus.prev:before, .tabbed-carousel .slick-arrow:hover.prev:before {
background-position: -231px 0;
}
.two-col-carousel .slick-arrow:focus.next:before, .two-col-carousel .slick-arrow:hover.next:before, .three-four-carousel .slick-arrow:focus.next:before, .three-four-carousel .slick-arrow:hover.next:before, .tabbed-carousel .slick-arrow:focus.next:before, .tabbed-carousel .slick-arrow:hover.next:before {
background-position: -297px 0;
}
@media only screen and (min-width: 768px) {
.layout-article .two-col-carousel {
padding: 0;
}
.two-col-carousel {
padding: 0 80px;
}
}
@media only screen and (min-width: 992px) {
.two-col-carousel {
padding: 0 160px;
}
}
@media only screen and (max-width: 767px) {
.two-col-carousel .slick-arrow, .three-four-carousel .slick-arrow {
display: none;
}
.two-col-carousel .panel-gradient {
padding: 0;
}
.two-col-carousel .panel-gradient>a {
padding: 0;
}
}
@media only screen and (max-width: 1499px) {
.two-col-carousel {
margin: 0 auto;
}
}
.three-four-carousel {
max-width: 672px;
}
.three-four-carousel .col-sm-3 p {
font-size: 1.125em;
}
@media only screen and (max-width: 767px) {
.three-four-carousel .panel-caption__image {
display: block;
text-align: center;
}
.three-four-carousel .panel-caption__image img {
display: inline;
}
}
@media only screen and (min-width: 768px) {
.three-four-carousel {
margin: auto;
}
.three-four-carousel .col-sm-9 {
padding: 0 70px;
}
}
.tablesorter-default .header, .tablesorter-default .tablesorter-header {
background-image: url(../images/white-unsorted.gif);
background-position: -webkit-calc(100% - 10px);
background-position: calc(100% - 10px);
background-repeat: no-repeat;
cursor: pointer;
white-space: normal;
}
.tablesorter-default .header:focus, .tablesorter-default .tablesorter-header:focus {
outline: 0;
}
.tablesorter-default thead .headerSortDown, .tablesorter-default thead .tablesorter-headerDesc, .tablesorter-default thead .tablesorter-headerSortDown {
background-image: url(../images/white-desc.gif);
}
.tablesorter-default thead .headerSortUp, .tablesorter-default thead .tablesorter-headerAsc, .tablesorter-default thead .tablesorter-headerSortUp {
background-image: url(../images/white-asc.gif);
}
.social-feed-subpage h3 {
margin: 0 0 25px;
line-height: 1.3;
font-size: 1.25em;
font-weight: 400;
}
.social-feed-subpage__icons {
margin-bottom: 12px;
}
.social-feed-subpage__icons a {
text-decoration: none;
display: inline-block;
width: 30px;
margin-right: 10px;
}
.tab-carousel__tabs li {
float: left;
width: auto;
min-width: 25%;
text-align: center;
cursor: pointer;
}
.tab-carousel__tabs li.active a {
background-color: #01916d;
color: #fff;
}
.tab-carousel__tabs a {
text-decoration: none;
display: block;
padding: 5px 0;
background-color: #ebebeb;
color: #000;
font-weight: 400;
font-size: 1.25em;
}
.tab-carousel__tabs a:hover {
text-decoration: none;
}
.tab-carousel__contents {
margin: 25px 0;
min-height: 250px;
text-align: center;
}
.tab-carousel .tabbed-carousel {
display: inline-block;
width: 80%;
}
.BMap_pop .BMap_bubble_title {
font-weight: bold;
}
.BMap_pop .BMap_bubble_content p {
margin: 0 !important;
}
#resellerMap img {
max-width: none;
}
.alipay-form table {
width: 100%;
min-width: 850px;
font-size: 0.875em;
}
.alipay-form table a {
color: #01916d;
}
.alipay-form table tbody tr {
background-color: transparent !important;
}
.alipay-form table tbody th, .alipay-form table tbody td {
border: 1px solid #ededed;
}
.alipay-form table tbody .left-column {
text-align: right;
}
.alipay-form table tbody .required {
color: #01916d;
}
.alipay-form table tbody .required span {
color: #000;
}
.alipay-form table tbody p {
position: relative;
margin: 0 0 10px;
}
.alipay-form table tbody .help-text {
display: inline-block;
margin-left: 10px;
}
.alipay-form table h3 {
margin-top: 0;
}
.alipay-form table .payment strong {
display: block;
}
.alipay-form button {
line-height: 1.55;
text-decoration: none;
color: #fff;
background: #01916d;
position: relative;
display: inline-block;
margin: 0;
border: 1px solid #01916d;
padding: 4px 34px 4px 14px;
outline: 0;
}
.alipay-form button:after {
-webkit-transform: rotate(45deg) translate(0, -50%);
transform: rotate(45deg) translate(0, -50%);
position: absolute;
top: 50%;
right: 21px;
display: block;
width: 10px;
height: 10px;
margin: -2px 0 0;
content: "";
border-top: 2px solid #fff;
border-right: 2px solid #fff;
}
.alipay-form button:hover {
background: #fff;
color: #01916d;
border-color: #01916d;
}
.alipay-form button:hover:after {
border-top: 2px solid #01916d;
border-right: 2px solid #01916d;
}
.alipay-form button.addNewInvoice {
padding: 4px 30px;
min-width: 0 !important;
}
.alipay-form button.addNewInvoice:after {
display: none;
}
.sticky-buttons {
position: fixed;
padding: 3px 0 0;
bottom: 0;
width: 100%;
z-index: 2;
-webkit-transform: translate(0, 100%);
transform: translate(0, 100%);
-webkit-transition: all 0.5s;
transition: all 0.5s;
background-color: #fff;
}
.sticky-buttons.visible {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
.sticky-buttons .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.sticky-buttons .hover {
display: none;
}
.sticky-buttons a {
display: block;
text-align: center;
padding: 7px 18px;
margin: 0 7px;
height: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.sticky-buttons a:after {
display: none;
}
.sticky-buttons a:hover .default {
display: none;
}
.sticky-buttons a:hover .hover {
display: inline;
}
.sticky-buttons a i, .sticky-buttons a span, .sticky-buttons a img {
position: relative;
display: inline-block;
vertical-align: middle;
display: inline-block;
}
.sticky-buttons a img {
display: inline;
margin: 0 13px 0 0;
max-height: 24px;
}
.sticky-buttons a span {
font-weight: 700;
letter-spacing: 0.5px;
}
@media only screen and (max-width: 991px) {
.sticky-buttons {
bottom: auto;
top: 80px;
background-color: #01916d;
-webkit-transform: translate(0, -100%);
transform: translate(0, -100%);
-webkit-box-shadow: 0 4px 4px rgba(102, 102, 102, 0.4);
box-shadow: 0 4px 4px rgba(102, 102, 102, 0.4);
}
.sticky-buttons a {
width: -webkit-calc(100% / 3);
width: calc(100% / 3);
height: auto;
margin: 0;
padding: 15px 18px;
font-size: 0.875em;
position: relative;
min-height: unset;
border: none;
}
.sticky-buttons a:hover {
background-color: #01916d;
color: #fff;
}
.sticky-buttons a:hover:after {
border-top: none;
border-right: none;
}
.sticky-buttons a:hover .default {
display: inline;
}
.sticky-buttons a:hover .hover {
display: none;
}
.sticky-buttons a:after {
display: block;
width: 1px;
height: 70%;
top: 50%;
right: 0;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
margin: 0;
border: none;
background-color: #fff;
}
.sticky-buttons a:last-child:after {
display: none;
}
.sticky-buttons a img {
margin: 0 0 10px;
max-height: 31px;
}
.sticky-buttons a i, .sticky-buttons a span {
display: block;
}
.sticky-buttons a span {
line-height: 1.2;
}
}
.product-finder {
background: #ebebeb;
padding: 20px 5px;
}
.product-finder__header {
text-align: center;
}
.product-finder__header h1 {
font-size: 1.625em;
line-height: 30px;
margin-top: 0;
}
.product-finder .question__desc {
text-align: center;
font-size: 1.25em;
font-weight: 500;
}
.product-finder__footer {
margin: 15px auto;
position: relative;
}
.product-finder__footer:before, .product-finder__footer:after {
content: '';
display: table;
}
.product-finder__footer:after {
clear: both;
}
.product-finder__footer>div {
margin-bottom: 15px;
}
.product-finder__footer--back {
display: inline-block;
float: left;
}
.product-finder__footer--results {
display: block;
text-align: center;
}
.product-finder__footer--results p {
background-color: #999;
padding: 8px 15px;
border-radius: 7px;
color: white;
font-size: 1em;
display: inline-block;
margin: 0;
}
.product-finder__footer--right {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
float: right;
}
.product-finder__footer--right button+button {
margin-left: 15px;
}
.product-finder__footer .btn-findprinter {
display: none;
}
.product-finder__footer .btn-findprinter.is-shown {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.product-finder__footer .btn-compareprinter:disabled, .product-finder__footer .btn-compareprinter[disabled] {
background: #ddd;
border-color: #ddd;
color: #a9a9a9;
cursor: default;
}
.product-finder__empty {
text-align: center;
}
.product-finder button {
line-height: 1;
text-decoration: none;
color: #fff;
background: #01916d;
position: relative;
display: inline-block;
padding: 4px 10px 4px 10px;
border: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
border: 1px solid #01916d;
font-weight: 500;
padding: 5px 10px 5px 10px;
}
.product-finder button:hover {
background: white;
color: #01916d;
border: 1px solid #01916d;
}
.product-finder button span {
font-size: 1em;
font-weight: 500;
}
.product-finder button span+.icon {
padding-left: 5px;
}
.product-finder button .icon+span {
padding-left: 5px;
}
.product-finder button.btn-white {
color: black;
background: white;
border: 1px solid #D7D7D7;
}
.product-finder button.btn-white:hover {
background: #01916d;
color: white;
border: 1px solid #01916d;
}
.product-finder button .icon {
font-size: 22px;
line-height: 22px;
}
.product-finder button .icon-arrow-left, .product-finder button .icon-arrow-right {
font-size: 14px;
}
.product-finder button .icon-return {
font-size: 16px;
}
@media only screen and (max-width: 767px) {
.product-finder {
padding: 35px 10px 20px;
}
.product-finder-wrap {
padding: 0;
}
.product-finder__footer--right button+button {
margin-left: 5px;
}
.product-finder button {
padding: 5px 5px 5px 10px;
}
.product-finder button .btn-white {
padding: 5px 8px 5px 5px;
}
.product-finder-results .finder-results__desc h2 {
font-size: 1.25em;
}
}
@media only screen and (min-width: 768px), print {
.product-finder {
padding: 50px 25px;
}
.product-finder__header h1 {
font-size: 2em;
}
.product-finder__footer {
margin: 35px auto;
}
.product-finder__footer:before, .product-finder__footer:after {
content: '';
display: table;
}
.product-finder__footer:after {
clear: both;
}
.product-finder__footer--back {
position: relative;
z-index: 1;
}
.product-finder__footer--right {
z-index: 1;
}
.product-finder__footer--results {
position: absolute;
top: -4px;
left: 0;
right: 0;
z-index: 0;
}
.product-finder .question__desc {
font-size: 1.5em;
}
}
.product-finder-results .finder-results__desc {
text-align: center;
margin: 0 0 35px;
}
.product-finder-results .finder-results__desc h2 {
margin-bottom: 0;
font-size: 1.25em;
}
.product-finder-results .finder-results__desc p {
display: block;
font-size: 1em;
color: #666;
font-weight: 300;
margin: 0;
}
@media only screen and (min-width: 768px), print {
.product-finder-results .finder-results__desc h2 {
font-size: 1.5em;
}
.product-finder-results .finder-results__desc p {
font-size: 1.25em;
}
.product-finder__empty .empty-results__desc {
width: 60%;
margin: 0 auto;
}
}
.product-finder-compare__footer {
margin: 15px auto 0;
position: relative;
}
.product-finder-compare__footer .compare__footer--back {
display: block;
}
.product-finder-compare__footer .compare__footer--startover {
position: absolute;
right: 0;
top: 0;
width: auto;
}
.product-finder-compare__footer button {
line-height: 1;
text-decoration: none;
color: #fff;
background: #01916d;
position: relative;
display: inline-block;
padding: 5px 10px 5px 10px;
border: 1px solid #D7D7D7;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
border: 1px solid #01916d;
}
.product-finder-compare__footer button:hover {
background: white;
color: #01916d;
border: 1px solid #01916d;
}
.product-finder-compare__footer button span {
font-size: 1em;
font-weight: 500;
}
.product-finder-compare__footer button span+.icon {
padding-left: 5px;
}
.product-finder-compare__footer button .icon+span {
padding-left: 5px;
}
.product-finder-compare__footer button.btn-white {
color: black;
background: white;
border: 1px solid #D7D7D7;
}
.product-finder-compare__footer button.btn-white:hover {
background: #01916d;
color: white;
border: 1px solid #01916d;
}
.product-finder-compare__footer button .icon {
font-size: 22px;
line-height: 22px;
}
.product-finder-compare__footer button .icon-arrow-left, .product-finder-compare__footer button .icon-arrow-right {
font-size: 14px;
}
.product-finder-compare__footer button .icon-return {
font-size: 16px;
}
.product-finder-compare__header {
text-align: center;
}
.product-finder-compare__header h1 {
font-size: 1.75em;
}
.product-finder-compare .spec-list {
list-style-type: none;
margin: 0;
padding: 0;
width: 20%;
float: left;
}
.product-finder-compare .spec-list li {
padding: 10px 15px;
font-weight: 500;
border-left: 1px solid #c1c1c1;
}
.product-finder-compare .spec-list li:first-child {
border: 1px solid #fff;
}
.product-finder-compare .spec-list li:last-child {
border-bottom: 1px solid #c1c1c1;
}
.product-finder-compare .spec-list li span {
font-size: 0.9375em;
}
.product-finder-compare .spec-list li:nth-child(even) {
background: #ebebeb;
}
@media only screen and (min-width: 768px), print {
.product-finder-compare__header h1 {
font-size: 2em;
margin-bottom: 35px;
}
.product-finder-compare__footer {
margin: 35px auto 0;
}
.product-finder-compare__footer .compare__footer--startover {
position: absolute;
right: 0;
top: 0;
width: auto;
}
}
/**
* 404 page
*/
.page-not-found-banner {
background: #01916d;
padding: 60px 20px 10px;
border-radius: 10px;
position: relative;
margin-bottom: 50px;
}
.page-not-found-banner .logo {
position: absolute;
right: 20px;
top: 20px;
}
.page-not-found-banner .logo img {
height: 35px;
}
.page-not-found-banner p {
color: #fff;
font-size: 3.125em;
line-height: 1.2;
margin: 0 0 10px;
}
.page-not-found-banner p.black-text {
color: #000;
}
.page-not-found-links li {
margin-bottom: 20px;
}
.page-not-found-links .ico {
display: inline-block;
width: 80px;
height: auto;
vertical-align: middle;
}
.page-not-found-links .ico img {
max-width: 100%;
}
.page-not-found-links .label {
display: inline-block;
margin-left: 25px;
max-width: 62%;
text-decoration: none;
font-weight: normal;
color: #01916d;
}
.page-not-found-links .label:hover {
text-decoration: underline;
}