/*------------------------------------*\
    $TABLE OF CONTENTS
    based generally on Harry Roberts excellent CSS Guidelines https://github.com/csswizardry/CSS-Guidelines
\*------------------------------------*/
/**
 * VARIABLES..............................Declarations of Sass variables
 * .....Colors
 * .....Typography
 * .....Layout
 * .....Defaults
 * .....Breakpoints
 * MIXINS.................................Sass mixins
 * RESET..................................Set reset defaults
 * GLOBAL CLASSES.........................Set reset defaults
 * GLOBAL ELEMENTS........................Establish global styles
 * .....Main
 * .....Headings
 * .....Text-related elements (p, blockquote, lists)
 * .....Defaults
 * .....Breakpoints
 * TYPOGRAPHY------------------------------
 * MEDIA------------------------------
 * LAYOUT------------------------------
 * NAVIGATION------------------------------
 * TOC To Be Continued
 */
/*------------------------------------*\
    $PLUGINS
\*------------------------------------*/
/*------------------------------------*\
    $GLOBAL ELEMENTS
\*------------------------------------*/
/*------------------------------------*\
    $VARIABLES
\*------------------------------------*/
/*------------------------------------*\
    $MIXINS
\*------------------------------------*/
/* CSS Transition
  Usage: @include transition(width,0.3s,ease-out);
 */
/* Rem Unit font sizes with relative fallback http:/seesparkbox.com/foundry/scss_rem_mixin_now_with_a_better_fallback
  Usage: @include font-size(1, large);
*/
/*------------------------------------*\
    $RESET
\*------------------------------------*/
/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
/* line 26, scss/utils/_normalize.scss */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}


audio,
canvas,
video {
  display: inline-block;
}


audio:not([controls]) {
  display: none;
  height: 0;
}


[hidden],
template {
  display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
/* line 70, scss/utils/_normalize.scss */




html {
  font-size: 10px;
  letter-spacing:0.033em;
  font-family: 'Guardian Sans Web', Arial, sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}


body {
  margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */

a {
  background: transparent;
}


a:focus {
  outline: 0 !important;
}


a:active,
a:hover {
  outline: 0 !important;
}

/* ==========================================================================
   Typography
   ========================================================================== */


h1 {
  font-size: 2em;
  margin: 0.67em 0;
}


abbr[title] {
  border-bottom: 1px dotted;
}


b,
strong {
  font-weight: bold;
}


dfn {
  font-style: italic;
}


hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}


mark {
  background: #ff0;
  color: #000;
}

code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}

pre {
  white-space: pre-wrap;
}


q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}


small {
  font-size: 80%;
}


sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}


sup {
  top: -0.5em;
}


sub {
  bottom: -0.25em;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

img {
  border: 0;
}


svg:not(:root) {
  overflow: hidden;
}


figure {
  margin: 0;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}


legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}


button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */
}


button,
input {
  line-height: normal;
}


button,
select {
  text-transform: none;
}

select {
  max-width: 240px;
  padding: 1px;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}


button[disabled],
html input[disabled] {
  cursor: default;
}


input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}


input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}


textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/*------------------------------------*\
    $GLOBAL ELEMENTS
\*------------------------------------*/
@font-face {
  font-family: "icons";
  src: url("../fonts/icon/icons-699662e55c3bcfbd041b1e9a92fed05d.eot");
  src: url("../fonts/icon/icons-699662e55c3bcfbd041b1e9a92fed05d.eot?#iefix") format("embedded-opentype"), url("../fonts/icon/icons-699662e55c3bcfbd041b1e9a92fed05d.woff") format("woff"), url("../fonts/icon/icons-699662e55c3bcfbd041b1e9a92fed05d.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}


.icon {
  font-family: "icons";
  display: inline-block;
  font-weight: normal;
  font-style: normal;
  speak: none;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


.icon_carousel-closed:before {
  content: "\f100";
}


.icon_carousel-open:before {
  content: "\f101";
}


.icon_menu-down-arrow:before {
  content: "\f10b";
}

.icon_menu-secondary:before {
  content: "\f10c";
}

.icon_menu-toggle:before {
  content: "\f10d";
}

.icon_play-video:before {
  content: "\f10e";
}

.icon_search-mobile:before {
  content: "\f10f";
}

.icon_search:before {
  content: "\f110";
}

.icon_social-facebook:before {
  content: "\f111";
}

.icon_social-googleplus:before {
  content: "\f112";
}

.icon_social-linkedin:before {
  content: "\f113";
}

.icon_social-twitter:before {
  content: "\f114";
}

/*------------------------------------*\
    $FONT ELEMENTS
\*------------------------------------*/
/*
        This font software is the property of Commercial Type.

        You may not modify the font software, use it on another website, or install it on a computer.

        License information is available at http://commercialtype.com/eula
        For more information please visit Commercial Type at http://commercialtype.com or email us at info[at]commercialtype.com

        Copyright (C) 2013 Schwartzco Inc.
        License: 1403-WVTYPS
*/






@font-face {
  font-family: 'Guardian Sans Web';
  src: url("/sites/all/themes/main/fonts/guardiansans/GuardianSans-Thin-Web.eot");
  src: url("/sites/all/themes/main/fonts/guardiansans/GuardianSans-Thin-Web.eot?#iefix") format("embedded-opentype"), url("/sites/all/themes/main/fonts/guardiansans/GuardianSans-Thin-Web.woff") format("woff"), url("/sites/all/themes/main/fonts/guardiansans/GuardianSans-Thin-Web.ttf") format("truetype"), url("/sites/all/themes/main/fonts/guardiansans/GuardianSans-Thin-Web.svg#Guardian%20Sans%20Web") format("svg");
  font-weight: 200;
  font-style: normal;
  font-stretch: normal;
}



.GuardianSans-Thin-Web {
  font-family: 'Guardian Sans Web';
  font-weight: 200;
  font-style: normal;
  font-stretch: normal;
}

@font-face {
  font-family: 'Guardian Sans Web-Thin';
  src: url("/sites/all/themes/main/fonts/guardiansans/GuardianSans-Thin-Web.eot");
  src: url("/sites/all/themes/main/fonts/guardiansans/GuardianSans-Thin-Web.eot?#iefix") format("embedded-opentype"), url("/sites/all/themes/main/fonts/guardiansans/GuardianSans-Thin-Web.woff") format("woff"), url("/sites/all/themes/main/fonts/guardiansans/GuardianSans-Thin-Web.ttf") format("truetype"), url("/sites/all/themes/main/fonts/guardiansans/GuardianSans-Thin-Web.svg#Guardian%20Sans%20Web") format("svg");
  font-weight: 200;
  font-style: normal;
  font-stretch: normal;
}

.GuardianSans-Thin-Web {
  font-family: 'Guardian Sans Web-Thin';
  font-weight: 200;
  font-style: normal;
  font-stretch: normal;
}

@font-face {
  font-family: 'Guardian Sans Web';
  src: url("/sites/all/themes/main/fonts/guardiansans/GuardianSans-Light-Web.eot");
  src: url("/sites/all/themes/main/fonts/guardiansans/GuardianSans-Light-Web.eot?#iefix") format("embedded-opentype"), url("/sites/all/themes/main/fonts/guardiansans/GuardianSans-Light-Web.woff") format("woff"), url("/sites/all/themes/main/fonts/guardiansans/GuardianSans-Light-Web.ttf") format("truetype"), url("/sites/all/themes/main/fonts/guardiansans/GuardianSans-Light-Web.svg#Guardian%20Sans%20Web") format("svg");
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
}

.GuardianSans-Light-Web {
  font-family: 'Guardian Sans Web';
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
}

@font-face {
  font-family: 'Guardian Sans Web';
  src: url("/sites/all/themes/main/fonts/guardiansans/GuardianSans-Regular-Web.eot");
  src: url("/sites/all/themes/main/fonts/guardiansans/GuardianSans-Regular-Web.eot?#iefix") format("embedded-opentype"), url("/sites/all/themes/main/fonts/guardiansans/GuardianSans-Regular-Web.woff") format("woff"), url("/sites/all/themes/main/fonts/guardiansans/GuardianSans-Regular-Web.ttf") format("truetype"), url("/sites/all/themes/main/fonts/guardiansans/GuardianSans-Regular-Web.svg#Guardian%20Sans%20Web") format("svg");
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
}

.GuardianSans-Regular-Web {
  font-family: 'Guardian Sans Web';
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
}

@font-face {
  font-family: 'Guardian Sans Web';
  src: url("/sites/all/themes/main/fonts/fonts/guardiansans/GuardianSans-Semibold-Web.eot");
  src: url("/sites/all/themes/main/fonts/guardiansans/GuardianSans-Semibold-Web.eot?#iefix") format("embedded-opentype"), url("/sites/all/themes/main/fonts/guardiansans/GuardianSans-Semibold-Web.woff") format("woff"), url("/sites/all/themes/main/fonts/guardiansans/GuardianSans-Semibold-Web.ttf") format("truetype"), url("/sites/all/themes/main/fonts/guardiansans/GuardianSans-Semibold-Web.svg#Guardian%20Sans%20Web") format("svg");
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
}

.GuardianSans-Semibold-Web {
  font-family: 'Guardian Sans Web';
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
}



/*------------------------------------*\
    $GLOBAL CLASSES
\*------------------------------------*/
/* Clearfix */
.cf, .wysiwyg-field, [role=main], .home-industries .col-item .icon-contain, .main.CSJ .csj-in-this-issue .col-2, .main.CSJ .csj-in-this-issue .col-one-third-img, .csj-article p, .csj-article .share-bottom, .blog-homepage .recent-posts .post-item,
.blog-topic .recent-posts .post-item,
.blog-article .recent-posts .post-item, .blog-article .section-blog-article .article-body p.has-img, .general .section-more-about .related-item, .general .section-general-article, .general .section-general-article p, .general .section-general-article .share-bottom, .section-search-body .search-results .result-container, .thought-leadership .section-thought-leadership .thought-leadership-results {
  *zoom: 1;
}

.cf:before, .wysiwyg-field:before, [role=main]:before, .home-industries .col-item .icon-contain:before, .main.CSJ .csj-in-this-issue .col-2:before, .main.CSJ .csj-in-this-issue .col-one-third-img:before, .csj-article p:before, .csj-article .share-bottom:before, .blog-homepage .recent-posts .post-item:before,
.blog-topic .recent-posts .post-item:before,
.blog-article .recent-posts .post-item:before, .blog-article .section-blog-article .article-body p.has-img:before, .general .section-more-about .related-item:before, .general .section-general-article:before, .general .section-general-article p:before, .general .section-general-article .share-bottom:before, .section-search-body .search-results .result-container:before, .thought-leadership .section-thought-leadership .thought-leadership-results:before, .cf:after, .wysiwyg-field:after, [role=main]:after, .home-industries .col-item .icon-contain:after, .main.CSJ .csj-in-this-issue .col-2:after, .main.CSJ .csj-in-this-issue .col-one-third-img:after, .csj-article p:after, .csj-article .share-bottom:after, .blog-homepage .recent-posts .post-item:after,
.blog-topic .recent-posts .post-item:after,
.blog-article .recent-posts .post-item:after, .blog-article .section-blog-article .article-body p.has-img:after, .general .section-more-about .related-item:after, .general .section-general-article:after, .general .section-general-article p:after, .general .section-general-article .share-bottom:after, .section-search-body .search-results .result-container:after, .thought-leadership .section-thought-leadership .thought-leadership-results:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

.cf:after, .wysiwyg-field:after, [role=main]:after, .home-industries .col-item .icon-contain:after, .main.CSJ .csj-in-this-issue .col-2:after, .main.CSJ .csj-in-this-issue .col-one-third-img:after, .csj-article p:after, .csj-article .share-bottom:after, .blog-homepage .recent-posts .post-item:after,
.blog-topic .recent-posts .post-item:after,
.blog-article .recent-posts .post-item:after, .blog-article .section-blog-article .article-body p.has-img:after, .general .section-more-about .related-item:after, .general .section-general-article:after, .general .section-general-article p:after, .general .section-general-article .share-bottom:after, .section-search-body .search-results .result-container:after, .thought-leadership .section-thought-leadership .thought-leadership-results:after {
  clear: both;
}

.is-hidden {
  display: none !important;
  visibility: hidden !important;
}


.is-vishidden {
  position: absolute !important;
  overflow: hidden;
  width: 1px;
  height: 1px;
  padding: 0;
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
}


.right {
  float: right;
  padding: 0 0 1em 1em;
}

.right-search {
  float: right;
  padding: 0 0 1em 0;
}

.left {
  float: left;
  padding: 0 1em 1em 0;
}


.align-right {
  text-align: right;
}

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

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



@media all and (max-width: 37.5em) {




.introText10 {
  font-family:Arial, Helvetica, sans-serif;
  color: #202020;
    font-size: 14px !important;
  line-height: 1.4 !important;
  margin: 0 0 25px 0 !important;
  font-weight:200 !important;
}

.introText15 {
  font-family:Arial, Helvetica, sans-serif;
  color: #202020;
    font-size: 15px !important;
  line-height: 1.5 !important;
  margin: 0 0 16px 0 !important;
  font-weight:200 !important;
}

.introText16 {
  font-family:Arial, Helvetica, sans-serif;
  color: #202020;
    font-size: 16px !important;
  line-height: 1.45 !important;
  margin: 0 0 16px 0 !important;
  font-weight:200 !important;
}




.introText16 {
  font-family:Arial, Helvetica, sans-serif;
  color: #202020;
    font-size: 16px !important;
  line-height: 1.45 !important;
  margin: 0 0 25px 0 !important;
  font-weight:200 !important;
}


.introText20 {
  font-family:Arial, Helvetica, sans-serif;
  color: #202020;
    font-size: 17px !important;
  line-height: 1.4 !important;
  margin: 0 0 25px 0 !important;
  font-weight:200 !important;
}



.introList15 {
  font-family:Arial, Helvetica, sans-serif;
  color: #202020;
    font-size: 15px !important;
  line-height: 1.35 !important;
  margin: 0 0 11px 0 !important;
  font-weight:200 !important;
}


.introList18 {
  font-family:Arial, Helvetica, sans-serif;
  color: #202020;
    font-size: 15px !important;
  line-height: 1.35 !important;
  margin: 0 0 11px 0 !important;
  font-weight:200 !important;
}

.introList20 {
  font-family:Arial, Helvetica, sans-serif;
  color: #202020;
    font-size: 17px !important;
  line-height: 1.4 !important;
  margin: 0 0 11px 0 !important;
  font-weight:200 !important;
}


.uppercase {
text-transform: uppercase;
}

.mobileResize {
  font-size: 15px !important;
}

.introText25 {
  font-family: "Guardian Sans Web",sans-serif;
  color: #202020;
    font-size: 20px !important;
  line-height: 1.3 !important;
  margin: 0 0 10px 0 !important;
  font-weight:300 !important;
}

.introText23 {
  font-family:Arial, Helvetica, sans-serif;
  color: #202020;
    font-size: 17px !important;
  line-height: 1.3 !important;
  margin: 0 0 10px 0 !important;
  font-weight:200 !important;
}

.introText21 {
  font-family:Arial, Helvetica, sans-serif;
  color: #202020;
    font-size: 17px !important;
  line-height: 1.3 !important;
  margin: 0 0 10px 0 !important;
  font-weight:200 !important;
}


.introText30 {
  font-family: "Guardian Sans Web",sans-serif;
  color: #202020;
    font-size: 25px !important;
  line-height: 1.2 !important;
  margin: 0 0 0 0 !important;
  font-weight:200;
  padding: 0 0 30px 0 !important;
}


.introText32 {
  font-family: "Guardian Sans Web",sans-serif;
  color: #202020;
    font-size: 32px !important;
  line-height: 1.2 !important;
  margin: 0 0 0 0 !important;
  font-weight:200 !important;
}

.introText35 {
  font-family: "Guardian Sans Web",sans-serif;
  color: #202020;
    font-size: 30px !important;
  line-height: 1.2 !important;
  margin: 0 0 0 0 !important;
  font-weight:200;
}

.introText40 {
  font-family: "Guardian Sans Web",sans-serif;
  color: #202020;
    font-size: 35px !important;
  line-height: 1.2 !important;
  padding: 8px 0px 6px 0px !important;
  margin: 0 0 0 0 !important;
  font-weight:200;
}

.introText45 {
  font-family: "Guardian Sans Web",sans-serif;
  color: #202020;
    font-size: 40px !important;
  line-height: 1.2 !important;
  margin: 0 0 0 0 !important;
  font-weight:200 !important;
}


.introText50 {
    color: #202020;
    font-family: "Guardian Sans Web",sans-serif;
    font-size: 45px !important;
    font-weight: 200 !important;
    line-height: 1.2 !important;
    margin: 0 !important;
    padding: 0 15px 10px 15px !important;
}

.introText55 {
  font-family: "Guardian Sans Web",sans-serif;
  color: #202020;
    font-size: 50px !important;
  line-height: 1.2 !important;
  margin: 0 0 0 0 !important;
  font-weight:200;
}

.introText60 {
  font-family: "Guardian Sans Web",sans-serif;
  color: #202020;
    font-size: 55px !important;
  line-height: 1.2 !important;
  margin: 0 0 0 0 !important;
  font-weight:200;
}

.introText65 {
  font-family: "Guardian Sans Web",sans-serif;
  color: #202020;
    font-size: 60px !important;
  line-height: 1.2 !important;
  margin: 0 0 0 0 !important;
  font-weight:200;
}

.introText70 {
  font-family: "Guardian Sans Web",sans-serif;
  color: #202020;
    font-size: 60px !important;
  line-height: 1.2 !important;
  margin: 0 0 0 0 !important;
  font-weight:200;
}

.introText80 {
  font-family: "Guardian Sans Web",sans-serif;
  color: #202020;
    font-size: 60px !important;
  line-height: 1.2 !important;
  margin: 0 0 0 0 !important;
  font-weight:200;
}

.introText85 {
  font-family: "Guardian Sans Web",sans-serif;
  color: #202020;
    font-size: 60px !important;
  line-height: 1.2 !important;
  margin: 0 0 0 0 !important;
  font-weight:200;
}

.introText90 {
  font-family: "Guardian Sans Web",sans-serif;
  color: #202020;
    font-size: 60px !important;
  line-height: 1.2 !important;
  margin: 0 0 0 0 !important;
  font-weight:200;
}

.introText95 {
  font-family: "Guardian Sans Web",sans-serif;
  color: #202020;
    font-size: 60px !important;
  line-height: 1.2 !important;
  margin: 0 0 0 0 !important;
  font-weight:200;
}

.introText100 {
  font-family: "Guardian Sans Web",sans-serif;
  color: #202020;
    font-size: 60px !important;
  line-height: 1.2 !important;
  margin: 0 0 0 0 !important;
  font-weight:200;
}

.hide-small {
    display: none;
  }
}

@media all and (min-width: 37.5em) and (max-width: 61.25em) {
  .hide-med {
    display: none;
  }
}

@media all and (min-width: 61.25em) {
  .hide-large {
    display: none;
  }
}

.valid {
  color: #089e00;
}

.error {
  color: red;
}


.color-brand-blue {
  color: #33557c;
}

.color-brand-blue-2 {
  color: #6bbee3;
}

.color-brand-blue-3 {
  color: #1590b4;
}

.color-brand-purple {
  color: #7d2b8a;
}

.color-brand-pink {
  color: #d05b9c;
}

.color-brand-orange {
  color: #d25b2b;
}

.color-brand-orange-2 {
  color: #d97e36;
}

.color-brand-green {
  color: #38683d;
}

.color-brand-green-2 {
  color: #759b40;
}

a {
  color: #2b3a42;
  text-decoration: none;
  outline: 0 !important;
}


a:hover, a:focus {
  color: #BDD4DE;
}


h1, .alpha {
  line-height: 1.25;
  font-family: "Guardian Sans Web", sans-serif;
}

h1.rebrand-title {
  color: #2b3a42;
  font-family: "Guardian Sans Web-black", sans-serif;
  font-size: 50px;
  font-weight: 200;
  margin: 20px 0px 30px;
  text-align: center;
}

h2, .beta {
  line-height: 1.25;
  font-family: "Guardian Sans Web", sans-serif;
}

h3, .gamma {
  line-height: 1.25;
  font-family: "Guardian Sans Web", sans-serif;
}

h4, .delta {
  line-height: 1.25;
  font-family: "Guardian Sans Web", sans-serif;
}

h5, .epsilon {
  line-height: 1.25;
  font-family: "Guardian Sans Web", sans-serif;
}

h6, .zeta {
  line-height: 1.25;
  font-family: "Guardian Sans Web", sans-serif;
}

.subheading {
  font-family: sans-serif;
  font-weight: normal;
}



.pressReleaseText {
  font-size:1.50em;
  letter-spacing:0.032em;
  font-family: 'Guardian Sans Web', Arial, sans-serif; font-weight:300;
  line-height: 1.4em;
  text-align: left;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-bottom: .3em;
}


.wysiwyg-field .press_release_sidebar .field-type-link-field {
  font-size: 1.8em;
  letter-spacing: .032em;
  font-family: 'Guardian Sans Web',Arial,sans-serif;
  font-weight: 300;
  line-height: 1.44em;
  border-top: 1px solid #c2c2c2;
  padding-top: 20px;
}


.light-heading {
  font-weight: 100;
}

p {
  line-height: 1.25;
  margin-bottom: 1em;
}

blockquote {
  font-style: italic;
  border-left: 1px solid gray;
  color: gray;
  padding-left: 1em;
  margin-bottom: 1em;
}

hr {
  border: 0;
  height: 1px;
  background: gray;
  margin: 1.3em 0;
}

abbr {
  border-bottom: 1px dotted gray;
  cursor: help;
}

.wysiwyg-field {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: inherit;
  line-height: 1.25;
  width: 100%;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

ul {
  margin: 0 0 0 1.7em;
  padding: 0;
  list-style: disc;
}

ol {
  margin: 0 0 0 1.7em;
  padding: 0;
}

li {
  margin: 0 0 .25em 0;
}

dl {
  overflow: hidden;
  margin: 0 0 1em;
}

dt {
  font-weight: bold;
}

dd {
  margin-left: 0;
}

/*------------------------------------*\
    $MEDIA ELEMENTS
\*------------------------------------*/
/* Flexible Media */
img, video, object {
  max-width: 100%;
  height: auto;
}

iframe {
  margin-bottom: 1em;
}

figure {
  margin-bottom: 1em;
}

figure img {
  margin-bottom: 0.25em;
}

figcaption {
  font-style: italic;
}

/*------------------------------------*\
    $FORMS
\*------------------------------------*/

fieldset {
  border: 0;
  padding: 0;
  margin: 0;
}

label {
  display: block;
}

button, input[type="submit"] {
  cursor: pointer;
}

input[type="checkbox"],
input[type="radio"] {
  width: auto;
  margin-right: 0.3em;
}

input[type="search"] {
  width: auto;
}

.field-container {
  margin-bottom: 1em;
}

.inline-form fieldset, .inline-form .inline-container {
  position: relative;
}

/*------------------------------------*\
    $SPECIFIC FORMS
\*------------------------------------*/

.search-form {
  font-size: 11px;
  padding-left: 1em;
  max-height: none;
  margin: 0.35em 0.2em 0 0;
  overflow: visible;
}

.search-form fieldset {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  background: white;
  padding: .5em;
  border-radius: 5px;
}
@media (min-width: 50em) {
  .search-form fieldset {
    border: 1px solid #999;
  border-radius: 2px;
  padding: .3em;
  margin: 4px 0 0 0;
  }
}

.lt-ie9 .search-form fieldset {
  border: 1px solid #999;
}

.search-form .search-field {
  width: 75%;
  border: none;
  background: white;
  *text-transform: uppercase;
  color: #888888;
}

.search-form .search-submit {
  position: absolute;
  right: .25em;
  top: .25em;
  background: white;
  border: none;
  border-left: 1px solid #33557c;
  color: #33557c;
}

.search-form .search-submit:hover, .search-form .search-submit:focus {
  background: white;
}

html.lt-ie10.lt-ie9 .search-form .search-submit {
  top: 0.75em;
}

/*------------------------------------*\
    $Table
\*------------------------------------*/

table {
  border-collapse: collapse;
  border-spacing: 0;
  border: 1px solid gray;
  width: 100%;
}

th {
  text-align: left;
  border: 1px solid gray;
  padding: 0.2em;
}

td {
  border: 1px solid gray;
  padding: 0.2em;
}

.animate-fade {
  -webkit-transition: opacity 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out;
  -ms-transition: opacity 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}

.animate-fade:hover {
  opacity: 0;
}

.animate-move > .demo-shape {
  -webkit-transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  -ms-transition: all 0.8s ease-in-out;
  -o-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out;
}

/*------------------------------------*\
    $MAIN CONTENT AREA
\*------------------------------------*/

[role=main] {
  overflow: hidden;
}


body {
  background: #fff;
  color: #202020;
}

/*------------------------------------*\
    $LAYOUT
\*------------------------------------*/
/*------------------------------------*\
    $LAYOUT
\*------------------------------------*/

.page {
  position: relative;
}


.main {
  margin: 0 auto;
  width: 100% !important;
  float: left;
}


.lc {
  max-width: 72rem;
  margin: 0 auto;
  padding: 0.5em;
}

/*------------------------------------*\
    $GRIDS
\*------------------------------------*/

.g {
  overflow: hidden;
  margin: 0 -0.5em;
}

.gi {
  padding: 0.5em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}


.gi img {
  display: block;
}
@media (min-width: 37.5em) {
  .gi {
    float: left;
  }
}

.lt-ie9 .gi {
  float: left;
}


.g-1up .gi {
  width: 100%;
}

/* Grid 2up */
@media (min-width: 37.5em) {

  .g-2up > .gi {
    float: left;
    width: 50%;
  }

  .g-2up > .gi:nth-of-type(odd) {
    clear: left;
  }
}

.lt-ie9 .g-2up > .gi {
  float: left;
  width: 50%;
}

.lt-ie9 .g-2up > .gi:nth-of-type(odd) {
  clear: left;
}


.g-half > .gi {
  float: left;
  width: 43%;
}

.g-half > .gi:nth-of-type(odd) {
  clear: left;
}


@media all and (min-width: 37.5em) {

  .gi-2-3 {
    float: left;
    width: 66.666666%;
  }
}

@media all and (min-width: 37.5em) {

  .gi-1-3 {
    float: left;
    width: 33.333333%;
  }
}


@media (min-width: 37.5em) {

  .col-3 {
    overflow: hidden;
  }

  .col-3 .col-item {
    float: left;
    width: 33%;
  }
}
.lt-ie9 .col-3 {
  overflow: hidden;
}
.lt-ie9 .col-3 .col-item {
  float: left;
  width: 33%;
}

@media (min-width: 37.5em) {
  .col-4 {
    overflow: hidden;
  }
  .col-4 .col-item {
    float: left;
    width: 21.5%;
  }
}
.lt-ie9 .col-4 {
  overflow: hidden;
}
.lt-ie9 .col-4 .col-item {
  float: left;
  width: 21.5%;
}

@media (min-width: 37.5em) {
  .col-5 {
    overflow: hidden;
  }
  .col-5 .col-item {
    float: left;
    width: 19.99%;
  }
}
.lt-ie9 .col-5 {
  overflow: hidden;
}
.lt-ie9 .col-5 .col-item {
  float: left;
  width: 19.99%;
}

@media (min-width: 37.5em) {
  .col-2 {
    overflow: hidden;
  }
  .col-2 .col-item {
    float: left;
    width: 50%;
  }
}
.lt-ie9 .col-2 {
  overflow: hidden;
}
.lt-ie9 .col-2 .col-item {
  float: left;
  width: 50%;
}


/*------------------------------------*\
    $PAGE STRUCTURE
\*------------------------------------*/

.header {
  width: 100%;
  overflow: hidden;
  height: 57px;
  background: white;
  position: relative;
  /*
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  */
}
@media (min-width: 1025px) {
  .header {
    position: absolute;
    left: 0;
    padding: 0;
    overflow: visible;
    height: 100%;
    background: none;
  }
  .header.fixed {
    position: fixed;
  }
}
.lt-ie9 .header {
  position: absolute;
  left: 0;
  padding: 0;
  overflow: visible;
  height: 100%;
  background: none;
}
.lt-ie9 .header.fixed {
  position: fixed;
}

#primary-nav {
  max-height: 100%;
  height: 100%;
  display: none;
}
@media (min-width: 1025px) {
  #primary-nav {
    display: block;
    max-height: none;
    height: auto;
  }
}
.lt-ie9 #primary-nav {
  display: block;
  max-height: none;
  height: auto;
}

#utility-nav {
  display: block;
  max-height: 100%;
}
@media (min-width: 1025px) {
  #utility-nav {
    display: block;
  }
}
.lt-ie9 #utility-nav {
  display: block;
}
form.search-form {
  display: none;
}
@media (min-width: 1025px) {
  form.search-form {
    display: block;
  }
}
.lt-ie9 form.search-form {
  display: block;
}

@media (min-width: 1025px) {
  #primary-nav {
    *display: none;
  }
}
.lt-ie9 #primary-nav {
  *display: none;
}
.header.nav-shown {
  height: auto;
}
.header.nav-shown #primary-nav {
  border-top: 1px solid #efefef;
  padding: 36px 36px 0;
  margin: 0;
  display: block;
}
@media (min-width: 1025px) {
  .header.nav-shown #primary-nav {
    border: none;
    padding: 0 0 0 1em;
    margin: 2em 0 0 0;
  }
}
.lt-ie9 .header.nav-shown #primary-nav {
  border: none;
  padding: 0 0 0 1em;
  margin: 2em 0 0 0;
}
.header.nav-shown #primary-nav ul {
  width: 100%;
}
@media (min-width: 1025px) {
  .header.nav-shown #primary-nav ul {
    float: none;
  }
}
.lt-ie9 .header.nav-shown #primary-nav ul {
  float: none;
}
.header.nav-shown #primary-nav ul li {
  margin-bottom: 0px;
}
@media (min-width: 1025px) {
  .header.nav-shown #primary-nav ul li ul li {
    text-align: left;
    padding: 0 0 8px 16px;
    clear: both;
  }
}
.lt-ie9 .header.nav-shown #primary-nav ul li ul li {
  text-align: left;
  padding: 0 0 8px 16px;
  clear: both;
}
@media (min-width: 1025px) {
  .header.nav-shown #primary-nav ul li {
    text-align: left;
    padding: 0 0 14px 0px;
    clear: both;
  }
}
.lt-ie9 .header.nav-shown #primary-nav ul li {
  text-align: left;
  padding: 0 0 14px 0px;
  clear: both;
}
.header.nav-shown #primary-nav ul li a {
  display: block;
  padding: 12px 0;
}
@media (min-width: 1025px) {
  .header.nav-shown #primary-nav ul li a {
    padding: 0px;
  }
}
.lt-ie9 .header.nav-shown #primary-nav ul li a {
  padding: 0px;
}
.header.nav-shown #primary-nav ul li ul {
  *display: none;
}
.header.nav-shown #primary-nav ul li ul .icon {
  display: none;
}
.header.nav-shown #utility-nav {
  display: inline-block;
  margin: 0px;
  padding: 0 36px 36px;
  font-family: "Guardian Sans Web", sans-serif;
  font-size: 16px;
}
@media (min-width: 1025px) {
  .header.nav-shown #utility-nav {
    display: inline-block;
    padding: 0 0 0 1em;
    margin: 2em 0 0 0;
    font-family: arial;
    font-size: 12px;
  }
}
.lt-ie9 .header.nav-shown #utility-nav {
  display: inline-block;
  padding: 0 0 0 1em;
  margin: 2em 0 0 0;
  font-family: arial;
  font-size: 12px;
}
.header.nav-shown #utility-nav li {
  padding-bottom: 0.75em;
  display: block;
  margin: 0;
}
@media (min-width: 1025px) {
  .header.nav-shown #utility-nav li {
    margin-bottom: 0.25em;
    padding-bottom: 0.25em;
  }
}
.lt-ie9 .header.nav-shown #utility-nav li {
  margin-bottom: 0.25em;
  padding-bottom: 0.25em;
}
.header.nav-shown #utility-nav li.expanded > a {
  color: #6bbee3;
}
.header.nav-shown #utility-nav li.expanded ul {
  display: block;
  margin: 8px 0 0 1em;
}
@media (min-width: 1025px) {
  .header.nav-shown #utility-nav li.expanded ul {
    margin-top: 0;
  }
}
.lt-ie9 .header.nav-shown #utility-nav li.expanded ul {
  margin-top: 0;
}
.header.nav-shown #utility-nav li.expanded ul li {
  padding-bottom: 0.25em;
  font-size: 12px;
}
@media (min-width: 1025px) {
  .header.nav-shown #utility-nav li.expanded ul li {
    padding-bottom: 0;
    margin-bottom: 0;
  }
}
.lt-ie9 .header.nav-shown #utility-nav li.expanded ul li {
  padding-bottom: 0;
  margin-bottom: 0;
}
.header.nav-shown #utility-nav li a {
  padding: 12px 0;
  display: inline-block;
}
@media (min-width: 1025px) {
  .header.nav-shown #utility-nav li a {
    padding: 0;
  }
}
.lt-ie9 .header.nav-shown #utility-nav li a {
  padding: 0;
}
.header.nav-shown #utility-nav li ul {
  display: none;
}
.header.nav-shown form.search-form {
  display: none;
}
@media (min-width: 1025px) {
  .header.nav-shown form.search-form {
    display: inline-block;
  }
}
.lt-ie9 .header.nav-shown form.search-form {
  display: inline-block;
}
.header.search-shown {
  height: 112px;
}
.header.search-shown form.search-form {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  background-color: gray;
  padding: 12px;
  height: 55px;
}
@media (min-width: 1025px) {
  .header.search-shown form.search-form {
    position: static;
    width: auto;
    background-color: transparent;
    padding: 0 0 0 11px;
    height: auto;
  }
}
.lt-ie9 .header.search-shown form.search-form {
  position: static;
  width: auto;
  background-color: transparent;
  padding: 0 0 0 11px;
  height: auto;
}
.header.search-shown form.search-form fieldset {
  background-color: transparent;
  padding: 0 95px 0 0;
}

