/*
 *  Copyright 2018 Adobe Systems Incorporated
 *
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 */
 
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

 html {
    line-height: 1.15; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
  }
  
  /* Sections
     ========================================================================== */
  
  /**
   * Remove the margin in all browsers.
   */
  
  body {
    margin: 0;
  }
  
  /**
   * Correct the font size and margin on `h1` elements within `section` and
   * `article` contexts in Chrome, Firefox, and Safari.
   */
  
  h1 {
    font-size: 2em;
    margin: 0.67em 0;
  }
  
  /* Grouping content
     ========================================================================== */
  
  /**
   * 1. Add the correct box sizing in Firefox.
   * 2. Show the overflow in Edge and IE.
   */
  
  hr {
    box-sizing: content-box; /* 1 */
    height: 0; /* 1 */
    overflow: visible; /* 2 */
  }
  
  /**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
  
  pre {
    font-family: monospace, monospace; /* 1 */
    font-size: 1em; /* 2 */
  }
  
  /* Text-level semantics
     ========================================================================== */
  
  /**
   * Remove the gray background on active links in IE 10.
   */
  
  a {
    background-color: transparent;
  }
  
  /**
   * 1. Remove the bottom border in Chrome 57-
   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
   */
  
  abbr[title] {
    border-bottom: none; /* 1 */
    text-decoration: underline; /* 2 */
    text-decoration: underline dotted; /* 2 */
  }
  
  /**
   * Add the correct font weight in Chrome, Edge, and Safari.
   */
  
  b,
  strong {
    font-weight: bolder;
  }
  
  /**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
  
  code,
  kbd,
  samp {
    font-family: monospace, monospace; /* 1 */
    font-size: 1em; /* 2 */
  }
  
  /**
   * Add the correct font size in all browsers.
   */
  
  small {
    font-size: 80%;
  }
  
  /**
   * Prevent `sub` and `sup` elements from affecting the line height in
   * all browsers.
   */
  
  sub,
  sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  
  sub {
    bottom: -0.25em;
  }
  
  sup {
    top: -0.5em;
  }
  
  /* Embedded content
     ========================================================================== */
  
  /**
   * Remove the border on images inside links in IE 10.
   */
  
  img {
    border-style: none;
  }
  
  /* Forms
     ========================================================================== */
  
  /**
   * 1. Change the font styles in all browsers.
   * 2. Remove the margin in Firefox and Safari.
   */
  
  button,
  input,
  optgroup,
  select,
  textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 1 */
    line-height: 1.15; /* 1 */
    margin: 0; /* 2 */
  }
  
  /**
   * Show the overflow in IE.
   * 1. Show the overflow in Edge.
   */
  
  button,
  input { /* 1 */
    overflow: visible;
  }
  
  /**
   * Remove the inheritance of text transform in Edge, Firefox, and IE.
   * 1. Remove the inheritance of text transform in Firefox.
   */
  
  button,
  select { /* 1 */
    text-transform: none;
  }
  
  /**
   * Correct the inability to style clickable types in iOS and Safari.
   */
  
  button,
  [type="button"],
  [type="reset"],
  [type="submit"] {
    -webkit-appearance: button;
  }
  
  /**
   * Remove the inner border and padding in Firefox.
   */
  
  button::-moz-focus-inner,
  [type="button"]::-moz-focus-inner,
  [type="reset"]::-moz-focus-inner,
  [type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
  }
  
  /**
   * Restore the focus styles unset by the previous rule.
   */
  
  button:-moz-focusring,
  [type="button"]:-moz-focusring,
  [type="reset"]:-moz-focusring,
  [type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
  }
  
  /**
   * Correct the padding in Firefox.
   */
  
  fieldset {
    padding: 0.35em 0.75em 0.625em;
  }
  
  /**
   * 1. Correct the text wrapping in Edge and IE.
   * 2. Correct the color inheritance from `fieldset` elements in IE.
   * 3. Remove the padding so developers are not caught out when they zero out
   *    `fieldset` elements in all browsers.
   */
  
  legend {
    box-sizing: border-box; /* 1 */
    color: inherit; /* 2 */
    display: table; /* 1 */
    max-width: 100%; /* 1 */
    padding: 0; /* 3 */
    white-space: normal; /* 1 */
  }
  
  /**
   * Add the correct vertical alignment in Chrome, Firefox, and Opera.
   */
  
  progress {
    vertical-align: baseline;
  }
  
  /**
   * Remove the default vertical scrollbar in IE 10+.
   */
  
  textarea {
    overflow: auto;
  }
  
  /**
   * 1. Add the correct box sizing in IE 10.
   * 2. Remove the padding in IE 10.
   */
  
  [type="checkbox"],
  [type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
  }
  
  /**
   * Correct the cursor style of increment and decrement buttons in Chrome.
   */
  
  [type="number"]::-webkit-inner-spin-button,
  [type="number"]::-webkit-outer-spin-button {
    height: auto;
  }
  
  /**
   * 1. Correct the odd appearance in Chrome and Safari.
   * 2. Correct the outline style in Safari.
   */
  
  [type="search"] {
    -webkit-appearance: textfield; /* 1 */
    outline-offset: -2px; /* 2 */
  }
  
  /**
   * Remove the inner padding in Chrome and Safari on macOS.
   */
  
  [type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  
  /**
   * 1. Correct the inability to style clickable types in iOS and Safari.
   * 2. Change font properties to `inherit` in Safari.
   */
  
  ::-webkit-file-upload-button {
    -webkit-appearance: button; /* 1 */
    font: inherit; /* 2 */
  }
  
  /* Interactive
     ========================================================================== */
  
  /*
   * Add the correct display in Edge, IE 10+, and Firefox.
   */
  
  details {
    display: block;
  }
  
  /*
   * Add the correct display in all browsers.
   */
  
  summary {
    display: list-item;
  }
  
  /* Misc
     ========================================================================== */
  
  /**
   * Add the correct display in IE 10+.
   */
  
  template {
    display: none;
  }
  
  /**
   * Add the correct display in IE 10.
   */
  
  [hidden] {
    display: none;
  }
/*
 *  Copyright 2018 Adobe Systems Incorporated
 *
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 */
/* SEA main.less */
/* Import variables */
/*
 *  Copyright 2018 Adobe Systems Incorporated
 *
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 */
/*
 *  Copyright 2018 Adobe Systems Incorporated
 *
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 */
.cmp-open-files {
  display: none;
}
.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}
@-webkit-keyframes floatIn {
  0% {
    -webkit-transform: translateY(100%);
  }
  100% {
    -webkit-transform: none;
  }
}
@keyframes floatIn {
  0% {
    opacity: 0;
    transform: translateY(100%);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes bounce {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes bounce {
  0% {
    transform: none;
  }
  50% {
    transform: scale(1.01);
  }
  100% {
    transform: none;
  }
}
@keyframes float-up {
  from {
    transform: translate(0, 30%);
    opacity: 0;
  }
  to {
    transform: translate(0, -50%);
    opacity: 1;
  }
}
@-webkit-keyframes float-up {
  from {
    -webkit-transform: translate(0, 30%);
    opacity: 0;
  }
  to {
    -webkit-transform: translate(0, -50%);
    opacity: 1;
  }
}
@keyframes expand {
  from {
    width: 0;
  }
  to {
    width: 184px;
  }
}
@-webkit-keyframes expand {
  from {
    width: 0;
  }
  to {
    width: 184px;
  }
}
@keyframes hero-slide-up {
  from {
    transform: translateY(150%);
    opacity: 0;
  }
  to {
    transform: none;
    opacity: 1;
  }
}
@-webkit-keyframes hero-slide-up {
  from {
    -webkit-transform: translateY(150%);
    opacity: 0;
  }
  to {
    -webkit-transform: none;
    opacity: 1;
  }
}
@keyframes hero-slide-down {
  from {
    transform: translateY(-150%);
    opacity: 0;
  }
  to {
    transform: none;
    opacity: 1;
  }
}
@-webkit-keyframes hero-slide-down {
  from {
    -webkit-transform: translateY(-150%);
    opacity: 0;
  }
  to {
    -webkit-transform: none;
    opacity: 1;
  }
}
@keyframes anim-shadow {
  to {
    box-shadow: 0px 0px 70px 25px;
    opacity: 0;
  }
}
@-webkit-keyframes anim-shadow {
  to {
    -webkit-box-shadow: 0px 0px 70px 25px;
    opacity: 0;
  }
}

/* GLOBAL */ 
@font-face {
    font-family: 'latoregular';
    src: url('clientlib-site/resources/fonts/lato-regular-webfont.woff2') format('woff2'),
         url('clientlib-site/resources/fonts/lato-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'latobold';
    src: url('clientlib-site/resources/fonts/lato-bold-webfont.woff2') format('woff2'),
         url('clientlib-site/resources/fonts/lato-bold-webfont.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'latoitalic';
    src: url('clientlib-site/resources/fonts/lato-italic-webfont.woff2') format('woff2'),
         url('clientlib-site/resources/fonts/lato-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'latobold_italic';
    src: url('clientlib-site/resources/fonts/lato-bolditalic-webfont.woff2') format('woff2'),
         url('clientlib-site/resources/fonts/lato-bolditalic-webfont.woff') format('woff');
    font-weight: bold;
    font-style: italic;
}

body,
p {
    font-family: 'latoregular', Arial, sans-serif;
}
b, 
strong,
h1,
h2,
h3,
h4 {
    font-family: 'latobold', Arial, sans-serif;
} 
a {
    color: #2971b7 !important;
    text-decoration: none;
}
.cco-container-top-bar a,
.cco-container-header a,
.breadcrumb a,
.cmp-button,
.cco-container-top-bar a:visited,
.cco-container-header a:visited,
.breadcrumb a:visited,
.cco-container-footer a:visited,
.cco-container-bottom-bar a:visited {
    color: inherit !important;
}
a:not(.cmp-button):hover {
    color: #64c4ee !important;
}

/* Buttons */
button,
.button > a {
    display: inline-block;
    padding: 10px 20px;
    cursor: pointer;
}
.button {
    float: none !important;
    display: inline-block !important;
    width: auto !important;
    margin: 1em auto;
    border-radius: 3px;
}
.button:hover {
    transition: 0.5s;
}
.button button {
    background-color: transparent;
    border: none;
    color: inherit;
}
.button.cco-width-full {
    width: 100% !important;
    text-align: center;
}
.button.cco-width-auto {
    padding: 0.5em;
}
button.cmp-search__clear {
    display: none;
}

/* Images */
.cco-image-auto {
    display: inline-block;
}
.cco-image-auto .cmp-image__image {
    width: auto !important;
}
.cco-image-center .cmp-image {
    text-align: center;
}
.cco-image-left .cmp-image {
    text-align: left;
}
.cco-image-right .cmp-image {
    text-align: right;
}
.cco-image-float-left {
    float: left !important;
}
.cco-image-float-right {
    float: right !important; 
}
.cco-image-social-media {
    display: inline-block;
    height: 40px;
    width: 40px !important;
}
.cco-width-auto {
    float: none !important;
    display: inline;
}
.cco-width-75 .cmp-image img {
    width: 75% !important;
    height: 75% !important;
}
.cco-width-50 .cmp-image img {
    width: 50% !important;
    height: 50% !important;
}    
.cco-width-25 .cmp-image img {
    width: 25% !important;
    height: 25% !important;
}

/* Text */
.cco-line-height-125 .cmp-text * {
    line-height: 1.25em;
}
.cco-line-height-150 .cmp-text * {
    line-height: 1.5em;
}
.cco-line-height-175 .cmp-text * {
    line-height: 1.75em;
}
.cco-line-height-200 .cmp-text * {
    line-height: 2em;
}
.cco-letter-spacing-005 .cmp-text * {
    letter-spacing: 0.05em;
}
.cco-letter-spacing-010 .cmp-text * {
    letter-spacing: 0.1em;
}
.cco-letter-spacing-020 .cmp-text * {
    letter-spacing: 0.2em;
}
.cco-letter-spacing-030 .cmp-text * {
    letter-spacing: 0.3em;
}
.cco-letter-spacing-040 .cmp-text * {
    letter-spacing: 0.4em;
}
.cco-letter-spacing-050 .cmp-text * {
    letter-spacing: 0.5em;
}
.cco-letter-spacing-075 .cmp-text * {
    letter-spacing: 0.75em;
}
.cco-letter-spacing-100 .cmp-text * {
    letter-spacing: 1em;
}

/* Email Print */
.email-print {
    max-width: 1280px;
    margin: 0 auto;
    float: none !important;
    text-align: right;
}
#email-print > div {
    display: inline-block;
    margin-right: 0.5em;
}

/* Embed */
@media (max-width: 520px) {
    .cmp-embed iframe {
        width: 100%;
        height: 56.25%;
    }
}

.container.cco-width-full {
    max-width: 100% !important;
}
.teaser + .button,
.teaser + .text {
    position: relative;
}

/* Five-Column Container */
.five-column-container > div > div > div {
    width: 20% !important;
}

/* Top Bar */   
.cco-container-top-bar > .cmp-container > .aem-Grid > .text:first-child + .container + .text {  
    width: 130px;   
    position: absolute; 
    right: 420px;   
}   
.cco-container-top-bar .cco-container-social-media > .cmp-container,    
.cco-container-top-bar .search {    
    xmargin-top: 0.75em;    
}   
.cco-container-top-bar .cco-container-social-media {    
    position: absolute; 
    top: 10px;  
    left: 180px;    
}

.cco-container-top-bar .cco-container-social-media .image {
    margin: -0.15em 0;
    padding: 0 0.25em;
}
.cco-container-top-bar .cmp-search__input {
    border: 0;
    height: 1.5em;
    width: 100%;
}
.cco-container-top-bar .cmp-search__icon {
    top: 0.3rem;
}

.search {   
    position: absolute; 
    top: 10px;  
    right: 10px;    
    margin-top: 0;  
    width: 200px !important;    
    xoverflow: hidden;   
}

.cmp-search__item {
    padding: 0.25em 0.5em;
}
.cmp-search__item-title {
    color: #666;
}
.cmp-search__clear-icon {
    top: 0.35rem;
    margin-right: -4em;
}

@media (min-width: 800px) {
    .cco-container-top-bar section.cmp-search {
        position: absolute;
        right: 4em;
    }
    x.cco-container-top-bar .text:not(:first-child) .cmp-text {
        position: absolute;
        right: 22px;
    }
}

@media (max-width: 767px) {
    .navigation {
        background-color: #ccc;
        z-index: 10;
    }
}

@media (max-width: 767px) {
    .cco-container-top-bar p {
        margin: 0 0 1em 0;
    }
    .cco-container-top-bar .cco-container-social-media {
        position: absolute;
        right: 1em;
        width: auto !important;
        padding: 0;
    }
    .google-translate {
        margin: 0;
    }
    .cco-container-top-bar .cmp-container {
        padding: 1em;
    }
    .container.cco-container-social-media .cmp-container {
        margin-top: 0 !important;
        padding: 0 !important;
    }
    .search {
        margin: 0 !important;
        float: right !important;
        overflow: hidden;
    }
    .cmp-search__input {
        width: auto;
    }
    .cco-container-footer .cco-container-social-media {
        margin-top: 1em;
    }
}

/* Google Translate */  
.googletranslator { 
    position: absolute; 
    right: 240px; 
    max-width: 150px;
    text-align: right;  
}   
.goog-te-combo {    
    height: 1.5rem; 
    margin: 1em 0  0 0 !important;  
}   
#google_translate_element + p { 
    margin: 0;  
}

@media (max-width: 1279px) {    
    .navigation {   
        background-color: #ccc; 
        z-index: 10;    
    }  
}

@media (max-width: 1024px) {    
    .cco-container-top-bar {    
        min-height: 120px;  
        padding: 10px 0;    
    }   
    .cco-container-top-bar > .cmp-container > .aem-Grid > .text:first-child {   
        position: absolute; 
        top: 10px;  
        left: 10px; 
    }   
    .cco-container-top-bar > .cmp-container > .aem-Grid > .text:first-child + .container + .text {  
        position: absolute; 
        top: 40px;  
        left: 10px; 
    }   
    .cco-container-top-bar p {  
        margin: 0 0 1em 0;  
    }   
    .cco-container-top-bar .cco-container-social-media {    
        width: 120px !important;    
        top: 10px;  
        right: 10px;    
        left: auto; 
    }   
    .cco-container-top-bar .cmp-container { 
        padding: 1em;   
    }   
    .container.cco-container-social-media .cmp-container {  
        margin-top: 0 !important;   
        padding: 0 !important;  
    }   
    .search {   
        top: 74px;  
        width: 140px !important;    
    }   
    .cmp-search__input {    
        width: auto;    
    }   
    .googletranslator { 
        top: 60px;  
        left: 10px; 
        text-align: left;   
    }   
    .cco-container-top-bar {    
        min-height: 120px;  
    }   
}

.cco-container-top-bar .cmp-container,
.cco-container-header .cmp-container,
.breadcrumb > .cmp-breadcrumb {
    display: block;
    xmax-width: 1722px !important;
    xmargin: 0 auto;
    padding: 0 10px;
}

/* Header */
.cco-container-header {
    padding: 1em 0;
    border-bottom: 5px solid black;
}
.cco-container-header .image {
    float: left;
    width: 89px !important;
    height: 89px !important;
    margin: 0 1em 0 0;
}
.cco-container-header .image a {
    display: inline-block;
    position: relative;
    z-index: 5;
}
.cco-container-header .image + .text {
    position: relative;
    z-index: 5;
}
.cco-container-header .text {
    width: auto !important;
}
.cco-container-header .navigation {
    position: absolute;
    text-align: right;
}
.cco-container-header .text {
    vertical-align: middle;
}
.cco-container-header .text h3 {
    margin: 0 0 10px 0;
    font-size: 40px;
    font-weight: bold;    
}
.cco-container-header .text h4 {
    margin: 10px 0 0 0;
    font-size: 28px;
    font-weight: bold;    
}
    @media (max-width: 640px) { 
    .cco-container-header .image {  
        width: 18% !important;  
        height: auto !important;    
        margin: 0 1em 0 0;  
    }   
    .cco-container-header .image + .text {  
        margin-top: 1%; 
    }   
    .cco-container-header .text h3 {    
        margin: 0 0 10px 0; 
        font-size: 5vw;     
    }   
    .cco-container-header .text h4 {    
        xmargin: 10px 0 0 0;    
        font-size: 4vw;     
    }   
    .cco-container-header .navigation { 
        top: 3.5em !important;  
     }  
    .nav-mobile {   
        top: 50% !important;    
    }   
}   
/* Navigation */    
.cco-container-header > .cmp-container > div {  
    position: relative; 
}   
.cco-container-header .navigation { 
    margin-top: 1.5em;  
}
.cco-container-header .cmp-navigation {
    margin-top: 2.5em;
}
.cco-container-header nav > ul > li {
    padding: 0 1em;
    color: #707070 !important;
    font-family: 'latobold';
}
.cco-container-header nav > ul > li > a:hover {
    color: #6e8491 !important;
}
.cco-container-header .cmp-navigation__item--level-0 {
    display: inline-block;
    width: auto !important;
}
.nav-mobile {
    display: none;
    position: absolute;
    top: 3em;   
    right: 1em;
    width: 50px;
    height: 6px;
    background: #000;
    transition: 0.5s;
}
.nav-mobile:before {
    top: -16px;
}
.nav-mobile:after {
    top: 16px;
}
.icon-nav {
    position: absolute;
    top: -1em;
    left: 0;
    width: 50px;
    height: 40px;
    cursor: pointer;
}
.nav-mobile:before,
.nav-mobile:after {
    content: '';
    position: absolute;
    width: 50px;
    height: 6px;
    background: #000;
    transition:0.5s;
}
.icon-nav.active-one {
    background: #000;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0);
}
.icon-nav.active-one:before {
    top: 0;
    transform:rotate(45deg);
}
.icon-nav.active-one:after {
    top: 0;
    transform: rotate(135deg);
}

@media (max-width: 1279px){ 
    .nav-mobile {   
        display: block; 
    }   
    .navigation {   
        text-align: center; 
        width: 100% !important; 
    }   
    .cco-container-header .cmp-navigation__item--level-0 {  
        display: block; 
        width: 100% !important; 
    }   
    .cco-container-header .navigation { 
        display: none;  
        top: 5em;   
        float: none !important; 
        width: 100% !important; 
        margin-top: 0 !important;   
        text-align: center; 
        font-size: 1.5em;   
    }   
    .cco-container-header nav > ul {    
        padding: 0; 
    }   
    .cco-container-header nav > ul > li {   
        padding: 0.5em 0 !important;    
    }   
}

/* Breadcrumb */
.breadcrumb {
    width: 100%;
}
.breadcrumb ol {
    padding-left: 0;
}
.breadcrumb li {
    padding: 0 1em;
}
.breadcrumb li:not(:last-child) {
    border: 1px solid #ccc;
    border-width: 0 1px 0 0;
}

/* Hero Content */
.root .experiencefragment:first-child + .container {
    padding-top: 0;
}
.cco-container-hero-content {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    text-align: center;
}
.cco-container-hero-content .image {
    position: absolute;
    top: 0;
    z-index: -1;
}

/* Image Banner */
.cco-container-image-banner {
    text-align: center;
}
.cco-container-image-banner > div {
    overflow: hidden;
}
.cco-container-image-banner .cmp-teaser {
    position: relative;
}
.cco-container-image-banner .cmp-teaser .cmp-teaser__image {
    position: absolute;
    top: 0;
    z-index: 0;
    width: 100%;
}
.cco-container-image-banner .cmp-teaser .cmp-teaser__content {
    position: relative;
    z-index: 1;
    padding: 0.5em;
}
.cco-container-image-banner .cmp-teaser .cmp-teaser__title-link {
    color: auto;
}


/* Button with Text */
.cco-container-button-with-text {
    padding: 1em;
}
.cco-container-button-with-text .button,
.cco-container-button-with-text a {
    display: block !important;
}
.cco-container-button-with-text .button {
    text-align: center;
}

/* Text Boxes with Supporting Image */
.cco-container-text-with-image img {
    width: 55px;
    height: 55px;
}
.cco-container-text-with-image .cmp-text * {
    margin-top: 0;
}
.cco-container-text-with-image .image {
    float: left;
    display: inline !important;
}
.cco-container-text-with-image .text {
    display: inline !important;
}

/* Footer */
.cco-container-footer {
    padding: 30px;
}
.cco-container-footer a {
    color: #fff !important;
}
.cco-container-footer > div > div > div.image:first-child img {
    max-height: 183px;
    max-width: 183px;
}
.cco-container-footer .text {
    margin-left: 3em;
    vertical-align: top;
}

.cco-container-footer .cco-container-social-media { 
    margin-top: -30px;  
}   
@media (max-width: 650px) { 
    .cco-container-footer .cco-container-social-media { 
        margin-top: 0 !important;   
    }   
    .cco-container-footer > .cmp-container > .aem-Grid > .image:first-child {   
        text-align: center; 
    }   
}   


/* Bottom Bar */
.cco-container-bottom-bar {
    padding: 0.5em 2em !important;
}

/* Annual Report Colors & Backgrounds */
.cco-color-white-off1 {
    color: #f5f6f1 !important;
}
.cco-color-white-off2 {
    color: #f6f6f6 !important;
}
.cco-color-grey-light {
    color: #ccccc1 !important;
}
.cco-color-grey {
    color: #707070 !important;
}
.cco-color-black {
    color: #000 !important;
}
.cco-color-blue-crisp {
    color: #6e8491 !important;
}
.cco-color-blue-light1 {
    color: #65c5f0 !important;
}
.cco-color-blue-light2 {
    color: #3371b7 !important;
}
.cco-color-blue-medium {
    color: #3a4c73 !important;
}
.cco-color-blue-navy {
    color: #384453 !important;
}
.cco-color-blue-dark2 {
    color: #1b202d !important;
}
.cco-color-beige {
    color: #ebe3cf !important;
}
.cco-color-salmon {
    color: #f2d9bb !important;
}
.cco-color-orange2 {
    color: #e8a23b !important;
}
.cco-color-pink {
    color: #f16465 !important;
}
.cco-color-red-light {
    color: #ff5657 !important;
}
.cco-color-green2 {
    color: #66762e !important;
}

.cco-bg-white-off1,
.cco-bg-hover-white-off1:hover {
    background-color: #f5f6f1 !important;
}
.cco-bg-white-off2,
.cco-bg-hover-white-off2:hover {
    background-color: #f6f6f6 !important;
}
.cco-bg-grey-light,
.cco-bg-hover-grey-light:hover {
    background-color: #ccccc1 !important;
}
.cco-bg-grey, 
.cco-bg-hover-grey:hover {
    background-color: #707070 !important;
}
.cco-bg-black,
.cco-bg-hover-black:hover {
    background-color: #000 !important;
}
.cco-bg-blue-crisp,
.cco-bg-hover-blue-crisp:hover {
    background-color: #6e8491 !important;
}
.cco-bg-blue-light1,
.cco-bg-hover-blue-light1:hover {
    background-color: #65c5f0 !important;
}
.cco-bg-blue-light2,
.cco-bg-hover-blue-light2:hover {
    background-color: #3371b7 !important;
}
.cco-bg-blue-medium,
.cco-bg-hover-blue-medium:hover {
    background-color: #3a4c73 !important;
}
.cco-bg-blue-navy,
.cco-bg-hover-blue-navy:hover {
    background-color: #384453 !important;
}
.cco-bg-blue-dark2,
.cco-bg-hover-blue-dark2:hover {
    background-color: #1b202d !important;
}
.cco-bg-beige,
.cco-bg-hover-beige:hover {
    background-color: #ebe3cf !important;
}
.cco-bg-salmon,
.cco-bg-hover-salmon:hover {
    background-color: #f2d9bb !important;
}
.cco-bg-orange2,
.cco-bg-hover-orange2:hover {
    background-color: #e8a23b !important;
}
.cco-bg-pink,
.cco-bg-hover-pink:hover {
    background-color: #f16465 !important;
}
.cco-bg-red-light,
.cco-bg-hover-red-light:hover {
    background-color: #ff5657 !important;
}
.cco-bg-green2,
.cco-bg-hover-green2:hover {
    background-color: #66762e !important;
}

/* Border */
.cco-border-white-off1 hr {
    color: #f5f6f1 !important;
}
.cco-border-white-off2 hr {
    color: #f6f6f6 !important;
}
.cco-border-grey-light hr {
    color: #ccccc1 !important;
}
.cco-border-grey hr {
    color: #707070 !important;
}
.cco-border-black hr {
    color: #000 !important;
}
.cco-border-blue-crisp hr {
    color: #6e8491 !important;
}
.cco-border-blue-light1 hr {
    color: #65c5f0 !important;
}
.cco-border-blue-light2 hr {
    color: #3371b7 !important;
}
.cco-border-blue-medium hr {
    color: #3a4c73 !important;
}
.cco-border-blue-navy hr {
    color: #384453 !important;
}
.cco-border-blue-dark2 hr {
    color: #1b202d !important;
}
.cco-border-beige hr {
    color: #ebe3cf !important;
}
.cco-border-salmon hr {
    color: #f2d9bb !important;
}
.cco-border-orange2 hr {
    color: #e8a23b !important;
}
.cco-border-pink hr {
    color: #f16465 !important;
}
.cco-border-red-light hr {
    color: #ff5657 !important;
}
.cco-border-green2 hr  {
    color: #66762e !important;
}


.cco-border-solid hr {
    border-style: solid;
}
.cco-border-dashed hr {
    border-style: dashed;
}
.cco-border-dotted hr {
    border-style: dotted;
}
.cco-border-top-1px hr {
    border-width: 1px 0 0 0;
}
.cco-border-top-2px hr {
    border-width: 2px 0 0 0;
}
.cco-border-top-3px hr {
    border-width: 3px 0 0 0;
}
.cco-border-top-4px hr {
    border-width: 4px 0 0 0;
}
.cco-border-top-5px hr {
    border-width: 5px 0 0 0;
}


.image.cco-border-radius-3px img,
.text.cco-border-radius-3px,
.container.cco-border-radius-3px {
    border-radius: 3px;
}
.image.cco-border-radius-6px img,
.text.cco-border-radius-6px,
.container.cco-border-radius-6px {
    border-radius: 6px;
}
.image.cco-border-radius-9px img,
.text.cco-border-radius-9px,
.container.cco-border-radius-9px {
    border-radius: 9px;
}
.image.cco-border-radius-12px img,
.text.cco-border-radius-12px,
.container.cco-border-radius-12px {
    border-radius: 12px;
}
.image.cco-border-radius-15px img,
.text.cco-border-radius-15px,
.container.cco-border-radius-15px {
    border-radius: 15px;
}
.image.cco-border-radius-18px img,
.text.cco-border-radius-18px,
.container.cco-border-radius-18px {
    border-radius: 18px;
}
.image.cco-border-radius-21px img,
.text.cco-border-radius-21px,
.container.cco-border-radius-21px {
    border-radius: 21px;
}
.image.cco-border-radius-24px img,
.text.cco-border-radius-24px,
.container.cco-border-radius-24px {
    border-radius: 24px;
}
.image.cco-border-radius-27px img,
.text.cco-border-radius-27px,
.container.cco-border-radius-27px {
    border-radius: 27px;
}
.image.cco-border-radius-30px img,
.text.cco-border-radius-30px,
.container.cco-border-radius-30px {
    border-radius: 30px;
}

/* Padding */
.cco-padding-1px {
    padding: 1px;
}
.cco-padding-2px {
    padding: 2px;
}
.cco-padding-3px {
    padding: 3px;
}
.cco-padding-4px {
    padding: 4px;
}
.cco-padding-5px {
    padding: 5px;
}
.cco-padding-6px {
    padding: 6px;
}
.cco-padding-7px {
    padding: 7px;
}
.cco-padding-8px {
    padding: 8px;
}
.cco-padding-9px {
    padding: 9px;
}
.cco-padding-10px {
    padding: 10px;
}
.cco-padding-top-0 {
    padding-top: 0 !important;
}
.cco-padding-right-0 {
    padding-right: 0 !important;
}
.cco-padding-bottom-0 {
    padding-bottom: 0 !important;
}
.cco-padding-left-0 {
    padding-left: 0 !important;
}

/* Margin */
.cco-margin-1px {
    margin: 1px;
}
.cco-margin-2px {
    margin: 2px;
}
.cco-margin-3px {
    margin: 3px;
}
.cco-margin-4px {
    margin: 4px;
}
.cco-margin-5px {
    margin: 5px;
}
.cco-margin-6px {
    margin: 6px;
}
.cco-margin-7px {
    margin: 7px;
}
.cco-margin-8px {
    margin: 8px;
}
.cco-margin-9px {
    margin: 9px;
}
.cco-margin-10px {
    margin: 10px;
}
.cco-margin-top-0 {
    margin-top: 0 !important;
}
.cco-margin-bottom-0 {
    margin-bottom: 0 !important;
}
.cco-margin-left-0 {
    margin-left: 0 !important;
}
.cco-margin-right {
    margin-right: 0 !important;
}