@media (min-width: 1025px) {
  .header.search-shown form.search-form fieldset {
    background-color: #fff;
    padding: .5em;
  }
}
.lt-ie9 .header.search-shown form.search-form fieldset {
  background-color: #fff;
  padding: .5em;
}
.header.search-shown form.search-form .search-field {
  width: 72%;
  height: 24px;
  font-size: 18px;
  padding-left: 10px;
}
@media (min-width: 1025px) {
  .header.search-shown form.search-form .search-field {
    height: auto;
    padding-left: 0px;
    font-size: 11px;
  }
}
.lt-ie9 .header.search-shown form.search-form .search-field {
  height: auto;
  padding-left: 0px;
  font-size: 11px;
}
.header.search-shown form.search-form .search-submit {
  background-color: gray;
  border: 0px solid transparent;
  height: 38px;
  width: auto;
  top: -3px;
  right: -15px;
}
@media (min-width: 1025px) {
  .header.search-shown form.search-form .search-submit {
    position: absolute;
    right: .25em;
    top: .25em;
    background: white;
    border: none;
    border-left: 1px solid #33557c;
    color: #33557c;
    height: auto;
  }
}
.lt-ie9 .header.search-shown form.search-form .search-submit {
  position: absolute;
  right: .25em;
  top: .25em;
  background: white;
  border: none;
  border-left: 1px solid #33557c;
  color: #33557c;
  height: auto;
}
.header.search-shown form.search-form .search-submit span.is-vishidden {
  position: static !important;
  border-radius: 3px;
  padding: 7px 12px 6px;
  margin: 0 5px 0 10px;
  background-color: #fff;
  text-transform: uppercase;
  font-size: 15px;
  font-weight: bold;
}
@media (min-width: 1025px) {
  .header.search-shown form.search-form .search-submit span.is-vishidden {
    display: none;
  }
}
.lt-ie9 .header.search-shown form.search-form .search-submit span.is-vishidden {
  display: none;
}
.header.search-shown form.search-form .search-submit span.icon {
  display: none;
}
@media (min-width: 1025px) {
  .header.search-shown form.search-form .search-submit span.icon {
    display: block;
  }
}
.lt-ie9 .header.search-shown form.search-form .search-submit span.icon {
  display: block;
}
.logo {
  max-width: 270px;
  margin: 0 0 0 -25px;
  height: 57px;
  width: 196px;
  display: block;
  float: left;
  background: url(../img/logo-mobile.png) no-repeat left top;
}
@media (max-width: 991px) {
.logo {
  max-width: 270px;
  margin: 0 0 0 15px;
  height: 57px;
  width: 196px;
  display: block;
  float: left;
  background: url(../img/logo-mobile.png) no-repeat left top;
}
}
@media (min-width: 1025px) {
  .logo {
    background: transparent;
    height: 83px;
    width: 196px;
    float: none;
  }
}
.lt-ie9 .logo {
  background: transparent;
  height: 83px;
  width: 196px;
  float: none;
  margin: 0 0 0 15px;
}
.logo img {
  display: none;
  height: 100%;
  position: relative;
  top: -1px;
  left: -12px;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
@media (min-width: 1025px) {
  .logo img {
    display: inline-block;
    top: 0px;
    left: 0px;
  }
}
.lt-ie9 .logo img {
  display: inline-block;
  top: 0px;
  left: 0px;
}

.nav-toggle {
  float: right;
  display: block;
  padding: 1em .5em 0;
  margin: 0;
  font-size: 1.7em;
  line-height: 1;
  color: #33557c;
}
@media (min-width: 1025px) {
  .nav-toggle {
    display: none;
  }
}
.lt-ie9 .nav-toggle {
  display: none;
}

.mobile-sub-menu {
    background-color: #cacaca;
    color: #fff;
    height: 34px;
    overflow: hidden;
    padding: 0;
    position: relative;
}

  .mobile-sub-menu {
    display: none;
  }
@media (max-width: 992px) {
  .mobile-sub-menu {
    display: none;
  }
}
.lt-ie9 .mobile-sub-menu {
  display: none;
}
.mobile-sub-menu.nav-shown {
  height: auto;
}
.mobile-sub-menu .category-title {
    cursor: pointer;
    font-family: "Guardian Sans Web",sans-serif;
    font-size: 22px;
    font-weight: 200;
    line-height: 35px;
    margin: 0;
    padding: 0 11px;
}
.mobile-sub-menu .icon {
  float: right;
  font-size: 20px;
}
.mobile-sub-menu .category-menu {
  list-style: none;
  margin: 5px 0 15px;
}
.mobile-sub-menu .category-menu li {
  margin: 0;
  padding: 0;
}
.mobile-sub-menu .category-menu li a {
  display: block;
  color: #fff;
  position: relative;
  padding: 14px 0 14px 30px;
  font-family: "Guardian Sans Web", sans-serif;
}
.mobile-sub-menu .category-menu li a:hover {
  color: #6bbee3;
}
.mobile-sub-menu .category-menu li a .icon {
  display: none;
}
.mobile-sub-menu .category-menu li ul {
  list-style: none;
}

/*------------------------------------*\
    $NAVIGATION
\*------------------------------------*/
.primary-nav,
.utility-nav {
  clear: both;
  overflow: hidden;
  max-height: 0;
  font-size: 16px;
  padding-left: 1em;
  margin: 2em 0 0 0;
}
.primary-nav ul,
.utility-nav ul {
  list-style: none;
  margin-left: 0;
}
.primary-nav ul li.expanded,
.utility-nav ul li.expanded {
  list-style: none;
}
.primary-nav a,
.utility-nav a {
  color: #33557c;
}
.primary-nav a:hover,
.utility-nav a:hover {
  color: #6bbee3;
}
.primary-nav.active,
.utility-nav.active {
  max-height: 40em;
}
@media (min-width: 1025px) {
  .primary-nav,
  .utility-nav {
    max-height: none;
    clear: none;
  }
  .primary-nav li,
  .utility-nav li {
    padding: 0 0 1em 0;
  }
  .primary-nav a,
  .utility-nav a {
    border: 0;
  }
}
.lt-ie9 .primary-nav, .lt-ie9
.utility-nav {
  max-height: none;
  clear: none;
}
.lt-ie9 .primary-nav li, .lt-ie9
.utility-nav li {
  padding: 0 0 1em 0;
}
.lt-ie9 .primary-nav a, .lt-ie9
.utility-nav a {
  border: 0;
}
.primary-nav > ul > li > a:before {
  content: '+';
  padding-right: 8px;
}
.primary-nav > ul > li.expanded > a:before {
  content: '-';
  padding-right: 8px;
}
.primary-nav ul li {
  margin-bottom: 0;
  padding-bottom: 0.75em;
  clear: both;
}
.primary-nav ul li ul {
  display: none;
}
.primary-nav ul li ul ul {
  display: none;
}
.primary-nav ul li a {
  font-family: "Guardian Sans Web", sans-serif;
  font-size: 16px;
}
.primary-nav ul li.scrollSpy > a {
  color: #6bbee3;
}
.primary-nav ul li.expanded {
  padding-top: 0;
  list-style: none;
}
.primary-nav ul li.expanded > a {
  color: #6bbee3;
}
.primary-nav ul li.expanded ul {
  display: block;
  padding-top: 0;
}
@media (min-width: 37.5em) {
  .primary-nav ul li.expanded ul {
    padding-top: .5em;
  }
}
.lt-ie9 .primary-nav ul li.expanded ul {
  padding-top: .5em;
}
.primary-nav ul li.expanded ul li {
  position: relative;
  margin-left: 0;
  margin-bottom: 0;
  padding-left: 1em;
  padding-bottom: .25em;
}
.primary-nav ul li.expanded ul li ul {
  display: none;
}
.primary-nav ul li.expanded ul li.expanded ul {
  display: block;
}
.primary-nav ul li.expanded ul li.expanded li {
  font-size: 12px;
}
.primary-nav ul li.expanded ul li.expanded li a.active {
  color: #6bbee3;
}
.primary-nav ul li.expanded ul li.expanded li a.active span {
  display: block;
  position: absolute;
  left: -4px;
  top: 0px;
}
.primary-nav ul li.expanded ul li a {
  font-family: sans-serif;
  font-size: 12px;
}
.primary-nav ul li.expanded ul li a span {
  display: none;
}
.primary-nav ul li.expanded ul li a.active {
  color: #6bbee3;
}
.primary-nav ul li.expanded ul li a.active span {
  display: block;
  position: absolute;
  left: 0px;
  top: .25em;
}

.utility-nav {
  font-size: 12px;
}
@media (min-width: 1025px) {
  .utility-nav ul li {
    padding: 0 0 0.25em 0;
    list-style: none;
  }
  .utility-nav ul li ul {
    display: none;
    font-size: .9em;
    margin-left: 1em;
    padding-top: 0.25em;
  }
  .utility-nav ul li li {
    margin: 0;
  }
  .utility-nav ul li a {
    font-size: 11px;
    text-transform: uppercase;
    line-height: 16px;
  }
  .utility-nav ul li a.active {
    color: #6bbee3;
  }
  .utility-nav ul li.expanded {
    list-style: none;
  }
  .utility-nav ul li.expanded ul {
    display: block;
  }
  .utility-nav ul li.expanded > a {
    color: #6bbee3;
  }
}
.lt-ie9 .utility-nav ul li {
  padding: 0 0 0.25em 0;
  list-style: none;
}
.lt-ie9 .utility-nav ul li ul {
  display: none;
  font-size: .9em;
  margin-left: 1em;
  padding-top: 0.25em;
}
.lt-ie9 .utility-nav ul li li {
  margin: 0;
}
.lt-ie9 .utility-nav ul li a {
  font-size: 11px;
  text-transform: uppercase;
  line-height: 16px;
}
.lt-ie9 .utility-nav ul li a.active {
  color: #6bbee3;
}
.lt-ie9 .utility-nav ul li.expanded {
  list-style: none;
}
.lt-ie9 .utility-nav ul li.expanded ul {
  display: block;
}
.lt-ie9 .utility-nav ul li.expanded > a {
  color: #6bbee3;
}

/*------------------------------------*\
    $MAIN CONTENT AREA
\*------------------------------------*/
/* line 4, scss/base/_main.scss */
[role=main] {
  overflow: hidden;
}
body {
  background: #fff;
  color: #202020;
}

/*------------------------------------*\
    $FOOTER
\*------------------------------------*/
.footer {
  clear: both;
  overflow: hidden;
  color: gray;
  line-height: 1.2;
  font-size: 12px !important;
  margin: 0 auto;
  width: 100%;
  padding: 0 10px 0 10px;
}
@media (min-width: 37.5em) {
  .footer {
    padding: 0 1.2em 0 1.2em;
    margin-top: 1em;
  }
}
.lt-ie9 .footer {
  padding: 0 2em 0 2em;
  margin-top: 1em;
}
.footer .lc {
  padding: 0.25em 1em 0;
}
.footer ul {
  list-style: none;
  margin: 12px 0 0 0;
  line-height: 16px;
  font-size: 12px !important;
}

.footer a {
  color: white;
  text-transform: uppercase;
}

.footer a:hover,
.footer a:focus {
  color: #bdd4de;
}

.footer .social-icons a:hover i,
.footer .social-icons a:focus i{
  color: #bdd4de;
}


.lt-ie9 .footer ul a {
  color: white;
}
.lt-ie9 .footer ul a:hover {
  color: #6bbee3;
}
.footer ul ul {
  list-style: disc;
  margin: 0 0 0 2em;
}
.footer ul ul a {
  margin-left: -5px;
  font-size: 11px;
}
.collapse-footer {
  margin-left: 0px;
}
@media (min-width: 50em) {
  .collapse-footer {
    margin-left: 15px;
  }
}
.lt-ie9 .collapse-footer {
  margin-left: 15px;
}
.collapse-footer h3 a {
  color: #33557c;
  font-weight: 500;
}
@media (min-width: 37.5em) {
  .collapse-footer h3 a {
    color: #2e311c;
  }
}
.lt-ie9 .collapse-footer h3 a {
  color: #2e311c;
}
.collapse-footer a span {
  float: right;
}
@media (min-width: 37.5em) {
  .collapse-footer a span {
    display: none;
  }
}
.lt-ie9 .collapse-footer a span {
  display: none;
}
@media (min-width: 37.5em) {
  .collapse-footer .gi ul li {
    padding: 0 0 0.5em 0;
    margin-bottom: 0;
  }
}
.lt-ie9 .collapse-footer .gi ul li {
  padding: 0 0 0.5em 0;
  margin-bottom: 0;
}

footer.footer {
  position: relative;
  background: #2b3a42;
  color: white;
  margin: 0;
  padding: 50px 60px 50px;
}

@media (min-width: 992px) and (max-width: 1024px) {
  footer.footer {
    padding: 35px 10px;
  }
}

footer.footer .footer-content {
  max-width: 1200px;
  margin: 1em auto 0;
}

/* xlg specific styles */
@media (min-width: 1440px) {
footer.footer .footer-content {
  max-width: 1280px;
  margin: 1em auto 0;
}
}

/* xxlg specific styles */
@media (min-width: 1700px) {
footer.footer .footer-content {
  max-width: 1340px;
  margin: 1em auto 0;
}
}
footer.footer a h4 {
  color: gray;
}
footer.footer a h4:hover {
  color: gray;
}
footer.footer ul.nav-footer {
  margin: 1em auto 0px;
  display: block;
  border-top: none;
  text-transform: uppercase;
  padding: 1em 36px;
}
footer.footer ul.nav-footer li {
  margin-bottom: 0;
  text-align: center;
}
@media (min-width: 37.5em) {
  footer.footer ul.nav-footer li {
    border: 0px;
    display: inline-block;
    margin: 0;
    padding: 0 10px;
  }
}
.lt-ie9 footer.footer ul.nav-footer li {
  border: 0px;
  display: inline-block;
  margin: 0;
  padding: 0 10px;
}
footer.footer ul.nav-footer a {
  display: block;
  color: #a7a7a7;
  text-transform: uppercase;
  padding: .625em 0;
}
@media (min-width: 37.5em) {
  footer.footer ul.nav-footer a {
    font-weight: 400;
    padding: 0.5em 0;
    color: white;
  }
}
.lt-ie9 footer.footer ul.nav-footer a {
  font-weight: 400;
  padding: 0.5em 0;
  color: #33557c;
}
footer.footer ul.nav-footer a:hover {
  color: #6bbee3;
}
@media (min-width: 37.5em) {
  footer.footer ul.nav-footer {
    max-width: 1200px;
    border-top: 1px solid gray;
    text-align: center;
    padding: 1em 0;
  }
}

/* xlg specific styles */
@media (min-width: 1440px) {
  footer.footer ul.nav-footer {
    max-width: 1280px;
    border-top: 1px solid gray;
    text-align: center;
    padding: 1em 0;
  }
}

/* xxlg specific styles */
@media (min-width: 1700px) {
  footer.footer ul.nav-footer {
    max-width: 1340px;
    border-top: 1px solid gray;
    text-align: center;
    padding: 1em 0;
  }
}
.lt-ie9 footer.footer ul.nav-footer {
  max-width: 1200px;
  border-top: 1px solid gray;
  text-align: center;
  padding: 1em 0;
}
footer.footer .copyright {
  border-top: 1px solid gray;
  text-align: center;
  padding: 1em 0 0;
  font-size: 11px !important;
}
@media (min-width: 37.5em) {
  footer.footer .copyright {
    text-align: left;
    display: block;
    width: 100%;
    border: none;
    margin: 10px 0 0;
    padding-top: 0px;
  }
}
.lt-ie9 footer.footer .copyright {
  text-align: center;
  display: block;
  width: 100%;
  border: none;
  margin-top: 4px;
  padding-top: 0px;
}

/*------------------------------------*\
    $COMPONENTS
\*------------------------------------*/
.general .breadcrumb-container,
.event .breadcrumb-container,
.details .breadcrumb-container,
.blog-homepage .breadcrumb-container,
.section-pressroom .breadcrumb-container,
.blog-topic .breadcrumb-container {
     margin: 8px auto 0;
}
@media (min-width: 50em) {
  .general .breadcrumb-container,
  .event .breadcrumb-container,
  .details .breadcrumb-container,
  .blog-homepage .breadcrumb-container,
  .section-pressroom .breadcrumb-container,
  .blog-topic .breadcrumb-container {
    margin: 8px auto 0;
  }
}
.lt-ie9 .general .breadcrumb-container, .lt-ie9
.event .breadcrumb-container, .lt-ie9
.details .breadcrumb-container, .lt-ie9
.blog-homepage .breadcrumb-container, .lt-ie9
.section-pressroom .breadcrumb-container, .lt-ie9
.blog-topic .breadcrumb-container {
  margin: 24px auto 0 auto;
  padding: 0 0;
}
.general .breadcrumb-container .breadcrumb,
.event .breadcrumb-container .breadcrumb,
.details .breadcrumb-container .breadcrumb,
.blog-homepage .breadcrumb-container .breadcrumb,
.section-pressroom .breadcrumb-container .breadcrumb,
.blog-topic .breadcrumb-container .breadcrumb {
  padding-left: 0px;
}
.breadcrumb-container {
  max-width: 1200px;
  position: relative;
  z-index: 2;
  padding: 0 0px;
}
/* xlg specific styles */
@media (min-width: 1440px) {
.breadcrumb-container {
  max-width: 1280px;
  position: relative;
  z-index: 2;
  padding: 0 0px;
}
}

/* xxlg specific styles */
@media (min-width: 1700px) {
.breadcrumb-container {
  max-width: 1340px;
  position: relative;
  z-index: 2;
  padding: 0 0px;
}
}


@media (min-width: 1230px) {
  .breadcrumb-container {
    padding: 0px 0px 0px 15px;
  }
}
.lt-ie9 .breadcrumb-container {
    padding: 0px 0px 0px 15px;
}
.breadcrumb-container .breadcrumb {
  padding: 8px 15px 0px 15px;
  list-style: none;
  border-radius: 4px;
  color: #202020;
  margin: 0 auto;
  font-family: "Guardian Sans Web", sans-serif;
}
.breadcrumb {
    background-color: transparent;
    font-size: 1.4em;
}
.breadcrumb-container .breadcrumb > li {
  display: inline-block;
  color: #b8b8ba;
}
.breadcrumb-container .breadcrumb > li a {
  color: #808183;
}
.breadcrumb-container .breadcrumb > li a:hover {
  color: #6bbee3;
}
.breadcrumb-container .breadcrumb > li + li:before {
  content: "/\00a0";
  padding: 0 5px;
  color: #ccc;
}

/*------------------------------------*\
    $BUTTONS
\*------------------------------------*/
/* line 4, scss/objects/_buttons.scss */
.btn {
  display: inline-block;
  background: gray;
  color: white;
  line-height: 1;
  font-weight: normal;
  padding: .5em;
  border: 0;
  text-align: center;
}
.btn:hover, .btn:focus {
  color: white;
}
.btn-alt {
  font-size: 14px;
  color: #33557c;
  background: transparent;
  border: 1px solid #33557c;
  padding: .5em 1em;
}
.btn-alt:hover,
.btn-alt a:hover {
  color: #6bbee3;
  border-color: #6bbee3;
}
.btn-small {
  padding: 0.5em 1em;
}
.btn-large {
  padding: 0.5em;
  text-transform: uppercase;
  background: gray;
  font-size: 18px;
  font-weight: normal;
}
.text-btn {
  font-style: italic;
}
.btn-white {
  background: white;
  color: #33557c;
}
.btn-white:hover {
  color: #6bbee3;
}
.btn-small-blue {
  background: transparent;
  border-radius: 5px;
  border: 1px solid #2b3a42;
  color: #2b3a42;
  font-weight: 600;
  padding: 10px;
  transition: all 0.3s ease;
}

.btn-small-blue:hover,
.btn-small-blue:focus {
  border-color: #2A3A42;
  background: #2A3A42;
  color: white;
}

@media (min-width: 37.5em) {
  .btn-small-blue {
    font-size: 12px;
  }
}
.lt-ie9 .btn-small-blue {
  font-size: 12px;
}





/*
 * jQuery FlexSlider v2.2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */
/* Browser Resets
*********************************/

.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
  outline: none;
}

.slides,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Icon Fonts
*********************************/
/* Font-face Icons */
@font-face {
  font-family: 'flexslider-icon';
  src: url("../fonts/flexslider/flexslider-icon.eot");
  src: url("../fonts/flexslider/flexslider-icon.eot?#iefix") format("embedded-opentype"), url("../fonts/flexslider/flexslider-icon.woff") format("woff"), url("../fonts/flexslider/flexslider-icon.ttf") format("truetype"), url("../fonts/flexslider/flexslider-icon.svg#flexslider-icon") format("svg");
  font-weight: normal;
  font-style: normal;
}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {
  margin: 0;
  padding: 0;
}
.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
}

.flexslider .slides img {
  width: 100%;
  display: block;
}
.flex-pauseplay span {
  text-transform: capitalize;
}

.slides:after {
  content: "\0020";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
html[xmlns] .slides {
  display: block;
}

* html .slides {
  height: 1%;
}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
/* line 52, scss/objects/_flexslider.scss */
.no-js .slides > li:first-child {
  display: block;
}

/* FlexSlider Default Theme
*********************************/
.flexslider {
  margin: 0 0 60px;
  background: #fff;
  border: 4px solid #fff;
  position: relative;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  zoom: 1;
}


.flexsliderClear {
  margin: 0 0 60px;
  background: #fff;
  border: 0px solid #fff;
  position: relative;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  zoom: 1;
}
.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.loading .flex-viewport {
  max-height: 300px;
}
.flexslider .slides {
  zoom: 1;
}
.carousel li {
  margin-right: 5px;
}
.flex-direction-nav {
  *height: 0;
}
.flex-direction-nav a {
  display: block;
  width: 40px;
  height: 40px;
  margin: -20px 0 0;
  position: absolute;
  top: 50%;
  z-index: 10;
  overflow: hidden;
  opacity: 0;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease;
}
.flex-direction-nav .flex-prev {
  left: -50px;
}
.flex-direction-nav .flex-next {
  right: -50px;
  text-align: right;
}
.flexslider:hover .flex-prev {
  opacity: 0.7;
  left: 10px;
}
.flexslider:hover .flex-next {
  opacity: 0.7;
  right: 10px;
}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
  opacity: 1;
}
.flex-direction-nav .flex-disabled {
  opacity: 0 !important;
  filter: alpha(opacity=0);
  cursor: default;
}
.flex-direction-nav a:before {
  font-family: "flexslider-icon";
  font-size: 40px;
  display: inline-block;
  content: '\f001';
}
.flex-direction-nav a.flex-next:before {
  content: '\f002';
}
.flex-pauseplay a {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 5px;
  left: 10px;
  opacity: 0.8;
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
  color: #000;
}
.flex-pauseplay a:before {
  font-family: "flexslider-icon";
  font-size: 20px;
  display: inline-block;
  content: '\f004';
}
.flex-pauseplay a:hover {
  opacity: 1;
}
.flex-pauseplay a.flex-play:before {
  content: '\f003';
}
.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: -40px;
  text-align: center;
}
.flex-control-nav li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.flex-control-paging li a {
  width: 11px;
  height: 11px;
  display: block;
  background: #666;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  text-indent: -9999px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
}
.flex-control-paging li a:hover {
  background: #333;
  background: rgba(0, 0, 0, 0.7);
}
.flex-control-paging li a.flex-active {
  background: #000;
  background: rgba(0, 0, 0, 0.9);
  cursor: default;
}
.flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden;
}
.flex-control-thumbs li {
  width: 25%;
  float: left;
  margin: 0;
}
.flex-control-thumbs img {
  width: 100%;
  display: block;
  opacity: .7;
  cursor: pointer;
}
.flex-control-thumbs img:hover {
  opacity: 1;
}
.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default;
}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {
    opacity: 1;
    left: 10px;
  }
  .flex-direction-nav .flex-next {
    opacity: 1;
    right: 10px;
  }
}
.preload {
  display: none;
}
.hero-contain {
  max-width: 1200px;
  margin: 0px auto;
}

.carousel-container {
  overflow: hidden;
  height: 450px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8;
}






.home-abovefold-menu .hp-section-nav:first-child {
    border-left: 0 solid #fff;
    padding-left: 0px;
  padding-right: 0px;
}

.home-abovefold-menu .hp-section-nav {
    border-left: 1px solid #4accc9;
    min-height: 40px;
  padding-left: 0px;
  padding-right: 0px;
}

.hpMenuTitle {
  color: #007692;
    font-family: "Guardian Sans Web",arial,sans-serif;
    font-size: 24px;
    font-weight: 300;
    line-height: 1.1;
    margin: 0;
    padding: 0 0 4%;
}

.carousel-container {
  display: none;
  position: relative;
  z-index: 1;
}

.caption-data {
  display: none;
}

.caption {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  color: gray;
  text-align: left;
  font-weight: normal;
  font-family: "Guardian Sans Web-Thin", sans-serif;
  font-size: 40px;
  z-index: 5;
  padding: 0 0px;
}
@media (min-width: 50em) {
  .caption {
    padding: 0;
  }
}
.lt-ie9 .caption {
  padding: 0;
}
.caption:before {
  content: " ";
  display: block;
  padding-top: 8%;
}
@media (min-width: 37.5em) {
  .caption:before {
    padding-top: 4%;
  }
}
.lt-ie9 .caption:before {
  padding-top: 4%;
}

.carousel-container {
  display: none;
  position: relative;
  z-index: 1;
}

.carousel-container .video-container .video-player {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  margin: 0;
}
.carousel-container a.video-cta {
  position: absolute;
  bottom: 80px;
  left: 28px;
  width: 55px;
  height: 55px;
  background: url(../img/pages/home/video-cta.png) no-repeat center center;
}

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
/* line 12, scss/objects/_lightbox.scss */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  vertical-align: top;
}
.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8020;
}
.fancybox-skin {
  position: relative;
  background: #f9f9f9;
  color: #444;
  text-shadow: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.fancybox-opened {
  z-index: 8030;
}

.fancybox-opened .fancybox-skin {
  /*-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);*/

  padding: 25px 15px 15px 15px !important;
}
.fancybox-outer, .fancybox-inner {
  position: relative;
}
.fancybox-inner {
  overflow: hidden;
}
.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch;
}
.fancybox-error {
  color: #444;
  font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  margin: 0;
  padding: 15px;
  white-space: nowrap;
}
.fancybox-image, .fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%;
}
.fancybox-image {
  max-width: 100%;
  max-height: 100%;
}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
  background-image: url("../img/fancybox_sprite.png");
}
#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -108px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 8060;
}
#fancybox-loading div {
  width: 44px;
  height: 44px;
  background: url("../img/fancybox_loading.gif") center center no-repeat;
}
.fancybox-close {
  position: absolute;
  top: -5px;
  right: -10px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  z-index: 8040;
  background: none;
  color:#444;
  opacity: 0.8;
}

.fancybox-close:hover {
  opacity: 1;
  color:#444;
}

.fancybox-close span {
  font-size: 35px;
}
.fancybox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
  background: transparent url("../img/blank.gif");
  /* helps IE */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  z-index: 8040;
}
.fancybox-prev {
  left: 0;
}
.fancybox-next {
  right: 0;
}
.fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 36px;
  height: 34px;
  margin-top: -18px;
  cursor: pointer;
  z-index: 8040;
  visibility: hidden;
}
.fancybox-prev span {
  left: 10px;
  background-position: 0 -36px;
}
.fancybox-next span {
  right: 10px;
  background-position: 0 -72px;
}
.fancybox-nav:hover span {
  visibility: visible;
}
.fancybox-tmp {
  position: absolute;
  top: -99999px;
  left: -99999px;
  visibility: hidden;
  max-width: 99999px;
  max-height: 99999px;
  overflow: visible !important;
}
.fancybox-lock {
  overflow: hidden !important;
  width: auto;
}
.fancybox-lock body {
  overflow: hidden !important;
}
.fancybox-lock-test {
  overflow-y: hidden !important;
}
.fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 8010;
  background: url("../img/fancybox_overlay.png");
}
.fancybox-overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0;
}
.fancybox-lock .fancybox-overlay {
  overflow: hidden !important;
  overflow-y: hidden !important;
}
.fancybox-title {
  visibility: hidden;
  font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  position: relative;
  text-shadow: none;
  z-index: 8050;
}

.fancybox-opened .fancybox-title {
  visibility: visible;
}

.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -35px;
  z-index: 8050;
  text-align: center;
}
.fancybox-title-float-wrap .child {
  display: inline-block;
  margin-right: -100%;
  padding: 2px 20px;
  background: transparent;
  /* Fallback for web browsers that doesn't support RGBa */
  background: rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  text-shadow: 0 1px 2px #222;
  color: #FFF;
  font-weight: bold;
  line-height: 24px;
  white-space: nowrap;
}

.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #fff;
}

.fancybox-title-inside-wrap {
  padding-top: 10px;
}

.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, 0.8);
}

/* remove background image close button */
.fancybox-close {
  background-image: none !important;
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  /* line 265, scss/objects/_lightbox.scss */
  #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
    background-image: url("../img/fancybox_sprite@2x.png");
    background-size: 44px 152px;
    /*The size of the normal image, half the size of the hi-res image*/
  }
  #fancybox-loading div {
    background-image: url("../img/fancybox_loading@2x.gif");
    background-size: 24px 24px;
    /*The size of the normal image, half the size of the hi-res image*/
  }
}
div#_pac_maincontainer {
  z-index: 10;
  bottom: 0% !important;
  top: auto !important;
  *width: 350px !important;
  height: 260px !important;
}

div#_pac_clickmehelp,
div#_pac_clickmehelp:hover,
div#_pac_clickmehelp:active {
  background-image: url(/sites/all/themes/main/img/chat_active.png);
  -webkit-transform: none;
  -webkit-transform: rotate(0deg) !important;
  border: 0px;
  border-radius: 0px;
  height: 39px;
  width: 87px;
  background-repeat: no-repeat;
  background-color: transparent;
  text-indent: -1000em;
  z-index: 11;
  bottom: 0% !important;
  top: auto !important;
}

#atlwdg-trigger {
  z-index: 100;
}

#live_chat {
  position: fixed;
  right: 0px;
  bottom: 0px;
  z-index: 1000;
  cursor: pointer;
}
#user-login, #user-pass {
  padding: 20px;
}
@media (min-width: 50em) {
  #user-login, #user-pass {
    max-width: 650px;
    margin: 40px auto;
  }
}
.lt-ie9 #user-login, .lt-ie9 #user-pass {
  max-width: 650px;
  margin: 40px auto;
}
#user-login input, #user-pass input {
  width: 100%;
  max-width: 280px;
}
#user-login input[type="submit"], #user-pass input[type="submit"] {
  display: inline-block;
  color: white;
  line-height: 1;
  font-weight: normal;
  border: 0;
  text-align: center;
  background: #33557c;
  font-size: 12px;
  padding: 8px 12px;
  width: auto;
}
#user-login input[type="submit"]:hover, #user-pass input[type="submit"]:hover {
  background: #6bbee3;
}
#user-login .description, #user-pass .description {
  max-width: 280px;
}
.content.content-page .tabs {
  margin: 50px auto 0;
}
@media (min-width: 50em) {
  .content.content-page .tabs {
    max-width: 1080px;
    position: relative;
    left: -3px;
  }
}
.lt-ie9 .content.content-page .tabs {
  max-width: 1080px;
  position: relative;
  left: -3px;
}
.element-invisible {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  height: 1px;
}
.section-results-pagination .item-list {
  display: inline-block;
  width: 100%;
  text-align: center;
}
.section-results-pagination ul.pager {
  display: inline-block;
  margin: 0 auto;
  width: auto;
}
.section-results-pagination ul.pager li {
  display: none;
  margin: 0;
  padding: 5px;
}
@media (min-width: 37.5em) {
  .section-results-pagination ul.pager li {
    display: inline-block;
  }
}
.lt-ie9 .section-results-pagination ul.pager li {
  display: inline-block;
}
.section-results-pagination ul.pager li.mobile {
  display: inline-block;
  font-size: 50px;
  line-height: 16px;
}
@media (min-width: 37.5em) {
  .section-results-pagination ul.pager li.mobile {
    display: none;
  }
}
.lt-ie9 .section-results-pagination ul.pager li.mobile {
  display: none;
}
.section-results-pagination ul.pager li.pager-ellipsis {
  display: none;
}
@media (min-width: 37.5em) {
  .section-results-pagination ul.pager li.pager-ellipsis {
    display: inline-block;
  }
}
.lt-ie9 .section-results-pagination ul.pager li.pager-ellipsis {
  display: inline-block;
}

#content > .section {
  margin: 0!important;
}

.section {
  margin: 0 0 1em;
}
.section .home, .details .section {
  position: relative;
}
.section .home h3, .details .section h3 {
  font-family: "Guardian Sans Web", sans-serif;
  font-weight: 300;
}
.section .home p, .details .section p {
  font-size: 14px;
  font-weight: 300;
}
.section-description {
  font-family: "Guardian Sans Web-Thin", sans-serif;
  font-weight: 300 !important;
  font-size: 22px !important;
  max-width: 1200px;
  margin: 0px auto 15px;
  text-align: center !important;
  color: #202020;
  padding-bottom: 10px !important;
}
@media (min-width: 37.5em) {
  .section-description {
    font-size: 29px !important;
  }
}
.lt-ie9 .section-description {
  font-size: 29px !important;
}
.section-title {
  margin-bottom: 0.1em;
}
.home .section-title {
  font-family: "Guardian Sans Web-Thin", sans-serif;
  font-weight: 200;
  text-align: center;
  font-size: 32px;
  line-height: 45px;
  color: #202020;
  margin: 0px 0 0px 0;
  padding-bottom: 10px;
}
@media (min-width: 37.5em) {
  .home .section-title {
    font-size: 50px;
   padding-bottom: 5px;
  }
}
.lt-ie9 .home .section-title {
  font-size: 50px;
}
.details .section-title {
  font-family: "Guardian Sans Web-Thin", sans-serif;
  font-weight: 200;
  text-align: left;
  font-size: em;
  color: #202020;
}
@media (min-width: 37.5em) {
  .details .section-title {
    font-size: 50px;
  }
}
.lt-ie9 .details .section-title {
  font-size: 50px;
}
.general .section-title {
  font-family: "Guardian Sans Web-Thin", sans-serif;
  font-weight: 200;
  text-align: left;
  font-size: 1.6875em;
  color: #202020;
}
@media (min-width: 37.5em) {
  .general .section-title {
    font-size: 50px;
  }
}
.lt-ie9 .general .section-title {
  font-size: 50px;
}
.event .section-title {
  font-family: "Guardian Sans Web-Thin", sans-serif;
  font-weight: 200;
  text-align: left;
  font-size: 1.6875em;
  color: #202020;
}
@media (min-width: 37.5em) {
  .event .section-title {
    font-size: 50px;
  }
}
.lt-ie9 .event .section-title {
  font-size: 50px;
}
.search .section-title {
  font-family: "Guardian Sans Web-Thin", sans-serif;
  font-weight: 200;
  text-align: left;
  font-size: 1.6875em;
  color: #202020;
}
@media (min-width: 37.5em) {
  .search .section-title {
    font-size: 3.4375em;
  }
}
.lt-ie9 .search .section-title {
  font-size: 3.4375em;
}
.thought-leadership .section-title, .blog-homepage .section-title, .blog-topic .section-title, .blog-article .section-title, .csj-archive .section-title, .section-pressroom .section-title, .csj-article .section-title, .section-error .section-title {
  font-family: "Guardian Sans Web-Thin", sans-serif;
  font-weight: 200;
  text-align: left;
  font-size: 1.6875em;
  color: #202020;
}
@media (min-width: 37.5em) {
  .thought-leadership .section-title, .blog-homepage .section-title, .blog-topic .section-title, .blog-article .section-title, .csj-archive .section-title, .section-pressroom .section-title, .csj-article .section-title, .section-error .section-title {
    font-size: 50px;
  }
}
.lt-ie9 .thought-leadership .section-title, .lt-ie9 .blog-homepage .section-title, .lt-ie9 .blog-topic .section-title, .lt-ie9 .blog-article .section-title, .lt-ie9 .csj-archive .section-title, .lt-ie9 .section-pressroom .section-title, .lt-ie9 .csj-article .section-title, .lt-ie9 .section-error .section-title {
  font-size: 50px;
}
.desktopVersion {
  display: none !important;
}

@media (min-width: 50em) {

  .mobileVersion {
  display: none !important;
}

.desktopVersion {
  display:block !important;
}
}

.home-help-connect {
  font-size: 14px;
}
@media (min-width: 37.5em) {
  .home-help-connect > .content {
    max-width: 100%;
    margin: 0 auto;
  }
}
.lt-ie9 .home-help-connect > .content {
  max-width: 100%;
  margin: 0 auto;
}
.home-help-connect .col-item > .content {
  text-align: center;
}
.home-help-connect .col-item > .content p {
  margin-top: 0;
}
@media (min-width: 37.5em) {
  .home-help-connect .col-item > .content {
    padding: 0px 0px;
    text-align: center;
  }
  .home-help-connect .col-item > .content img {
    width: 100%;
    max-width: 150px;
  }
}
.lt-ie9 .home-help-connect .col-item > .content {
  padding: 0px 15px;
  text-align: center;
}
.lt-ie9 .home-help-connect .col-item > .content img {
  width: 100%;
  max-width: 125px;
}

.home-connect > .content, .detail-connect > .content {
  max-width: 1200px;
  margin: 0 auto;
}

.content-news {
    max-width: 1200px;
  margin: 0 auto;
  padding-top: 20px;
}

.home-connect ul, .detail-connect ul {
  list-style: none;
  margin-left: 0;
}
.home-connect .slides li, .detail-connect .slides li {
  display: none;
}
.home-connect .slides li:first-child, .detail-connect .slides li:first-child {
  display: block;
}
@media (min-width: 37.5em) {
  .home-connect .slides li, .detail-connect .slides li {
    display: block;
  }
}
.lt-ie9 .home-connect .slides li, .lt-ie9 .detail-connect .slides li {
  display: block;
}
/* start custom share buttons */
/* hide share buttons when printing*/
@media print {
  .ttec-social-share {
    display: none;
  }
}
/* Hide floating social buttons on mobile */
@media screen and (max-width: 767px) {
  .ttec-social-share-float {
    display: none;
  }
}
.ttec-social-share-inline {
  display: inline-block;
  font-size: 14px;
}
.ttec-social-share-float {
  position: fixed;
  top: 20%;
  left: 0;
  background: #2a3a42;
  font-size: 16px;
  z-index: 5;
}
.ttec-social-share-float > span {
  display: block;
  padding: 10px 6px 8px 6px;
}
.ttec-social-share-inline > span {
  display: inline-block;
  padding: 8px 6px 6px 6px;
  margin: 0;
}
.ttec-social-share > span {
  overflow: hidden;
  cursor: pointer;
}
.ttec-social-share > span,
.ttec-social-share a {
  color: #ffffff;
  text-align: center;
  transition: background .4s ease;
}
/* prevent pointer events so that parent element register clicks */
.ttec-social-share i.fa {
  pointer-events:none;
}
.ttec-social-share-facebook {
  background: #3b5998;
}
.ttec-social-share-facebook:hover {
  background: #283b66;
}
.ttec-social-share-twitter {
  background: #1da1f2;
}
.ttec-social-share-twitter:hover {
  background: #177fbf;
}
.ttec-social-share-linkedin {
  background: #0e76a8;
}
.ttec-social-share-linkedin:hover {
  background: #095375;
}
.ttec-social-share-email {
  background: #2a3a42;
}
.ttec-social-share-email:hover {
  background: #0a0d0f;
}
.ttec-social-share-print {
  background: #444444;
}
.ttec-social-share-print:hover {
  background: #121212;
}
/* end custom share buttons */
.subscribe-box-container {
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
  z-index: 5;
  border-top: 0px solid #c2c2c2;
  border-bottom: 0px solid #c2c2c2;
  max-height: 220px;
}

/* xlg specific styles */
@media (min-width: 1440px) {
.subscribe-box-container {
  max-width: 1280px;
  margin: 0 auto;
  position: relative;
  z-index: 5;
  border-top: 0px solid #c2c2c2;
  border-bottom: 0px solid #c2c2c2;
}
}

/* xxlg specific styles */
@media (min-width: 1700px) {
.subscribe-box-container {
  max-width: 1340px;
  margin: 0 auto;
  position: relative;
  z-index: 5;
  border-top: 0px solid #c2c2c2;
  border-bottom: 0px solid #c2c2c2;
}
}

.subscribe-box {
  color: white;
  padding: 10px 5px 0px 5px;
  line-height: 24px;
  text-align: center;
}

@media (min-width: 50em) {
  .subscribe-box {
    padding: 10px 10px 0 10px;
  }
}
.lt-ie9 .subscribe-box {
  padding: 10px 10px 0 10px;
  margin-right: 10px;
}
.subscribe-box p {
  padding: 0;
  margin: 0;
  display: block;
  font-size: 14px;
}
@media (min-width: 37.5em) {
  .subscribe-box p {
    display: inline-block;
  }
}
.lt-ie9 .subscribe-box p {
  display: inline-block;
}
.subscribe-box .cta {
  display: block;
  margin-top: 10px;
}
@media (min-width: 50em) {
  .subscribe-box .cta {
    display: inline-block;
    margin-top: 0px;
  }
}
.lt-ie9 .subscribe-box .cta {
  display: inline-block;
  margin-top: 0px;
}
.subscribe-box .btn {
  padding: 0.5em 1em;
  font-weight: 500;
  border-radius: 5px;
  text-transform: uppercase;
  font-size: 12px;
  cursor: pointer;
}
.subscribe-box .btn-white:hover {
  color: #6bbee3;
}

#subscribe-box-container iframe {
  width:100%;
  margin-top:10px;
  margin-bottom:0;
  overflow: hidden !important;
  height: 80px;
  min-height: auto;
}

.subscribe-content iframe{ height:220px; }
@media (min-width:500){.subscribe-content iframe{height:300px !important;}}
@media (min-width:600){.subscribe-content iframe{height:280px !important;}}
@media (min-width:768){.subscribe-content iframe{height:240px !important;}}
@media (min-width:992){.subscribe-content iframe{height:230px !important;}}

.lt-ie9 #subscribe-box-container iframe {
  height: 400px;
}

#eu-cookie-compliance {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 12px;
  padding: 6px 10px;
  text-align: center;
  background-color: #fff;
  /* Defualt state - js will show if needed */
  display: none;
  position: relative;
  z-index: 10;
  min-height: 56px;
}

#eu-cookie-compliance.sticky {
  position: fixed;
  width: 100%;
}

@media (min-width: 50em) {
  #eu-cookie-compliance {
    text-align: center;
    min-height: 0;
  }
}
.lt-ie9 #eu-cookie-compliance {
  text-align: center;
  min-height: 0;
}
#eu-cookie-compliance .cookie-container {
  margin: 0;
  padding: 0 50px 0 0;
}
@media (min-width: 37.5em) {
  #eu-cookie-compliance .cookie-container {
    max-width: 1200px;
    margin: 5px auto 0;
  }
}
.lt-ie9 #eu-cookie-compliance .cookie-container {
  max-width: 1200px;
  margin: 5px auto 0;
}
#eu-cookie-compliance p {
  display: inline-block;
  margin: 0 0 4px 0;
  padding: 0 0 0 0;
}
#eu-cookie-compliance a {
  display: inline-block;
  margin: 0 0 0 12px;
}
#eu-cookie-compliance .close-cookie-container {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 30px;
  position: absolute;
  top: 5px;
  right: 5px;
  cursor: pointer;
}
@media (min-width: 50em) {
  #eu-cookie-compliance .close-cookie-container {
    font-size: 24px;
    display: inline-block;
    margin: 0 0 0 30px;
    line-height: 10px;
    position: absolute;
    top: 12px;
    right: 6px;
  }
}
.lt-ie9 #eu-cookie-compliance .close-cookie-container {
  font-size: 24px;
  display: inline-block;
  margin: 0 0 0 30px;
  line-height: 10px;
  position: absolute;
  top: 12px;
  right: 6px;
}
#dynamic-link-contain {
  text-align: center;
  background-color: #e3e3e3;
  padding: 5px;
  position: relative;
  z-index: 2;
}
@media (min-width: 50em) {
  #dynamic-link-contain {
    text-align: right;
  }
}
.lt-ie9 #dynamic-link-contain {
  text-align: right;
}
#dynamic-link-contain #dynamic-link-inner {
  max-width: 1200px;
  margin: 0 auto;
  color: #33557c;
  font-size: 12px;
  text-align: center;
}
#dynamic-link-contain #dynamic-link-inner.inside-home {
  max-width: 1200px;
}
#dynamic-link-contain #dynamic-link-inner p {
  display: inline-block;
  padding: 5px 0;
  margin: 0;
  color: #666;
}
#dynamic-link-contain #dynamic-link-inner a {
  display: inline-block;
  padding-left: 1em;
}
#ticker-fix {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 35px;
  background-color: #e3e3e3;
  width: 210px;
  z-index: 0;
}

body.toolbar-drawer #ticker-fix {
  *top: 65px;
}

/*------------------------------------*\
    $TEMPLATES
\*------------------------------------*/
/*------------------------------------*\
    $four-col-general
\*------------------------------------*/

.general .four-col-section {
  max-width: 1200px;
}
@media (min-width: 50em) {
  .general .four-col-section {
    margin-top: 60px;
  }
}
.lt-ie9 .general .four-col-section {
  margin-top: 60px;
}
.general .sales-office-contain {
  margin: 0px 20px 20px 0px;
}
.general .sales-office-contain:last-child {
  margin-right: 0px;
}
.general .sales-office-contain h3 {
  font-family: "Guardian Sans Web", sans-serif;
  font-size: 26px;
  font-weight: 300;
  margin: 26px 0 8px;
}
.general .sales-office-contain .office-location {
  font-weight: bold;
}
.general .sales-office-contain p {
  color: #202020;
  font-size: 14px;
}

.main.CSJ {
  /* SECTIONS */
  /* GENERAL PURPOSE CSJ */
}
.main.CSJ .content.content-page {
  padding-top: 0;
  margin: 0 auto;
  display: table;
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
  max-width: 100%;
}
.main.CSJ .center-col {
  padding: 0 36px;
}
@media (min-width: 37.5em) {
  .main.CSJ .center-col {
    padding-right: 30px;
    padding-left: 0px;
    vertical-align: top;
    display: table-cell;
  }
}
.lt-ie9 .main.CSJ .center-col {
  padding-right: 30px;
  padding-left: 0px;
  vertical-align: top;
  display: table-cell;
}
.main.CSJ .center-col a {
  color: #007eae;
}
.main.CSJ .center-col a:hover {
  color: #6bbee3;
}
.main.CSJ .center-col a:hover h4 {
  color: #6bbee3;
}
.main.CSJ .content-wrapper {
  max-width: 100%;
  margin: 0px auto;
}
.main.CSJ .breadcrumb-container .breadcrumb {
  padding-left: 0;
}
.main.CSJ #csj-sidebar {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  position: relative;
  z-index: 10;
  padding: 0 36px;
  margin: 0;
}
@media (min-width: 37.5em) {
  .main.CSJ #csj-sidebar {
    display: table-cell;
    vertical-align: top;
    padding: 0;
    width: 200px;
  }
}
.lt-ie9 .main.CSJ #csj-sidebar {
  display: table-cell;
  vertical-align: top;
  padding: 0;
  width: 200px;
}
.main.CSJ #csj-sidebar p {
  font-size: 14px;
}
.main.CSJ #csj-sidebar .sidebar-connect {
  border-bottom: 1px solid #2e311c;
  padding-bottom: 12px;
  margin-bottom: 65px;
}
.main.CSJ #csj-sidebar .sidebar-connect .connect-title {
  font-family: "Guardian Sans Web", sans-serif;
  font-size: 20px;
  font-weight: normal;
  margin-bottom: 6px;
}
.main.CSJ #csj-sidebar .sidebar-connect a {
  font-size: 12px;
  display: block;
  line-height: 25px;
  background-repeat: no-repeat;
  padding-left: 24px;
  background-position: 0 5px;
  margin-bottom: 2px;
}

.main.CSJ #csj-sidebar .newsletter-contain {
  display: none;
  border-bottom: 1px solid #a7a7a7;
  margin-bottom: 40px;
  padding-bottom: 15px;
}
@media (min-width: 37.5em) {
  .main.CSJ #csj-sidebar .newsletter-contain {
    display: block;
  }
}
.lt-ie9 .main.CSJ #csj-sidebar .newsletter-contain {
  display: block;
}
.main.CSJ #csj-sidebar .connect-title,
.main.CSJ #csj-sidebar .topics-title,
.main.CSJ #csj-sidebar .tout-title,
.main.CSJ #csj-sidebar .newsletter-title {
  font-family: "Guardian Sans Web", sans-serif;
  font-size: 20px;
  font-weight: normal;
  margin-bottom: 6px;
}
.main.CSJ section {
  padding: 48px 0 0;
  background-color: #fff;
}
@media (min-width: 37.5em) {
  .main.CSJ section {
    border-top: 0;
    border-bottom: 0;
    padding: 28px 20px 0px 20px;
  }
  .main.CSJ section.subscribe-header-content {
    background-color: transparent;
  }
  .main.CSJ section.subscribe-header-content, .main.CSJ section.csj-header-img {
    border-left: none;
    border-right: none;
  }
  .main.CSJ section .item {
    padding-top: 60px;
  }
  .main.CSJ section .item:first-of-type {
    padding-top: 0;
  }
}
.lt-ie9 .main.CSJ section {
  border-top: 0;
  border-bottom: 0;
  padding: 48px 20px 0px 20px;
}
.lt-ie9 .main.CSJ section.subscribe-header-content {
  background-color: transparent;
}
.lt-ie9 .main.CSJ section.subscribe-header-content, .lt-ie9 .main.CSJ section.csj-header-img {
  border-left: none;
  border-right: none;
}
.lt-ie9 .main.CSJ section .item {
  padding-top: 60px;
}
.lt-ie9 .main.CSJ section .item:first-of-type {
  padding-top: 0;
}
.main.CSJ section.csj-landing {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  border-collapse: collapse;
    box-sizing: border-box;
    display: table;
    margin: 0 auto;
    max-width: 100%;
    padding: 0 0px;
    table-layout: fixed;
    width: 100%;
}
.main.CSJ .subscribe-header-content {
  height: 36px;
  padding: 0;
}
.main.CSJ .csj-header-img {
  padding: 0;
  border: none;
}
.main.CSJ .csj-header-text {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 0;
}
@media (min-width: 37.5em) {
  .main.CSJ .csj-header-text {
    display: block;
  }
}
.lt-ie9 .main.CSJ .csj-header-text {
  display: table;
}
.main.CSJ .csj-header-text .csj-cover-img {
  vertical-align: middle;
  box-shadow: 2px 4px 5px 0px #dcdcdc;
  margin: 0 auto 30px;
  display: block;
}
.main.CSJ .csj-header-text .section-title {
  margin: 0px 0 10px;
  text-align: center;
}
@media (min-width: 37.5em) {
  .main.CSJ .csj-header-text .section-title {
    font-family: "Guardian Sans Web", sans-serif;
    font-size: 32px;
    font-weight: 600;
    vertical-align: middle;
    width: 100%;
    padding-left: 15px;
    text-align: left;
  }
}
.lt-ie9 .main.CSJ .csj-header-text .section-title {
  display: table-cell;
  vertical-align: middle;
  width: 80%;
  padding-left: 35px;
  text-align: left;
}
.main.CSJ .csj-header-text p {
  margin: 0 0 0px 0;
  font-size: 16px;
}
.main.CSJ .article-preface {
  padding: 0;
  margin: 0;
}
.main.CSJ .article-preface .heading-container {
  border-bottom: 1px solid gray;
  margin-right: 20px;
}
.main.CSJ .article-preface .heading-container .section-title {
  background-color: #202020;
  color: #fff;
  margin: 0;
  padding: 10px 70px 5px 20px;
  display: inline-block;
  font-size: 20px;
}
.main.CSJ .csj-in-this-issue {
  margin-bottom: 50px;
}
.main.CSJ .csj-in-this-issue .section {
  border-bottom: 1px solid gray;
  padding-bottom: 40px;
  margin-bottom: 40px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.main.CSJ .csj-in-this-issue .item {
  overflow: hidden;
}
.main.CSJ .csj-in-this-issue .col-2 {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media (min-width: 37.5em) {
  .main.CSJ .csj-in-this-issue .col-2 {
    padding-bottom: 30px;
  }
}
.lt-ie9 .main.CSJ .csj-in-this-issue .col-2 {
  padding-bottom: 30px;
}
.main.CSJ .csj-in-this-issue .col-2:nth-of-type(2) {
  padding-top: 30px;
}
.main.CSJ .csj-in-this-issue .col-2:last-child {
  padding-bottom: 0px;
}
.main.CSJ .csj-in-this-issue .col-2 .col-item {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  float: left;
  padding-top: 0px;
}
.main.CSJ .csj-in-this-issue .col-2 .col-item:first-child {
  padding-bottom: 30px;
}
@media (min-width: 37.5em) {
  .main.CSJ .csj-in-this-issue .col-2 .col-item {
    width: 50%;
    padding-bottom: 0px;
  }
  .main.CSJ .csj-in-this-issue .col-2 .col-item:first-child {
    padding-right: 10px;
  }
  .main.CSJ .csj-in-this-issue .col-2 .col-item:last-child {
    padding-left: 10px;
  }
}
.lt-ie9 .main.CSJ .csj-in-this-issue .col-2 .col-item {
  width: 50%;
  padding-bottom: 0px;
}
.lt-ie9 .main.CSJ .csj-in-this-issue .col-2 .col-item:first-child {
  padding-right: 10px;
}
.lt-ie9 .main.CSJ .csj-in-this-issue .col-2 .col-item:last-child {
  padding-left: 10px;
}
.main.CSJ .csj-in-this-issue .col-2 .article-title {
  font-size: 18px;
  margin-top: 0px;
}
.main.CSJ .csj-in-this-issue .col-one-third-img .col-item {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: none;
  width: auto;
  padding-right: 0;
}
@media (min-width: 37.5em) {
  .main.CSJ .csj-in-this-issue .col-one-third-img .col-item {
    float: left;
    width: 63%;
    padding-right: 20px;
  }
}
.lt-ie9 .main.CSJ .csj-in-this-issue .col-one-third-img .col-item {
  float: left;
  width: 63%;
  padding-right: 20px;
}
.main.CSJ .csj-in-this-issue .col-one-third-img .col-item.one-third-img {
  width: auto;
  margin: 0;
  text-align: center;
}
@media (min-width: 37.5em) {
  .main.CSJ .csj-in-this-issue .col-one-third-img .col-item.one-third-img {
    width: 30%;
  }
}
.lt-ie9 .main.CSJ .csj-in-this-issue .col-one-third-img .col-item.one-third-img {
  width: 30%;
}
.main.CSJ .csj-in-this-issue .col-one-third-img .section-title {
  font-size: 26px;
}
.main.CSJ .csj-in-this-issue .col-one-third-img .article-title {
  font-size: 18px;
}
.main.CSJ .csj-in-this-issue .section-title {
  font-size: 26px;
  margin-bottom: 10px;
}
.main.CSJ .csj-in-this-issue .article-title {
  color: #007eae;
  font-weight: normal;
  font-size: 30px;
  margin: 10px 0 0 0;
}
.main.CSJ .csj-in-this-issue p {
  margin: 10px 0 0 0;
    font-size:1.70em;
  letter-spacing:0.032em;
  font-family: 'Guardian Sans Web', Arial, sans-serif; font-weight:300;
  line-height: 1.4em;
  text-align: left;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-bottom: .6em;
}
.main.CSJ .csj-in-this-issue .article-link {
  margin: 0 0 0 0;
  display: inline-block;
      font-size:1.70em;
  letter-spacing:0.032em;
  font-family: 'Guardian Sans Web', Arial, sans-serif; font-weight:300;
  line-height: 1.4em;
}
.main.CSJ .section-title {
  font-family: "Guardian Sans Web-Thin", sans-serif;
  font-weight: 200;
  font-size: 40px;
  margin: 0px;
}

.csj-archive .content.content-page,
.csj-article .content.content-page {
  position: relative;
}
.csj-archive section,
.csj-article section {
  max-width: 1200px;
  margin: 0;
  padding: 0px 0px 0 0px;
  position: relative;
}

/* xlg specific styles */
@media (min-width: 1440px) {
.csj-archive section,
.csj-article section {
  max-width: 1280px;
  margin: 0;
  padding: 0px 0px 0 0px;
  position: relative;
}
}

/* xxlg specific styles */
@media (min-width: 1700px) {
.csj-archive section,
.csj-article section {
  max-width: 1340px;
  margin: 0;
  padding: 0px 0px 0 0px;
  position: relative;
}
}


@media (min-width: 37.5em) {
  .csj-archive section,
  .csj-article section {
    padding: 0px;
  }
}
.lt-ie9 .csj-archive section, .lt-ie9
.csj-article section {
  padding: 0px;
}
.csj-archive .col-1 .col-item.hasText,
.csj-article .col-1 .col-item.hasText {
  padding-left: 0;
}
.csj-archive .col-1 .col-item-lg,
.csj-article .col-1 .col-item-lg {
  padding-left: 0;
  width: 100%;
}
.csj-archive .center-col,
.csj-article .center-col {
  display: block;
  padding: 0 0 0 0;
  vertical-align: top;
}
@media (min-width: 37.5em) {
  .csj-archive .center-col,
  .csj-article .center-col {
    display: table-cell;
    padding-right: 30px !important;
    padding-left: 0px;
  }
}
.lt-ie9 .csj-archive .center-col, .lt-ie9
.csj-article .center-col {
  display: table-cell;
  padding-right: 30px;
  padding-left: 0px;
}
.csj-archive .background-image-container,
.csj-article .background-image-container {
  width: 779px;
  position: relative;
  margin: 0 auto;
  top: -45px;
}
@media (min-width: 37.5em) {
  .csj-archive .background-image-container,
  .csj-article .background-image-container {
    top: 0px;
  }
}
.lt-ie9 .csj-archive .background-image-container, .lt-ie9
.csj-article .background-image-container {
  top: 0px;
}
.csj-archive .background-image-container .bg-web,
.csj-article .background-image-container .bg-web {
  display: block;
  position: absolute;
  top: 0px;
  left: 72px;
  z-index: 0;
}
.csj-archive .breadcrumb-container,
.csj-article .breadcrumb-container {
  max-width: 1200px;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  margin: 0;
}

/* xlg specific styles */
@media (min-width: 1440px) {
.csj-archive .breadcrumb-container,
.csj-article .breadcrumb-container {
  max-width: 1280px;
}
}

/* xxlg specific styles */
@media (min-width: 1700px) {
.csj-archive .breadcrumb-container,
.csj-article .breadcrumb-container {
  max-width: 1340px;
}
}

.csj-archive #csj-sidebar,
.csj-article #csj-sidebar {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  position: relative;
  z-index: 10;
  padding: 0;
  margin: 0;
}
@media (min-width: 37.5em) {
  .csj-archive #csj-sidebar,
  .csj-article #csj-sidebar {
    display: table-cell;
    vertical-align: top;
    width: 180px;
  }
}
.lt-ie9 .csj-archive #csj-sidebar, .lt-ie9
.csj-article #csj-sidebar {
  display: table-cell;
  vertical-align: top;
  width: 180px;
}
.csj-archive #csj-sidebar p,
.csj-article #csj-sidebar p {
  font-size: 14px;
}
.csj-archive #csj-sidebar .sidebar-connect,
.csj-article #csj-sidebar .sidebar-connect {
  border-bottom: 1px solid #2e311c;
  padding-bottom: 12px;
  margin-bottom: 65px;
}
.csj-archive #csj-sidebar .sidebar-connect .connect-title,
.csj-article #csj-sidebar .sidebar-connect .connect-title {
  font-family: "Guardian Sans Web", sans-serif;
  font-size: 18px;
  font-weight: normal;
  margin-bottom: 6px;
  padding-top: 20px;
}
.csj-archive #csj-sidebar .sidebar-connect a,
.csj-article #csj-sidebar .sidebar-connect a {
  font-size: 12px;
  display: block;
  line-height: 25px;
  background-repeat: no-repeat;
  padding-left: 24px;
  background-position: 0 5px;
  margin-bottom: 2px;
}
.csj-archive #csj-sidebar .sidebar-connect a.sign-up,
.csj-article #csj-sidebar .sidebar-connect a.sign-up {
  background-image: url(../img/icon-pen.png);
}
.csj-archive #csj-sidebar .sidebar-connect a.get-printed,
.csj-article #csj-sidebar .sidebar-connect a.get-printed {
  background-image: url(../img/icon-book.png);
}
.csj-archive #csj-sidebar .sidebar-connect a.go-to-archive,
.csj-article #csj-sidebar .sidebar-connect a.go-to-archive {
  background-image: url(../img/icon-filing-cabinet.png);
}
.csj-archive #csj-sidebar .sidebar-connect a.get-ebook,
.csj-article #csj-sidebar .sidebar-connect a.get-ebook {
  background-image: url(../img/icon-ebook.png);
}
.csj-archive #csj-sidebar .newsletter-contain,
.csj-article #csj-sidebar .newsletter-contain {
  display: none;
  border-bottom: 1px solid #a7a7a7;
  margin-bottom: 40px;
  padding-bottom: 15px;
}
@media (min-width: 37.5em) {
  .csj-archive #csj-sidebar .newsletter-contain,
  .csj-article #csj-sidebar .newsletter-contain {
    display: block;
  }
}
.lt-ie9 .csj-archive #csj-sidebar .newsletter-contain, .lt-ie9
.csj-article #csj-sidebar .newsletter-contain {
  display: block;
}
.csj-archive #csj-sidebar .connect-title,
.csj-archive #csj-sidebar .topics-title,
.csj-archive #csj-sidebar .tout-title,
.csj-archive #csj-sidebar .newsletter-title,
.csj-article #csj-sidebar .connect-title,
.csj-article #csj-sidebar .topics-title,
.csj-article #csj-sidebar .tout-title,
.csj-article #csj-sidebar .newsletter-title {
  font-family: "Guardian Sans Web", sans-serif;
  font-size: 20px;
  font-weight: normal;
  margin-bottom: 6px;
}
.csj-archive .section-csj-archive .breadcrumb-container .breadcrumb,
.csj-article .section-csj-archive .breadcrumb-container .breadcrumb {
  padding-left: 0px;
  max-width: 1200px;
}

/* xlg specific styles */
@media (min-width: 1440px) {
.csj-archive .section-csj-archive .breadcrumb-container .breadcrumb,
.csj-article .section-csj-archive .breadcrumb-container .breadcrumb {
  padding-left: 0px;
  max-width: 1280px;
}
}

/* xxlg specific styles */
@media (min-width: 1700px) {
.csj-archive .section-csj-archive .breadcrumb-container .breadcrumb,
.csj-article .section-csj-archive .breadcrumb-container .breadcrumb {
  padding-left: 0px;
  max-width: 1340px;
}
}

.csj-archive .section-csj-archive,
.csj-archive .section-csj-article,
.csj-article .section-csj-archive,
.csj-article .section-csj-article {
  display: table;
  table-layout: fixed;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 0px 0 30px 0;
  margin: 0 auto;
  max-width: 100%;
}

.csj-archive .section-csj-archive .section-title,
.csj-archive .section-csj-article .section-title,
.csj-article .section-csj-archive .section-title,
.csj-article .section-csj-article .section-title {
  margin: 20px 0px 30px;
}

.csj-article .section-csj-article a {
  color: #ff530d;
}
.csj-article .section-csj-article a:hover {
  color: #3a89b5;
}

.csj-archive .csj-archive-wrapper,
.csj-article .csj-archive-wrapper {
  background-color: #fff;
  border-top: 0px solid transparent;
  padding: 20px 0 0;
}
.csj-archive .csj-archive-wrapper .archive-title,
.csj-article .csj-archive-wrapper .archive-title {
  line-height: 58px;
  letter-spacing: 0.25px;
  position: relative;
  margin: 0 0 18px;
  padding: 0 0 10px;
  font-size: 67px;
}
@media (min-width: 37.5em) {
  .csj-archive .csj-archive-wrapper .archive-title,
  .csj-article .csj-archive-wrapper .archive-title {
    line-height: 67px;
  }
}
.lt-ie9 .csj-archive .csj-archive-wrapper .archive-title, .lt-ie9
.csj-article .csj-archive-wrapper .archive-title {
  line-height: 67px;
}
.csj-archive .csj-archive-wrapper .archive-title .alt-color,
.csj-article .csj-archive-wrapper .archive-title .alt-color {
  color: #007eae;
  position: relative;
}
.csj-archive .csj-archive-wrapper .archive-title .alt-color .sub-text,
.csj-article .csj-archive-wrapper .archive-title .alt-color .sub-text {
  height: 20px;
  position: absolute;
  top: 47px;
  left: 0px;
  font-size: 20px;
  color: #202020;
  font-weight: 300;
  line-height: 60px;
}
.csj-archive .archive-label,
.csj-article .archive-label {
  border-bottom: 1px solid gray;
  margin: 0 0 40px;
}
.csj-archive .archive-label .article-label-text,
.csj-article .archive-label .article-label-text {
  color: #fff;
  background-color: gray;
  display: inline-block;
  margin: 0px;
  padding: 10px 18px 5px;
  font-size: 20px;
  font-weight: 300;
  line-height: 30px;
}
.csj-archive .csj-archive-results .col-3,
.csj-article .csj-archive-results .col-3 {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px solid gray;
  margin-top: 40px;
}
.csj-archive .csj-archive-results .col-3:last-child,
.csj-article .csj-archive-results .col-3:last-child {
  border-bottom: 0px solid transparent;
}
.csj-archive .csj-archive-results .col-item,
.csj-article .csj-archive-results .col-item {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto;
  text-align: center;
  padding: 0 5px;
}
.csj-archive .csj-archive-results .col-item:first-child,
.csj-article .csj-archive-results .col-item:first-child {
  padding-left: 0px;
  padding-right: 10px;
}
.csj-archive .csj-archive-results .col-item:last-child,
.csj-article .csj-archive-results .col-item:last-child {
  padding-left: 10px;
  padding-right: 0px;
}
.csj-archive .csj-archive-results .col-item .archive-item-img,
.csj-article .csj-archive-results .col-item .archive-item-img {
  box-shadow: 2px 2px 4px gray;
}
.csj-archive .csj-archive-results .col-item .volume-info,
.csj-article .csj-archive-results .col-item .volume-info {
  display: block;
  margin: 8px 0;
  font-style: italic;
  font-weight: 300;
  font-size: 13px;
}
.csj-archive .csj-archive-results .col-item .csj-article-title,
.csj-article .csj-archive-results .col-item .csj-article-title {
  color: #007eae;
  margin: 8px 0;
  display: block;
  font-size: 18px;
  font-weight: 600;
}
.csj-archive .csj-archive-results .col-item .view-html,
.csj-article .csj-archive-results .col-item .view-html {
  margin: 24px 0 6px 0;
  white-space: nowrap;
}
.csj-archive .csj-archive-results .col-item .view-ebook,
.csj-article .csj-archive-results .col-item .view-ebook {
  margin: 5px 0 30px;
}

.csj-article .article-breadcrumb {
  font-size: 12px;
  font-style: italic;
  color: #a7a7a7;
  margin: 28px 0 6px;
}
.csj-article .article-breadcrumb .seperator {
  margin: 0 2px;
  font-style: normal;
}
.csj-article .center-col {
  padding: 0;
}
@media (min-width: 37.5em) {
  .csj-article .center-col {
    padding: 0 45px 0 0px;
  }
}
.lt-ie9 .csj-article .center-col {
  padding: 0 0 0 0;
}
.csj-article .center-col .csj-article-padding-wrap {
  padding: 0;
}
.csj-article .section-title.article-title {
  font-family: "Guardian Sans Web-bold", sans-serif !important;
  margin: 0 0 0 0;
  position: relative;
  z-index: 2;
  color: #3F5665;
  font-size: 42px;
  line-height: 46px;
  letter-spacing: .033em;
  padding-bottom: .1em !important;
}
.csj-article .article-tagline {
  border-left: 3px solid #F15523;
  color:#3F5665;
  font-family: "Guardian Sans Web-bold", sans-serif;
  font-size: 20px;
  font-weight: 200;
  line-height: 26px;
  margin: 2px 0 2px 0;
  margin-bottom: 20px !important;
  padding-bottom: 0 !important;
  padding-left: 10px;
  position: relative;
  z-index: 2;
}

.csj-article .post-meta {
    font: "Guardian Sans Web-Thin", sans-serif;
font-weight: 300;
letter-spacing: 0.032em;
  font-size: 14px;
  color: #202020;
  position: relative;
  z-index: 2;
  margin: 0 0 8px 0;
}
.csj-article .article-main-img {
  position: relative;
  z-index: 2;
  padding-bottom: 13px;
}
.csj-article p {
  position: relative;
  z-index: 2;
   font-size:1.8em;
  letter-spacing:0.032em;
  font-family: 'Guardian Sans Web', Arial, sans-serif;
  font-weight:300;
  line-height: 1.46em;
  text-align: left;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-bottom: 1.2em;
}
.csj-article b { 
  color: #2A3A42; 
}
.csj-article strong { 
  color: #2A3A42;
}
.csj-article ul,
.csj-article ol {
  font-size: 1.73em;
  font-weight: 300;
  letter-spacing: .032em;
  line-height: 1.53em;
  margin-bottom: 1.5em;
  padding-top: .3em;
}
.csj-article ul li,
.csj-article ol li {
    margin: 0 0 1em 0;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .csj-article ul,
  .csj-article ol {
    font-size: 1.8em !important;
    line-height: 1.56em !important;
  }
}

.csj-article .inline-box {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  z-index: 3;
  width: 100%;
  float: none;
  background-color: #e2e5e5;
  margin: 0 20px 0px 0;
  padding: 10px;
}
@media (min-width: 37.5em) {
  .csj-article .inline-box {
    width: 25%;
    float: left;
    max-width: 175px;
  }
}
.lt-ie9 .csj-article .inline-box {
  width: 25%;
  float: left;
  max-width: 175px;
}
.csj-article .inline-box .inline-title {
  font-family: "Guardian Sans Web", sans-serif;
  font-size: 16px;
  color: #a7a7a7;
  font-weight: normal;
  margin: 2px 0 14px 0;
  padding-bottom: 1px;
  border-bottom: 1px solid gray;
}
.csj-article .inline-box a {
  display: block;
  font-size: 14px;
  margin: 0 0 15px 0;
}
.csj-article .inline-box + p {
  float: right;
}
.csj-article .text-body-headline {
  font-family: sans-serif;
  font-size: 16px;
  font-weight: bold;
  margin: 18px 0;
}
.csj-article .share-bottom {
  border-top: 1px solid gray;
  padding: 10px 0 0 0;
}
.csj-article .article-comments {
  margin: 0 0 20px 0;
  padding: 0;
  *background-color: #dfdfdf;
}
.csj-article .article-comments h2 {
  text-align: center;
  font-weight: normal;
}
.csj-article .detail-connect {
  margin: 20px auto 0;
}
.csj-article .detail-connect #tweet-cycle {
  margin-bottom: 30px;
}
.csj-article .detail-connect .social-media-hub-btn {
  visibility: hidden;
}

.blog-homepage,
.blog-topic,
.blog-article {
  /* SIDEBAR*/
}
.blog-homepage .content.content-page,
.blog-topic .content.content-page,
.blog-article .content.content-page {
  position: relative;
}
.blog-homepage section,
.blog-topic section,
.blog-article section {
  max-width: 900px;
  margin: 0;
  padding: 0px 0px 0 0px;
  position: relative;
}
.blog-homepage .col-1 .col-item.hasText,
.blog-topic .col-1 .col-item.hasText,
.blog-article .col-1 .col-item.hasText {
  padding-left: 0;
}
.blog-homepage .col-1 .col-item-lg,
.blog-topic .col-1 .col-item-lg,
.blog-article .col-1 .col-item-lg {
  padding-left: 0;
  width: 100%;
}
.blog-homepage .center-col,
.blog-topic .center-col,
.blog-article .center-col {
  padding: 0;
}
@media (min-width: 37.5em) {
  .blog-homepage .center-col,
  .blog-topic .center-col,
  .blog-article .center-col {
    padding-right: 30px;
    padding-left: 0px;
  }
}
.lt-ie9 .blog-homepage .center-col, .lt-ie9
.blog-topic .center-col, .lt-ie9
.blog-article .center-col {
  padding-right: 30px;
  padding-left: 0px;
}
.blog-homepage .background-image-container,
.blog-topic .background-image-container,
.blog-article .background-image-container {
  width: 779px;
  position: relative;
  margin: 0 auto;
  top: -45px;
}
@media (min-width: 37.5em) {
  .blog-homepage .background-image-container,
  .blog-topic .background-image-container,
  .blog-article .background-image-container {
    top: 0px;
  }
}
.lt-ie9 .blog-homepage .background-image-container, .lt-ie9
.blog-topic .background-image-container, .lt-ie9
.blog-article .background-image-container {
  top: 0px;
}
.blog-homepage .background-image-container .bg-web,
.blog-topic .background-image-container .bg-web,
.blog-article .background-image-container .bg-web {
  display: block;
  position: absolute;
  top: 0px;
  left: 72px;
  z-index: 0;
}
.blog-homepage .breadcrumb-container,
.blog-topic .breadcrumb-container,
.blog-article .breadcrumb-container {
  max-width: 1200px;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  margin: 0;
}

a.breadcrumb-link {
  border-left: 2px solid #F15523;
  padding-left: 5px;
  transition: 0.3s all ease;
}

a.breadcrumb-link:hover {
  color: #F15523;
}

a.breadcrumb-link:focus {
  background: #efefef;
}

/* xlg specific styles */
@media (min-width: 1440px) {
.blog-homepage .breadcrumb-container,
.blog-topic .breadcrumb-container,
.blog-article .breadcrumb-container {
  max-width: 1280px;
}
}

/* xxlg specific styles */
@media (min-width: 1700px) {
.blog-homepage .breadcrumb-container,
.blog-topic .breadcrumb-container,
.blog-article .breadcrumb-container {
  max-width: 1340px;
}
}


@media (min-width: 37.5em) {
  .blog-homepage .breadcrumb-container .breadcrumb,
  .blog-topic .breadcrumb-container .breadcrumb,
  .blog-article .breadcrumb-container .breadcrumb {
    padding-left: 0;
  }
}
.lt-ie9 .blog-homepage .breadcrumb-container .breadcrumb, .lt-ie9
.blog-topic .breadcrumb-container .breadcrumb, .lt-ie9
.blog-article .breadcrumb-container .breadcrumb {
  padding-left: 0;
}
.blog-homepage .section-blog-homepage,
.blog-homepage .section-blog-topic,
.blog-homepage .section-blog-article,
.blog-topic .section-blog-homepage,
.blog-topic .section-blog-topic,
.blog-topic .section-blog-article,
.blog-article .section-blog-homepage,
.blog-article .section-blog-topic,
.blog-article .section-blog-article {
  padding-top: 0px;
  margin: 0 auto;
}
@media (min-width: 37.5em) {
  .blog-homepage .section-blog-homepage,
  .blog-homepage .section-blog-topic,
  .blog-homepage .section-blog-article,
  .blog-topic .section-blog-homepage,
  .blog-topic .section-blog-topic,
  .blog-topic .section-blog-article,
  .blog-article .section-blog-homepage,
  .blog-article .section-blog-topic,
  .blog-article .section-blog-article {
    display: table;
    table-layout: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
  }
}
.lt-ie9 .blog-homepage .section-blog-homepage, .lt-ie9
.blog-homepage .section-blog-topic, .lt-ie9
.blog-homepage .section-blog-article, .lt-ie9
.blog-topic .section-blog-homepage, .lt-ie9
.blog-topic .section-blog-topic, .lt-ie9
.blog-topic .section-blog-article, .lt-ie9
.blog-article .section-blog-homepage, .lt-ie9
.blog-article .section-blog-topic, .lt-ie9
.blog-article .section-blog-article {
  display: table;
  table-layout: fixed;
  box-sizing: border-box;
  width: 100%;
}
.blog-homepage .section-blog-homepage .section-title,
.blog-homepage .section-blog-topic .section-title,
.blog-homepage .section-blog-article .section-title,
.blog-topic .section-blog-homepage .section-title,
.blog-topic .section-blog-topic .section-title,
.blog-topic .section-blog-article .section-title,
.blog-article .section-blog-homepage .section-title,
.blog-article .section-blog-topic .section-title,
.blog-article .section-blog-article .section-title {
  margin: 20px 0px 30px;
}
.blog-homepage .section-blog-homepage .section-results-pagination,
.blog-homepage .section-blog-topic .section-results-pagination,
.blog-homepage .section-blog-article .section-results-pagination,
.blog-topic .section-blog-homepage .section-results-pagination,
.blog-topic .section-blog-topic .section-results-pagination,
.blog-topic .section-blog-article .section-results-pagination,
.blog-article .section-blog-homepage .section-results-pagination,
.blog-article .section-blog-topic .section-results-pagination,
.blog-article .section-blog-article .section-results-pagination {
  padding: 25px 0 20px 0;
  *float: right;
}
.blog-homepage .featured-blog-item,
.blog-topic .featured-blog-item,
.blog-article .featured-blog-item {
  border-bottom: 1px solid #a7a7a7;
  padding-bottom: 20px;
}
.blog-homepage .featured-blog-item .featured-blog-title,
.blog-topic .featured-blog-item .featured-blog-title,
.blog-article .featured-blog-item .featured-blog-title {
  color: #33557c;
  font-size: 26px;
  font-weight: normal;
  margin: 20px 0px 10px;
}
.blog-homepage .recent-posts .recent-posts-title,
.blog-topic .recent-posts .recent-posts-title,
.blog-article .recent-posts .recent-posts-title {
  font-family: "Guardian Sans Web", sans-serif;
  font-weight: 300;
  font-size: 20px;
  margin: 20px 0px 12px;
}
.blog-homepage .recent-posts .post-item,
.blog-topic .recent-posts .post-item,
.blog-article .recent-posts .post-item {
  border-bottom: 1px solid #a7a7a7;
  padding-bottom: 25px;
  margin-bottom: 30px;
}
.blog-homepage .recent-posts .post-item:last-child,
.blog-topic .recent-posts .post-item:last-child,
.blog-article .recent-posts .post-item:last-child {
  margin-bottom: 0;
}

.blog-homepage .recent-posts .post-item .post-title,
.blog-topic .recent-posts .post-item .post-title,
.blog-article .recent-posts .post-item .post-title {
  font-family: "Guardian Sans Web", sans-serif;
  font-size: 20px;
  margin-bottom: 8px;
  display: block;
}

.blog-homepage .recent-posts .post-item .post-title {
  display: block;
}

.post-snippet-body {
  font-size:1.6em;
  letter-spacing:0.032em;
  font-family: 'Guardian Sans Web', Arial, sans-serif;
  font-weight:300;
  line-height: 1.4em;
  text-align: left;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-bottom: 1em;
  padding-top: .3em;
}


.blog-homepage .recent-posts .post-item .post-meta,
.blog-topic .recent-posts .post-item .post-meta,
.blog-article .recent-posts .post-item .post-meta {
    font-size: 13px;
    display: inline-block;
    line-height: 17px;
    color: #444;
}


.blog-homepage .recent-posts .post-item .post-meta .post-date,
.blog-topic .recent-posts .post-item .post-meta .post-date,
.blog-article .recent-posts .post-item .post-meta .post-date {
  display: inline-block;
  width: 100%;
}

.blog-homepage .recent-posts .post-item .post-meta .post-tags,
.blog-homepage .recent-posts .post-item .post-meta .post-author,
.blog-homepage .recent-posts .post-item .post-meta .post-date {
  width: auto !important;
}

@media (min-width: 37.5em) {
  .blog-homepage .recent-posts .post-item .post-meta .post-date,
  .blog-topic .recent-posts .post-item .post-meta .post-date,
  .blog-article .recent-posts .post-item .post-meta .post-date {
    display: inline;
    width: auto;
  }
}
.lt-ie9 .blog-homepage .recent-posts .post-item .post-meta .post-date, .lt-ie9
.blog-topic .recent-posts .post-item .post-meta .post-date, .lt-ie9
.blog-article .recent-posts .post-item .post-meta .post-date {
  display: inline;
  width: auto;
}
.blog-homepage .recent-posts .post-item .post-meta .post-author,
.blog-topic .recent-posts .post-item .post-meta .post-author,
.blog-article .recent-posts .post-item .post-meta .post-author {
  display: inline-block;
}
.blog-homepage .recent-posts .post-item .post-meta .post-author:after,
.blog-topic .recent-posts .post-item .post-meta .post-author:after,
.blog-article .recent-posts .post-item .post-meta .post-author:after {
  content: "\000A";
  white-space: pre;
}
@media (min-width: 37.5em) {
  .blog-homepage .recent-posts .post-item .post-meta .post-author:after,
  .blog-topic .recent-posts .post-item .post-meta .post-author:after,
  .blog-article .recent-posts .post-item .post-meta .post-author:after {
    content: none;
    white-space: normal;
  }
}
.lt-ie9 .blog-homepage .recent-posts .post-item .post-meta .post-author:after, .lt-ie9
.blog-topic .recent-posts .post-item .post-meta .post-author:after, .lt-ie9
.blog-article .recent-posts .post-item .post-meta .post-author:after {
  content: none;
  white-space: normal;
}
.blog-homepage .recent-posts .post-item .post-meta .meta-separator,
.blog-topic .recent-posts .post-item .post-meta .meta-separator,
.blog-article .recent-posts .post-item .post-meta .meta-separator {
  display: none;
}
@media (min-width: 37.5em) {
  .blog-homepage .recent-posts .post-item .post-meta .meta-separator,
  .blog-topic .recent-posts .post-item .post-meta .meta-separator,
  .blog-article .recent-posts .post-item .post-meta .meta-separator {
    display: inline;
    margin: 0 5px;
  }
}
.lt-ie9 .blog-homepage .recent-posts .post-item .post-meta .meta-separator, .lt-ie9
.blog-topic .recent-posts .post-item .post-meta .meta-separator, .lt-ie9
.blog-article .recent-posts .post-item .post-meta .meta-separator {
  display: inline;
  margin: 0 5px;
}
.blog-homepage .recent-posts .post-item .post-snippet-body,
.blog-topic .recent-posts .post-item .post-snippet-body,
.blog-article .recent-posts .post-item .post-snippet-body {
  font-size:1.50em;
  letter-spacing:0.0225em;
  font-family: 'Guardian Sans Web', arial, sans-serif; font-weight:300;
  line-height: 1.33em;
  text-align: left;
}
@media (min-width: 37.5em) {
  .blog-homepage .recent-posts .post-item .post-snippet-body,
  .blog-topic .recent-posts .post-item .post-snippet-body,
  .blog-article .recent-posts .post-item .post-snippet-body {
    display: block;
  }
}
.lt-ie9 .blog-homepage .recent-posts .post-item .post-snippet-body, .lt-ie9
.blog-topic .recent-posts .post-item .post-snippet-body, .lt-ie9
.blog-article .recent-posts .post-item .post-snippet-body {
  display: block;
}
.blog-homepage .recent-posts .post-item .post-link,
.blog-topic .recent-posts .post-item .post-link,
.blog-article .recent-posts .post-item .post-link {
  font-size: 14px;
  display: none;
}
@media (min-width: 37.5em) {
  .blog-homepage .recent-posts .post-item .post-link,
  .blog-topic .recent-posts .post-item .post-link,
  .blog-article .recent-posts .post-item .post-link {
    display: block;
  }
}
.lt-ie9 .blog-homepage .recent-posts .post-item .post-link, .lt-ie9
.blog-topic .recent-posts .post-item .post-link, .lt-ie9
.blog-article .recent-posts .post-item .post-link {
  display: block;
}
.blog-homepage .recent-posts .post-item .col-item-sm,
.blog-topic .recent-posts .post-item .col-item-sm,
.blog-article .recent-posts .post-item .col-item-sm {
  width: 32%;
  float: left;
  padding-right: 20px;
}
.blog-homepage .recent-posts .post-item .col-item-lg,
.blog-topic .recent-posts .post-item .col-item-lg,
.blog-article .recent-posts .post-item .col-item-lg {
  width: 66%;
  float: left;
}
.blog-homepage .col-item,
.blog-topic .col-item,
.blog-article .col-item {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.blog-homepage .col-item.hasText,
.blog-topic .col-item.hasText,
.blog-article .col-item.hasText {
  padding-top: 10px;
}
@media (min-width: 37.5em) {
  .blog-homepage .col-item.hasText,
  .blog-topic .col-item.hasText,
  .blog-article .col-item.hasText {
    padding-left: 20px;
    padding-top: 0px;
  }
}
.lt-ie9 .blog-homepage .col-item.hasText, .lt-ie9
.blog-topic .col-item.hasText, .lt-ie9
.blog-article .col-item.hasText {
  padding-left: 20px;
  padding-top: 0px;
}
.blog-homepage .col-item.hasText .post-meta,
.blog-topic .col-item.hasText .post-meta,
.blog-article .col-item.hasText .post-meta {
  font-size:1.4em;
  letter-spacing:0.033em;
  font-family: 'Guardian Sans Web', Arial, sans-serif;
  font-weight:300;
  line-height: 1.3em;
  text-align: left;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-bottom: .2em;
}
.blog-homepage #blog-sidebar,
.blog-topic #blog-sidebar,
.blog-article #blog-sidebar {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  clear: both;
  display: block;
  position: relative;
  z-index: 1;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}
.blog-homepage #blog-sidebar,
.blog-article #blog-sidebar {
  margin-bottom: 50px;
}
@media (min-width: 37.5em) {
  .blog-homepage #blog-sidebar,
  .blog-topic #blog-sidebar,
  .blog-article #blog-sidebar {
    display: table-cell;
    width: 180px;
    clear: none;
    padding-top: 25px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .blog-topic #blog-sidebar {
    vertical-align: middle;
  }

.connect-title {
padding-top: 0px;
  }

}
@media (min-width: 1025px) {
  .blog-homepage #blog-sidebar,
  .blog-topic #blog-sidebar,
  .blog-article #blog-sidebar {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.lt-ie9 .blog-homepage #blog-sidebar, .lt-ie9
.blog-topic #blog-sidebar, .lt-ie9
.blog-article #blog-sidebar {
  display: table-cell;
  width: 180px;
  clear: none;
}
.blog-homepage #blog-sidebar p,
.blog-topic #blog-sidebar p,
.blog-article #blog-sidebar p {
  font-size: 14px;
}
.blog-homepage #blog-sidebar .sidebar-connect,
.blog-topic #blog-sidebar .sidebar-connect,
.blog-article #blog-sidebar .sidebar-connect {
  display: block;
  border-bottom: 1px solid #999;
  padding-bottom: 12px;
  margin-bottom: 0;
}
.blog-homepage #blog-sidebar .sidebar-connect,
.blog-article #blog-sidebar .sidebar-connect {
  margin-bottom: 50px;
}
@media (min-width: 37.5em) {
  .blog-homepage #blog-sidebar .sidebar-connect,
  .blog-topic #blog-sidebar .sidebar-connect,
  .blog-article #blog-sidebar .sidebar-connect {
    display: block;
  }
}
.lt-ie9 .blog-homepage #blog-sidebar .sidebar-connect, .lt-ie9
.blog-topic #blog-sidebar .sidebar-connect, .lt-ie9
.blog-article #blog-sidebar .sidebar-connect {
  display: block;
}
.blog-homepage #blog-sidebar .sidebar-connect a,
.blog-topic #blog-sidebar .sidebar-connect a,
.blog-article #blog-sidebar .sidebar-connect a {
  font-size: 12px;
  display: block;
  line-height: 25px;
  background-repeat: no-repeat;
  padding-left: 24px;
  background-position: 0 5px;
  margin-bottom: 2px;
}
.blog-homepage #blog-sidebar .sidebar-connect a.rss-icon,
.blog-topic #blog-sidebar .sidebar-connect a.rss-icon,
.blog-article #blog-sidebar .sidebar-connect a.rss-icon {
  background-image: url(../img/rss-icon-blue.png);
}
.blog-homepage a.mail-icon i,
.blog-topic a.mail-icon i,
.blog-article a.mail-icon i {
  background-image: url(../img/mail-icon-blue.png);
  margin: -2px 4px;
  width: 17px;
  height: 14px;
  display: inline-block;
  background-repeat: no-repeat;
}
.blog-homepage #blog-sidebar .sidebar-topics ul,
.blog-topic #blog-sidebar .sidebar-topics ul,
.blog-article #blog-sidebar .sidebar-topics ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.blog-homepage #blog-sidebar .sidebar-topics ul li,
.blog-topic #blog-sidebar .sidebar-topics ul li,
.blog-article #blog-sidebar .sidebar-topics ul li {
  border-bottom: 1px solid #a7a7a7;
  padding: 9px 0;
  font-size: 14px;
  margin-bottom: 2px;
}
.blog-homepage #blog-sidebar .sidebar-topics ul li:last-child,
.blog-topic #blog-sidebar .sidebar-topics ul li:last-child,
.blog-article #blog-sidebar .sidebar-topics ul li:last-child {
  border-bottom: 1px solid #2e311c;
}
.blog-homepage #blog-sidebar .sidebar-topics ul li a .icon,
.blog-topic #blog-sidebar .sidebar-topics ul li a .icon,
.blog-article #blog-sidebar .sidebar-topics ul li a .icon {
  margin-right: 3px;
  visibility: hidden;
}
.blog-homepage #blog-sidebar .sidebar-topics ul li a.active,
.blog-topic #blog-sidebar .sidebar-topics ul li a.active,
.blog-article #blog-sidebar .sidebar-topics ul li a.active {
  color: #6bbee3;
}
.blog-homepage #blog-sidebar .sidebar-topics ul li a.active .icon,
.blog-topic #blog-sidebar .sidebar-topics ul li a.active .icon,
.blog-article #blog-sidebar .sidebar-topics ul li a.active .icon {
  visibility: visible;
}
.blog-homepage #blog-sidebar .tout-contain,
.blog-topic #blog-sidebar .tout-contain,
.blog-article #blog-sidebar .tout-contain {
  display: block;
  border-bottom: 1px solid #a7a7a7;
}
@media (min-width: 37.5em) {
  .blog-homepage #blog-sidebar .tout-contain,
  .blog-topic #blog-sidebar .tout-contain,
  .blog-article #blog-sidebar .tout-contain {
    display: block;
  }
}
.lt-ie9 .blog-homepage #blog-sidebar .tout-contain, .lt-ie9
.blog-topic #blog-sidebar .tout-contain, .lt-ie9
.blog-article #blog-sidebar .tout-contain {
  display: block;
}
.blog-homepage #blog-sidebar .tout-contain.first,
.blog-topic #blog-sidebar .tout-contain.first,
.blog-article #blog-sidebar .tout-contain.first {
  margin-top: 65px;
}
.blog-homepage #blog-sidebar .tout-contain .tout-text,
.blog-topic #blog-sidebar .tout-contain .tout-text,
.blog-article #blog-sidebar .tout-contain .tout-text {
  margin: 4px 0px 8px;
  padding-right: 20px;
}
.blog-homepage #blog-sidebar .tout-contain .tout-link,
.blog-topic #blog-sidebar .tout-contain .tout-link,
.blog-article #blog-sidebar .tout-contain .tout-link {
  display: inline-block;
  margin-bottom: 10px;
}
.blog-homepage #blog-sidebar .tout-contain .newsletter-text,
.blog-topic #blog-sidebar .tout-contain .newsletter-text,
.blog-article #blog-sidebar .tout-contain .newsletter-text {
  padding-right: 20px;
  margin: 0 0 14px;
}
.blog-homepage #blog-sidebar .tout-contain .newsletter-btn,
.blog-topic #blog-sidebar .tout-contain .newsletter-btn,
.blog-article #blog-sidebar .tout-contain .newsletter-btn {
  margin-bottom: 14px;
}
.blog-homepage #blog-sidebar .newsletter-contain,
.blog-topic #blog-sidebar .newsletter-contain,
.blog-article #blog-sidebar .newsletter-contain {
  display: block;
  border-bottom: 1px solid #a7a7a7;
  margin-bottom: 40px;
  padding-bottom: 15px;
}
@media (min-width: 37.5em) {
  .blog-homepage #blog-sidebar .newsletter-contain,
  .blog-topic #blog-sidebar .newsletter-contain,
  .blog-article #blog-sidebar .newsletter-contain {
    display: block;
  }
}
.lt-ie9 .blog-homepage #blog-sidebar .newsletter-contain, .lt-ie9
.blog-topic #blog-sidebar .newsletter-contain, .lt-ie9
.blog-article #blog-sidebar .newsletter-contain {
  display: block;
}
.blog-homepage #blog-sidebar .connect-title,
.blog-homepage #blog-sidebar .topics-title,
.blog-homepage #blog-sidebar .tout-title,
.blog-homepage #blog-sidebar .newsletter-title,
.blog-topic #blog-sidebar .connect-title,
.blog-topic #blog-sidebar .topics-title,
.blog-topic #blog-sidebar .tout-title,
.blog-topic #blog-sidebar .newsletter-title,
.blog-article #blog-sidebar .connect-title,
.blog-article #blog-sidebar .topics-title,
.blog-article #blog-sidebar .tout-title,
.blog-article #blog-sidebar .newsletter-title {
  font-family: "Guardian Sans Web", sans-serif;
  font-size: 18px;
  font-weight: normal;
  margin-bottom: 3px;
}
.blog-homepage #blog-sidebar .connect-title,
.blog-topic #blog-sidebar .connect-title,
.blog-article #blog-sidebar .connect-title {
  margin-bottom: 0px;
}
.blog-homepage #blog-sidebar .topics-title,
.blog-topic #blog-sidebar .topics-title,
.blog-article #blog-sidebar .topics-title {
  padding-bottom: 5px;
  border-bottom: 1px solid #999;
}

.blog-topic .section-blog-topic .section-title {
  margin-bottom: 8px;
}
.blog-topic .section-blog-topic .section-title-text {
  font-family: "Guardian Sans Web", sans-serif;
  font-size: 20px;
  font-weight: 300;
  border-bottom: 1px solid #999;
  margin: 0 0 30px 0;
  padding-bottom: 30px;
}

.blog-article .section-blog-article .article-title {
  font: "Guardian Sans Web", sans-serif;
  color: #2b3a42;
  font-size: 30px;
  font-weight: 600;
  margin: 5px 0 5px 0;

}
.blog-article .section-blog-article .post-meta {
  font-size: 1.43em;
  letter-spacing:0.033em;
  font-family: 'Guardian Sans Web', Arial, sans-serif;
  font-weight:300;
  line-height: 1.33em;
  text-align: left;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-bottom: .4em;
  padding-top: 0;
}
.blog-article .section-blog-article .article-body {
  /*border-bottom: 1px solid #2e311c;*/
  padding-bottom: 30px;
    box-sizing: border-box;
    font-family: Guardian Sans Web;
    font-size: 17.6px;
    font-weight: 300;
    letter-spacing: 0.03em;
    line-height: 27px;
    margin: 0;
    padding: 0;
    width: 100%;
}
.blog-article .section-blog-article .article-body p {
  line-height: 27px !important;
}
.blog-article .section-blog-article .article-body p.has-img {
  overflow: hidden;
  margin-bottom: -32px;
}
.blog-article .section-blog-article .article-body p.has-img + p {
  margin-top: 32px;
}
.blog-article .section-blog-article .article-body p img {
  float: left;
  margin: 0px 20px 20px 0px;
}


.error-page .content.content-page {
  position: relative;
}
.error-page section {
  max-width: 1200px;
  margin: 0 auto;
  padding: 36px 36px 0 36px;
  position: relative;
}
.error-page .background-image-container {
  width: 779px;
  position: relative;
  margin: 0 auto;
  top: -45px;
}
@media (min-width: 37.5em) {
  .error-page .background-image-container {
    top: 0px;
  }
}
.lt-ie9 .error-page .background-image-container {
  top: 0px;
}
.error-page .background-image-container .bg-web {
  display: block;
  position: absolute;
  top: 0px;
  left: 72px;
  z-index: 0;
}
.error-page .section-title {
  margin: 0px 0 10px;
}
.error-page .sub-headline {
  font-family: "Guardian Sans Web", sans-serif;
  font-size: 20px;
  margin: 0;
}
.error-page p {
  font-size: 14px;
}
.error-page p:last-child {
  margin-bottom: 350px;
}

.general .section-more-about {
  *margin-top: 75px;
  *margin-bottom: 50px;
  padding-top: 0px;
}
.general .section-more-about {
  font-size: 26px;
  margin-bottom: 18px;
}
.general .section-more-about .more-about-image {
  float: left;
  margin-right: 30px;
}
.general .section-more-about .article-title {
  font-family: "Guardian Sans Web", sans-serif;
  font-weight: 300;
}
.general .section-more-about .article-detail {
  font-size: 14px;
}
.general .section-more-about .related-item {
  margin-bottom: 20px;
}

/*------------------------------------*\
    $GENERAL
\*------------------------------------*/

.general .content.content-page {
  position: relative;
}
.general section {
  max-width: 100%;
  margin: 0 auto 0 auto;
  position: relative;
}

.lt-ie9 .general section {
}
.general .background-image-container {
  width: 779px;
  position: relative;
  margin: 0 auto;
  top: -45px;
}
@media (min-width: 50em) {
  .general .background-image-container {
    top: -60px;
  }
}
.lt-ie9 .general .background-image-container {
  top: -60px;
}
.general .background-image-container .bg-web {
  display: block;
  position: absolute;
  top: 0px;
  left: 72px;
  z-index: 0;
}
.general .section-general-page {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  margin: 0px auto 0;
  z-index: 1;
}
.general .section-general-page .section-title {
  margin-bottom: 8px;
  text-align: left;
}
.general .section-general-page .text-below-heading {
  font-family: "Guardian Sans Web-Thin", sans-serif;
  font-weight: 200;
  font-size: 20px;
  margin-top: 8px;
}
.general .section-general-page p {
  color: #202020;
  letter-spacing: .032em;
  font-family: "Guardian Sans Web",Arial,sans-serif;
}
.general .section-downloads {
display: none;
}
@media (min-width: 50em) {
  .general .section-downloads {
   display: none;
  }
}
.lt-ie9 .general .section-downloads {
  display: none;
}

@media (min-width: 50em) {
  section.video-section {
    padding-right: 20px;
  }
}
.lt-ie9 section.video-section {
  padding-right: 20px;
}
section.video-section h2 {
  margin-bottom: 5px;
}

.video-wrapper {
  position: relative;
  width: 100%;
}
.video-wrapper:before {
  content: "";
  display: block;
  padding-top: 57.6%;
}
.video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

@media (min-width: 37.5em) {
  .two-col-section .col-2 {
    overflow: hidden;
  }
  .two-col-section .col-2 .col-item {
    float: left;
    width: 47%;
  }
}
.lt-ie9 .two-col-section .col-2 {
  overflow: hidden;
}
.lt-ie9 .two-col-section .col-2 .col-item {
  float: left;
  width: 47%;
}

#lightbox_video iframe {
  width: 100%;
}
@media (min-width: 37.5em) {
  #lightbox_video iframe {
    width: auto;
  }
}
.lt-ie9 #lightbox_video iframe {
  width: auto;
}
.general .section-general-article {
  margin: 8px auto 0 auto;
}
@media (min-width: 50em) {
  .general .section-general-article {
    margin: 70px auto 0 auto;
  }
}
.lt-ie9 .general .section-general-article {
  margin: 70px auto 0 auto;
}
.general .section-general-article .article-breadcrumb {
  font-size: 12px;
  font-style: italic;
  color: #a7a7a7;
  margin-top: 14px;
}
.general .section-general-article .article-breadcrumb .seperator {
  margin: 0 2px;
  font-style: normal;
}
.general .section-general-article .article-title {
  margin: 0 0 0 0;
  position: relative;
  z-index: 2;
  color: #33557c;
  font-size: 50px;
}
.general .section-general-article .article-tagline {
  font: "Guardian Sans Web-Thin", sans-serif;
  font-size: 20px;
  font-weight: 200;
  position: relative;
  z-index: 2;
  margin: 0 0 8px 0;
}
.general .section-general-article .post-meta {
  font-size: 14px;
  position: relative;
  z-index: 2;
}
.general .section-general-article .article-main-img {
  position: relative;
  z-index: 2;
}
.general .section-general-article p {
  font-size: 14px;
  position: relative;
  z-index: 2;
}
.general .section-general-article .inline-box {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  z-index: 3;
  width: 100%;
  float: none;
  background-color: #e2e5e5;
  margin: 0 20px 0px 0;
  padding: 10px;
}
@media (min-width: 37.5em) {
  .general .section-general-article .inline-box {
    width: 25%;
    float: left;
    max-width: 175px;
  }
}
.lt-ie9 .general .section-general-article .inline-box {
  width: 25%;
  float: left;
  max-width: 175px;
}
.general .section-general-article .inline-box .inline-title {
  font-family: "Guardian Sans Web", sans-serif;
  font-size: 16px;
  color: #a7a7a7;
  font-weight: normal;
  margin: 2px 0 14px 0;
  padding-bottom: 1px;
  border-bottom: 1px solid gray;
}
.general .section-general-article .inline-box a {
  display: block;
  font-size: 14px;
  margin: 0 0 15px 0;
}
.general .section-general-article .inline-box + p {
  float: right;
}
.general .section-general-article .text-body-headline {
  font-family: sans-serif;
  font-size: 16px;
  font-weight: bold;
  margin: 18px 0;
}
.general .section-general-article .share-bottom {
  border-top: 1px solid gray;
  padding: 10px 0 0 0;
}
.general .section-general-article .article-comments {
  margin: 0 0 20px 0;
  padding: 0;
  *background-color: #dfdfdf;
}
.general .section-general-article .article-comments h2 {
  text-align: center;
  font-weight: normal;
}
.general .section-general-article .detail-connect #tweet-cycle {
  margin-bottom: 30px;
}

.pressroom-main.main-content {
  padding: 0;
}
.pressroom-main .content.content-page {
  position: relative;
}
.pressroom-main section {
  max-width: 100%;
  margin: 0 auto;
  /*padding: 36px 36px 0 36px;*/
  padding: 0;
  position: relative;
}
@media (min-width: 37.5em) {
  .pressroom-main section {
    padding: 0px;
  }
}
.lt-ie9 .pressroom-main section {
  padding: 0px;
}
.pressroom-main .col-1 .col-item.hasText {
  padding-left: 0;
}
.pressroom-main .col-1 .col-item-lg {
  padding-left: 0;
  width: 100%;
}
.pressroom-main .center-col {
  display: table-cell;
  vertical-align: top;
  padding: 18px 36px 0 36px;
}
@media (min-width: 50em) {
  .pressroom-main .center-col {
    /*padding: 0px 60px 0 0;*/
  }
}
.lt-ie9 .pressroom-main .center-col {
  /*padding: 0px 60px 0 0;*/
}
.pressroom-main .background-image-container {
  width: 779px;
  position: relative;
  margin: 0 auto;
  top: -45px;
}
@media (min-width: 37.5em) {
  .pressroom-main .background-image-container {
    top: 0px;
  }
}
.lt-ie9 .pressroom-main .background-image-container {
  top: 0px;
}
.pressroom-main .background-image-container .bg-web {
  display: block;
  position: absolute;
  top: 0px;
  left: 72px;
  z-index: 0;
}
.pressroom-main .breadcrumb-container {
  max-width: 1200px;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  margin: 0;
}

/* xlg specific styles */
@media (min-width: 1440px) {
.pressroom-main .breadcrumb-container {
  max-width: 1280px;
}
}

/* xxlg specific styles */
@media (min-width: 1700px) {
.pressroom-main .breadcrumb-container {
  max-width: 1340px;
}
}

.pressroom-main #pressroom-sidebar {
  line-height: 18px;
  font-size: 1.5em;
}

.pressroom-main #pressroom-sidebar .pr-title {
  font-size: 1em;
}

@media (min-width: 37.5em) {
  .pressroom-main #pressroom-sidebar {
    display: table-cell;
    vertical-align: top;
  }
}
.lt-ie9 .pressroom-main #pressroom-sidebar {
  display: table-cell;
  vertical-align: top;
}
.pressroom-main #pressroom-sidebar p {
  font-size: 14px;
  margin-top: 0;
}
.pressroom-main #pressroom-sidebar .sub-section {
  border-bottom: 1px solid #c2c2c2;
  padding: 15px 0;
}

.pressroom-main #pressroom-sidebar .sub-section:last-child {
  border-bottom: 0;
}
.pressroom-main #pressroom-sidebar .sidebar-connect ul {
  margin: 0;
  padding: 0;
}
.pressroom-main #pressroom-sidebar .sidebar-connect ul li {
  list-style: none;
  font-size: 12px;
  text-align: left;
  margin: 0;
  padding: 2px 0;
}
.pressroom-main #pressroom-sidebar .sidebar-connect ul li a.no-style {
  color: #202020;
}

.pressroom-main #pressroom-sidebar .quick-links a {
  display: block;
}

.pressroom-main #pressroom-sidebar .connect-title {
  font-family: "Guardian Sans Web", sans-serif;
  font-size: 1.6em;
  font-weight: normal;
}
.pressroom-main .section-pressroom .section-title {
  margin: 25px 0 8px;
}
.pressroom-main .section-pressroom .section-title-text {
  font-family: "Guardian Sans Web-Thin", sans-serif;
  font-size: 2.8em;
  font-weight: 300;
  color: #202020;
  margin: 0;
  padding: 0px;
}
h2.subsection-item-title {
  font-family: "Guardian Sans Web-Thin", sans-serif;
  font-size: 26px;
  font-weight: normal;
}

h2.subsection-item-title.bottom-border{
  border-bottom: 1px solid #c2c2c2;
}

.pressroom-main .section-pressroom .recent-press-release-title + .view-archives-btn {
  margin-top: 30px;
}
.pressroom-main .section-pressroom .view-archives-btn {
  margin-bottom: 30px;
}
.pressroom-main .section-pressroom .press-item {
  margin: 20px 0;
}
.pressroom-main .section-pressroom .press-item .pr-date,
.pressroom-main .section-pressroom .press-item .news-source {
  display: block;
  font-size: 13px;
}
.pressroom-main .section-pressroom .press-item .pr-title {
  font-family: "Guardian Sans Web", sans-serif;
  margin: 8px 0 4px;
  display: block;
  line-height: 18px;
  font-size: 1.5em;
}
.pressroom-main .section-pressroom .press-item .pr-snippet {
  font-size:1.6em;
  letter-spacing:0.032em;
  font-family: 'Guardian Sans Web', Arial, sans-serif;
  font-weight:300;
  line-height: 1.2em;
  text-align: left;
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 4px 0 8px 0;
}
.pressroom-main .section-pressroom .featured {
    margin-bottom: 20px;
    font-family: "Guardian Sans Web-Thin", sans-serif;
    border-image-source: url(../img/featured-margin-bottom.png);
    border-image-repeat: round;
    border-bottom: 22px solid transparent;
    border-image-slice: 22;
    border-top: 0;
    border-image-outset: 0;
  }

  .pressroom-main .section-pressroom .featured .subsection-item-title  {
    font-size: 4em;
    font-weight: 400;
  }

  .pressroom-main .section-pressroom .featured .section-title-text {
    margin: 0 0 25px;
    font-size: 2.5em;
  }

  .pressroom-main .section-pressroom .featured .section-subhead-text {
    text-transform: uppercase;
        font-size: 1.6em;
  }

  .pressroom-main .section-pressroom .featured .read-pr-btn{
    font-size: 1.6em;
    font-family: 'Guardian Sans Web', Arial, sans-serif;
  }

  .pressroom-main .section-pressroom .btn-small-blue {
    border-radius: 0px !important;
    padding: 14px 20px !important;
  }

  .pressroom-main .section-pressroom .pr-body{
    overflow: hidden;
  }

  .pressroom-main .section-pressroom .in-the-news-contain img.news_source_thumb {
    /*max-width: 200px;*/
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .pressroom-main .section-pressroom .featured-items {
    border-bottom: 1px solid #c2c2c2;
    margin-bottom: 40px;
    padding: 0;
  }

  .pressroom-main .section-pressroom .featured-items .featured-item img {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

  .pressroom-main .section-pressroom .featured-items .featured-item a {
    font-size: 2em;
    letter-spacing: 0.032em;
    font-family: 'Guardian Sans Web-Thin', Arial, sans-serif;
    font-weight: 300;
    line-height: 1.2em;
    text-align: left;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 4px 0 8px 0;
    color: #202020;
  }
  .pressroom-main .section-pressroom .nr-content {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    float: none;
    display: block;
  }


/* xlg specific styles */
@media (min-width: 1440px) {
  .pressroom-main .section-pressroom .nr-content {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    float: none;
    display: block;
  }
}

/* xxlg specific styles */
@media (min-width: 1700px) {
  .pressroom-main .section-pressroom .nr-content {
    max-width: 1340px;
    margin-left: auto;
    margin-right: auto;
    float: none;
    display: block;
  }
}


  .pressroom-main .section-pressroom .featured-items .featured-item .wysiwyg-field:hover{
    color: #6bbee3;
  }

  .pressroom-main .section-pressroom .resources a {
    margin-bottom: 10px;
    display: block;
  }

  .pressroom-main .section-pressroom .resources a:last-child {
    margin-bottom: 0;
  }

  .pressroom-main .section-pressroom .content-container {
    max-width: 1200px;
    display: block;
    margin: 0 auto;
    float: none;
    padding: 0;
  }

/* xlg specific styles */
@media (min-width: 1440px) {
  .pressroom-main .section-pressroom .content-container {
    max-width: 1280px;
    display: block;
    margin: 0 auto;
    float: none;
    padding: 0;
  }
}

/* xxlg specific styles */
@media (min-width: 1700px) {
  .pressroom-main .section-pressroom .content-container {
    max-width: 1340px;
    display: block;
    margin: 0 auto;
    float: none;
    padding: 0;
  }
}


  .no-gutter {
    padding: 0;
  }
/*------------------------------------*\
    $SEARCH
\*------------------------------------*/
.section-search-body {
  margin-top: 0px;
  padding: 10px 15px;
}
@media (min-width: 37.5em) {
  .section-search-body {
    max-width: 1200px;
    margin: 40px auto 1em;
  }
}
.lt-ie9 .section-search-body {
  max-width: 1200px;
  margin: 40px auto 1em;
}
.section-search-body .page-name-sub-heading {
  *max-width: 100%;
  margin: 0px auto 8px;
  display: block;
  line-height: 14px;
  font-weight: 200;
  font-size: 20px;
  color: #a7a7a7;
  font-family: "Guardian Sans Web", sans-serif;
}
@media (min-width: 37.5em) {
  .section-search-body .page-name-sub-heading {
    font-size: 26px;
  }
}
.lt-ie9 .section-search-body .page-name-sub-heading {
  font-size: 26px;
}
.section-search-body .section-title {
  margin: 5px 0 10px 0;
  font-size: 42px;
  font-weight: 200;
}
.section-search-body .parent-title {
  font-size: 15px;
  margin: 10px 0 5px 0;
  display: inline-block;
}
.section-search-body .facetapi-tags, .section-search-body .facetapi-type, .section-search-body .facetapi-topics {
  margin-left: 0px;
}
.section-search-body .facetapi-tags .has-children, .section-search-body .facetapi-tags .section, .section-search-body .facetapi-type .has-children, .section-search-body .facetapi-type .section, .section-search-body .facetapi-topics .has-children, .section-search-body .facetapi-topics .section {
  list-style: none;
  background-color: #e2e5e5;
  padding: 10px 10px;
  border-radius: 5px;
  margin: 0 0 10px 0;
  font-size: 12px;
}
.section-search-body .facetapi-tags .has-children .no-children.active, .section-search-body .facetapi-tags .section .no-children.active, .section-search-body .facetapi-type .has-children .no-children.active, .section-search-body .facetapi-type .section .no-children.active, .section-search-body .facetapi-topics .has-children .no-children.active, .section-search-body .facetapi-topics .section .no-children.active {
  padding-left: 18px;
  font-weight: bold;
}
.section-search-body .facetapi-tags .has-children.filter-shown .facet-title, .section-search-body .facetapi-tags .section.filter-shown .facet-title, .section-search-body .facetapi-type .has-children.filter-shown .facet-title, .section-search-body .facetapi-type .section.filter-shown .facet-title, .section-search-body .facetapi-topics .has-children.filter-shown .facet-title, .section-search-body .facetapi-topics .section.filter-shown .facet-title {
  margin-bottom: 15px;
}
@media (min-width: 37.5em) {
  .section-search-body .facetapi-tags .has-children.filter-shown .facet-title, .section-search-body .facetapi-tags .section.filter-shown .facet-title, .section-search-body .facetapi-type .has-children.filter-shown .facet-title, .section-search-body .facetapi-type .section.filter-shown .facet-title, .section-search-body .facetapi-topics .has-children.filter-shown .facet-title, .section-search-body .facetapi-topics .section.filter-shown .facet-title {
    margin-bottom: 15px;
  }
}
.lt-ie9 .section-search-body .facetapi-tags .has-children.filter-shown .facet-title, .lt-ie9 .section-search-body .facetapi-tags .section.filter-shown .facet-title, .lt-ie9 .section-search-body .facetapi-type .has-children.filter-shown .facet-title, .lt-ie9 .section-search-body .facetapi-type .section.filter-shown .facet-title, .lt-ie9 .section-search-body .facetapi-topics .has-children.filter-shown .facet-title, .lt-ie9 .section-search-body .facetapi-topics .section.filter-shown .facet-title {
  margin-bottom: 15px;
}
.section-search-body .facetapi-tags .has-children.filter-shown .facet-title:after, .section-search-body .facetapi-tags .section.filter-shown .facet-title:after, .section-search-body .facetapi-type .has-children.filter-shown .facet-title:after, .section-search-body .facetapi-type .section.filter-shown .facet-title:after, .section-search-body .facetapi-topics .has-children.filter-shown .facet-title:after, .section-search-body .facetapi-topics .section.filter-shown .facet-title:after {
  content: '\25B3';
}
.section-search-body .facetapi-tags .has-children.filter-shown .item-list, .section-search-body .facetapi-tags .section.filter-shown .item-list, .section-search-body .facetapi-type .has-children.filter-shown .item-list, .section-search-body .facetapi-type .section.filter-shown .item-list, .section-search-body .facetapi-topics .has-children.filter-shown .item-list, .section-search-body .facetapi-topics .section.filter-shown .item-list {
  display: block;
  margin-top: 0px;
}
@media (min-width: 37.5em) {
  .section-search-body .facetapi-tags .has-children.filter-shown .item-list, .section-search-body .facetapi-tags .section.filter-shown .item-list, .section-search-body .facetapi-type .has-children.filter-shown .item-list, .section-search-body .facetapi-type .section.filter-shown .item-list, .section-search-body .facetapi-topics .has-children.filter-shown .item-list, .section-search-body .facetapi-topics .section.filter-shown .item-list {
    margin-top: 0px;
  }
}
.lt-ie9 .section-search-body .facetapi-tags .has-children.filter-shown .item-list, .lt-ie9 .section-search-body .facetapi-tags .section.filter-shown .item-list, .lt-ie9 .section-search-body .facetapi-type .has-children.filter-shown .item-list, .lt-ie9 .section-search-body .facetapi-type .section.filter-shown .item-list, .lt-ie9 .section-search-body .facetapi-topics .has-children.filter-shown .item-list, .lt-ie9 .section-search-body .facetapi-topics .section.filter-shown .item-list {
  margin-top: 0px;
}
.section-search-body .facetapi-tags .has-children .item-list .has-children, .section-search-body .facetapi-tags .has-children .item-list .section, .section-search-body .facetapi-tags .section .item-list .has-children, .section-search-body .facetapi-tags .section .item-list .section, .section-search-body .facetapi-type .has-children .item-list .has-children, .section-search-body .facetapi-type .has-children .item-list .section, .section-search-body .facetapi-type .section .item-list .has-children, .section-search-body .facetapi-type .section .item-list .section, .section-search-body .facetapi-topics .has-children .item-list .has-children, .section-search-body .facetapi-topics .has-children .item-list .section, .section-search-body .facetapi-topics .section .item-list .has-children, .section-search-body .facetapi-topics .section .item-list .section {
  padding: 0px;
  margin: 0px;
}
.section-search-body .facetapi-tags .has-children li, .section-search-body .facetapi-tags .section li, .section-search-body .facetapi-type .has-children li, .section-search-body .facetapi-type .section li, .section-search-body .facetapi-topics .has-children li, .section-search-body .facetapi-topics .section li {
  margin: 0 0 4px 0;
  line-height: 18px;
  position: relative;
}
.section-search-body .facetapi-tags .has-children li input, .section-search-body .facetapi-tags .section li input, .section-search-body .facetapi-type .has-children li input, .section-search-body .facetapi-type .section li input, .section-search-body .facetapi-topics .has-children li input, .section-search-body .facetapi-topics .section li input {
  position: absolute;
  top: 2px;
  left: 0px;
}
.section-search-body .facetapi-tags .has-children li input[type=checkbox]:checked + a, .section-search-body .facetapi-tags .section li input[type=checkbox]:checked + a, .section-search-body .facetapi-type .has-children li input[type=checkbox]:checked + a, .section-search-body .facetapi-type .section li input[type=checkbox]:checked + a, .section-search-body .facetapi-topics .has-children li input[type=checkbox]:checked + a, .section-search-body .facetapi-topics .section li input[type=checkbox]:checked + a {
  *color: #2e311c;
  font-weight: bold;
}
.section-search-body .facetapi-tags .has-children li label, .section-search-body .facetapi-tags .section li label, .section-search-body .facetapi-type .has-children li label, .section-search-body .facetapi-type .section li label, .section-search-body .facetapi-topics .has-children li label, .section-search-body .facetapi-topics .section li label {
  display: none;
}
.section-search-body .facetapi-tags .has-children li a, .section-search-body .facetapi-tags .section li a, .section-search-body .facetapi-type .has-children li a, .section-search-body .facetapi-type .section li a, .section-search-body .facetapi-topics .has-children li a, .section-search-body .facetapi-topics .section li a {
  color: #202020;
  display: block;
  margin-left: 18px;
}
.section-search-body .facetapi-tags .has-children .facet-title, .section-search-body .facetapi-tags .section .facet-title, .section-search-body .facetapi-type .has-children .facet-title, .section-search-body .facetapi-type .section .facet-title, .section-search-body .facetapi-topics .has-children .facet-title, .section-search-body .facetapi-topics .section .facet-title {
  margin: 0;
  font-size: 16px;
  font-weight: normal;
  color: gray;
  cursor: pointer;
}
@media (min-width: 37.5em) {
  .section-search-body .facetapi-tags .has-children .facet-title, .section-search-body .facetapi-tags .section .facet-title, .section-search-body .facetapi-type .has-children .facet-title, .section-search-body .facetapi-type .section .facet-title, .section-search-body .facetapi-topics .has-children .facet-title, .section-search-body .facetapi-topics .section .facet-title {
    margin: 0;
    cursor: pointer;
  }
}
.lt-ie9 .section-search-body .facetapi-tags .has-children .facet-title, .lt-ie9 .section-search-body .facetapi-tags .section .facet-title, .lt-ie9 .section-search-body .facetapi-type .has-children .facet-title, .lt-ie9 .section-search-body .facetapi-type .section .facet-title, .lt-ie9 .section-search-body .facetapi-topics .has-children .facet-title, .lt-ie9 .section-search-body .facetapi-topics .section .facet-title {
  margin: 0;
  cursor: pointer;
}
.section-search-body .facetapi-tags .has-children .facet-title:after, .section-search-body .facetapi-tags .section .facet-title:after, .section-search-body .facetapi-type .has-children .facet-title:after, .section-search-body .facetapi-type .section .facet-title:after, .section-search-body .facetapi-topics .has-children .facet-title:after, .section-search-body .facetapi-topics .section .facet-title:after {
  content: '\25BD';
  float: right;
  line-height: 26px;
}
@media (min-width: 37.5em) {
  .section-search-body .facetapi-tags .has-children .facet-title:after, .section-search-body .facetapi-tags .section .facet-title:after, .section-search-body .facetapi-type .has-children .facet-title:after, .section-search-body .facetapi-type .section .facet-title:after, .section-search-body .facetapi-topics .has-children .facet-title:after, .section-search-body .facetapi-topics .section .facet-title:after {
    line-height: normal;
  }
}
.lt-ie9 .section-search-body .facetapi-tags .has-children .facet-title:after, .lt-ie9 .section-search-body .facetapi-tags .section .facet-title:after, .lt-ie9 .section-search-body .facetapi-type .has-children .facet-title:after, .lt-ie9 .section-search-body .facetapi-type .section .facet-title:after, .lt-ie9 .section-search-body .facetapi-topics .has-children .facet-title:after, .lt-ie9 .section-search-body .facetapi-topics .section .facet-title:after {
  line-height: normal;
}
.section-search-body .facetapi-tags .has-children .item-list, .section-search-body .facetapi-tags .section .item-list, .section-search-body .facetapi-type .has-children .item-list, .section-search-body .facetapi-type .section .item-list, .section-search-body .facetapi-topics .has-children .item-list, .section-search-body .facetapi-topics .section .item-list {
  display: none;
}
@media (min-width: 37.5em) {
  .section-search-body .facetapi-tags .has-children .item-list, .section-search-body .facetapi-tags .section .item-list, .section-search-body .facetapi-type .has-children .item-list, .section-search-body .facetapi-type .section .item-list, .section-search-body .facetapi-topics .has-children .item-list, .section-search-body .facetapi-topics .section .item-list {
    display: none;
  }
}
.lt-ie9 .section-search-body .facetapi-tags .has-children .item-list, .lt-ie9 .section-search-body .facetapi-tags .section .item-list, .lt-ie9 .section-search-body .facetapi-type .has-children .item-list, .lt-ie9 .section-search-body .facetapi-type .section .item-list, .lt-ie9 .section-search-body .facetapi-topics .has-children .item-list, .lt-ie9 .section-search-body .facetapi-topics .section .item-list {
  display: none;
}
.section-search-body .filter-results-heading {
  display: none;
  font-family: "Guardian Sans Web", sans-serif;
  font-size: 20px;
  font-weight: 300;
  margin: 0px 0 8px 0;
  text-align: left;
}
@media (min-width: 37.5em) {
  .section-search-body .filter-results-heading {
    display: block;
  }
}
.lt-ie9 .section-search-body .filter-results-heading {
  display: block;
}
@media (min-width: 37.5em) {
  .section-search-body .filter-wrapper {
    *width: 25%;
    width: 160px;
    float: right;
  }
}
.lt-ie9 .section-search-body .filter-wrapper {
  *width: 25%;
  width: 160px;
  float: right;
}
@media (min-width: 61.25em) {
  .section-search-body .filter-wrapper {
    width: 225px;
  }
}
.lt-ie9 .section-search-body .filter-wrapper {
  width: 225px;
}
.section-search-body .filter-contain {
  background-color: #e2e5e5;
  padding: 10px 15px;
  border-radius: 5px;
  margin-bottom: 10px;
}
.section-search-body .filter-contain .filter-category-title {
  font-family: "Guardian Sans Web", sans-serif;
  font-weight: normal;
  margin: 0;
  font-size: 16px;
}
@media (min-width: 37.5em) {
  .section-search-body .filter-contain .filter-category-title {
    font-size: 18px;
    margin: 0 0 20px;
  }
}
.lt-ie9 .section-search-body .filter-contain .filter-category-title {
  font-size: 18px;
  margin: 0 0 20px;
}
.section-search-body .filter-contain .filter-category-title .icon_menu-down-arrow {
  color: #a7a7a7;
  float: right;
}
@media (min-width: 37.5em) {
  .section-search-body .filter-contain .filter-category-title .icon_menu-down-arrow {
    display: none;
  }
}
.lt-ie9 .section-search-body .filter-contain .filter-category-title .icon_menu-down-arrow {
  display: none;
}
.section-search-body .filter-contain ul {
  list-style: none;
  margin: 0;
  font-size: 12px;
  display: none;
  color: #202020;
}
@media (min-width: 37.5em) {
  .section-search-body .filter-contain ul {
    display: block;
  }
}
.lt-ie9 .section-search-body .filter-contain ul {
  display: block;
}
.section-search-body .filter-contain ul li {
  margin-bottom: 4px;
        /* CHECKBOX CSS - Onlyworks in webkit
        input[type=checkbox] {
          vertical-align: top;
          margin-top: 3px;

          -webkit-appearance: none;

          background-color: #fff;
          border: 1px solid #808183;
          box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
          padding: 4px;
          *border-radius: 3px;
          display: inline-block;
          position: relative;
        }
        input[type=checkbox]:active, input[type=checkbox]:checked:active {
          box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
        }
        input[type=checkbox]:checked {
          background-color: #e9ecee;
          border: 1px solid #808183;
          box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
          color: #99a1a7;
        }
        input[type=checkbox]:checked:after {
          content: ' ';
          *font-size: 14px;
          position: absolute;
          top: 1px;
          left: 1px;
          height: 6px;
          width: 6px;
          color: #99a1a7;
          background-color: #33557c;
        }
        input[type=checkbox]:checked + label {
          color: #000;
          font-weight: bold;
        }
        */
}
.section-search-body .filter-contain ul li label {
  display: inline-block;
  line-height: 16px;
  width: 70%;
}
.section-search-body .search-results {
  max-width: 100%;
  padding-top: 42px;
}
@media (min-width: 37.5em) {
  .section-search-body .search-results {
    width: auto;
    overflow: hidden;
  }
}
.lt-ie9 .section-search-body .search-results {
  width: auto;
  overflow: hidden;
}
@media (min-width: 37.5em) {
  .section-search-body .search-results #intelliresponse-container {
    margin-right: 20px;
  }
}
.lt-ie9 .section-search-body .search-results #intelliresponse-container {
  margin-right: 20px;
}
.section-search-body .search-results .result-container {
  padding: 1.5em 0;
  border-bottom: 1px solid #ddd;
  font-size: 14px;
  line-height: .4em;
}
@media (min-width: 37.5em) {
  .section-search-body .search-results .result-container {
    margin-right: 20px;
  }
}
.lt-ie9 .section-search-body .search-results .result-container {
  margin-right: 20px;
}
@media (min-width: 37.5em) {
  .section-search-body .search-results .result-container:first-child {
    padding-top: 0px;
  }
}
.lt-ie9 .section-search-body .search-results .result-container:first-child {
  padding-top: 0px;
}
.section-search-body .search-results .result-container .col {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media (min-width: 37.5em) {
  .section-search-body .search-results .result-container .col {
    float: left;
    height: 100%;
    width: 10%;
  }
}
.lt-ie9 .section-search-body .search-results .result-container .col {
  float: left;
  height: 100%;
  width: 10%;
}
.section-search-body .search-results .result-container .col-wide {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media (min-width: 37.5em) {
  .section-search-body .search-results .result-container .col-wide {
    width: 89.9%;
    padding-left: 20px;
  }
}
.lt-ie9 .section-search-body .search-results .result-container .col-wide {
  width: 89.9%;
  padding-left: 20px;
}
.section-search-body .search-results .result-container .search_breadcrumbs {
  color: #a7a7a7;
  font-style: italic;
  font-size: 12px;
  padding: 7px 0 4px;
}
.section-search-body .search-results .result-container .search_breadcrumbs .separator {
  color: #ccc;
  font-style: normal;
  margin: 0 4px;
}
.section-search-body .search-results .result-container p.category-name {
  margin-top: .25em;
  color: #a7a7a7;
  font-style: italic;
  font-size: 12px;
}
.section-search-body .search-results .result-container p.results-body {
  font-size:14px;
  letter-spacing:0.032em;
  font-family: 'Guardian Sans Web', Arial, sans-serif;
  font-weight:300;
  line-height: 1.2em;
  text-align: left;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-bottom: .2em;
  padding-top: .2em;
}
.section-search-body .search-results .result-container .result-circle {
  display: none;
}
@media (min-width: 37.5em) {
  .section-search-body .search-results .result-container .result-circle {
    display: block;
  }
}
.lt-ie9 .section-search-body .search-results .result-container .result-circle {
  display: block;
}
.section-search-body .search-results .result-container .result-link {
  display: block;
  margin-top: 20px;
  font-weight: bold;
  line-height: 1.1em;
}
@media (min-width: 37.5em) {
  .section-search-body .search-results .result-container .result-link {
    margin-top: 0;
  }
}
.lt-ie9 .section-search-body .search-results .result-container .result-link {
  margin-top: 0;
}
.section-search-body .search-results .result-container.no-image .col {
  display: none;
  width: 0;
}
.section-search-body .search-results .result-container.no-image .col-wide {
  display: block;
  width: 100%;
  padding-left: 0;
}
.section-results-pagination {
  padding: 0 36px;
  text-align: right;
  color: #202020;
  font-size: 18px;
  margin-bottom: 2em;
}
@media (min-width: 37.5em) {
  .section-results-pagination {
    padding-right: 5px;
    margin-top: 15px;
  }
}
.lt-ie9 .section-results-pagination {
  padding-right: 5px;
  margin-top: 15px;
}
#intelliresponse-container {
  border: 2px solid #F7931D;
  background-color: #fff;
  padding: 2em 1em 0.5em;
  color: #888;
  position: relative;
  margin-bottom: 40px;
  display: none;
}

#humanify-link  {
  position: absolute;
  top: -44px;
  right: 5px;
  z-index: 111;
}

#intelliresponse-container:after {
  content: ' ';
  background-image: url(../img/OurBestAnswerGraphic.png);
  background-repeat: no-repeat;
  width: 137px;
  height: 76px;
  position: absolute;
  top: -48px;
  right: 0px;
}
#intelliresponse-container.show {
  display: block;
}
#intelliresponse-container #intelliresponse-results h1,
#intelliresponse-container #intelliresponse-suggested h1 {
  font-weight: normal;
  font-family: sans-serif;
}
#intelliresponse-container #intelliresponse-results h2,
#intelliresponse-container #intelliresponse-suggested h2 {
  font-weight: normal;
  font-family: sans-serif;
}
#intelliresponse-container #intelliresponse-results p,
#intelliresponse-container #intelliresponse-suggested p {
  font-size: 16px;
}
.search-results-count {
  font-size: 14px;
  color: #202020;
  border-bottom: 1px solid #ddd;
  padding: 0 0 4px;
  margin-right: 20px;
}
.search-results-count span {
  font-weight: bold;
}
#intelliresponse-results {
  margin-bottom: 1em;
  font-size: 14px;
}
#intelliresponse-suggested {
  margin-bottom: 1em;
  font-size: 14px;
  margin-left: 1.5em;
  color: #33557c;
}

@media (min-width: 50em) {
  .thought-leadership .content.content-page {
    position: relative;
  }
  .thought-leadership section {
    max-width: 100% !important;
    margin: 0 auto 0 auto;
    padding: 30px 0px 0 0px;
    position: relative;
  }

  .thought-leadership section.section-thought-leadership-results {
    max-width: 1266px!important;
  }

  .thought-leadership section.section-thought-leadership-results.case-studies {
    max-width: 1266px!important;
  }
}



/* xlg specific styles */
@media (min-width: 1440px) {

	  .thought-leadership section.section-thought-leadership-results {
    max-width: 1280px!important;
  }

    .thought-leadership section.section-thought-leadership-results.case-studies {
    max-width: 1280px!important;
  }
.thought-leadership section {
  max-width: 1280px;
  margin: 0 auto 0 auto;
  padding: 30px 0px 0 0px;
  position: relative;
}
}

/* xxlg specific styles */
@media (min-width: 1700px) {
		  .thought-leadership section.section-thought-leadership-results {
    max-width: 1340px!important;
  }

    .thought-leadership section.section-thought-leadership-results.case-studies {
    max-width: 1340px!important;
  }
.thought-leadership section {
  max-width: 1340px;
  margin: 0 auto 0 auto;
  padding: 30px 0px 0 0px;
  position: relative;
}
}
@media (min-width: 50em) {
  .thought-leadership section {
    padding: 0px;
  }
}
.lt-ie9 .thought-leadership section {
  padding: 0px;
}
.thought-leadership .background-image-container {
  width: 779px;
  position: relative;
  margin: 0 auto;
  top: -45px;
}
@media (min-width: 37.5em) {
  .thought-leadership .background-image-container {
    top: -70px;
  }
}
.lt-ie9 .thought-leadership .background-image-container {
  top: -70px;
}
.thought-leadership .background-image-container .bg-web {
  display: block;
  position: absolute;
  top: 0px;
  left: 72px;
  z-index: 0;
}
.thought-leadership .section-thought-leadership {
  margin-top: 0px;
  padding-top: 0;
}

.thought-leadership .section-thought-leadership .view-filters {
  display: none;
}

.view-thought-leadership .views-exposed-widget.views-submit-button {
  display: none;
}

.view-thought-leadership #masthead-dot-lines {
  padding: 10px 0 10px 0;
}

.thought-leadership .section-thought-leadership .loading span {
  font-size: 1.9em;
  font-weight: bold;
  letter-spacing: 3px;
  color:#202020;
}

@media (min-width: 37.5em) {
  .thought-leadership .section-thought-leadership {
    margin-top: 0px;
  }
}
.lt-ie9 .thought-leadership .section-thought-leadership {
  margin-top: 0px;
}
.thought-leadership .section-thought-leadership .section-below-title {
  font-size: 14px;
}
.thought-leadership .section-thought-leadership #thought-leadership-form {
  font-family: "Guardian Sans Web", sans-serif;
  font-weight: 300;
  font-size: 20px;
  color: #202020;
}
.thought-leadership .section-thought-leadership #thought-leadership-form select {
  margin: 6px 0px;
}
.thought-leadership .section-thought-leadership #thought-leadership-form #select-type,
.thought-leadership .section-thought-leadership #thought-leadership-form #select-type + .chosen-container {
  width: 80% !important;
}
.thought-leadership .section-thought-leadership #thought-leadership-form #select-topic,
.thought-leadership .section-thought-leadership #thought-leadership-form #select-topic + .chosen-container {
  width: 80% !important;
}
.thought-leadership .section-thought-leadership #thought-leadership-form #select-industry,
.thought-leadership .section-thought-leadership #thought-leadership-form #select-industry + .chosen-container {
  width: 80% !important;
}
@media (min-width: 37.5em) {
  .thought-leadership .section-thought-leadership #thought-leadership-form #select-industry,
  .thought-leadership .section-thought-leadership #thought-leadership-form #select-industry + .chosen-container {
    width: 80% !important;
  }
}
.lt-ie9 .thought-leadership .section-thought-leadership #thought-leadership-form #select-industry, .lt-ie9
.thought-leadership .section-thought-leadership #thought-leadership-form #select-industry + .chosen-container {
  width: 300px !important;
}
.thought-leadership .section-thought-leadership #thought-leadership-form .chosen-container {
  margin: 0 6px 8px;
  font-size: 20px;
}
.thought-leadership .section-thought-leadership #thought-leadership-form .chosen-container.chosen-with-drop .chosen-single div b {
  background-position: -39px -3px;
}
.thought-leadership .section-thought-leadership #thought-leadership-form .chosen-container .chosen-single {
  background: none;
  background-color: #f0f1f1;
  border-color: #33557c;
  color: #33557c;
  padding: 5px 0px 5px 12px;
}
.thought-leadership .section-thought-leadership #thought-leadership-form .chosen-container .chosen-single div b {
  background-position: -4px -3px;
  position: relative;
  left: -6px;
}
.thought-leadership .section-thought-leadership #thought-leadership-form .chosen-container .chosen-drop {
  border-color: #33557c;
  color: #33557c;
  background-color: #f0f1f1;
}
.thought-leadership .section-thought-leadership #thought-leadership-form .chosen-container .chosen-drop .chosen-results {
  margin: 0 0 0 0px;
  padding: 0;
}
.thought-leadership .section-thought-leadership #thought-leadership-form .chosen-container .chosen-drop .chosen-results li {
  padding: 6px 12px;
  line-height: 20px;
}
.thought-leadership .section-thought-leadership #thought-leadership-form .chosen-container .chosen-drop .chosen-results .highlighted {
  *margin-left: -1px;
  background: none;
  background-color: #6bbee3;
  color: #33557c;
}
.thought-leadership .section-thought-leadership #thought-leadership-form .form-btn-contain {
  margin-top: 20px;
  text-align: left;
}
.thought-leadership .section-thought-leadership #thought-leadership-form .form-btn-contain button {
  padding: 12px 16px;
  font-size: 14px;
}
.thought-leadership .section-thought-leadership #thought-leadership-form .form-btn-contain .form-reset {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  *font-size: 14px;
  background-color: #fff;
  padding-top: 5px;
  padding-bottom: 5px;
  border: 0px;
}
.thought-leadership .section-thought-leadership #thought-leadership-form .form-btn-contain .form-reset:focus {
  color: #33557c;
}
.thought-leadership .section-thought-leadership .thought-leadership-results {
  margin-top: 24px;
  border-top: 1px solid gray;
  border-bottom: 1px solid gray;
  padding: 0px 0 30px 0;
}
.thought-leadership .section-thought-leadership .thought-leadership-results .result-item {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 14px;
  width: 100%;
  float: left;
  padding: 20px 20px 20px 20px;
  margin-bottom: 40px;
}
@media (min-width: 37.5em) {
  .thought-leadership .section-thought-leadership .thought-leadership-results .result-item {
    width: 32%;
    margin-bottom: 0px;
  }
}
.lt-ie9 .thought-leadership .section-thought-leadership .thought-leadership-results .result-item {
  width: 32%;
  margin-bottom: 0px;
}
.thought-leadership .section-thought-leadership .thought-leadership-results .result-item .result-image {
  display: block;
  margin: 0px auto;
}
.thought-leadership .section-thought-leadership .thought-leadership-results .result-item .result-title {
  font-weight: bold;
}
.thought-leadership .section-thought-leadership .thought-leadership-results .result-item .category-title {
  font-style: italic;
  margin-bottom: 10px;
}
.thought-leadership .section-thought-leadership .thought-leadership-results .result-item .result-content {
  margin-top: 10px;
}
.thought-leadership .section-thought-leadership .thought-leadership-results .result-item p {
  margin: 20px 0px;
}
.thought-leadership .section-results-pagination {
  padding-bottom: 20px;
}

.contactUsCTA1 {
  padding-top: 80px !important;
}

.contactUsCTA2 {
  padding-bottom: 80px !important;
}

@media (min-width: 37.5em) {
  .thought-leadership .section-results-pagination {
    padding: 25px 0 20px 0;
  }
}
.lt-ie9 .thought-leadership .section-results-pagination {
  padding: 25px 0 20px 0;
}

.chosen-container {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-size: 13px;
  zoom: 1;
  *display: inline;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.chosen-container .chosen-drop {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  top: 100%;
  left: -9999px;
  z-index: 1010;
  width: 100%;
  border: 1px solid #aaa;
  border-top: 0;
  background: #fff;
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
}
.chosen-container.chosen-with-drop .chosen-drop {
  left: 0;
}
.chosen-container a {
  cursor: pointer;
}
.chosen-container-single .chosen-single {
  position: relative;
  display: block;
  overflow: hidden;
  padding: 0 0 0 8px;
  height: 23px;
  border: 1px solid #aaa;
  border-radius: 5px;
  background-color: #fff;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, white), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4));
  background: -webkit-linear-gradient(top, white 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background: -moz-linear-gradient(top, white 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background: -o-linear-gradient(top, white 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background: linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background-clip: padding-box;
  box-shadow: 0 0 3px white inset, 0 1px 1px rgba(0, 0, 0, 0.1);
  color: #444;
  text-decoration: none;
  white-space: nowrap;
  line-height: 24px;
}
.chosen-container-single .chosen-default {
  color: #999;
}
.chosen-container-single .chosen-single span {
  display: block;
  overflow: hidden;
  margin-right: 26px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.chosen-container-single .chosen-single-with-deselect span {
  margin-right: 38px;
}
.chosen-container-single .chosen-single abbr {
  position: absolute;
  top: 6px;
  right: 26px;
  display: block;
  width: 12px;
  height: 12px;
  background: url("../img/chosen-sprite.png") -42px 1px no-repeat;
  font-size: 1px;
}
.chosen-container-single .chosen-single abbr:hover {
  background-position: -42px -10px;
}
.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
  background-position: -42px -10px;
}
.chosen-container-single .chosen-single div {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 18px;
  height: 100%;
}
.chosen-container-single .chosen-single div b {
  display: block;
  width: 100%;
  height: 100%;
  background: url("../img/chosen-sprite.png") no-repeat 0px 2px;
}
.chosen-container-single .chosen-search {
  position: relative;
  z-index: 1010;
  margin: 0;
  padding: 3px 4px;
  white-space: nowrap;
}
.chosen-container-single .chosen-search input[type="text"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 1px 0;
  padding: 4px 20px 4px 5px;
  width: 100%;
  height: auto;
  outline: 0;
  border: 1px solid #aaa;
  background: white url("../img/chosen-sprite.png") no-repeat 100% -20px;
  background: url("../img/chosen-sprite.png") no-repeat 100% -20px;
  font-size: 1em;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0;
}
.chosen-container-single .chosen-drop {
  margin-top: -1px;
  border-radius: 0 0 4px 4px;
  background-clip: padding-box;
}
.chosen-container-single.chosen-container-single-nosearch .chosen-search {
  position: absolute;
  left: -9999px;
}
.chosen-container .chosen-results {
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0 4px 4px 0;
  padding: 0 0 0 4px;
  max-height: 240px;
  -webkit-overflow-scrolling: touch;
}
.chosen-container .chosen-results li {
  display: none;
  margin: 0;
  padding: 5px 6px;
  list-style: none;
  line-height: 15px;
  -webkit-touch-callout: none;
}
.chosen-container .chosen-results li.active-result {
  display: list-item;
  cursor: pointer;
}
.chosen-container .chosen-results li.disabled-result {
  display: list-item;
  color: #ccc;
  cursor: default;
}
.chosen-container .chosen-results li.highlighted {
  background-color: #3875d7;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
  background-image: -webkit-linear-gradient(#3875d7 20%, #2a62bc 90%);
  background-image: -moz-linear-gradient(#3875d7 20%, #2a62bc 90%);
  background-image: -o-linear-gradient(#3875d7 20%, #2a62bc 90%);
  background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
  color: #fff;
}
.chosen-container .chosen-results li.no-results {
  display: list-item;
  background: #f4f4f4;
}
.chosen-container .chosen-results li.group-result {
  display: list-item;
  font-weight: bold;
  cursor: default;
}
.chosen-container .chosen-results li.group-option {
  padding-left: 15px;
}
.chosen-container .chosen-results li em {
  font-style: normal;
  text-decoration: underline;
}
.chosen-container-multi .chosen-choices {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 100%;
  height: auto !important;
  height: 1%;
  border: 1px solid #aaa;
  background-color: #fff;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, white));
  background-image: -webkit-linear-gradient(#eeeeee 1%, white 15%);
  background-image: -moz-linear-gradient(#eeeeee 1%, white 15%);
  background-image: -o-linear-gradient(#eeeeee 1%, white 15%);
  background-image: linear-gradient(#eeeeee 1%, #ffffff 15%);
  cursor: text;
}
.chosen-container-multi .chosen-choices li {
  float: left;
  list-style: none;
}
.chosen-container-multi .chosen-choices li.search-field {
  margin: 0;
  padding: 0;
  white-space: nowrap;
}
.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
  margin: 1px 0;
  padding: 5px;
  height: 15px;
  outline: 0;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none;
  color: #666;
  font-size: 100%;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0;
}
.chosen-container-multi .chosen-choices li.search-field .default {
  color: #999;
}
.chosen-container-multi .chosen-choices li.search-choice {
  position: relative;
  margin: 3px 0 3px 5px;
  padding: 3px 20px 3px 5px;
  border: 1px solid #aaa;
  border-radius: 3px;
  background-color: #e4e4e4;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
  background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -moz-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-clip: padding-box;
  box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  color: #333;
  line-height: 13px;
  cursor: default;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
  position: absolute;
  top: 4px;
  right: 3px;
  display: block;
  width: 12px;
  height: 12px;
  background: url("../img/chosen-sprite.png") -42px 1px no-repeat;
  font-size: 1px;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
  background-position: -42px -10px;
}
.chosen-container-multi .chosen-choices li.search-choice-disabled {
  padding-right: 5px;
  border: 1px solid #ccc;
  background-color: #e4e4e4;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
  background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  color: #666;
}
.chosen-container-multi .chosen-choices li.search-choice-focus {
  background: #d4d4d4;
}
.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
  background-position: -42px -10px;
}
.chosen-container-multi .chosen-results {
  margin: 0;
  padding: 0;
}
.chosen-container-multi .chosen-drop .result-selected {
  display: list-item;
  color: #ccc;
  cursor: default;
}
.chosen-container-active .chosen-single {
  border: 1px solid #5897fb;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.chosen-container-active.chosen-with-drop .chosen-single {
  border: 1px solid #aaa;
  -moz-border-radius-bottomright: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 0;
  border-bottom-left-radius: 0;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #eeeeee), color-stop(80%, white));
  background-image: -webkit-linear-gradient(#eeeeee 20%, white 80%);
  background-image: -moz-linear-gradient(#eeeeee 20%, white 80%);
  background-image: -o-linear-gradient(#eeeeee 20%, white 80%);
  background-image: linear-gradient(#eeeeee 20%, #ffffff 80%);
  box-shadow: 0 1px 0 #fff inset;
}
.chosen-container-active.chosen-with-drop .chosen-single div {
  border-left: none;
  background: transparent;
}

.chosen-container-active.chosen-with-drop .chosen-single div b {
  background-position: -18px 2px;
}
.chosen-container-active .chosen-choices {
  border: 1px solid #5897fb;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.chosen-container-active .chosen-choices li.search-field input[type="text"] {
  color: #111 !important;
}
.chosen-disabled {
  opacity: 0.5 !important;
  cursor: default;
}
.chosen-disabled .chosen-single {
  cursor: default;
}
.chosen-disabled .chosen-choices .search-choice .search-choice-close {
  cursor: default;
}
.chosen-rtl {
  text-align: right;
}
.chosen-rtl .chosen-single {
  overflow: visible;
  padding: 0 8px 0 0;
}
.chosen-rtl .chosen-single span {
  margin-right: 0;
  margin-left: 26px;
  direction: rtl;
}
.chosen-rtl .chosen-single-with-deselect span {
  margin-left: 38px;
}
.chosen-rtl .chosen-single div {
  right: auto;
  left: 3px;
}
.chosen-rtl .chosen-single abbr {
  right: auto;
  left: 26px;
}
.chosen-rtl .chosen-choices li {
  float: right;
}
.chosen-rtl .chosen-choices li.search-field input[type="text"] {
  direction: rtl;
}
.chosen-rtl .chosen-choices li.search-choice {
  margin: 3px 5px 3px 0;
  padding: 3px 5px 3px 19px;
}
.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
  right: auto;
  left: 4px;
}
.chosen-rtl.chosen-container-single-nosearch .chosen-search,
.chosen-rtl .chosen-drop {
  left: 9999px;
}
.chosen-rtl.chosen-container-single .chosen-results {
  margin: 0 0 4px 4px;
  padding: 0 4px 0 0;
}
.chosen-rtl .chosen-results li.group-option {
  padding-right: 15px;
  padding-left: 0;
}
.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
  border-right: none;
}

/* line 598, scss/templates/_thought-leadership.scss */
.chosen-rtl .chosen-search input[type="text"] {
  padding: 4px 5px 4px 20px;
  background: white url("../img/chosen-sprite.png") no-repeat -30px -20px;
  background: url("../img/chosen-sprite.png") no-repeat -30px -20px;
  direction: rtl;
}
.chosen-rtl.chosen-container-single .chosen-single div b {
  background-position: 6px 2px;
}
.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
  background-position: -12px 2px;
}

/* @end */
/* @group Retina compatibility */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi) {
  .chosen-rtl .chosen-search input[type="text"],
  .chosen-container-single .chosen-single abbr,
  .chosen-container-single .chosen-single div b,
  .chosen-container-single .chosen-search input[type="text"],
  .chosen-container-multi .chosen-choices .search-choice .search-choice-close,
  .chosen-container .chosen-results-scroll-down span,
  .chosen-container .chosen-results-scroll-up span {
    background-image: url("../img/chosen-sprite@2x.png") !important;
    background-size: 104px 74px !important;
    background-repeat: no-repeat !important;
  }
}
/* @end */
/*------------------------------------*\
    $MISC
\*------------------------------------*/
/*------------------------------------*\
    $MISC
\*------------------------------------*/

.shadow-radial:hover {
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    display: inline-block;
    position: relative;
    transform: translateZ(0px);
  background-color: #f4f7f8;
}


.buttonHoverMenu p:hover {
  color: #2c6bb3;
}

.buttonHoverMenu {
  margin: 0.3em 0 .4em 0;
  padding: 1em;
  cursor: pointer;
  min-height: 120px;
  text-decoration: none;
  color: #666666;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* line 91, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/susy-1.0.9/sass/susy/_media.scss */
.lt-ie9 .home-abovefold-menu .col-item {
  width: 24%;
}

.home-abovefold-menu .col-item {
  min-height: 120px;
}



/* START 37.5em SECTION =========================================*/
@media (min-width: 37.5em) {
      /* line 135, scss/objects/_sections.scss */
  .home-abovefold-menu .col-item {
    width: 24%;
  border-left: 1px solid #4accc9;
  min-height: 230px;
  }

.buttonHoverMenu {
  margin: 0.3em 0 .4em 0;
  padding: 1em;
  cursor: pointer;
  min-height: 170px;
  text-decoration: none;
  color: #666666;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

}
/* END 37.5em SECTION =========================================*/


/* START 50em SECTION =========================================*/
@media (min-width: 50em) {

.home-abovefold-menu .col-item {
  min-height: 120px;
}

.buttonHoverMenu {
  margin: 0.3em 0 .4em 0;
  padding: 1em;
  cursor: pointer;
  min-height: 120px;
  text-decoration: none;
  color: #666666;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}


}
/* END 50em SECTION =========================================*/


/* START 65em SECTION =========================================*/
@media (min-width: 65em) {



.home-abovefold-menu .col-item {
  min-height: 140px;
}

.buttonHoverMenu {
  margin: 0.3em 0 .4em 0;
  padding: .5em;
  cursor: pointer;
  background: #fff;
  min-height: 140px;
  text-decoration: none;
  color: #666666;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

}
/* END 65em SECTION ========================================= */

.hpMenuLearnMore {
  font-family:Arial, Helvetica, sans-serif;
  color: #2c6bb3 !important;
    font-size: 16px !important;
  line-height: 1.3;
  margin: 0 0 0 0;
  padding: 2% 5% 5% 5% !important;
  font-weight:300;
}



.noStyle {
  text-decoration: none;
}

.noStyle:hover {
  text-decoration: none;
}


.mobileOnly {
  display: block;
}

.tealLine {
  height: 1px;
  color:#00AAA6;
  background-color:#00AAA6;
  margin: 0 0 0 0 !important;
  }

.hpMenuTitle {
}


.hpMenuDescription {
 font-size:17px;
  letter-spacing:0.0225em;
  font-family: 'Guardian Sans Web', arial, sans-serif; font-weight:300;
  line-height: 1.23em;
  text-align: left;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-bottom: .3em;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 7px;
}

@media (min-width: 37.5em) {
  .hpMenuTitle {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
  }
  .mobileOnly {
    display: none;
  }

}

.hp-4-col {
  overflow: hidden;
}
/* line 128, scss/base/_layout.scss */
.hp-4-col .col-item {
  float: inherit;
  width: 100%;
}

.textCenter {
  text-align:center;
}

.textLeft {
  text-align:left;
}

.textRight {
  text-align:right;
}

.hp-4-col p{
  font-family: arial, sans-serif;
  color: gray;
    font-size: 17px;
  line-height: 1.4 !important;
  margin: 0 0 0 0;
  padding: 3% 6% 3% 6%;
  font-weight:300;
}

.hp-4-col h2{
  font-family: "Guardian Sans Web", arial, sans-serif;
  color: #00AAA6;
    font-size: 1.7em;
  line-height: 1.1;
  margin: 0 0 0 0;
  font-weight:300;
  padding: 0 0 4% 0;
}

@media (min-width: 37.5em) {
  /* line 124, scss/base/_layout.scss */
  .hp-4-col {
    overflow: hidden;
  }
  /* line 128, scss/base/_layout.scss */
  .hp-4-col .col-item {
    float: left;
    width: 24.5%;
  }

  .hp-4-col h2{
  font-family: "Guardian Sans Web", arial, sans-serif;
  color: #00AAA6;
    font-size: 18px;
  line-height: 1.1;
  margin: 0 0 0 0;
  font-weight:300;
  padding: 0 0 4% 0;
}

}

@media (min-width: 50em) {
.hp-4-col p{
  font-family: arial, sans-serif;
  color: gray;
    font-size: 15px;
  line-height: 1.4 !important;
  margin: 0 0 0 0;
  padding: 3% 6% 3% 6%;
  font-weight:300;
}
}

@media (min-width: 55em) {
  /* line 124, scss/base/_layout.scss */
  .hp-4-col {
    overflow: hidden;
  }
  /* line 128, scss/base/_layout.scss */
  .hp-4-col .col-item {
    float: left;
    width: 24.86%;
  }

  .hp-4-col h2{
  font-family: "Guardian Sans Web", arial, sans-serif;
  color: #00AAA6;
    font-size: 23px;
  line-height: 1.1;
  margin: 0 0 0 0;
  font-weight:300;
  padding: 0 0 4% 0;
}
}


@media (min-width: 65em) {
.hp-4-col h2{
  font-family: "Guardian Sans Web", arial, sans-serif;
  color: #00AAA6;
    font-size: 24px;
  line-height: 1.1;
  margin: 0 0 0 0;
  font-weight:300;
  padding: 0 0 4% 0;
}

  .hp-4-col .col-item {
    float: left;
    width: 24.9%;
  }

}


/* line 91, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/susy-1.0.9/sass/susy/_media.scss */
.lt-ie9 .hp-4-col {
  overflow: hidden;
}
/* line 128, scss/base/_layout.scss */
.lt-ie9 .hp-4-col .col-item {
  float: left;
  width: 24.87%;
}


.introText10 {
  font-family:Arial, Helvetica, sans-serif;
  color: #202020;
    font-size: 14px !important;
  line-height: 1.4 !important;
  margin: 0 0 25px 0 !important;
  font-weight:200 !important;
}

.introText18 {
}

.introText20 {
  font-size:1.70em;
  letter-spacing:0.032em;
  font-family: 'Guardian Sans Web', Arial, sans-serif;
  font-weight:300;
  line-height: 1.4em;
  text-align: left;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-bottom: 1em;
}

.introList20 {
  font-family:Arial, Helvetica, sans-serif;
  color: #202020;
    font-size: 17px !important;
  line-height: 1.4 !important;
  margin: 0 0 11px 0 !important;
  font-weight:200 !important;
}


.mobileResize {
  font-size: 15px !important;
}

.introText25 {
  font-family: "Guardian Sans Web",sans-serif;
  color: #202020;
    font-size: 20px !important;
  line-height: 1.3 !important;
  margin: 0 0 10px 0 !important;
  font-weight:300 !important;
}

.introText23 {
  font-family:Arial, Helvetica, sans-serif;
  color: #202020;
    font-size: 17px !important;
  line-height: 1.3 !important;
  margin: 0 0 10px 0 !important;
  font-weight:200 !important;
}

.introText21 {
  font-family:Arial, Helvetica, sans-serif;
  color: #202020;
    font-size: 17px !important;
  line-height: 1.3 !important;
  margin: 0 0 10px 0 !important;
  font-weight:200 !important;
}


.introText30 {
  font-family: "Guardian Sans Web",sans-serif;
  color: #202020;
    font-size: 25px !important;
  line-height: 1.2 !important;
  margin: 0 0 0 0 !important;
  font-weight:200;
  padding: 0 0 30px 0 !important;
}

.introText35 {
  font-family: "Guardian Sans Web",sans-serif;
  color: #202020;
    font-size: 30px !important;
  line-height: 1.2 !important;
  margin: 0 0 0 0 !important;
  font-weight:200;
}

.introText40 {
  font-family: "Guardian Sans Web",sans-serif;
  color: #202020;
    font-size: 35px !important;
  line-height: 1.2 !important;
  padding: 8px 0px 6px 0px !important;
  margin: 0 0 0 0 !important;
  font-weight:200;
}

.introText45 {
  font-family: "Guardian Sans Web",sans-serif;
  color: #202020;
    font-size: 40px !important;
  line-height: 1.2 !important;
  margin: 0 0 0 0 !important;
  font-weight:200;
}

.introText50 {
    color: #202020;
    font-family: "Guardian Sans Web",sans-serif;
    font-size: 45px !important;
    font-weight: 200 !important;
    line-height: 1.2 !important;
    margin: 0 !important;
    padding: 0 15px !important;
}

.introText55 {
  font-family: "Guardian Sans Web",sans-serif;
  color: #202020;
    font-size: 50px !important;
  line-height: 1.2 !important;
  margin: 0 0 0 0 !important;
  font-weight:200;
}

.introText60 {
  font-family: "Guardian Sans Web",sans-serif;
  color: #202020;
    font-size: 55px !important;
  line-height: 1.2 !important;
  margin: 0 0 0 0 !important;
  font-weight:200;
}

.introText65 {
  font-family: "Guardian Sans Web",sans-serif;
  color: #202020;
    font-size: 60px !important;
  line-height: 1.2 !important;
  margin: 0 0 0 0 !important;
  font-weight:200;
}

.introText70 {
  font-family: "Guardian Sans Web",sans-serif;
  color: #202020;
    font-size: 60px !important;
  line-height: 1.2 !important;
  margin: 0 0 0 0 !important;
  font-weight:200;
}

.introText80 {
  font-family: "Guardian Sans Web",sans-serif;
  color: #202020;
    font-size: 60px !important;
  line-height: 1.2 !important;
  margin: 0 0 0 0 !important;
  font-weight:200;
}


.introText85 {
  font-family: "Guardian Sans Web",sans-serif;
  color: #202020;
    font-size: 60px !important;
  line-height: 1.2 !important;
  margin: 0 0 0 0 !important;
  font-weight:200;
}

.introText90 {
  font-family: "Guardian Sans Web",sans-serif;
  color: #202020;
    font-size: 60px !important;
  line-height: 1.2 !important;
  margin: 0 0 0 0 !important;
  font-weight:200;
}

.introText95 {
  font-family: "Guardian Sans Web",sans-serif;
  color: #202020;
    font-size: 60px !important;
  line-height: 1.2 !important;
  margin: 0 0 0 0 !important;
  font-weight:200;
}

.introText100 {
  font-family: "Guardian Sans Web",sans-serif;
  color: #202020;
    font-size: 60px !important;
  line-height: 1.2 !important;
  margin: 0 0 0 0 !important;
  font-weight:200;
}



/* Shadow Radial */
.shadow-radial {
  display: inline-block;
  position: relative;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.shadow-radial:before, .shadow-radial:after {
  pointer-events: none;
  position: absolute;
  content: '';
  left: 0;
  width: 100%;
  box-sizing: border-box;
  background-repeat: no-repeat;
  height: 4px;
  opacity: 0;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.shadow-radial:before {
  bottom: 100%;
  background: radial-gradient(ellipse at 50% 150%, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 50%);
}
.shadow-radial:after {
  top: 100%;
  background: radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
}
.shadow-radial:hover:before, .shadow-radial:focus:before, .shadow-radial:active:before, .shadow-radial:hover:after, .shadow-radial:focus:after, .shadow-radial:active:after {
  opacity: 1;
}


/* Some page and section specific styles for full width presentation */

.colBorderLeft {
    border-left: 1px solid #c2c2c2;
    padding-left: 20px;
}

.colBorderRight {
    border-right: 1px solid #c2c2c2;
    padding-right: 20px;
}

.line:before, .line:after {
    background: linear-gradient(to bottom, #9c9c9c, #9c9c9c) no-repeat scroll center center / 98% 1px rgba(0, 0, 0, 0);
    content: "";
    display: table-cell;
    width: 50%;
}

.line {
    color: #5e5f59 !important;
    display: table;
    font-family: "Guardian Sans Web",sans-serif;
    font-size: 16px !important;
    font-weight: 200 !important;
    white-space: nowrap;
}

.btnFull {
  width: 100%;
}

.btnMost {
  margin: 0 6%;
    width: 88%;
}

.btnBlue {
    background: none repeat scroll 0 0 #1d4b98 !important;
    color: white;
    font-size: 14px;
}

.btnBlue:hover{
  background:#6bbee3 !important;
}

.descriptionBlurb { display: none;}


ul.noBullet {
   list-style-type: none;
   margin-left: 0px !important;
   padding-left: 0px !important;
}

ul.noBullet a{
  display:block;
}

.skinnyLine {
    background: none repeat scroll 0 0 #9c9c9c;
    border: 0 none;
    height: 1px;
    margin: .6em 0;
}

.detail-how-its-done {
  display: none !important;
}

.consultingColumnForcedTall {
background: url("/sites/default/files/inline_image/bgconsultingbox.jpg") repeat-x center top;
padding: 30px 20px 10px 20px;
min-height: 280px;
margin-bottom: 20px;
}


.industryColumn {
background: url("/sites/default/files/inline_image/bg-vertical-columns.jpg") repeat-x center top;
padding: 30px 20px 10px 20px;
min-height: 250px;
margin-bottom: 20px;
}


.blueColumnTitle {
color: #1e97dc !important;
    font-family: "Guardian Sans Web",arial,sans-serif;
    font-size: 30px;
    font-weight: 300;
    line-height: 1.1;
    margin: 0;
    padding: 0 0 4%;
}



.blueColumnSubTitle {
color: #1e97dc !important;
    font-family: "Guardian Sans Web",arial,sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.1;
    margin: 0;
    padding: 0 0 4%;
}


.industryMenuDescription {
  font-size: 1.7em;
  line-height: 1.4em;
}

.industryMenuDescriptionList {
  font-size: 1.7em;
  line-height: 1.3em;
}


.overviewColumnSubTitle {
color: #0073bb !important;
    font-family: "Guardian Sans Web",arial,sans-serif;
    font-size: 24px;
    font-weight: 300;
    line-height: 1.1;
    margin: 0;
    padding: 0 0 4%;
}

@media (min-width: 45em) {

.overviewColumnSubTitle {
color: #0073bb !important;
    font-family: "Guardian Sans Web",arial,sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.1;
    margin: 0;
    padding: 0 0 4%;
}


.industryMenuDescription {
  font-size: 15px !important;
  line-height: 1.4 !important;
}

.industryMenuDescriptionList {
  font-size: 1.5em !important;
  line-height: 1.3em !important;
}

}




@media (min-width: 50em) {

.negativeMarginTop10 {
  margin-top: -10px !important;
}

.negativeMarginTop20 {
  margin-top: -20px !important;
}



  .featuredEnvironmental {
background: url("/sites/default/files/bg-featured.jpg") repeat-x center top;
padding: 20px 0 20px 0;
}




  .featuredCaseStudy-consulting {
background: url("/sites/default/files/inline_image/bg-featured-casestudy3.jpg") repeat-x center top;
padding: 20px 0 20px 0;
}

  .featuredCaseStudy-care-services {
background: url("/sites/default/files/inline_image/bg-featured-casestudy-care-services_3.jpg") repeat-x center top;
padding: 20px 0 20px 0;
}

  .featuredCaseStudy-technology {
background: url("/sites/default/files/inline_image/bg-featured-casestudy-technology_0.jpg") repeat-x center top;
padding: 20px 0 20px 0;
}

  .featuredCaseStudy-growth-services {
background: url("/sites/default/files/inline_image/bg-featured-casestudy-growth-services.jpg") repeat-x center top;
padding: 20px 0 20px 0;
}

.breadcrumb-0 {
  margin-left: 0px !important;
}


  .bgCasestudyGrowthServices {
  background: url("http://www.revana.com/collateral/images/bg-cs-growth-services.png") repeat-x center top;
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
  margin: 20px 0 20px 0;
  padding: 20px 0 20px 0;
}


.bgCasestudyTechnology {
  background: url("http://www.revana.com/collateral/images/bg-cs-technology.png") repeat-x center top;
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
  margin: 20px 0 20px 0;
  padding: 20px 0 20px 0;
}

.bgCasestudyConsulting {
  background: url("http://www.revana.com/collateral/images/bg-cs-consulting.png") repeat-x center top;
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
  margin: 20px 0 20px 0;
  padding: 12px 0 6px 0;
}

.bgCasestudyCareServices {
  background: url("http://www.revana.com/collateral/images/bg-cs-care-services.png") repeat-x center top;
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
  margin: 20px 0 20px 0;
  padding: 20px 0 20px 0;
}

.bgCasestudyIntegrated {
  background: url("http://www.revana.com/collateral/images/bg-cs-integrated.png") repeat-x center top;
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
  margin: 20px 0 20px 0;
  padding: 20px 0 20px 0;
}
}


.textCenter {
    text-align: center !important;
}
.textRight {
    text-align: right !important;
}

.paddingBottom0-md {
    padding-bottom: 0 !important;
}

.customFontThin {
    font-family: "Guardian Sans Web",arial,sans-serif;
    font-weight: 200 !important;
}



.overviewColumnTitle {
    color: #0073bb !important;
    font-family: "Guardian Sans Web",arial,sans-serif;
    font-size: 26px !important;
    font-weight: 300;
    line-height: 1.1em;
}

.overviewColumnSubTitle {
 color: #0073bb !important;
    font-family: "Guardian Sans Web",arial,sans-serif;
    font-size: 16px !important;
  text-transform: uppercase;
    font-weight: 400;
    line-height: 1.1em;
    padding-bottom: 0px !important;
}


.subContentListHeader {
  color: #202020;
    font-weight: 500 !important;
    line-height: 1.2em !important;
  margin-bottom: 0px !important;
  padding-bottom: 5px !important;
  padding-top: 10px;
  max-width: 560px;
}


.subContentListHeaderRightSide {
  color: #202020;
    font-weight: 500 !important;
    line-height: 1.2em !important;
  margin-bottom: 0px !important;
  padding-bottom: 5px !important;
  padding-top: 0px;
  max-width: 540px;
}


.general section {
    margin: 0 auto;
    max-width: 100%;
    position: relative;
}

.general .section-general-page {
    padding:0px;
  max-width: 100%;
}

.general .section-general-page p {
  font-size:1.8em;
  letter-spacing:0.032em;
  font-family: 'Guardian Sans Web', Arial, sans-serif;
  font-weight:300;
  line-height: 1.44em;
  text-align: left;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-bottom: 1.2em;
}


.featuredCaseStudy {
background: url("/sites/default/files/bg-teal-gradient.png") repeat-x center top;
padding: 20px 0 20px 0;
}

.subNavMenuSpace.stuck {
  position:fixed;
  top:0;
  box-shadow:0 2px 4px rgba(0, 0, 0, .4);
}



#cd-vertical-nav {
}

#cd-vertical-nav a.is-selected .cd-label {
    position: relative;
  color: #202020;
  font-weight: 400;
    width: 100%;
  height: 68px;
}

#cd-vertical-nav .cd-label {
  position: relative;
  color: #202020;
  font-weight: 400;
  width: 100%;
  height: 68px;
}

#cd-vertical-nav .highlightSpace {
  width: 100%;
  height: 68px;
  background: #fff;
}

#cd-vertical-nav a.is-selected .highlightSpace {
  width: 100%;
  height: 68px;
  background: #444;
}




a {
outline: 0;
}

a:hover {
outline: 0;
}
a:active {
outline: 0;
}
a:focus {
outline: 0;
}


.section-teal {
  background: url(/sites/default/files/bg-section-teal.png) repeat-x top center;
  background-attachment: cover;
    min-height: 500px;
  padding: 0px 0 10px 0;
}

.section-gray {
  background: url(/sites/default/files/bg-section-gray.png) repeat-x top center;
  background-attachment: cover;
    min-height: 500px;
  padding: 0px 0 10px 0;
}

.section-white {
  background: #fff;
  background-attachment: cover;
    min-height: 500px;
  padding: 0px 0 10px 0;
}

#subNavigationMenu {
    min-height: 121px;
  border-bottom: 1px solid #444;
}


#subNavigationPage {
  position: relative;
  z-index: 1;
}

#subNavigationPage h1 {
  font-family: "Guardian Sans Web",Arial,sans-serif;
    font-size: 3.4em;
    font-weight: 200;
    letter-spacing: 0.0225em;
    line-height: 1.4em;
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 0.4em;
    text-align: center;
}


.subNavMenuSpace p {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  font-size: 1.32em !important;
  line-height: 17px;
  height: 68px;
  color: #202020;
  font-family: "Guardian Sans Web",Arial,sans-serif;
  letter-spacing: .022em !important;
}



.midLineAlways {
  padding-top: 14px;
}


.midLine {
  padding-top: 14px;
}

/* sm specific styles */
@media (min-width: 768px) and (max-width: 991px) {
  .subNavMenuSpace p {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    font-size: 1.2em;
    line-height: 13px;
  }
  .midLine {
    padding-top: 5px;
  }
}

/* md specific styles */
@media (min-width: 992px) and (max-width: 1199px) {
  .subNavMenuSpace p {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    font-size: 1.3em;
    line-height: 15px;
  }
  .midLine {
    padding-top: 5px;
  }
}

.subNavMenuSpace p a {
  min-height: 69px;
  display:block;
}

.brandTeal {
  color: #007692 !important;
}


.brandTeal2 {
  color: #009f95 !important;
}


.brandBlue {
  color: #2ab8d0 !important;
}

.cta {
  padding-top: 10px;
}

.subNavHeadline {
  color: #007692;
  font-weight: 600;
  font-size: 1.9em;
}

.subNavListItems {
  position: absolute;
}

.cd-section {
  padding: 90px 0 0 0;
}

.cd-section-first {
  padding: 90px 0 0 0;
}

.subSectionHeadline {
  font-family: "Guardian Sans Web",Arial,sans-serif;
  font-weight: 300;
  letter-spacing: .0225em;
  line-height: 33px;
  text-align: center;
  font-size: 3.3em;
  padding-bottom: 10px;
  padding-top:20px;
}


.subNavSubheadline {
  color:  #202020;
  font-weight: 300;
  font-size: 3.4em;
  line-height: 1.2em;
  padding:8px 0 40px 0;
}

.introSection {
  height: 350px;
}

.colBorderRightNoPadding {
    border-right: 1px solid #b2b2b2;
    padding-right: 0px;
  margin-top: 4px;
}

.colBorderRightNoPadding2 {
    border-right: 1px solid #b2b2b2;
    padding-right: 0px;
    padding-left: 0px;
  margin-top: 4px;
}


.colBorderLeftNoPadding {
    border-left: 1px solid #b2b2b2;
    padding-left: 0px;
  margin-top: 4px;
}

.colTopPadding {
  margin-top: 4px;
}

.setSpace {
  min-height: 70px;
  width: 100%;
  background: #fff;
  padding-left: 15px;
  padding-right: 15px;
}



.topLine {
  padding-top: 5px;
}


.statsEmphasis {
    color: #007599 !important;
    font-weight: 500 !important;
    line-height: 1.05em !important;
    padding-bottom: 14px !important;
}

.subContentList {
  max-width: 520px;
  padding-left: 15px;
  padding-top:10px;
}

.statsEmphasisBox {
  border: 1px solid #444;
  padding: 22px 12px 10px 20px;
  max-width: 495px;
  margin-top: 20px;
  background:#fff;
}

.statsEmphasisBoxNoLine {
  border: 0px solid #444;
  padding: 22px 20px 10px 20px;
  max-width: 495px;
  margin-top: 20px;
}

.statsEmphasisBoxTop {
  border: 1px solid #444;
  padding: 13px 18px 9px 18px;
  max-width: 500px;
  margin-top: 2px;
  background:#fff;
}


.bold400 {
  font-weight: 400;
}
.bold500 {
  font-weight: 500;
}
.bold600 {
  font-weight: 600;
}

.featuredCaseStudyTitle {
  padding: 0 0 0 0 !important;
  margin: 0 0 0 0 !important;
  line-height: 1.25em !important;
  font-size: 1.82em !important;
}

.featuredCaseStudyLink {
  font-size: 1.5em !important;
  padding-top: 3px !important;
  margin: 0 0 0 0 !important;
}


.noDisc {
  list-style: outside none none !important;
}

.subNavListBullets {
  font-size: 1.63em !important;
    line-height: 29px !important;
    margin-bottom: 0 !important;
}


.blueFont {
  color: #00acc8 !important;
}

.bgOverviewNavTeal, .bgOverviewNavList {
  background: url(/sites/default/files/bg-teal-gradient.png) repeat-x top center;
    height: auto;
  min-height: 230px;
  padding-top: 20px;
  padding-bottom: 40px;
}





.buttonHoverMenuTrans p {
  color: #202020;
}
.buttonHoverMenuTrans p:hover {
  color: #202020;
}
.buttonHoverMenuTrans p:active {
  color: #202020;
}


.bgOverviewNavTeal p {
    font-size: 17px !important;
    line-height: 1.44em;
  font-family: "Guardian Sans Web",arial,sans-serif;
  font-weight: 300;
    letter-spacing:0.0225em;
  text-align: center !important;
}

.bgOverviewNavList p {
    font-size: 1.53em !important;
    line-height: 1.2em !important;
  font-family: "Guardian Sans Web",arial,sans-serif;
  font-weight: 300;
    letter-spacing:0.0225em;
  text-align: center !important;
}


.industryNavDescription {
    font-size: 1.7em;
    line-height: 1.44em;
  font-family: "Guardian Sans Web",arial,sans-serif;
  font-weight: 300;
    letter-spacing:0.0225em;
  text-align: center;
  color: #202020;
}

.industryNavTitle {
    font-size: 1.9em;
  color: #2086a6;
    line-height: 1.44em;
  font-family: "Guardian Sans Web",arial,sans-serif;
  font-weight: 300;
    letter-spacing:0.0225em;
  text-align: center;
}



.buttonHoverMenuTrans {
  margin: 0.3em 0 .4em 0;
  padding: .5em;
  cursor: pointer;
  background: transparent;
  min-height: 140px;
  text-decoration: none;
  color: #202020;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}


.shadow-radial-trans:hover {
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    display: inline-block;
    position: relative;
    transform: translateZ(0px);
  background-color: transparent;
}


/* Shadow Radial */
.shadow-radial-trans {
  display: inline-block;
  position: relative;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.shadow-radial-trans:before, .shadow-radial-trans:after {
  pointer-events: none;
  position: absolute;
  content: '';
  left: 0;
  width: 100%;
  box-sizing: border-box;
  background-repeat: no-repeat;
  height: 4px;
  opacity: 0;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.shadow-radial-trans:before {
  bottom: 100%;
  background: radial-gradient(ellipse at 50% 150%, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 50%);
}
.shadow-radial-trans:after {
  top: 100%;
  background: radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
}
.shadow-radial-trans:hover:before, .shadow-radial-trans:focus:before, .shadow-radial-trans:active:before, .shadow-radial-trans:hover:after, .shadow-radial-trans:focus:after, .shadow-radial-trans:active:after {
  opacity: 1;
}




.industryNavSectionTitle {
  color: #2086a6 !important;
    font-family: "Guardian Sans Web",arial,sans-serif;
    font-size: 2.4em;
    font-weight: 300;
    line-height: 1.1;
    margin: 0;
    padding: 0 0 4%;
  letter-spacing:0.0225em;
}


.blueHyperlink {
  color: #2c6bb3 !important;
}

.blueHyperlink:hover, .blueHyperlink:active {
  color: #6bbee3 !important;
}





.block {
  display: block;
}



.data-item{
    padding: 0px;
    color: #2c6bb3;
  text-align: center !important;
     font-size: 15px;
        letter-spacing:0.0225em;
}
.data-item:hover{
    padding: 0px;
    color: #6bbee3;
    transition: all 0.1s ease-in-out 0s;
   z-index: 99 !important;
   text-align: center !important;
       font-size: 15px;
        letter-spacing:0.0225em;
}

.data-item h2{
    font-size: 26px;
  line-height: 26px;
    color: #2086a6;
    font-weight: 400;
  padding-bottom: 10px;
  padding-top: 0px;
    font-family: "Guardian Sans Web",arial,sans-serif;
  text-align: center !important;
}
.data-item:hover h2{
    font-size: 26px;
  line-height: 26px;
    color: #2086a6;
    font-weight: 400;
  padding-bottom: 10px;
  padding-top: 0px;
    font-family: "Guardian Sans Web",arial,sans-serif;
  text-align: center !important;
}


.data-item h3{
    font-size: 15px;
  line-height: 20px;
    color: #202020;
    font-weight: 300;
  padding-bottom: 7px;
  padding: 0 18px 5px 18px;
    font-family: "Guardian Sans Web",arial,sans-serif;
  text-align: center !important;
}

.data-item:hover h3{
   font-size: 15px;
  line-height: 20px;
    color: #202020;
    font-weight: 300;
  padding-bottom: 7px;
  padding: 0 18px 5px 18px;
    font-family: "Guardian Sans Web",arial,sans-serif;
  text-align: center !important;
}




.data-item p{
    color: #0097ee;
}
.data-item:hover p{
    color: #0048ab;
}
.data-item:hover p:after{
content: "";
}



.data-text2 {
    color: #202020;
    font-family: "Guardian Sans Web",arial,sans-serif;
    font-size: 13px;
    font-weight: 300;
    line-height: 18px;
    padding-bottom: 5px;
  padding-left: 0px;
  padding-top: 10px;
}

.noStyle {
  text-decoration: none;
}

.noStyle:hover {
  text-decoration: none;
}



.data-01:hover{
    background:rgba(255,255,255,0.1);
    border-radius: 8px;
    }
.data-02:hover{
    background:rgba(201,201,201,0.1);
}




.widthMain {
    max-width: 1000px;
    margin: 0 auto;
    padding-left: 0;
      padding-right: 0;
  }



.subNavMenuSpace {
  text-align:left;
  background:url(/sites/default/files/bg-retail-banking-subnav.png)no-repeat top center;
    color:#eae2f2;
  width:100%;
  margin:0px auto 0 auto;
  padding: 0px 0 0 0;
  position: relative;
  z-index: 99;
  height: 110px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
}


.lt-ie9 .subNavMenuSpace {
  text-align:left;
  background:url(/sites/default/files/bg-retail-banking-subnav.png) no-repeat top center !important;
    color:#eae2f2;
  width:100%;
  margin:0px auto 0 auto;
  padding: 0px 0 0 0;
  position: relative;
  z-index: 99;
  height: 110px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
}


.setSpace:hover {
  background:url(/sites/default/files/bg-subnav-menu-active3.png) repeat-x bottom center;
}

.subContentQuoteBlock {
  background: #fff;
  padding: 17px 22px 17px 22px;
  border-top: 3px solid #00afc6;
  border-bottom: 3px solid #00afc6;
  max-width: 360px;
  margin-top: 4px;
}

.subContentQuoteBlock450 {
  background: #fff;
  padding: 17px 22px 17px 22px;
  border-top: 3px solid #00afc6;
  border-bottom: 3px solid #00afc6;
  max-width: 450px;
  margin-top: 4px;
}


.subContentQuoteBlock550 {
  background: #fff;
  padding: 17px 22px 17px 22px;
  border-top: 3px solid #00afc6;
  border-bottom: 3px solid #00afc6;
  max-width: 550px;
  margin-top: 4px;
}

.subContentQuoteBlockWide {
  background: #fff;
  padding: 17px 22px 17px 22px;
  border-top: 3px solid #00afc6;
  border-bottom: 3px solid #00afc6;
  max-width: 600px;
  margin-top: 4px;
}



.subContentQuoteBlock550 p{
  color: #6bbf1c !important;
  font-size: 2.6em !important;
  text-align: center !important;
  padding: 0px 0px 0px 0px!important;
  margin-bottom: 0px !important;
  margin-top: 0px !important;
  line-height: 34px !important;
}

.subContentQuoteBlock450 p{
  color: #6bbf1c !important;
  font-size: 2.6em !important;
  text-align: center !important;
  padding: 0px 0px 0px 0px!important;
  margin-bottom: 0px !important;
  margin-top: 0px !important;
  line-height: 34px !important;
}

.subContentQuoteBlockWide p{
  color: #6bbf1c !important;
  font-size: 2.6em !important;
  text-align: center !important;
  padding: 0px 0px 0px 0px!important;
  margin-bottom: 0px !important;
  margin-top: 0px !important;
  line-height: 34px !important;
}


.quoteSpot {
  font-size: 1.7em !important;
  margin: 0 0 0 0 !important;
  padding: 0 0 0 0 !important;
  color: #007692 !important;
  line-height: 1.2em !important;
}

.quoteSource {
  font-size: 12px !important;
  margin: 0 0 0 0 !important;
  padding: 6px 0 25px 0 !important;
}

.quoteHeadline {
  color: #6bbf1c !important;
  text-transform: none !important;
  font-weight: 300 !important;
  font-size: 2.5em !important;
}

.subContentQuoteBlock p{
  color: #6bbf1c !important;
  font-size: 2.65em !important;
  text-align: center !important;
  padding: 0px 0px 0px 0px!important;
  margin-bottom: 0px !important;
  margin-top: 0px !important;
  line-height: 30px !important;
}

.blockQuoteOuterSpacing {
  padding-left: 8%;
  padding-bottom: 5px;
}

.blockQuoteOuterSpacing2 {
  padding-left: 1%;
  padding-bottom: 5px;
}


.scrollToTop {
  display: none;
}


.featuredCaseStudyHeadline {
    font-size: 3.6em !important;
  padding-bottom: 10px !important;
  margin-bottom: 0px !important;
  font-family: "Guardian Sans Web",arial,sans-serif;
    font-weight: 200 !important;
  padding-top: 20px !important;
  text-align: left;
}






.caseStudyTinyHeadline {
    color: #202020;
    font-family: "Guardian Sans Web",sans-serif;
    font-size: 2.5em;
    font-weight: 200;
    margin-bottom: 0;
    margin-top: 0;
    text-align: left;
  letter-spacing: .0225em;
}

.caseStudyHeadline {
    color: #202020;
    font-family: "Guardian Sans Web",sans-serif;
    font-size: 5em;
    font-weight: 200;
    margin-bottom: 8px;
    margin-top: 0;
    text-align: left;
  letter-spacing: .032em;
  max-width: 1100px;
}

.caseStudySidebarHeadline {
    color: #202020;
    font-family: "Guardian Sans Web",sans-serif;
    font-size: 2.2em !important;
    font-weight: 300;
    line-height: 1.1 !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left;
}


.caseStudySidebarText {
    color: #202020;
    font-family: "Guardian Sans Web",sans-serif;
    font-size: 1.8em !important;
    font-weight: 300;
    line-height: 1.1 !important;
    margin: 0 0 22px !important;
    padding: 0 !important;
    text-align: left;
}


.colorConsulting {
  color: #008bb3 !important;
}

.colorCareServices {
  color: #e47425 !important;
}

.colorTechnology {
  color: #cf1c63 !important;
}

.colorGrowthServices {
  color: #24b009 !important;
}

.colorIntegrated {
  color: #30ced9 !important;
}


.descriptionBlurb {
    display: none !important;
}


.orangeText {
    color: #f06c22 !important;
}

.brandOrange {
   color: #f06c22 !important;
}

.bgOverviewNavOrange {
    background: url("/sites/default/files/bg-featured-casestudy-care-services.png") repeat-x scroll center top;
    height: auto;
    min-height: 230px;
    padding-bottom: 40px;
    padding-top: 20px;
}



.rteindent1 {
    font-family: "Guardian Sans Web",arial,sans-serif;
    font-size: 17px;
    font-weight: 300;
    line-height: 1.4em;
    padding-left: 50px;
    padding-right: 120px;
  padding-bottom: 14px;
}


.grayLink {
  color: #202020 !important;
}

.grayLink a {
  color: #202020 !important;
}

.grayLink a:hover {
  color: #6bbee3 !important;
}

.sidebar-heading {
  font-family: "Guardian Sans Web",arial,sans-serif;
  font-size: 22px;
    font-weight: 300;
    margin: 0;
    padding: 0;
}

/* xs specific styles */
@media (max-width: 767px) {
  #subscribe-box-container iframe {
    height: 140px;
  }

  div.subscribe-box-container {
    max-height: 280px;
  }
  .author-homepage #article-author-information .post-info  {
    font-family: "Guardian Sans Web";
    font-size: 17px;
    font-weight: 300;
    line-height: 22px;
    padding-top: 15px;
  }

  .paper_checkmark i {
    margin-bottom: 0px !important;
  }

  h1.paper_title {
    font-size: 33px !important;
    line-height: 40px !important;
  }

  .bgOverviewNavTeal .minHeight {
    min-height: 120px;
    padding-top: 20px;
  }

  .bgOverviewNavTeal {
    padding-bottom: 0px;
  }

  .bgOverviewNavList .minHeight {
    min-height: 120px;
    padding-top: 20px;
  }

  .bgOverviewNavList {
    padding-bottom: 0px;
  }

  .cd-section {
    padding: 20px 0 0;
  }

  .blockQuoteOuterSpacing {
    padding-left: 60px;
    padding-bottom: 20px;
    padding-top: 20px;
  }

  .statsEmphasisBox {
    max-width: 100%;
    margin-top: 40px;
  }

  .statsEmphasisBoxNoLine {
    max-width: 100%;
    margin-top: 40px;
  }

  .statsEmphasisBoxTop {
    max-width: 100%;
    margin-top: 40px;
  }

  #subContentSection h2 {
    margin-top: 10px
  }

  .home-abovefold-menu .hp-section-nav {
    border-left: 0px solid #4accc9;
    min-height: 130px;
    padding-left: 0px;
    padding-right: 0px;
  }

  .cd-section {
    padding: 0px 0 0 0 !important;
  }

  .subNavListBullets {
    font-size: 1.63em !important;
    line-height: 16px !important;
    margin-bottom: 0 !important;
    padding-bottom: 18px;
  }

  .subNavSubheadline {
    color: #202020;
    font-size: 3.4em;
    font-weight: 300;
    line-height: 1.2em;
    padding: 8px 0 0px;
  }

  .blockQuoteOuterSpacing {
    padding-bottom: 20px;
    padding-left: 0 !important;
    padding-top: 20px;
  }

  .subContentQuoteBlock {
    max-width: 100% !important;
  }

  .subContentQuoteBlock450 {
    max-width: 100% !important;
  }

  .subContentQuoteBlock550 {
    max-width: 100% !important;
  }

  .subContentQuoteBlockWide {
    max-width: 100% !important;
  }

  .pressroom-main .section-pressroom .recent-pr-container {
    padding: 0;
  }

  .pressroom-main .section-pressroom .in-the-news-contain {
    padding: 0!important;
  }

  .pressroom-main .section-pressroom #pressroom-sidebar {
    padding: 0;
  }

  #subscribe-box-container {
    border-bottom: 1px solid #fff;
  }

  footer.footer {
    padding: 20px 20px 10px;
  }
}

/* sm specific styles */
@media (min-width: 768px) and (max-width: 991px) {
  #subscribe-box-container iframe {
    height: 95px;
  }

  h1.paper_title {
    font-size: 44px !important;
    line-height: 50px !important;
  }

  .subNavListBullets {
    font-size: 1.63em !important;
    line-height: 16px !important;
    margin-bottom: 0 !important;
    padding-bottom: 18px;
  }
  .pressroom-main .section-pressroom {

  }

  .pressroom-main .section-pressroom .featured {
    padding: 0 20px 0 35px;
  }

  .pressroom-main .section-pressroom .nr-content {
    padding: 0 20px 0 25px;
  }

  .pressroom-main .section-pressroom .featured-items .subsection-item-title {
    margin-left: 15px;
  }

  .pressroom-main .section-pressroom .recent-pr-container {
    padding-left: 0;
  }

  .pressroom-main .section-pressroom .in-the-news-contain {
    padding: 0;
  }

  .pressroom-main .section-pressroom #pressroom-sidebar {
    padding: 0;
  }

  .pressroom-main .section-pressroom #pressroom-sidebar h2.subsection-item-title {
    margin-bottom: 20px;
  }
}

/* md specific styles */
@media (min-width: 992px){
  .pressroom-main .section-pressroom {

  }

  .pressroom-main .section-pressroom .nr-content {
    padding: 0 25px 0 0;
  }

  .pressroom-main .section-pressroom .featured-items .featured-item:first-of-type {
    padding: 0 30px 0 0;
  }

  .pressroom-main .section-pressroom .featured-items .featured-item:last-child {
    padding: 0 0 0 30px;
  }

  .pressroom-main .section-pressroom .recent-pr-container{
    padding: 0 30px 0 0;
    border-right: 1px solid #c2c2c2;
  }

  .pressroom-main .section-pressroom .in-the-news-contain{
    padding: 0 30px;
  }

  .pressroom-main #pressroom-sidebar {
    border-left: 1px solid #c2c2c2;
    padding-right: 0px;
  }

  .pressroom-main #pressroom-sidebar .col-md-12 {
    padding: 0!important;
    border: 0!important;
  }

  .pressroom-main .row {
    margin-left: 0px;
    margin-right: 0px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {}

/* lg specific styles */
@media (min-width: 1200px) {}

/* xlg specific styles */
@media (min-width: 1500px) {}



@media (min-width: 1200px) {
.widthMain {
      max-width: 1000px;
  }
}

/* xlg specific styles */
@media (min-width: 1500px) {
.widthMain {
    max-width: 1200px;
  }
}

.thumbShadow {
  box-shadow: 3px 5px 11px #9b9b9b;
  -moz-box-shadow: 3px 5px 11px #9b9b9b;
  -webkit-box-shadow: 3px 5px 11px #9b9b9b;
}

@media (min-width: 768px) {
  .noThumbShadow {
    padding-right: 0px;
  }
}

.footnote {
  font-size: 12px !important;
  padding: 20px 0 20px 0 !important;
  text-align: right !important;
}

.formBox {
  -moz-box-shadow: 3px 5px 11px #9b9b9b;
  -webkit-box-shadow: 3px 5px 11px #9b9b9b;
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 3px 8px 10px #777;
  padding: 15px 15px 0 15px;
  margin-bottom: 80px;
}

h1.paper_title {
  font-family: "Guardian Sans Web",arial,sans-serif;
  font-size: 5.2em;
  font-weight: 200;
  letter-spacing: .033em;
  line-height: 60px;
  margin-bottom: 0;
  margin-top: 10px;
  padding: 10px 0 0 0;
  text-align: center;
}

.paper_subhead {
  color: #2b7c8d;
  font-family: 'Guardian Sans Web', Arial, sans-serif;
  font-size: 2.3em;
  font-weight: 300;
  letter-spacing: 0.033em;
  line-height: 1.4em;
  margin: 0;
  padding: 5px 0 0 0;
  text-align: left;
}

p.paper_checkmark {
  font-size: 1.7em;
  padding: 0 10px 0 0;
  margin-bottom: 20px;
}

.paper_checkmark i{
  background-image: url('/sites/all/themes/main/img/icon-checkmark.png');
  width: 25px;
  height: 25px;
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}

/*blog posts related content*/
div.related-content-full {
  max-width: 1280px;
  padding: 0 35px;
  margin: 20px auto 50px auto;
}

div.related-content-full .title {
  font-size: 26px;
  text-align: center;
  margin: 20px 0;
  font-weight: 300;
}

div.blog-item-related-content {
  font-size: 1.7em;
  font-weight: 300;
  margin-bottom: 15px;
  padding-left: 0;
  text-align: center;
}

div.blog-item-related-content img {
  height: 200px;
  width: auto;
  margin-bottom: 10px;
}

.node-type-blog div.blog-item-related-content a:focus {
  text-decoration: underline;
}

.node-type-blog div.blog-item-related-content a:focus img {
  outline: 1px solid #2b3a42;
}

div.blog-item-related-content div.field.field-name-field-image {
  height: 230px;
}

/* START - RELATED CONTENT SLIDEIN FEATURE DISPLAY */

.related-content-slidein-content {
  text-align: center;
}

.related-content-slidein-content.active {
  visibility: visible;
}

.related-content-slidein h3 {
  font-family: 'Guardian Sans Web-Black',arial,sans-serif !important;
  letter-spacing: .033em !important;
  color: #3f5665 !important;
  font-size: 32px;
  line-height: 38px;
  font-weight: 900;
  padding-bottom: 0;
  text-align: center;
}


.related-content-slidein .related-content-slidein-close,
.related-content-slidein .related-content-slidein-tab {
  display: none;
}

.related-content-slidein .related-slide-headline {
  color: #ee5625;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
}

.related-content-slidein .related-slide-body p {
  color: #293c42;
  font-size: 20px;
  line-height: 23px !important;
  font-weight: 400;
  margin: 10px 0 15px 0;
}

.related-content-slidein .related-slide-cta {
  display: inline-block;
  background: #f15524;
  color: white;
  padding: 9px 22px;
  font-weight: 600;
  font-size: 14px;
  border: 1px solid #f15524;
  transition: all .4s ease;
}

.related-content-slidein .related-slide-cta:hover {
  background: #ffffff;
  color: #f15524;
}

@media (max-width: 767px) {
  .related-content-slidein-content {
    padding: 20px 30px;
  }
  .related-content-slidein .related-slide-headline {
    font-size: 17px;
  }
}

@media (min-width: 768px) {
  .related-content-slidein {
    position: fixed;
    top: 45vh;
    bottom: auto;
    right: 15px;
    z-index: 1000;
  }
  .related-content-slidein-content {
    width: 380px;
    border: 1px solid #aaa;
    background: #fff;
    box-shadow: 2px 2px 10px 3px #aaa;
    text-align: left;
    padding: 20px;
    position: absolute;
    top: 0;
    right: 0px;
    visibility: hidden;
  }

  .related-content-slidein .related-content-slidein-tab {
    position: absolute;
    top: -40px;
    right: -80px;
    color: #fff;
    border: 1px solid #aaa;
    background: #aaa;
    height: 40px;
    padding: 8px;
    width: 40px;
    cursor: pointer;
    display: block;
    font-size: 40px;
    line-height: 15px;
    font-weight: 300;
    text-align: center;
    z-index: 2;
    -ms-user-select: none;
      user-select: none;
    visibility: hidden;
    opacity: 0;
    transition: right .25s ease .75s, opacity .25s ease .75s, background .25s ease 0s;
  }

  .related-content-slidein .related-content-slidein-tab:hover {
    background: #666;
    border: 1px solid #666;
  }

  .related-content-slidein .related-content-slidein-tab.fade-in-tab {
    right: 0px;
    visibility: visible;
    opacity: 1;
  }

  .related-content-slidein .related-content-slidein-tab .slidein-tab-icon {
    transition: all .4s ease;
    display: inline-block;
  }

  .related-content-slidein .related-content-slidein-tab .slidein-tab-icon.slidein-tab-closed {
    transform: scaleX(-1);
  }

  .related-content-slidein .related-content-slidein-close {
    position: absolute;
    top: 5px;
    right: 5px;
    color: #666666;
    border: 1px solid #aaaaaa;
    height: 20px;
    width: 20px;
    cursor: pointer;
    display: block;
    font-size: 18px;
    text-align: center;
    line-height: 16px;
  }

  .related-content-slidein .related-slide-body p {
    font-weight: 600;
  }
}

@media (min-width: 1600px) {
  .related-content-slidein-content {
    width: 420px;
  }
  .related-content-slidein .related-slide-body p {
    font-size: 22px;
    line-height: 25px !important;
  }
}

@keyframes related-content-slideInRight{
	0%{
		opacity:0;
		transform:translateX(1250px)
}
	to{
		transform:translateX(0)
}
}
.related-content-slideInRight{
	animation-name:related-content-slideInRight
}


@keyframes related-content-slideOutRight{
	0%{
		transform:translateX(0)
}
	to{
		opacity:0;
		transform:translateX(1250px)
}
}
.related-content-slideOutRight{
	animation-name:related-content-slideOutRight
}



/* END - RELATED CONTENT SLIDEIN FEATURE DISPLAY */

/* START - UPDATED RELATED CONTENT VIEW */

.related-content-view .view .view-content {
  width: auto;
}

.related-content-view h3 {
  font-family: 'Guardian Sans Web-Black',arial,sans-serif !important;
  letter-spacing: .033em !important;
  color: #2a3a42 !important;
  font-size: 40px;
  line-height: 44px;
  font-weight: 900;
  padding-bottom: 0;
  text-align: center;
}

.related-content-view .related-content-view-card {
  box-shadow: 0 0 25px 0 rgba(0,0,0,.2);
  background: #ffffff;
  transition: all .4s ease;
}

.related-content-view.slider .related-content-view-card {
  box-shadow: none;
  border: 1px solid #ccc;
}

.related-content-view .related-content-view-card:hover {
  background: #3a89b5;
}

.related-content-view .related-content-view-card > a {
  display: block;
}

.related-content-view .related-content-view-card .related-content-view-image {
  display: block;
}

.related-content-view .related-content-view-card .related-content-view-image img {
  width: 100%;
}

.related-content-view .related-content-view-card .related-content-view-type {
  display: block;
  padding: 30px 20px 0px 20px;
  color: #ff530d;
  font-size: 14px;
  line-height: 1.3em;
  font-weight: 600;
  text-transform: uppercase;
  transition: all .4s ease;
}

.related-content-view .related-content-view-card a:hover .related-content-view-type {
  color: #ffffff;
}

.related-content-view .related-content-view-card .related-content-view-title {
  display: block;
  padding: 10px 20px 30px 20px;
  font-size: 18px;
  line-height: 1.3em;
  transition: all .4s ease;
}

.related-content-view .related-content-view-card a:hover .related-content-view-title {
  color: #ffffff;
}

.related-content-view .related-content-view-card .related-content-view-cta {
  display: block;
  padding: 10px 20px 30px 20px;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 1.3em;
  transition: all .4s ease;
}

.related-content-view .related-content-view-card a:hover .related-content-view-cta {
  color: #ffffff;
}

.related-content-view .related-content-view-card .related-content-view-cta .fa-caret-right {
  font-size: 18px;
  vertical-align: middle;
  line-height: 25px;
  margin-left: 5px;
  color: #ff530d;
  transition: all .4s ease;
}

.related-content-view .related-content-view-card a:hover .related-content-view-cta .fa-caret-right {
  color: #ffffff;
  margin-left: 10px;
}

@media (min-width: 768px) {
  /* Equal column heights */
  .related-content-view .view .view-content {
    display:flex;
    flex-flow:row;
    width: 100%;
  }
  .related-content-view.slider .slick-track {
    display:flex;
    flex-flow:row;
  }
  /* Give space for box-shadow with slider version */
  .related-content-view.slider .related-content-view-card {
    margin: 30px;
    height: auto;
    box-shadow: 0 0 25px 0 rgba(0,0,0,.2);
    border: 0;
  }
  .related-content-view .related-content-view-card {
    height: 100%;
  }
  .related-content-view .related-content-view-card > a {
    height: 100%;
    padding-bottom: 45px;
  }
  .related-content-view.slider .related-content-view-card .related-content-view-cta {
    position: absolute;
    bottom: 45px;
    padding: 0 20px;
  }
  .related-content-view .related-content-view-card .related-content-view-cta {
    position: absolute;
    bottom: 20px;
    padding: 0 20px;
  }
  .related-content-view.slider ul.slick-dots li {
    margin: 0 2px !important;
  }
  .related-content-view.slider ul.slick-dots li button { 
    width: 30px;
    height: 30px;
  }
  .related-content-view.slider ul.slick-dots li button:before { 
    width: 19px;
    height: 19px;
  }
}

@media (min-width: 1200px) {
  .related-content-view .related-content-view-card {
    margin: 0 10px;
  }
  .related-content-view.slider .related-content-view-card {
    margin: 30px;
    height: auto;
  }
  .related-content-view .related-content-view-card .related-content-view-type {
    font-size: 15px;
  }
  .related-content-view .related-content-view-card .related-content-view-title {
    font-size: 25px;
  }
}


/* END - UPDATED RELATED CONTENT VIEW */

/* START - RELATED CONTENT VIEW DISPLAY
@media (min-width: 768px) {
  .related-content-view {
    margin-top: 40px !important;
  }
}

.related-content-view p {
  font-size: 19px !important;
  line-height: 26px !important;
  font-weight: 600 !important;
  margin: 20px 0 10px 0;
  color: #ff530d;
  text-align: center;
}

.related-content-view h3 {
  font-family: 'Guardian Sans Web-Black',arial,sans-serif !important;
  letter-spacing: .033em !important;
  color: #3f5665 !important;
  font-size: 32px;
  line-height: 38px;
  font-weight: 900;
  padding-bottom: 0;
  text-align: center;
}

.related-content-view h5 {
  font-size: 22px !important;
  line-height: 30px !important;
  font-weight: 500 !important;
  text-align: center;
}

.related-content-view h5 a {
  color: #2b3a42;
}

.related-content-view h5 a:hover {
  color: #f15523;
}

@media (min-width: 768px) and (max-width: 1024px) {
  .related-content-view p {
    font-size: 16px !important;
    line-height: 23px !important;
    margin: 20px 0 10px 0;
  }

  .related-content-view h5 {
    font-size: 18px !important;
    line-height: 25px !important;
  }
}

@media (min-width: 768px) {
  .related-content-view {
    margin-top: 60px !important;
  }
  .related-content-view h3 {
    font-size: 32px;
    line-height: 38px;
  }
}
@media (min-width: 992px) {
  .related-content-view h3 {
    font-size: 36px;
    line-height: 42px;
  }
}
@media (min-width: 1200px) {
  .related-content-view {
    margin-top: 100px !important;
  }
  .related-content-view h3 {
    font-size: 38px;
    line-height: 43px;
  }
}
END - RELATED CONTENT VIEW DISPLAY */

div.field-name-field-type-content,
div.field-name-field-url-content {
  margin-bottom: 8px;
}

div.field-name-field-type-content a {
  font-size: 18px;
  font-weight: bold;
  color: #F15523;
}

div.field-name-field-url-content {
  font-size: 18px;
  font-weight: 400;
  max-width: 70%;
  color: #333;
  margin: 0 auto;
}

div.field-name-field-url-content a {
  color: #333;
}

.author-homepage #article-author-information .post-info {
  font-family: "Guardian Sans Web";
  font-size: 24px;
  font-weight: 300;
  line-height: 32px;
  padding-top: 20px;
}

.author-homepage #article-author-information .post-info {
  max-width: 400px !important;
}


.social-icons .icon {
    color: white;
    font-size: 20px !important;
    padding: 0 1px !important;
}






/* ==========================================================================
   Slick Slider styles
   ========================================================================== */


.slick-slider
{
    position: relative;

    display: block;

    -moz-box-sizing: border-box;
         box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
	padding: 0;
}



.slider-nav .slick-track {
	left: 0px !important;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

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

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
    height: auto;
    min-height: 1px;
}


[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slideAA 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;
}


/* Slider */
.slick-loading .slick-list
{
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('fonts/slick.eot');
    src: url('fonts/slick.eot?#iefix') format('embedded-opentype'), url('fonts/slick.woff') format('woff'), url('fonts/slick.ttf') format('truetype'), url('fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    margin-top: -35px;
    width: 36px;
    height: 70px;
    padding: 0;
    margin-top: -10px\9; /*lte IE 8*/
    cursor: pointer;
	opacity: .25;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-next:hover
{
    color: transparent;
    outline: none;
	opacity: .8;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}


.slick-prev:before,
.slick-next:before
{
    font-family: Helvetica, Arial, sans-serif;
    font-size: 40px;
    line-height: 30px;
	height: 36px;
	width: 70px;
    opacity: .25;
    color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
    left: 0% !important;
	color: #fff !important;
	z-index: 1;
}
.slick-next {
    right: 0% !important;
	color: #fff !important;
	z-index: 1;
}


/* lg sizes and above only */
@media (min-width: 1280px) {
.slick-prev {
    left: 2% !important;
	color: #fff !important;
	z-index: 1;
}
.slick-next {
    right: 2% !important;
	color: #fff !important;
	z-index: 1;
}
}


.sideToSideRightArrow {
	background: url("/sites/default/files/sidetosiderightarrow-sm.png");
}
.sideToSideLeftArrow {
	background: url("/sites/default/files/sidetosideleftarrow-sm.png");
}


.rightArrowWhite {
	background: url("/sites/default/files/sidetosiderightarrow-sm.png") !important;
}
.leftArrowWhite {
	background: url("/sites/default/files/sidetosideleftarrow-sm.png") !important;
}


.rightArrowGray {
	background: url("/sites/default/files/arrow-right-gray-sm.png") !important;
}
.leftArrowGray {
	background: url("/sites/default/files/arrow-left-gray-sm.png") !important;
}

.rightArrowWhiteSmall {
	background: url("/sites/default/files/sidetosiderightarrow-sm.png") !important;
}
.leftArrowWhiteSmall {
	background: url("/sites/default/files/sidetosideleftarrow-sm.png") !important;
}
.rightArrowGraySmall {
	background: url("/sites/default/files/arrow-right-gray-sm.png") !important;
}
.leftArrowGraySmall {
	background: url("/sites/default/files/arrow-left-gray-sm.png") !important;
}


.rightArrowGrayWithWhite {
	background: url("/sites/default/files/arrow-right-gray-with-white-shadow.png") !important;
}
.leftArrowGrayWithWhite {
	background: url("/sites/default/files/arrow-left-gray-with-white-shadow.png") !important;
}

.rightArrowGrayWithBlack {
	background: url("/sites/default/files/arrow-right-gray-with-black-shadow.png") !important;
}
.leftArrowGrayWithBlack {
	background: url("/sites/default/files/arrow-left-gray-with-black-shadow.png") !important;
}

.rightArrowWhiteSmall {
	background: url("/sites/default/files/sidetosiderightarrow-sm.png") !important;
}
.leftArrowWhiteSmall {
	background: url("/sites/default/files/sidetosideleftarrow-sm.png") !important;
}
.rightArrowGraySmall {
	background: url("/sites/default/files/arrow-right-gray-sm.png") !important;
}
.leftArrowGraySmall {
	background: url("/sites/default/files/arrow-left-gray-sm.png") !important;
}


/* md sizes and above only */
@media (min-width: 992px) {

	.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    margin-top: -53px;
    width: 55px;
    height: 110px;
    padding: 0;
    margin-top: -10px\9; /*lte IE 8*/
    cursor: pointer;
	opacity: .5;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}

.slick-prev:before,
.slick-next:before
{
    font-family: Helvetica, Arial, sans-serif;
    font-size: 40px;
    line-height: 30px;
	height: 153px;
	width: 76px;
    opacity: .4;
    color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
    left: 2% !important;
	color: #fff !important;
	z-index: 1;
}
.slick-next {
    right: 2% !important;
	color: #fff !important;
	z-index: 1;
}


.relatedContent-prev {
    left: -1% !important;
}

.relatedContent-next {
    right: -1% !important;
}


.sideToSideRightArrow {
	background: url("/sites/default/files/sidetosiderightarrow.png");
}
.sideToSideLeftArrow {
	background: url("/sites/default/files/sidetosideleftarrow.png");
}

.rightArrowWhite {
	background: url("/sites/default/files/sidetosiderightarrow.png") !important;
}
.leftArrowWhite {
	background: url("/sites/default/files/sidetosideleftarrow.png") !important;
}
.rightArrowGray {
	background: url("/sites/default/files/arrow-right-gray.png") !important;
}
.leftArrowGray {
	background: url("/sites/default/files/arrow-left-gray.png") !important;
}

.rightArrowWhiteSmall {
	background: url("/sites/default/files/sidetosiderightarrow-sm.png") !important;
}
.leftArrowWhiteSmall {
	background: url("/sites/default/files/sidetosideleftarrow-sm.png") !important;
}
.rightArrowGraySmall {
	background: url("/sites/default/files/arrow-right-gray-sm.png") !important;
}
.leftArrowGraySmall {
	background: url("/sites/default/files/arrow-left-gray-sm.png") !important;
}


.rightArrowGrayWithWhite {
	background: url("/sites/default/files/arrow-right-gray-with-white-shadow.png") !important;
}
.leftArrowGrayWithWhite {
	background: url("/sites/default/files/arrow-left-gray-with-white-shadow.png") !important;
}

.rightArrowGrayWithBlack {
	background: url("/sites/default/files/arrow-right-gray-with-black-shadow.png") !important;
}
.leftArrowGrayWithBlack {
	background: url("/sites/default/files/arrow-left-gray-with-black-shadow.png") !important;
}

.rightArrowWhiteSmall {
	background: url("/sites/default/files/sidetosiderightarrow-sm.png") !important;
}
.leftArrowWhiteSmall {
	background: url("/sites/default/files/sidetosideleftarrow-sm.png") !important;
}
.rightArrowGraySmall {
	background: url("/sites/default/files/arrow-right-gray-sm.png") !important;
}
.leftArrowGraySmall {
	background: url("/sites/default/files/arrow-left-gray-sm.png") !important;
}

}



@media (min-width: 1340px) {
.relatedContent-prev {
    left: -3% !important;
}

.relatedContent-next {
    right: -3% !important;
}
}

@media (min-width: 1400px) {
.relatedContent-prev {
    left: -4% !important;
}

.relatedContent-next {
    right: -4% !important;
}
}


@media (min-width: 1600px) {
.relatedContent-prev {
    left: -4% !important;
}

.relatedContent-next {
    right: -4% !important;
}
}

@media (min-width: 1700px) {
.relatedContent-prev {
    left: -4% !important;
}

.relatedContent-next {
    right: -4% !important;
}
}



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

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


/* Dots */




	.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 25px;
    height: 20px;
    margin: 7px;
    padding: 0;

    cursor: pointer;
}





.slick-dots li button:before
{
    font-family: Helvetica, Arial, sans-serif;
    font-size: 40px;
    line-height: 30px;

    position: absolute;
    top: 0;
    left: 0;

    width: 18px;
    height: 22px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slider-for .slick-dots li button:before
{
    font-family: Helvetica, Arial, sans-serif;
    font-size: 40px;
    line-height: 30px;

    position: absolute;
    top: 0;
    left: 0;

    width: 18px;
    height: 22px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: #fff;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slider-for .slick-dots li.slick-active button:before
{
    opacity: .75;
    color: #fff;
}



.slick-dots
{
    position: absolute;
    bottom: -44px;
    display: block;
    width: 100%;
    padding: 0;
    list-style: none;
    text-align: center;
	margin: 0px !important;
	left: 0px;
}

/* sm sizes and above only */
@media (min-width: 768px) {
	.slick-dots {
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 4px 0 0px 0;
    list-style: none;
    text-align: center;
	margin: 0px !important;
	left: 0px;
	background: #1a9ad6;
}
}
/* md sizes and above only */
@media (min-width: 992px) {


	.slick-dots {
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 10px 0 0px 0;
    list-style: none;
    text-align: center;
	margin: 0px !important;
	left: 0px;
	background: #1a9ad6;
}


	.slick-dots li {
    position: relative;
    display: inline-block;
    width: 25px;
    height: 20px;
    margin: 0px;
    padding: 0;
    cursor: pointer;
}
	.slick-dots li button:before {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 40px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: .25;
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


}
.slick-slider
{
    margin-bottom: 0px;
}



.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 25px;
    height: 25px;
    padding: 0px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}






.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

.slider-for .slick-slide {
	    height: 400px;
		    padding: 35px 0 20px 0;
}

.what-we-do .slick-slide {
	    height: 500px;
		    padding: 40px 0 40px 0;
    display: table;
}


/* sm specific styles */
@media (min-width: 768px) and (max-width: 991px) {
	.slider-for .slick-slide {
	    height: 450px;
		    padding: 35px 0 20px 0;
}
}

/* xlg styles only */
@media (min-width: 1600px) {
	.slider-for .slick-slide {
	    height: 550px;
		    padding: 70px 0 20px 0;
}

.what-we-do .slick-slide {
	    height: 620px;
		    padding: 40px 0 40px 0;
}
}





/* ==========================================================================
   start animate.css
   Version - 3.5.1 Licensed under the MIT license -
   http://opensource.org/licenses/MIT Copyright (c) 2016 Daniel Eden
   ========================================================================== */



.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

@-webkit-keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

@keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes flash {
  from, 50%, to {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  from, 50%, to {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none;
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

@keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none;
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}

@-webkit-keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);

  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}

.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  from {

    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

@keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  to {
    opacity: 0;
  }
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  to {
    opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}







/* ==========================================================================
   contentPage specific styles
   ========================================================================== */


#contentPage {
	padding: 0px 0 0 0;
}

#contentPageOFF h3 {
	color: #202020;
    display: block;
    font-family: "Guardian Sans Web",arial,sans-serif !important;
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 0.022em;
    line-height: 33px;
    padding: 10px 0px 10px;
}

#contentPageOFF h4 {
	color: #202020;
    display: block;
    font-family: "Guardian Sans Web",arial,sans-serif !important;
    font-size: 28px;
    font-weight: 400;
    letter-spacing: 0.022em;
    line-height: 33px;
    padding: 0px;
	margin: 0px;
}


.fancybox-wrap {
	-webkit-overflow-scrolling: touch !important;
}

#fancybox-frame {
	overflow: scroll !important;
	-webkit-overflow-scrolling: touch !important;
}




.whiteBG-container {
    clear: both;
    display: table;
    height: 300px;
    margin: -1px 0 0 0;
    padding: 0;
    width: 101%;
	background-repeat: no-repeat !important;
    background-attachment: scroll !important;
    background-size: cover !important;
}


.whiteBG-content {
    display: table-cell;
    position: relative;
    text-align: center;
    vertical-align: middle;
    max-width: 1280px;
    padding: 0 12px 0 12px;
    margin: 0 auto 0 auto;
}


@media (min-width: 992px) {
.whiteBG-container {
    height: 520px;
}
}

/* xlg sizes and above */
@media (min-width: 1600px) {
.whiteBG-container {
    height: 560px;
}
}


/* xxlg sizes and above */
@media (min-width: 1800px) {
.whiteBG-container {
    height: 600px;
}

.whiteBG-content {
    max-width: 1380px;
}
}


.rcCat {
	font-size: 15px !important;
	line-height: 27px !important;
    font-family: "Guardian Sans Web",Arial,sans-serif;
	letter-spacing: .03em;
	font-weight: 400 !important;
	padding: 0;
	margin: 0px
}

.rcHeadline {
	font-size: 32px;
	line-height: 34px;
    font-family: "Guardian Sans Web",Arial,sans-serif;
	letter-spacing: .03em;
	font-weight: 300;
	padding: 0px 0 10px 0;
}


.h2cpHeadline {
	font-size: 30px;
	line-height: 34px;
    font-family: "Guardian Sans Web",Arial,sans-serif;
	letter-spacing: .03em;
	font-weight: 300;
	padding: 10px 10px 0px 10px;
	padding-bottom: 0px !important;
	margin-bottom: 0px !important;
}

.relatedThoughtLeadershipTitle {
	display: none !important;
}

.relatedThoughtLeadership {
  font-family: 'Guardian Sans Web-Black',arial,sans-serif !important;
  letter-spacing: .033em !important;
  color: #2a3a42 !important;
  font-size: 40px;
  line-height: 44px;
  font-weight: 900;
  padding-bottom: 0;
  text-align: center;
}


.checkmarkListGray {
margin-top: 0px;
}




@media (min-width: 768px) {
.checkmarkListGray {
margin-left: 0;
padding-left: 0;
list-style: none;
margin-top: 0px;
}

.checkmarkListGray li {
padding-left: 30px;
background-image: url("/sites/default/files/icon-checkmark-gray.png");
background-repeat: no-repeat;
background-position: 0px 0px;
line-height: 25px;
margin: 0 0 15px 0;
}

	.rcHeadline {
	font-size: 39px;
	line-height: 45px;
    font-family: "Guardian Sans Web",Arial,sans-serif;
	letter-spacing: .03em;
	font-weight: 300;
	padding: 0px 0 10px 0;
}

	.h2cpHeadline {
	font-size: 37px;
	line-height: 45px;
    font-family: "Guardian Sans Web",Arial,sans-serif;
	letter-spacing: .03em;
	font-weight: 300;
	padding: 10px 0 10px 0;
}

}



.contactFormPopup {
width: 100%;
}
.contactFormPopup iframe {
height: 900px;
}

.contactUsPopupText {
text-align: center;
font-size: 20px !important;
font-weight: 500 !important;
padding: 0px !important;
margin: 0px !important;
font-family: verdana,sans-serif !important;
color: #000 !important;
text-transform: uppercase !important;
}

@media (min-width: 720px){

.contactUsPopupText {
text-align: center !important;
font-size: 24px !important;
}


.contactFormPopup {
width: 96% !important;
height: 570px !important;
}

.contactFormPopup iframe {
height: 530px !important;
width: 660px !important;
}
}


@media (min-width: 1500px){
  .contactFormPopup {
    width: 96% !important;
    height: 570px !important;
  }
  .contactFormPopup iframe {
    height: 530px !important;
    width: 660px !important;
  }
}

.cs-inline-contact-form {
  width: 100%
}
.cs-inline-contact-form iframe {
  height: 680px;
  display: block; 
  margin: 0 auto;
  border: 0; 
  border-image: none;
}
@media (min-width: 720px) {
  .cs-inline-contact-form {
    width: 100% !important;
  }
  .cs-inline-contact-form iframe {
    height: 460px !important;
    width: 590px !important;
  }
}
.cs-inline-contact-form .cs-inline-form-label {
  font-family: 'Guardian Sans Web-Black',arial,sans-serif !important;
  letter-spacing: .033em !important;
  color: #2a3a42;
  font-weight: 900 !important;
  padding-bottom: 0;
  font-size: 32px;
  line-height: 38px;
}
@media(min-width: 768px) {
  .cs-inline-contact-form .cs-inline-form-label {
    font-size: 32px;
    line-height: 38px;
  }
}
@media(min-width: 992px) {
  .cs-inline-contact-form .cs-inline-form-label {
    font-size: 36px;
    line-height: 42px;
  }
}
@media(min-width: 1200px) {
  .cs-inline-contact-form .cs-inline-form-label {
    font-size: 38px;
    line-height: 43px;
  }
}

.bgOverviewNavTeal, .bgOverviewNavList {
background: url("") repeat-x scroll center top rgba(0, 0, 0, 0) !important;
 }

.textWhite {
color: #fff !important;
}

.zHigh {
    position: relative;
    z-index: 5;
}

@media (min-width: 768px) and (max-width: 991px) {
.floatRight-sm {
    float: right !important;
}
}



.section-consulting-featured-content01 {
    background: #4d4d4d;
    padding: 0px 0 20px 0 !important;
    clear: both;
	width: 100%;
	position: relative;
	z-index: 2;
	margin-top: 20px;
}

/* sm and above styles */
@media (min-width: 768px) {
.section-consulting-featured-content01 {
    background: url("/sites/default/files/masthead-cs-consulting01.jpg") no-repeat scroll right top / cover ;
    height: 540px !important;
    padding: 0px !important;
	display: table;
    clear: both;
	width: 100%;
	margin-top: 0px;
}
}
/* md monitors and above styles */
@media (min-width: 992px) {
.section-consulting-featured-content01 {
    background: url("/sites/default/files/masthead-cs-consulting01.jpg") no-repeat scroll 70% top / cover ;
    height: 540px !important;
    padding: 0px !important;
	display: table;
    clear: both;
	width: 100%;
}
}

/* xxlg monitors and above styles */
@media (min-width: 1680px) {
.section-consulting-featured-content01 {
    background: url("/sites/default/files/masthead-cs-consulting01.jpg") no-repeat scroll center top / cover ;
    height: 600px !important;
    padding: 0px !important;
	display: table;
    clear: both;
	width: 100%;
}
}



.op5 { background:rgba(0,0,0,0.05); }
.op10 { background:rgba(0,0,0,0.1); }
.op15 { background:rgba(0,0,0,0.15); }
.op20 { background:rgba(0,0,0,0.2); }
.op25 { background:rgba(0,0,0,0.25); }
.op30 { background:rgba(0,0,0,0.3); }
.op35 {	background:rgba(0,0,0,0.35); }
.op40 { background:rgba(0,0,0,0.4); }
.op45 { background:rgba(0,0,0,0.45); }
.op50 { background:rgba(0,0,0,0.5); }
.op55 { background:rgba(0,0,0,0.55); }
.op60 { background:rgba(0,0,0,0.6); }
.op65 { background:rgba(0,0,0,0.65); }
.op70 { background:rgba(0,0,0,0.7); }
.op75 { background:rgba(0,0,0,0.75); }
.op80 { background:rgba(0,0,0,0.8); }
.op85 { background:rgba(0,0,0,0.85); }
.op90 { background:rgba(0,0,0,0.9); }
.op95 {	background:rgba(0,0,0,0.95); }
.op100 { background:rgba(0,0,0,1); }



.fancybox-skin {
    background: #ececec none repeat scroll 0 0 !important;
    border-radius: 4px;
    color: #444;
    position: relative;
    text-shadow: none;
}




#contentPage ul {
	font-family: "Guardian Sans Web",arial,sans-serif !important;
    font-size: 18px;
	line-height: 30px;
    letter-spacing: 0.022em;
	font-weight: 300;
}

	/* xxlg and above styles */
@media (min-width: 1900px) {
#contentPage ul {
	font-family: "Guardian Sans Web",arial,sans-serif !important;
    font-size: 18px;
	line-height: 30px;
    letter-spacing: 0.022em;
	font-weight: 300;
	margin-bottom: 20px;
}
}

/* sm and above styles */
@media (min-width: 768px) {
#contentPageOFF h2 {
    font-size: 44px;
	line-height: 48px;
}

#contentPageOFF h3 {
    font-size: 22px;
	line-height: 35px;
}

#contentPageOFF h4 {
    font-size: 30px;
	line-height: 36px;
}
}

@media (max-width:767px) {
.textWhite-xs {
	color: #fff !important;
}

.btnWhite-xs {
    border: 1px solid #fff !important;
    color: #fff !important;
}

.btnWhite-xs:hover,.btnWhite-xs:active{
	background:rgba(255,255,255,0.15) none repeat scroll 0 0 !important;
	color:#fff !important;
}
}









.rcContactUs {
	margin: 0 auto;
	max-width: 900px;
	text-align: center;
}

.hrcMastheadHeadline {
    color: #fff;
    display: block;
    font-family: "Guardian Sans Web",arial,sans-serif !important;
    font-size: 30px;
    font-weight: 500;
    letter-spacing: 0.022em;
    line-height: 37px;
    padding: 120px 15px 20px;
}


.fancyWhite {
  line-height: 0.5;
  text-align: left;
}
.fancyWhite span {
  display: inline-block;
  position: relative;
}
.fancyWhite span:before {
  content: "";
  position: absolute;
  height: 5px;
  border-bottom: 1px solid #fff;
  top: 8px;
  width: 0px;
}
.fancyWhite span:after {
  content: "";
  position: absolute;
  height: 5px;
  border-bottom: 1px solid #fff;
  top: 9px;
  width: 230px;
}
.fancyWhite span:before {
  right: 100%;
  margin-right: 7px;
}
.fancyWhite span:after {
  left: 100%;
  margin-left: 7px;
}



.fancy {
  line-height: 0.5;
  text-align: left;
}
.fancy span {
  display: inline-block;
  position: relative;
}
.fancy span:after {
  content: "";
  position: absolute;
  height: 5px;
  border-bottom: 1px solid #5f5f5f;
  top: 9px;
  width: 230px;
}
.fancy span:before {
  content: "";
  position: absolute;
  height: 5px;
  border-bottom: 1px solid #5f5f5f;
  top: 8px;
  width: 0px;
}
.fancy span:before {
  right: 100%;
  margin-right: 7px;
}
.fancy span:after {
  left: 100%;
  margin-left: 7px;
}



.fancySmallWhite {
  line-height: 0.5;
  text-align: left;
}
.fancySmallWhite span {
  display: inline-block;
  position: relative;
}
.fancySmallWhite span:before {
  content: "";
  position: absolute;
  height: 5px;
  border-bottom: 1px solid #fff;
  top: 8px;
  width: 0px;
}
.fancySmallWhite span:after {
  content: "";
  position: absolute;
  height: 5px;
  border-bottom: 1px solid #fff;
  top: 9px;
  width: 140px;
}
.fancySmallWhite span:before {
  right: 100%;
  margin-right: 7px;
}
.fancySmallWhite span:after {
  left: 100%;
  margin-left: 7px;
}



.fancySmall {
  line-height: 0.5;
  text-align: left;
}
.fancySmall span {
  display: inline-block;
  position: relative;
}
.fancySmall span:after {
  content: "";
  position: absolute;
  height: 5px;
  border-bottom: 1px solid #5f5f5f;
  top: 9px;
  width: 140px;
}
.fancySmall span:before {
  content: "";
  position: absolute;
  height: 5px;
  border-bottom: 1px solid #5f5f5f;
  top: 8px;
  width: 0px;
}
.fancySmall span:before {
  right: 100%;
  margin-right: 7px;
}
.fancySmall span:after {
  left: 100%;
  margin-left: 7px;
}





.fancyLine {
  line-height: 0.5;
  text-align: center;
}
.fancyLine span {
  display: inline-block;
  position: relative;
}
.fancyLine span:before,
.fancyLine span:after {
  content: "";
  position: absolute;
  height: 5px;
  border-bottom: 1px solid #A2A2A2;
  top: 8px;
  width: 100px;
}
.fancyLine span:before {
  right: 100%;
  margin-right: -2px;
}
.fancyLine span:after {
  left: 100%;
  margin-left: -2px;
}



/* sm and above specific styles */
@media (min-width: 768px) {
.hrcMastheadHeadline {
    font-size: 48px !important;
    line-height: 58px !important;
	padding: 100px 15px 0;
}

.vertical-align-middle2 {
    display: table-cell;
    margin: 0 auto;
    max-width: 1160px;
    padding: 0;
    position: relative;
    text-align: left !important;
    vertical-align: middle;
}

.vertical-align-middle {
    display: table-cell;
    margin: 0 auto;
    max-width: 1280px;
    padding: 0;
    position: relative;
    text-align: left !important;
    vertical-align: middle;
}
}




#chatBtn {
    opacity: 0;
}

#chatBtn {
	position: fixed;
	bottom: -200px;
	right: 20px;
	z-index: 99;
}

/* xlg monitors and above styles */
@media (min-width: 1680px) {
	#chatBtn {
	position: fixed;
	bottom: -200px;
	right: 4%;
	z-index: 99;
}
}

/* xxlg monitors and above styles */
@media (min-width: 1800px) {
	#chatBtn {
	position: fixed;
	bottom: -200px;
	right: 8%;
	z-index: 99;
}
}

.slideIn {
    opacity: 1 !important;
    transition: all .5s ease 0s;
	bottom: -8px !important;
}








.general .section-general-page {
    padding-right: 0;
    max-width: 100% !important;
}

.mastheadHeadlineTopPage {
    font-size: 32px !important;
    padding: 0px;
}


.zHigh {
	position: relative;
	z-index: 5;
}
.zLow {
	position: relative;
	z-index: 0;
}


.brSpacer {
	line-height: 1px !important;
	padding:0px !important;
	margin: 0px !important;
}








body {
	color: #202020;
}



.btnShadow {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
  text-shadow: 1px 1px 3px #666666;
  -webkit-box-shadow: 0px 1px 4px #c7c7c7;
  -moz-box-shadow: 0px 1px 4px #c7c7c7;
  box-shadow: 0px 1px 4px #c7c7c7;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  border: solid #ffffff 2px;
  text-decoration: none;
  cursor: pointer !important;
}

.btnShadow:hover {
  background: #faf7f5;
  text-decoration: none;
  cursor: pointer !important;
}


.btnShadow a {
	cursor: pointer !important;
	  color: #ffffff !important;
}

.btnShadow a:hover {
	cursor: pointer !important;
	  color: #ffffff !important;
}



.btnCTA {
	border: none;
	font-family: inherit;
	color: inherit;
	background: none;
	cursor: pointer;
	padding: 8px 18px;
	display: inline-block;
	margin: 10px 0px 10px !important;
	text-transform: uppercase !important;
	letter-spacing: 1px;
	font-weight: 400 !important;
	outline: none;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.btnCTA:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}



/*sm monitors and above styles */
@media (min-width: 768px) {
.btnCTA-sm {
	border: none;
	font-family: inherit;
	color: inherit;
	background: none;
	cursor: pointer;
	padding: 8px 18px;
	display: inline-block;
	margin: 20px 0px 10px;
	letter-spacing: 1px;
	font-weight: 400 !important;
	outline: none;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.btnCTA-sm:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
}


/* Button 1 */
.btnOrange {
	border: 1px solid #ea6927 !important;
	color: #ea6927 !important;
}

/* Button 1a */
.btnOrange:hover,
.btnOrange:active {
	color: #ea6927 !important;
    background: rgba(0, 0, 0, .06) !important;
}



/* Button 1 */
.btnBlue {
	border: 1px solid #296ab3 !important;
	color: #296ab3 !important;
}

/* Button 1a */
.btnGray:hover,
.btnGray:active {
	color: #202020 !important;
    background: rgba(0, 0, 0, .15) !important;
}


/* Button 1 */
.btnGray {
	border: 1px solid #202020 !important;
	color: #202020 !important;
}

/* Button 1a */
.btnBlue:hover,
.btnBlue:active {
	color: #296ab3 !important;
    background: rgba(0, 0, 0, .1) !important;
}



/* Button 1 */
.btnLight {
	border: 1px solid #fff !important;
	color: #fff !important;
}

/* Button 1a */
.btnLight:hover,
.btnLight:active {
	color: #fff !important;
    background: rgba(255, 255, 255, .15) !important;
}

.btnLight: visited {
		color: #fff !important;
}

.btnLight a {
	color: #fff !important;
}


.module:last-child {
  margin-bottom: 0;
}

.module p {
  margin-bottom: 15px !important;
  font-size: 1.8em;
  font-weight: 300;
    letter-spacing: 0.032em;
    line-height: 1.44em;
	text-align: left;
}
.module p:last-child {
  margin-bottom: 0;
}
.module.content {
  padding: 50px 0;
}

.module.parallax {
  min-height: 540px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-attachment:inherit;
  background-size:cover;
  padding: 30px 0 30px 0;
}


.rcHeadline {
	font-size: 32px;
	line-height: 34px;
    font-family: "Guardian Sans Web",Arial,sans-serif;
	letter-spacing: .03em;
	font-weight: 300;
	padding: 0px 0 10px 0;
}


.h2cpHeadline {
	font-size: 30px;
	line-height: 34px;
    font-family: "Guardian Sans Web",Arial,sans-serif;
	letter-spacing: .03em;
	font-weight: 300;
	padding: 0px 0 10px 0;
}


.rcHeadlineFeatured {
	font-size: 32px;
	line-height: 34px;
    font-family: "Guardian Sans Web",Arial,sans-serif;
	letter-spacing: .03em;
	font-weight: 300;
	padding: 20px 0 10px 0;
}

.rcCat {
	font-size: 15px !important;
	line-height: 27px !important;
    font-family: "Guardian Sans Web",Arial,sans-serif;
	letter-spacing: .03em;
	font-weight: 400 !important;
	padding: 0;
	margin: 0px
}



@media (min-width: 768px) and (max-width: 991px) {
.floatRight-sm {
	float: right;
}

.sidebar-sm {
	width: 200px;
}


}

@media (min-width: 768px) {
	.rcHeadline {
	font-size: 39px;
	line-height: 45px;
    font-family: "Guardian Sans Web",Arial,sans-serif;
	letter-spacing: .03em;
	font-weight: 300;
	padding: 0px 0 10px 0;
}
.h2cpHeadline {
	font-size: 37px;
	line-height: 45px;
    font-family: "Guardian Sans Web",Arial,sans-serif;
	letter-spacing: .03em;
	font-weight: 300;
	padding: 0px 0 10px 0;
}

	.rcHeadlineFeatured{
	font-size: 45px;
	line-height: 50px;
    font-family: "Guardian Sans Web",Arial,sans-serif;
	letter-spacing: .03em;
	font-weight: 200;
	padding: 0 0 20px 0;
}
}
@media (min-width: 1025px) {
.module.parallax {
  min-height: 540px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size:cover;
  padding: 30px 0 30px 0;
}
}
.module.parallax h1 {
  color: rgba(255, 255, 255, 0.8);
  font-size: 48px;
  line-height: 600px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}





.general .section-general-page {
    max-width: 100% !important;
    padding-right: 0;
}



.section-gray2 {
    background: #e2e2e2;
    min-height: 200px;
    padding: 20px 0 20px 0;
}

.section-white {
    background: #fff;
    min-height: 200px;
    padding: 20px 0 20px 0;
}


.section-white2 {
    background: #fff;
    min-height: 200px;
    padding: 20px 0 20px 0;
}


.width500 {
	max-width: 500px;
	margin: 0 auto;
}

.width550 {
	max-width: 550px;
	margin: 0 auto;
}
.width600 {
	max-width: 600px;
	margin: 0 auto;
}
.width650 {
	max-width: 650px;
	margin: 0 auto;
}
.width700 {
	max-width: 700px;
	margin: 0 auto;
}
.width750 {
	max-width: 750px;
	margin: 0 auto;
}

.width1050 {
	max-width: 1050px;
	margin: 0 auto;
}


.textWhite {
	color: #fff !important;
}

/* xs specific styles */
@media (max-width: 767px) {

	/* Button 1 */
.btnWhite-xs {
	border: 1px solid #fff !important;
	color: #fff !important;
}

/* Button 1a */
.btnWhite-xs:hover,
.btnWhite-xs:active {
	color: #fff !important;
    background: rgb(255, 255, 255) !important;
    background: rgba(255, 255, 255, .15) !important;
}


	.lightboxWidth {
	}

}

/* sm and above specific styles */
@media (min-width: 768px) {

	.lightboxWidth {
		width: 620px !important;
	}
}




.infographicRed {
 	color: #ed2738 !important;
    font-size: 1.85em !important;
    font-weight: 500 !important;
    padding-bottom: 8px !important;
}



.defaultLink {
    color: #2c6bb3 !important;
    outline: 0 none !important;
    text-decoration: none !important;
}


.defaultLink a{
    color: #2c6bb3 !important;
    outline: 0 none !important;
    text-decoration: none !important;
}


.defaultLink: hover, .defaultLink: visited {
    color: #6bbee3 !important;
    outline: 0 none !important;
    text-decoration: none !important;
}







.cs-spot01 {
    background: #4d4d4d;
	min-height: 710px !important;
    padding: 30px 0 0px;
}
.cs-spot02 {
    background: #3dc1cc;
	min-height: 710px !important;
    padding: 30px 0 0px;
}
.cs-spot03 {
    background: #4d4d4d;
	min-height: 710px !important;
    padding: 30px 0 0px;
}

.cs-headline {
	font-size: 26px;
	line-height: 31px;
    font-family: "Guardian Sans Web",Arial,sans-serif;
	letter-spacing: .03em;
	font-weight: 300;
	padding: 0px 0 0px 0;
}

.cs-description {
	font-size: 19px;
	line-height: 26px;
    font-family: "Guardian Sans Web",Arial,sans-serif;
	letter-spacing: .03em;
	font-weight: 300;
	padding: 0px 0 0px 0;
}

.cs-list {
	font-size: 17px;
	line-height: 24px;
    font-family: "Guardian Sans Web",Arial,sans-serif;
	letter-spacing: .03em;
	font-weight: 400;
	padding: 0px 0 0px 0;
}

.width-contentPageCS {
	margin: 0 auto;
	max-width: 1160px;
	padding: 0px;
}

/* xs styles only */
@media (max-width: 767px) {
.textWhite-xs {
	color: #fff !important;
}
}


/* sm and above styles */
@media (min-width: 768px) {
	.width-contentPageCS {
	margin: 0 auto;
	max-width: 1160px;
	padding: 0 10px;
}

	.cs-description {
	font-size: 19px;
	line-height: 26px;
    font-family: "Guardian Sans Web",Arial,sans-serif;
	letter-spacing: .03em;
	font-weight: 300;
	padding: 15px 0 0px 0;
}

	.cs-headline {
	font-size: 34px;
	line-height: 40px;
    font-family: "Guardian Sans Web",Arial,sans-serif;
	letter-spacing: .03em;
	font-weight: 300;
	padding: 0px 0 0px 0;
}

	.width-rc-case-study {
	padding: 0px;
}
}


/* md and above styles */
@media (min-width: 991px) {
	.width-contentPageCS {
	margin: 0 auto;
	max-width: 1160px;
	padding: 0 20px;
}
}



/* xlg and above styles */
@media (min-width: 1600px) {

	.case-studies .slick-slide {
    display: table;
    height: 550px;
    padding: 40px 0;
}


.width-contentPageCS {
	margin: 0 auto;
	max-width: 1160px;
	padding: 0px;
}
}

/* xlg and above styles */
@media (min-width: 1700px) {
.width-contentPageCS {
	margin: 0 auto;
	max-width: 1160px;
	padding: 0px;
}

	.case-studies .slick-slide {
    display: table;
    height: 600px;
    padding: 40px 0;
}
}



.csConsulting {
    background: #1498d5 !important;
}




.dotsWhiteBG .slick-dots {
    background: #fff none repeat scroll 0 0 !important;
    bottom: -40px;
    display: block;
    left: 0;
    list-style: outside none none;
    margin: 0 !important;
    padding: 12px 0 3px 0;
    position: absolute;
    text-align: center;
    width: 100%;
}


.csConsulting .slick-dots {
    background: #1498d5 none repeat scroll 0 0 !important;
    bottom: -25px;
    display: block;
    left: 0;
    list-style: outside none none;
    margin: 0 !important;
    padding: 0px 0 6px 0;
    position: absolute;
    text-align: center;
    width: 100%;
}

.csTechnology .slick-dots {
    background: #d51067 none repeat scroll 0 0 !important;
    bottom: -25px;
    display: block;
    left: 0;
    list-style: outside none none;
    margin: 0 !important;
    padding: 0px 0 6px 0;
    position: absolute;
    text-align: center;
    width: 100%;
}

.csCare .slick-dots {
    background: #ff9e16 none repeat scroll 0 0 !important;
    bottom: -25px;
    display: block;
    left: 0;
    list-style: outside none none;
    margin: 0 !important;
    padding: 0px 0 6px 0;
    position: absolute;
    text-align: center;
    width: 100%;
}

.csGrowth .slick-dots {
    background: #95c93d none repeat scroll 0 0 !important;
    bottom: -25px;
    display: block;
    left: 0;
    list-style: outside none none;
    margin: 0 !important;
    padding: 0px 0 6px 0;
    position: absolute;
    text-align: center;
    width: 100%;
}

.csIndustry .slick-dots {
    background: #4d4d4d none repeat scroll 0 0 !important;
    bottom: -25px;
    display: block;
    left: 0;
    list-style: outside none none;
    margin: 0 !important;
    padding: 0px 0 6px 0;
    position: absolute;
    text-align: center;
    width: 100%;
}

.csGray .slick-dots {
    background: #4d4d4d none repeat scroll 0 0 !important;
    bottom: -25px;
    display: block;
    left: 0;
    list-style: outside none none;
    margin: 0 !important;
    padding: 0px 0 6px 0;
    position: absolute;
    text-align: center;
    width: 100%;
}


.dotsGray .slick-dots {
    background: #4d4d4d none repeat scroll 0 0 !important;
    bottom: -25px;
    display: block;
    left: 0;
    list-style: outside none none;
    margin: 0 !important;
    padding: 0px 0 6px 0;
    position: absolute;
    text-align: center;
    width: 100%;
}

.csWhite .slick-dots {
  background: #fff none repeat scroll 0 0 !important;
  bottom: -25px;
  display: block;
  left: 0;
  list-style: outside none none;
  margin: 0 !important;
  padding: 0px 0 6px 0;
  position: absolute;
  text-align: center;
  width: 100%;
}

.node-type-capabilities-page .slick-dots {
  -webkit-transform: none;
  transform: none;
}

.node-type-capabilities-page ul.slick-dots li button:before {
  border: 2px solid #2a3a42;
}


.cs-spot01 {
    background: #4d4d4d;
	height: auto;
    padding: 30px 0 0px;
}
.cs-spot02 {
    background: #3dc1cc;
	height: auto;
    padding: 30px 0 0px;
}
.cs-spot03 {
    background: #4d4d4d;
	height: auto;
    padding: 30px 0 0px;
}








.contentPage-csConsulting-container {
	width: 100%;
	height: auto;
	min-height: 100px;
	background: #1498d5;
	padding: 35px 15px 35px 15px;
}


.contentPage-csHeadline-container {
	width: 100%;
	height: auto;
	min-height: 100px;
	background: #4d4d4d;
	padding: 35px 15px 35px 15px;
}

.csConsulting .contentPage-csHeadline-container {
	width: 100%;
	height: auto;
	min-height: 70px;
	background: #1498d5;
	padding: 18px 15px;
}

.contentPage-csHeadline-content {
	font-size: 30px;
	line-height: 33px;
    font-family: "Guardian Sans Web",Arial,sans-serif;
	letter-spacing: .03em;
	font-weight: 300;
	padding: 0px 0 0px 0;
	text-align: center;
}


/* sm and above styles */
@media (min-width: 768px) {

	.case-studies .slick-slide {
    display: table;
    height: 380px;
    padding: 40px 0;
}


	.contentPage-csConsulting-container {
	width: 100%;
	height: auto;
	min-height: 100px;
	background: #4d4d4d;
	padding: 35px 15px 35px 15px;
}
	.contentPage-csHeadline-container {
	width: 100%;
	height: auto;
	min-height: 100px;
	background: #4d4d4d;
	padding: 35px 15px 35px 15px;
}
	.contentPage-csHeadline-content {
	font-size: 40px;
	line-height: 45px;
    font-family: "Guardian Sans Web",Arial,sans-serif;
	letter-spacing: .03em;
	font-weight: 300;
	padding: 0px 0 0px 0;
	text-align: center;
}
}


#case-studies-slider {
	padding: 0 15px;
}

#overviewSection .slick-dots li {
	margin-bottom: 0px !important;
}



.bgOverviewNavTeal, .bgOverviewNavList {
    background: #fff;
}

#solutionCatIcon {
clear: both;
display: block !important;
padding: 0 0 5px 0 !important;
margin: -30px auto 0 auto !important;
text-align: center !important;
}
.mastheadSolutionPage  {
    clear: both;
    display: table;
    height: 330px;
    margin: -1px 0 0 0;
    padding: 0;
    width: 100%;
	background-repeat: no-repeat !important;
    background-attachment: scroll !important;
    background-size: cover !important;
}





.textGray a {
	color: #202020 !important;
}

.textGray a:hover {
	color: #202020 !important;
	opacity: .8 !important;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: none !important;
}


.textWhite p {color: #fff!important;}

.tb-megamenu .nav > .active > a, .tb-megamenu .nav > .active > a:hover, .tb-megamenu .nav > .active > a:focus {
    /*color: #565656 !important;*/
}


.btn13 { font-size: 13px !important; font-weight: 400 !important; }
.btn14 { font-size: 14px !important; font-weight: 400 !important; }
.btn15 { font-size: 15px !important; font-weight: 400 !important; }
.btn16 { font-size: 16px !important; font-weight: 400 !important; }
.btn17 { font-size: 17px !important; font-weight: 400 !important; }
.btn18 { font-size: 18px !important; font-weight: 400 !important; }
.btn19 { font-size: 19px !important; font-weight: 400 !important; }
.btn20 { font-size: 20px !important; font-weight: 400 !important; }
.btn21 { font-size: 21px !important; font-weight: 400 !important; }
.btn22 { font-size: 22px !important; font-weight: 400 !important; }
.btn23 { font-size: 23px !important; font-weight: 400 !important; }
.btn24 { font-size: 24px !important; font-weight: 400 !important; }
.btn25 { font-size: 25px !important; font-weight: 400 !important; }
.btn26 { font-size: 26px !important; font-weight: 400 !important; }
.btn27 { font-size: 27px !important; font-weight: 400 !important; }
.btn28 { font-size: 28px !important; font-weight: 400 !important; }
.btn29 { font-size: 29px !important; font-weight: 400 !important; }
.btn30 { font-size: 30px !important; font-weight: 400 !important; }
.btn31 { font-size: 31px !important; font-weight: 400 !important; }
.btn32 { font-size: 32px !important; font-weight: 400 !important; }
.btn33 { font-size: 33px !important; font-weight: 400 !important; }
.btn34 { font-size: 34px !important; font-weight: 400 !important; }
.btn35 { font-size: 35px !important; font-weight: 400 !important; }
.btn36 { font-size: 36px !important; font-weight: 400 !important; }
.btn37 { font-size: 37px !important; font-weight: 400 !important; }
.btn38 { font-size: 38px !important; font-weight: 400 !important; }
.btn39 { font-size: 39px !important; font-weight: 400 !important; }
.btn40 { font-size: 40px !important; font-weight: 400 !important; }




.btnExtraSmall {
	font-size: 14px !important;
	font-weight: 400 !important;
}
.btnExtraSmall2 {
	font-size: 15px !important;
	font-weight: 400 !important;
}
.btnSmall {
	font-size: 18px !important;
	font-weight: 400 !important;
}
.btnMedium {
	font-size: 22px !important;
	font-weight: 400 !important;
}

.btnLarge {
	font-size: 26px !important;
	font-weight: 400 !important;
}

.btnExtraLarge {
	font-size: 30px !important;
	font-weight: 400 !important;
}




.general .section-general-page {
    max-width: 100% !important;
    padding: 0;
}

.brSpacer {
	line-height: 2px;
}

br {
	line-height: 2px;
}



.list-unstyled {
    list-style: outside none none !important;
    margin: 0 !important;
}



sup {
  font-size: 50% !important;
  line-height: 0 !important;
  position: relative !important;
  vertical-align: baseline !important;
  top: -5px !important;
}

.headlineSup {
  font-size: 50% !important;
  line-height: 0 !important;
  position: relative !important;
  vertical-align: baseline !important;
  top: -10px !important;
}



.btnCTA {
    background: transparent;
    border: medium none;
    color: inherit;
    cursor: pointer;
    display: inline-block;
    font-weight: 400;
    letter-spacing: .055em;
    margin: 10px 0 10px;
    outline: medium none;
    padding: 9px 28px !important;
    position: relative;
    transition: all 0.4s ease 0s;
	font-family: 'Guardian Sans Web', arial, sans-serif;
	text-transform:uppercase;
	text-align: center;
	line-height: 24px;
}
.btnCTA::after {
    content: "";
    position: absolute;
    transition: all 0.4s ease 0s;
    z-index: -1;
}

.btnCTA:hover, .btnCTA:active {
	text-decoration: none;
}

.btnGray {
    border: 1px solid #202020;
    color: #202020;
}
.btnGray:hover, .btnGray:active {
    background: rgba(255, 255, 255, 0.25) none repeat scroll 0 0;
    color: #202020 !important;
}
.btnGray2 {
    border: 1px solid #202020 !important;
    color: #202020;
}
.btnGray2:hover, .btnGray2:active {
    background: rgba(0, 0, 0, 0.15) none repeat scroll 0 0;
    color: #202020 !important;
}
.btnWhite {
    border: 1px solid #fff;
    color: #fff;
}
.btnWhite:focus {
    border: 1px solid #fff;
    color: #fff !important;
	text-decoration: none !important;
}
.btnWhite:hover, .btnWhite:active {
    background: rgba(160, 226, 255, 0.15) none repeat scroll 0 0;
    color: #fff !important;
}
.btnTeal {
    border: 1px solid #00c4ca !important;
    color: #fff !important;
}
.btnTeal:hover, .btnTeal:active {
    background: rgba(160, 226, 255, 0.15) none repeat scroll 0 0;
    color: #fff !important;
}
.btnBlue {
    border: 1px solid #1498D5 !important;
    color: #1498D5 !important;
}
.btnBlue:hover, .btnBlue:active {
    background: rgba(0, 0, 0, 0.15) none repeat scroll 0 0;
    color: #1498D5 !important;
}
.btnPurple {
    border: 1px solid #D50F67 !important;
    color: #D50F67 !important;
}
.btnPurple:hover, .btnPurple:active {
    background: rgba(0, 0, 0, 0.15) none repeat scroll 0 0;
    color: #D50F67 !important;
}
.btnOrange {
    border: 1px solid #FF9E15 !important;
    color: #FF9E15 !important;
}
.btnOrange:hover, .btnOrange:active {
    background: rgba(0, 0, 0, 0.15) none repeat scroll 0 0;
    color: #FF9E15 !important;
}
.btnGreen {
    border: 1px solid #94C83C !important;
    color: #94C83C !important;
}
.btnGreen:hover, .btnGreen:active {
    background: rgba(0, 0, 0, 0.15) none repeat scroll 0 0;
    color: #94C83C !important;
}


.brandGreen {
color: #94C83C !important;
}
.brandBlue {
color: #1498D5 !important;
}
.brandTeal {
color: #00c4ca !important;
}
.brandPurple {
color: #D50F67 !important;
}
.brandGrey {
color: #202020 !important;
}
.brandOrange {
color: #FF9E15 !important;
}

.noStyle {
text-decoration: none !important;
}

.noStyle:hover {
text-decoration: none !important;
}



.general .section-general-page {
    max-width: 100% !important;
    padding-right: 0;
}


.content.content-page .tabs {
	display: none;
}

.content.content-page .tabs {
    margin: 0 auto;
}

.toolbar-drawer .content.content-page .tabs {
    margin: 50px auto 0 auto !important;
}

.toolbar-drawer .content.content-page .tabs {
	display: block !important;
}





.data-item{
    padding: 0px;
    color: #484848;
}
.data-item:hover{
    padding: 0px;
    color: #484848;
    transition: all 0.1s ease-in-out 0s;
   z-index: 99 !important;
}

.data-item h2{
    font-size: 22px;
	line-height: 26px;
    color: #484848;
    font-weight: 400;
	padding-bottom: 7px;
	padding-top: 0px;
}
.data-item:hover h2{
    font-size: 22px;
	line-height: 26px;
    color: #00a1e4;
    font-weight: 400;
		padding-bottom: 7px;
	padding-top: 0px;
}



.data-item p{
    color: #484848;
}


.data-item:hover p{
    color: #008ecb;
}

.data-item:hover p:after{
content: "";
}



.data-item-active {
    padding: 0px;
    color: #484848;
}
.data-item-active:hover{
    padding: 0px;
    color: #484848;
    transition: all 0.1s ease-in-out 0s;
   z-index: 99 !important;
}

.data-item-active h2{
    font-size: 22px;
	line-height: 26px;
    color: #484848;
    font-weight: 600;
	padding-bottom: 7px;
	padding-top: 0px;
}
.data-item-active:hover h2{
    font-size: 22px;
	line-height: 26px;
    color: #484848;
    font-weight: 600;
		padding-bottom: 7px;
	padding-top: 0px;
}



.data-item-active p{
    color: #484848;
}


.data-item-active:hover p{
    color: #484848;
}

.data-item-active p:before{
content: ">>";
}

.data-01:hover{
	  background:rgba(255,255,255,0.1);
	  border-radius: 8px;
	  }

.data-01-active:hover{
	  background:rgba(255,255,255,0.0);
	  border-radius: 8px;
	  }




.section-general-page .wysiwyg-field {
    margin: 0 auto -22px !important;
}
.detail-customers-win .wysiwyg-field {
    margin: 0 auto -22px !important;
}

.toolbar-drawer .wysiwyg-field {
    margin: 0 0 0px 0 !important;
}
.textWhite {
	color: #fff !important;
}

:focus {outline:none !important;}

.vertical-align-middle {
    display: table-cell;
    margin: 0 auto;
    max-width: 1280px;
    padding: 0;
    position: relative;
    text-align: center;
    vertical-align: middle;
}

/* mobile type devices only */
@media (max-width: 1024px) {

	.btnCTA::after {
    content: "";
    position: absolute;
    transition: all 0s ease 0s !important;
    z-index: -1;
}


.btnGray:hover, .btnGray:active {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #202020 !important;
}
.btnGray2:hover, .btnGray2:active {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #202020 !important;
}

.btnWhite:focus {
    border: 1px solid #fff;
    color: #fff !important;
	text-decoration: none !important;
}
.btnWhite:hover, .btnWhite:active {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
.btnTeal:hover, .btnTeal:active {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
.btnBlue:hover, .btnBlue:active {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	}
.btnPurple:hover, .btnPurple:active {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
.btnOrange:hover, .btnOrange:active {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
.btnGreen:hover, .btnGreen:active {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}

}

/* xs styles only */
@media (max-width: 767px) {
	.btnCTA {
	width: 80% !important;
	padding: 20px 10px !important;
	}


	.btn13, .btn14, .btn15, .btn16, .btn17, .btn18, .btn19, .btn20, .btn21, .btn22, .btn23, .btn24, .btn25, .btn26
	, .btn27, .btn28, .btn29, .btn30, .btn31, .btn32, .btn33, .btn34, .btn35, .btn36, .btn37, .btn38
	, .btn39, .btn40 {
	font-size: 13px !important; font-weight: 400 !important;
	}

.btnExtraSmall {
	font-size: 24px !important;
	font-weight: 400 !important;
	text-align: center !important;
}
.btnExtraSmall2 {
	font-size: 24px !important;
	font-weight: 400 !important;
	text-align: center !important;
}
.btnSmall {
	font-size: 24px !important;
	font-weight: 400 !important;
		text-align: center !important;
}
.btnMedium {
	font-size: 24px !important;
	font-weight: 400 !important;
		text-align: center !important;
}

.btnLarge {
	font-size: 24px !important;
	font-weight: 400 !important;
		text-align: center !important;
}

.btnExtraLarge {
	font-size: 22px !important;
	font-weight: 400 !important;
		text-align: center !important;
}
}

	.thought-leadership .section-thought-leadership #thought-leadership-form .form-btn-contain .form-reset {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  *font-size: 14px;
  background-color: #fff;
  padding-top: 5px;
  padding-bottom: 5px;
  border: 0px;
}

.thought-leadership .section-thought-leadership #thought-leadership-form div.form-btn-contain button[type=submit] {
max-width: 340px !important;
}

	.btnResourceBlock {
		overflow: hidden !important;
	}



.fancybox-skin {
    background: #ececec none repeat scroll 0 0 !important;
    border-radius: 4px;
    color: #444;
    position: relative;
    text-shadow: none;
}


.fancybox-wrap {
	-webkit-overflow-scrolling: touch !important;
}

#fancybox-frame {
	overflow: scroll !important;
	-webkit-overflow-scrolling: touch !important;
}


.contactFormPopup {
width: 100%;
}
.contactFormPopup iframe {
height: 900px;
}

.contactFormPopup-short {
width: 100%;
}
.contactFormPopup-short iframe {
height: 700px;
}

.contactUsPopupText {
text-align: center;
font-size: 20px !important;
font-weight: 500 !important;
padding: 0px !important;
margin: 0px !important;
font-family: verdana,sans-serif !important;
color: #000 !important;
text-transform: uppercase !important;
}

@media (min-width: 720px){

.contactUsPopupText {
text-align: center !important;
font-size: 24px !important;
}


.contactFormPopup {
width: 96% !important;
height: 570px !important;
}

.contactFormPopup iframe {
height: 530px !important;
width: 660px !important;
}

.contactFormPopup-short {
width: 96% !important;
height: 370px !important;
}

.contactFormPopup-short iframe {
height: 330px !important;
width: 660px !important;
}
}


@media (min-width: 1500px){

.contactFormPopup {
width: 96% !important;
height: 570px !important;
}

.contactFormPopup iframe {
height: 530px !important;
width: 660px !important;
}

.contactFormPopup-short {
width: 96% !important;
height: 370px !important;
}

.contactFormPopup-short iframe {
height: 330px !important;
width: 660px !important;
}
}


.toolbar-drawer .general .section-general-page {
    margin-bottom: 30px !important;
}


.wistia_popover_mode {
    overflow-x: hidden !important;
    overflow-y: auto !important;
}

.content.content-page .tabs {
    z-index: 999 !important;
}



	/* md and above styles only */
@media (min-width: 992px) {
a.anchor0 { display: block; position: relative; top: 0px; visibility: hidden;}
a.anchor10 { display: block; position: relative; top: -10px; visibility: hidden;}
a.anchor20 { display: block; position: relative; top: -20px; visibility: hidden;}
a.anchor30 { display: block; position: relative; top: -30px; visibility: hidden;}
a.anchor40 { display: block; position: relative; top: -40px; visibility: hidden;}
a.anchor50 { display: block; position: relative; top: -50px; visibility: hidden;}
a.anchor60 { display: block; position: relative; top: -60px; visibility: hidden;}
a.anchor70 { display: block; position: relative; top: -70px; visibility: hidden;}
a.anchor80 { display: block; position: relative; top: -80px; visibility: hidden;}
a.anchor90 { display: block; position: relative; top: -90px; visibility: hidden;}
a.anchor100 { display: block; position: relative; top: -100px; visibility: hidden;}
}

/* xlg styles only */
@media (min-width: 1440px) {
.vertical-align-middle {
    max-width: 1280px;
}
}

/* xxlg styles only */
@media (min-width: 1700px) {
.vertical-align-middle {
    max-width: 1340px;
}
}


.overviewColumnTitle {
	font-weight: 300 !important;
}

.cs-spot01 {
    background: #1498d5;
	height: auto;
    padding: 0px 0 20px;
}
.cs-spot02 {
    background: #1498d5;
	height: auto;
    padding: 0px 0 20px;
}
.cs-spot03 {
    background: #1498d5;
	height: auto;
    padding: 0px 0 20px;
}


@media (min-width: 768px) {
	#case-studies-slider {
	padding: 0px;
}
.cs-spot01 {
    min-height: 520px !important;
    padding: 30px 0 40px;
}
.cs-spot02 {
    min-height: 520px !important;
    padding: 30px 0 40px;
}
.cs-spot03 {
    min-height: 520px !important;
    padding: 30px 0 40px;
}


.cs-masthead-spot01 {
    min-height: 300px !important;
    padding: 30px 0 40px;
}
.cs-masthead-spot02 {
    min-height: 300px !important;
    padding: 30px 0 40px;
}
.cs-masthead-spot03 {
    min-height: 300px !important;
    padding: 30px 0 40px;
}
.cs-masthead-spot04 {
    min-height: 300px !important;
    padding: 30px 0 40px;
}
.cs-masthead-spot05 {
    min-height: 300px !important;
    padding: 30px 0 40px;
}
}


@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)  {
	#case-studies-slider {
	padding: 0px;
}
.cs-spot01 {
    min-height: 620px !important;
    padding: 30px 0 40px;
}
.cs-spot02 {
    min-height: 620px !important;
    padding: 30px 0 40px;
}
.cs-spot03 {
    min-height: 620px !important;
    padding: 30px 0 40px;
}

.cs-masthead-spot01 {
    min-height: 300px !important;
    padding: 30px 0 40px;
}
.cs-masthead-spot02 {
    min-height: 300px !important;
    padding: 30px 0 40px;
}
.cs-masthead-spot03 {
    min-height: 300px !important;
    padding: 30px 0 40px;
}
.cs-masthead-spot04 {
    min-height: 300px !important;
    padding: 30px 0 40px;
}
.cs-masthead-spot05 {
    min-height: 300px !important;
    padding: 30px 0 40px;
}


}

/* md monitors and above styles */
@media (min-width: 992px) {
.cs-spot01 {
    min-height: 520px !important;
    padding: 30px 0 40px;
}
.cs-spot02 {
    min-height: 520px !important;
    padding: 30px 0 40px;
}
.cs-spot03 {
    min-height: 520px !important;
    padding: 30px 0 40px;
}

.cs-masthead-spot01 {
    min-height: 300px !important;
    padding: 30px 0 40px;
}
.cs-masthead-spot02 {
    min-height: 300px !important;
    padding: 30px 0 40px;
}
.cs-masthead-spot03 {
    min-height: 300px !important;
    padding: 30px 0 40px;
}
.cs-masthead-spot04 {
    min-height: 300px !important;
    padding: 30px 0 40px;
}
.cs-masthead-spot05 {
    min-height: 300px !important;
    padding: 30px 0 40px;
}
}

/* md monitors and above styles */
@media (min-width: 1700px) {
.cs-spot01 {
    min-height: 660px !important;
    padding: 30px 0 40px;
}
.cs-spot02 {
    min-height: 660px !important;
    padding: 30px 0 40px;
}
.cs-spot03 {
    min-height: 660px !important;
    padding: 30px 0 40px;
}

.cs-masthead-spot01 {
    min-height: 400px !important;
    padding: 30px 0 40px;
}
.cs-masthead-spot02 {
    min-height: 400px !important;
    padding: 30px 0 40px;
}
.cs-masthead-spot03 {
    min-height: 400px !important;
    padding: 30px 0 40px;
}
.cs-masthead-spot04 {
    min-height: 400px !important;
    padding: 30px 0 40px;
}
.cs-masthead-spot05 {
    min-height: 400px !important;
    padding: 30px 0 40px;
}
}

.tabs {
    margin: 0 auto !important;
    z-index: 9999 !important;
}

img[src*="https://vidassets.terminus.services"] {
  display: none;
}

.buttonText {
    font-size: 24px !important;
    font-weight: 600 !important;
    text-align: center !important;
}

.btnCTAnew {
  background: transparent none repeat scroll 0 0;
  border: medium none;
  color: inherit;
  cursor: pointer;
  display: inline-block;
  font-family: "Guardian Sans Web",arial,sans-serif;
  font-weight: 600;
  letter-spacing: 0.055em;
  line-height: 24px;
  margin: 10px 0;
  outline: medium none;
  position: relative;
  text-align: center;
  transition: all 0.4s ease 0s;
  padding: 14px 30px !important;
}

.btnGrayThin {
  border: 1px solid #4d4d4d;
  color: #4d4d4d;
  border-radius: 0px;
}

.btnGrayThin:focus {
  border: 1px solid #4d4d4d;
  color: #4d4d4d !important;
  text-decoration: none !important;
  border-radius: 0px;
}

.btnGrayThin:hover, .btnGrayThin:active {
  background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0;
  color: #4d4d4d !important;
}

.fullHeight {
  min-height: 500px;
}

/*------------------------------------*\
    AddThis Social Sidebar Overrides
\*------------------------------------*/

.atss .at-share-btn .at-icon-wrapper, .atss a .at-icon-wrapper {
  display: block !important;
  padding: 3px 0 !important;
}
.atss .at-share-btn, .atss a {
  width: 1.1pc !important;
}
.atss .at-share-btn span .at-icon, .atss a span .at-icon {
  width: 10px !important;
  height: 10px !important;
  line-height: 15px !important;
}
.atss .at-share-btn span .at-icon, .atss a span .at-icon {
  width: 1pc;
  height: 1pc;
}
#at4-share, #at4-soc {
  top: 28% !important;
  bottom: auto;
}
.atss {
  width: 2pc !important;
}
@media (min-width: 1440px) {
  .atss .at-share-btn, .atss a {
    width: 1.6pc !important;
  }
  .atss .at-share-btn span .at-icon, .atss a span .at-icon {
    width: 16px !important;
    height: 16px !important;
    line-height: 15px !important;
  }
  .atss .at-share-btn .at-icon-wrapper, .atss a .at-icon-wrapper {
    display: block !important;
    padding: 6px 4px 6px 2px !important;
  }
}