/* * { outline: 1px solid red; } */

/* 2022 */

@import url('inter.css');

html{
    font-size: 10px;
    font-family: 'Inter', sans-serif;
    overflow-y: scroll;
}

body {
    font-size: 1.6rem;
    font-family: 'Inter', sans-serif;
}

@supports (font-variation-settings: normal) {
    html, body { font-family: 'Inter var', sans-serif; }
}

/*=============================================================================
Global
=============================================================================*/

h1 {
    font-size: 3.8rem;
}

h2 {
    font-size: 2.4rem;
    font-weight: 700;
    color: #187c41;
    margin-bottom: 1em;
}

h3 {
    color: #187c41;
    font-size: 2.2rem;
    margin-bottom: 1em;
    font-weight: 500;
}

h4 {
    font-size: 1.8rem;
    margin-bottom: 0.5em;
}

.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    clear: right;
    margin: 0 0 1.2em 0
}

.embed-container iframe,
.embed-container object,
.embed-container embed,
.embed-container video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

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

.btn--outline {
    border: 2px solid #187c41;
    text-decoration: none;
    color: #187c41;
    font-weight: bold;
    padding: 0.6em 0.6em 0.6em 0.8em;
    display: inline-block;
    width: 100%;
    max-width: 262px;
    text-align: left;
    position: relative;
}

.btn--outline-white {
    border-color: #fff;
    color: #fff;
}

.btn--outline-white:hover,
.btn--outline-white:focus {
    color: #fff;
}

.btn--arrow::after {
    content: ' ';
    width: 24px;
    height: 24px;
    display: block;
    position: absolute;
    right: 0.6em;
    top: 50%;
    transform: translateY(-50%);
    background-image: url("data:image/svg+xml,%3Csvg class='icon--arrow-right' xmlns='http://www.w3.org/2000/svg' fill='%23187c41' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M 14 4.9296875 L 12.5 6.4296875 L 17.070312 11 L 3 11 L 3 13 L 17.070312 13 L 12.5 17.570312 L 14 19.070312 L 21.070312 12 L 14 4.9296875 z'%3E%3C/path%3E%3C/svg%3E");
    transition: right 0.1s ease-in-out;
}

.btn--arrow:hover::after,
.btn--arrow:focus::after {
    right: 0.4em;
}

.btn--outline-white.btn--arrow::after {
    background-image: url("data:image/svg+xml,%3Csvg class='icon--arrow-right' xmlns='http://www.w3.org/2000/svg' fill='%23FFF' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M 14 4.9296875 L 12.5 6.4296875 L 17.070312 11 L 3 11 L 3 13 L 17.070312 13 L 12.5 17.570312 L 14 19.070312 L 21.070312 12 L 14 4.9296875 z'%3E%3C/path%3E%3C/svg%3E");
}

.btn--arrow-gray.btn--arrow::after {
    background-image: url("data:image/svg+xml,%3Csvg class='icon--arrow-right' xmlns='http://www.w3.org/2000/svg' fill='%23999' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M 14 4.9296875 L 12.5 6.4296875 L 17.070312 11 L 3 11 L 3 13 L 17.070312 13 L 12.5 17.570312 L 14 19.070312 L 21.070312 12 L 14 4.9296875 z'%3E%3C/path%3E%3C/svg%3E");
}

/* flickity-fade */

.flickity-enabled.is-fade .flickity-slider > * {
    pointer-events: none;
    z-index: 0;
}
  
.flickity-enabled.is-fade .flickity-slider > .is-selected {
    pointer-events: auto;
    z-index: 1;
}

.page-header {
    background: #f7f8fa;
    padding-bottom: 2.5em;
    margin-bottom: 4em;
}

.page-header .page-title {
    font-size: 3.2rem;
    color: #1c1d1e;
    font-weight: bold;
    position: relative;
    padding-top: 1.4em;
}

.page-header-banner {
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    margin: 0 0 3.5em 0;
    max-height: 644px;
}

.page-header-banner h1 {
    font-size: 4.4rem;
    font-weight: 700;
    color: #fff;
    margin-bottom: 0.5em;
    letter-spacing: 0.02em;
    max-width: 540px;
}

.page-header-banner__content {
    margin-top: auto;
}

.page-header-banner::before {
    content: ' ';
    display: block;
    padding-top: 37.88%;
}

.page-header-banner::after {
    content: ' ';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 5;
    background-color: rgba(0, 0, 0, 0.4);
    background-image: -moz-linear-gradient( 90deg, rgba(15,22,20, 0.6) 0%, rgba(15,22,20,0) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgba(15,22,20, 0.6) 0%, rgba(15,22,20,0) 100%);
    background-image: -ms-linear-gradient( 90deg, rgba(15,22,20, 0.6) 0%, rgba(15,22,20,0) 100%);
}

.page-header-banner > .container {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 15;
    margin: 0 auto;
    height: 100%;
}

.page-header-banner .back-link a {
    color: #fff;
    text-decoration: none;
    position: relative;
    padding: 0.25em 0;
}

.page-header-banner .back-link a::after {
    content: ' ';
    background: #fff;
    display: block;
    position: absolute;
    width: calc(100% - 30px);
    right: 0;
    /* height: 2px; */
    bottom: -5px;
    opacity: 0;
    transition: opacity 0.1s ease-in-out;
    pointer-events: none;
}

.page-header-banner .back-link a:hover::after,
.page-header-banner .back-link a:focus::after {
    opacity: 1;
    height: 2px;
}

.page-header-banner .back-link svg {
    fill: #fff;
}

.page-header-banner .banner-content {
    height: 100%;
    padding-top: 4em;
    display: flex;
    flex-direction: column;
    padding-bottom: 4em;
}

.page-header-banner .banner-content p {
    color: #fff;
    font-size: 1.8rem;
    max-width: 840px;
    margin-bottom: 2em;
}

.page-header-banner .banner-content .read-more a {
    font-size: 1.6rem;
    font-weight: 500;
    max-width: 380px;
}

@media (max-width: 1199px) {
    .page-header-banner h1 {
        font-size: 3.4rem;
    }
}

@media (max-width: 991px) {
    .page-header-banner {
        max-height: 100%;
    }
    
    .page-header-banner > .container {
        position: relative;
        left: auto;
        transform: none;
    }

    .page-header-banner::before {
        display: none;
    }

    .page-header-banner .banner-content {
        padding-bottom: 2em;
    }
}

.eri-sidebar {
    background: #f4f4f4;
    border-top: 0.4em solid #3d8b5b;
    padding: 0 15px 1.5em 15px;
    font-size: 1.4rem;
    margin-bottom: 4em;
}

.eri-sidebar h3 {
    text-align: center;
    margin: 1em 0;
    font-weight: 600;
    color: #1c1d1e;
}

.eri-sidebar h4 {
    margin-bottom: 1em;
    font-size: 1.5rem;
}

.eri-sidebar h4 a[href^="tel"] {
    text-align: center;
    display: block;
}

.eri-sidebar li a {
    border-bottom: 1px solid #ddd;
    display: block;
    position: relative;
    padding: 0.4em 0 0.4em 0.5em;
    color: #2e3033;
}

.eri-sidebar li a:hover,
.eri-sidebar li a:focus {
    background-color: #fff;
    text-decoration: none;
}

.eri-sidebar li li a {
    padding: 0.4em 0 0.4em 1.5em;
}

.eri-sidebar p {
    text-align: center;
}

.eri-sidebar a {
    text-decoration: none;
}

.eri-sidebar .gform_wrapper .top_label .gfield_label {
    font-size: 1.4rem;
    font-weight: 500;
    opacity: 0.8;
}

.eri-sidebar .gform_wrapper .top_label div.ginput_container {
    margin-top: 0;
}

.eri-sidebar .gform_wrapper .gform_footer {
    text-align: center;
}

.eri-sidebar .gform_wrapper .top_label .gfield_label {
    display: none;
}

.gform_wrapper .gform_footer input.button {
    background-color: #187c41;
    border-radius: 0;
    padding: 0.5em 1.5em;
    font-size: 1.6rem;
    font-weight: 600;
}

.gform_wrapper .gform_footer input.button:hover,
.gform_wrapper .gform_footer input.button:focus {
    background-color: #1c924d;
}

@media only screen and (min-width: 641px) {
    .gform_legacy_markup_wrapper ul.gform_fields li.gfield {
        padding-right: 0;
    }
}

@media only screen and (min-width: 641px) {
    .gform_legacy_markup_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) {
        max-width: 100% !important;
    }
}

a[href^="mailto"]:before,
a[href^="tel:"]:before {
    font-family: 'FontAwesome';
    margin-left: 0.2em;
    margin-right: 0.2em;
    display: inline-block;
    min-width: 1em;
    text-align: center;
}

a[href^="mailto"]:before {
    content: '\f0e0';
}

a[href^="tel:"] {
    color: inherit;
    text-decoration: none;
}

a[href^="tel:"]:hover,
a[href^="tel:"]:focus,
a[href^="tel:"]:active,
a[href^="tel:"]:visited {
    color: inherit;
    text-decoration: none;
}

a[href^="tel:"]:before {
    content: '\f095';
}

a[href^="tel:+01-1-800-374-3473"]:after,
a[href^="tel:+1-800-374-3473"]:after {
    content: ' (374-3473)';
    color: #999;
}

.entry-header {
    margin-bottom: 2em;
}

.entry-header .entry-title {
    font-size: 2.8rem;
    color: #1c1d1e;
    font-weight: 700;
    margin-bottom: 0.5em;
}

.entry-header .entry-meta {
    color: #494a4b;
}

.entry-header .entry-meta a {
    color: #494a4b;
}

.entry-header .entry-meta .source:before,
.entry-header .entry-meta .original-url:before {
    content: '\2219';
    margin: 0 0.25em;
}

.sidebar-featured-news-wrapper {
    border-top: 2px solid #ccc;
    margin-top: 1em;
    padding-top: 2em;
}

.sidebar-featured-news-box img {
    max-width: 100%;
    height: auto;
}

.eri-sidebar .featured-news-box__title {
    text-align: left;
}

.eri-sidebar .featured-news-box__caption {
    text-align: left;
}

/*=============================================================================
Global Header
=============================================================================*/

.primary-header__pre-header {
    border-bottom: 1px solid #e0dedc;
    font-size: 1.3rem;
    color: #2e3033;
}

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

.primary-header__pre-header p {
    margin: 0;
    padding: 0.5em;
}

.primary-header__pre-header a {
    color: #2e3033;
    text-decoration: none;
}

.pre-header__left a:hover .learn-more {
    text-decoration: underline;
}

.primary-header__pre-header .eri-number {
    display: inline-block;
}

.primary-header__pre-header .eri-number a {
    text-decoration: none;
}

.primary-header__pre-header .eri-number a::before {
    display: none;
}

.primary-header__pre-header .search-site {
    display: inline-block;
    padding: 0;
    right: -4px;
    position: relative;
}

.primary-header__pre-header .search-site a {
    padding: 0.5em;
    display: block;
}

.primary-header__pre-header .search-site svg {
    fill: #5c6066;
    width: 20px;
    height: 20px;
}

.primary-header__pre-header .search-site a:hover svg,
.primary-header__pre-header .search-site a:focus svg {
    fill: #000;
}

#search-modal .search-input {
    padding: 0.9em 1em 0.95em 1em;
    display: inline-block;
    width: calc(100% - 95px);
    border-radius: 0;
}

#search-modal .search-submit {
    padding: 1em;
    display: inline-block;
}

.primary-header__main {
    padding: 1.3em 0 0.5em 0;
}

.primary-header__main .contact-cta {
    padding-top: 0.4em;
}

.primary-header__main .contact-cta a {
    border: 2px solid #3d8b5b;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 1.3rem;
    font-weight: 600;
    display: inline-block;
    padding: 0.55em 2.5em;
    transition: background-color 0.1s ease-in-out,
                color 0.05s ease-in-out;
}

.primary-header__main .contact-cta a:hover,
.primary-header__main .contact-cta a:focus {
    background-color: #3d8b5b;
    color: #fff;
}

.primary-nav {
    padding-top: 0.8em;
    margin-left: 0.5em;
}

.primary-nav > ul > li {
    display: inline-block;
    margin-right: 0.25em;
    margin-left: 0.25em;
}

.primary-nav > ul > li:hover > a {
    position: relative;
}

.primary-nav > ul > li > a::after {
    content: ' ';
    position: absolute;
    bottom: 0;
    left: 0.5em;
}

.primary-nav > ul > li:hover > a::after {
    width: calc(100% - 1em);
    height: 3px;
    background-color: #3d8b5b;
}

.menu-item__parent > a {
    color: #2e3033;
    font-weight: 600;
    text-decoration: none;
    font-size: 1.6rem;
    padding: 0.5em;
}

.depth-menu {
    font-size: 1.5rem;
    position: absolute;
    left: 0;
    right: 0;
    padding-top: 2.3em;
    top: -9999em;
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
    z-index: 9999;
}

.depth-menu::after {
    content: ' ';
    width: 100%;
    height: 32px;
    -webkit-box-shadow: 0 12px 12px 0 rgba(0,0,0,0.2);
    box-shadow: 0 12px 24px 0 rgba(0,0,0,0.35);
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
}

.depth-menu a {
    text-decoration: none;
}

.depth-menu a:hover,
.depth-menu a:focus {
    text-decoration: underline;
}

.primary-nav > ul > li:hover > .depth-menu,
.primary-nav > ul > li.open > .depth-menu {
    top: auto;
    opacity: 1;
}

.menu-fade-out {
    opacity: 0 !important;
}

.depth-menu__inner {
    /* background-color: red; */
    background-color: #fff;
    /* padding: 4em 0 3em 0; */
    overflow: hidden;
}

.depth-menu__inner .container {
    position: relative;
}

.depth-menu__optech .container {
    padding-top: 4em;
    padding-bottom: 3em;
}

.depth-menu__optech h3 {
    color: #2e3033;
    font-size: 2.2rem;
    font-weight: 700;
}

.depth-menu__optech .nav__cta-button {
    margin-right: 1.5em;
}

.col__optech-screenshot {
    padding-right: 3em;
    position: relative;
    margin-right: 5em;
}

.optech-screenshot {
    width: 100%;
    max-width: 640px;
    -webkit-transform: perspective(1500px) rotateY(-24deg);
    transform: perspective(1500px) rotateY(-24deg);
    box-shadow: 37.2px 62.5px 125px -25px rgb(50 50 93 / 50%), 22.3px 37.5px 75px -37.5px rgb(0 0 0 / 60%);
    position: absolute;
    top: -1em;
    right: 0;
    border-radius: 0.6em;
    overflow: hidden;
}

.optech-screenshot img {
    width: 100%;
    height: auto;
}

.nav__cta-button {
    border: 2px solid #3d8b5b;
    display: inline-block;
    text-decoration: none;
    font-weight: 600;
    position: relative;
    padding: 0.5em 1em;
    width: 100%;
    max-width: 160px;
}

.depth-menu .nav__cta-button:hover,
.depth-menu .nav__cta-button:focus {
    text-decoration: none;
}

.nav__cta-button::after {
    content: ' ';
    width: 24px;
    height: 24px;
    display: block;
    position: absolute;
    right: 0.6em;
    top: 50%;
    transform: translateY(-50%);
    background-image: url("data:image/svg+xml,%3Csvg class='icon--arrow-right' xmlns='http://www.w3.org/2000/svg' fill='%23187c41' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M 14 4.9296875 L 12.5 6.4296875 L 17.070312 11 L 3 11 L 3 13 L 17.070312 13 L 12.5 17.570312 L 14 19.070312 L 21.070312 12 L 14 4.9296875 z'%3E%3C/path%3E%3C/svg%3E");
    transition: right 0.1s ease-in-out;
}

.nav__cta-button:hover::after,
.nav__cta-button:focus::after {
    right: 0.4em;
}

.depth-menu__close {
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    right: -0.6em;
    top: 0;
    background: transparent;
    border: none;
}

.depth-menu__close svg {
    fill: #a3a3a3;
    transition: fill 0.1s ease-in-out;
}

.depth-menu__close:hover svg,
.depth-menu__close:focus svg {
    fill: #444;
}

.depth-menu__compliance .col__links-column {
    max-width: 320px;
}

.depth-menu__compliance .certification-logos,
.depth-menu__sustainability .certification-logos {
    margin: 2em 0 1.5em 0;
    padding: 0;
    list-style: none;
    text-align: center;
}

.depth-menu__compliance .certification-logos li,
.depth-menu__sustainability .certification-logos li {
    display: inline-block;
    margin: 0 2em 0 0;
    vertical-align: top;
}

.depth-menu__compliance .certification-logos img,
.depth-menu__sustainability .certification-logos img {
    width: 100%;
    height: auto;
    max-height: 50px;
}

.depth-menu__compliance .certification-logos + p,
.depth-menu__sustainability .certification-logos + p {
    text-align: center;
    margin: 0;
}

.depth-menu__compliance .certification-logos + p a,
.depth-menu__sustainability .certification-logos + p a {
    text-decoration: none;
    color: #2e3033;
    font-weight: 400;
}

.depth-menu__compliance .certification-logos + p a:hover,
.depth-menu__compliance .certification-logos + p a:focus,
.depth-menu__sustainability .certification-logos + p a:hover,
.depth-menu__sustainability .certification-logos + p a:focus {
    text-decoration: underline;
}

@media (max-width: 1199px) {
    .menu-item__parent > a {
        font-size: 1.4rem;
    }

    .primary-nav > ul > li {
        margin-right: 0;
        margin-left: 0;
    }

    .primary-header__main .contact-cta a {
        padding: 0.55em 1.5em;
    }
}

/* ************************************************************************* */

.depth-menu__services ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.depth-menu__services h4 {
    color: #1e6e3d;
    font-size: 1.4rem;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 1.8em;
}

.depth-menu__services .depth-menu__inner {
    padding-top: 0;
    padding-bottom: 0;
}

.depth-menu__services .col__core-services {
    background-color: #f7f8fa;
    padding-top: 2em;
    padding-bottom: 2em;
}

.depth-menu__services .col__core-services::before {
    content: ' ';
    position: absolute;
    left: -100%;
    top: 0;
    width: 100%;
    height: 100%;
    background: #f7f8fa;
}

.depth-menu__services .col__core-services li {
    margin-bottom: 0.5em;
}

.depth-menu__services .col__core-services p {
    margin: 0;
}

.depth-menu__services .col__core-services p + p {
    color: #6c707b;
    font-size: 1.4rem;
}

.depth-menu__services .col__core-services p strong {
    font-size: 1.6rem;
    color: #2e3033;
}

.depth-menu__services .col__core-services a {
    text-decoration: none;
    display: block;
    height: 100%;
    /* background-color: #f7f8fa; */
    /* padding: 0.6em 1em; */
    padding: 0.6em 1em 0.6em 3.3em;
    position: relative;
}

.depth-menu__services .col__core-services svg {
    position: absolute;
    top: 0.6em;
    left: 1em;
    fill: #186937;
}

.depth-menu__services .col__core-services a:hover,
.depth-menu__services .col__core-services a:focus {
    background-color: #fff;
}

.depth-menu__services .col__other-services {
    padding-top: 2em;
    padding-left: 3em;
}

.depth-menu__services .col__other-services ul {
    margin-bottom: 2.6em;
}

.depth-menu__services .col__other-services a {
    color: #2e3033;
}

/* ************************************************************************* */

.col__menu-intro {
    background-color: #f7f8fa;
    padding-top: 2em;
    padding-bottom: 2em;
    max-width: 540px;
    padding-right: 3em;
    padding-top: 3em;
    font-weight: 600;
    font-size: 1.6rem;
}

.col__menu-intro::before {
    content: ' ';
    position: absolute;
    left: -100%;
    top: 0;
    width: 100%;
    height: 100%;
    background: #f7f8fa;
}

.depth-menu__about h4,
.depth-menu__compliance h4,
.depth-menu__industries h4,
.depth-menu__sustainability h4 {
    color: #1e6e3d;
    font-size: 1.4rem;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 1.8em;
}

.depth-menu__about .col__links,
.depth-menu__compliance .col__links,
.depth-menu__industries .col__links,
.depth-menu__sustainability .col__links {
    padding-top: 2em;
    padding-left: 3em;
}

.depth-menu__about .col__links ul,
.depth-menu__compliance .col__links ul,
.depth-menu__industries .col__links ul,
.depth-menu__sustainability .col__links ul {
    margin-bottom: 2.6em;
    padding: 0;
    list-style: none;
}

.depth-menu .col__links ul ul {
    margin-bottom: 0;
}

.depth-menu__about .col__links a,
.depth-menu__compliance .col__links a,
.depth-menu__industries .col__links a,
.depth-menu__sustainability .col__links a {
    color: #2e3033;
}

.depth-menu .divider {
    display: block;
    width: 100%;
    height: 1px;
    background: #ccc;
    margin: 1em 0;
    max-width: 160px;
}

.col__links-column {
    max-width: 260px;
}

.col__links-column li li {
    list-style: initial;
    margin-left: 2em;
}

@media (max-width: 991px) {
    .pre-header__left {
        flex: 1 0 100%;
        text-align: center;
    }

    .pre-header__right {
        text-align: center;
        flex: 1 0 100%;
    }
}

@media (max-width: 768px) {
    .pre-header__right {
        display: none;
    }
}

/*=============================================================================
Mobile Menu - Button
=============================================================================*/

html.with-fancybox {
    overflow-y: hidden;
}

.btn-mobile-menu {
    border: 0;
    background: transparent;
    width: 38px;
    height: 38px;
    vertical-align: middle;
    margin-left: 0.5em;
}

.btn-mobile-menu svg {
    fill: #666;
    transition: fill 0.1s ease-in-out;
}

.btn-mobile-menu:hover svg,
.btn-mobile-menu:focus svg {
    fill: #000;
}

@media (min-width: 992px) {
    .btn-mobile-menu {
        display: none;
    }
}

@media (max-width: 991px) {
    .col-nav {
        display: none;
    }

    .col-mobile-menu {
        flex: 1 0 0%;
        text-align: right;
    }

    .primary-header__main .contact-cta {
        display: inline-block;
    }
}

@media (max-width: 400px) {
    .primary-header__main .contact-cta {
        display: none;
    }

    .primary-header__main {
        padding: 0.8em 0;
    }

    .col-mobile-menu {
        align-self: center;
    }
}

/*=============================================================================
Mobile Menu - Menu
=============================================================================*/

#mobile-menu {
    width: 100%;
    height: 100%;
    padding-left: 0;
    padding-right: 0;
    background: #272727;
}

#mobile-menu .phone-number {
    text-align: center;
    font-weight: 500;
    font-size: 1.8rem;
}

#mobile-menu .phone-number a {
    color: #fff;
    text-decoration: none;
}

#mobile-menu .phone-number span {
    opacity: 0.5;
}

.mobile-menu__primary-links {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow-y: auto;
    border-top: 1px solid #555;
    border-bottom: 1px solid #555;
}

.mobile-menu__parent {
    border-left: 1px solid #555;
    border-right: 1px solid #555;
    border-bottom: 1px solid #555;
}

.mobile-menu__parent:first-of-type,
.mobile-menu__parent:last-of-type {
    border-top: none;
}

.mobile-menu__parent:last-of-type {
    border-bottom: none;
}

.mobile-menu__parent a {
    display: block;
    color: #fff;
    padding: 0.5em 1em 0.5em 3em;
    position: relative;
    text-decoration: none;
    border-bottom: 1px solid transparent;
}

.mobile-menu__parent.sub-open > a {
    border-bottom: 1px solid #555;
}

.mobile-menu__parent a:active {
    background-color: rgba(255, 255, 255, 0.2)
}

.expand-sub {
    width: 40px;
    height: calc(100% + 1px);
    display: block;
    position: absolute;
    top: -1px;
    left: -1px;
    border-left: 1px solid #555555;
    border-right: 1px solid #555555;
    border-bottom: none;
}

.expand-sub::after {
    content: ' ';
    display: block;
    background-image: url("data:image/svg+xml,%3Csvg class='icon--chevron-right' xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24'%3E%3Cpath fill='%23bbb' d='M11.109 3L11.109 3C9.78 3 8.988 4.481 9.725 5.587L14 12l-4.275 6.413C8.988 19.519 9.78 21 11.109 21h0 c0.556 0 1.076-0.278 1.385-0.741l4.766-7.15c0.448-0.672 0.448-1.547 0-2.219l-4.766-7.15C12.185 3.278 11.666 3 11.109 3z'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 24px;
    height: 24px;
    transform: translate(-50%, -50%) rotate(0);
    transform-origin: top;
}

.sub-open .expand-sub::after {
    transform: rotate(90deg);
}

.fancybox__content :focus:not(.carousel__button.is-close) {
    outline: 0;
}

.mobile-menu__sub {
    padding-left: 3.5em;
    font-size: 1.4rem;
    background-color: #333;
}

.mobile-menu__sub-inner {
    padding-top: 1em;
    padding-bottom: 1em;
}

.mobile-menu__sub h4 {
    color: #bbb;
    font-weight: 400;
    font-size: 1.4rem;
}

.mobile-menu__sub ul {
    list-style: none;
    padding-left: 0;
    border-left: 2px solid #555555;
    margin-bottom: 1em;
    margin-left: 1em;
}

.mobile-menu__sub-inner ul:last-child {
    margin-bottom: 0;
}

.mobile-menu__sub ul a {
    padding-left: 1em;
    font-size: 1.4rem;
    border: none;
}

.mobile-menu__sub ul ul a {
    padding-left: 0.5em;
}

.mobile-menu__sub ul ul {
    list-style: initial;
    margin-left: 1em;
    border-left: none;
    padding-left: 2.5em;
    margin-bottom: 0;
}

.mobile-menu__bottom-links {
    text-align: center;
    display: block;
    margin: 0;
    list-style: none;
    padding: 1.5em 0 0 0;
}

.mobile-menu__bottom-links li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0.25em;
}

.mobile-menu__bottom-links li a {
    display: block;
}

.mobile-menu__bottom-links li svg {
    fill: #fff;
    width: 32px;
    height: 32px;
}

.mobile-menu__bottom-links .mobile-menu__search {
    margin-left: 1em;
}

.mobile-menu__bottom-links .mobile-menu__search a {
    color: #fff;
    text-decoration: none;
}

.mobile-menu__bottom-links .mobile-menu__search svg {
    width: 24px;
    height: 24px;
}

/*=============================================================================
Home Sections - Hero Banner
=============================================================================*/

.home__banner {
    background-color: #101310;
    margin-bottom: 6em;
    position: relative;
    max-height: 644px;
    overflow: hidden;
}

.home__banner::after {
    content: ' ';
    display: block;
    padding-top: 37.88%;
}

.home__banner-inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.home-slide {
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #101412;
    background-position: center;
}

.home-slide::after {
    content: ' ';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 5;
    background-image: -moz-linear-gradient( 90deg, rgba(15,22,20, 0.4) 0%, rgba(15,22,20,0) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgba(15,22,20, 0.4) 0%, rgba(15,22,20,0) 100%);
    background-image: -ms-linear-gradient( 90deg, rgba(15,22,20, 0.4) 0%, rgba(15,22,20,0) 100%);
}

.home-slide h2 {
    color: #fff;
    font-size: 4.4rem;
    font-weight: 700;
    max-width: 740px;
    margin-bottom: 0.5em;
}

.home-slide p {
    color: #fff;
    font-size: 1.8rem;
    max-width: 740px;
}

.home-slide .container {
    height: 100%;
    z-index: 15;
    position: relative;
}

.home-slide-content {
    position: absolute;
    top: 43%;
    transform: translateY(-50%);
    z-index: 20;
}

.home-slide .btn--outline {
    font-weight: 500;
    font-size: 1.6rem;
}

.home-slide .read-more {
    margin-top: 2em;
}

#home-slide-01 {
    background-image: url('../jpg/home-banner-01.jpg');
}

#home-slide-02 {
    background-image: url('../jpg/home-banner-itad.jpg');
}

#home-slide-03 {
    background-image: url('../jpg/home-banner-data-destruction.jpg');
}

#home-slide-04 {
    background-image: url('../jpg/home-banner-04.jpg');
}

#home-slide-05 {
    background-image: url('../jpg/page-banner-recycling-kitse913.jpg');
}

#home-slide-06 {
    background-image: url('../jpg/home-banner-06.jpg');
}

.home__banner .carousel {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.home__banner .carousel-cell {
    width: 100%;
    height: 100%;
}

.home__banner .flickity-viewport {
    height: 100% !important;
}

.home__banner-nav .container {
    position: relative;
}

.home__banner-nav {
    position: absolute;
    z-index: 20;
    bottom: 0;
    width: 100%;
}

.home__banner-nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
}

.home__banner-nav li {
    width: calc(100% / 6);
    margin-right: 1.5em;
}

.home__banner-nav li:last-of-type {
    margin-right: 0;
}

.home__banner-nav a {
    color: #fff;
    font-weight: 600;
    font-size: 1.4rem;
    text-decoration: none;
    display: block;
    width: 100%;
    padding-bottom: 4em;
    height: 100%;
    opacity: 0.6;
    transition: opacity 0.09s ease-in-out;
    position: relative;
}

.home__banner-nav a em {
    font-style: normal;
}

.home__banner-nav a::after {
    content: ' ';
    display: block;
    width: 3px;
    height: 100%;
    background: #fff;
    position: absolute;
    margin-top: 6px;
}

.home__banner-nav a:hover,
.home__banner-nav a:focus {
    opacity: 1;
}

.home__banner-nav a.current {
    opacity: 1;
}

.banner-nav__secure-recycling-boxes span,
.banner-nav__special-services span,
.banner-nav__outreach span {
    display: block;
}

.flickity-button:focus {
    box-shadow: 0 0 0 3px #186937;
}

.carousel-progress {
    margin: 0 auto;
    height: 3px;
    border-radius: 0;
    position: relative;
}

.carousel-progress .progress {
    position: absolute;
    top: 0;
    left: 0;
    height: 3px;
    border-radius: 0;
    width: 0%;
    background-color: #fff;
    opacity: 0.5;
}

@media (max-width: 1199px) {
    .home-slide h2 {
        font-size: 3.2rem;
    }

    .banner-nav__secure-recycling-boxes span,
    .banner-nav__special-services span,
    .banner-nav__outreach span {
        display: inline;
    }

    .home__banner-nav a {
        padding-bottom: 3em;
    }
}

@media (max-width: 1120px) {
    .home-slide-content {
        top: 35%;
    }
    
    .home__banner-nav a {
        padding-bottom: 2em;
    }
}

@media (min-width: 992px) {
    .flickity-button {
        display: none !important;
    }
}

@media (max-width: 991px) {
    .home__banner-nav .container {
        display: none;
    }

    .home-slide-content {
        top: 50%;
    }

    .home__banner {
        overflow: visible;
    }

    .flickity-button {
        top: 100%;
        border: 2px solid #d3d8de;
        background: #fff;
        transition: border-color 0.1s ease;
    }

    .flickity-button svg {
        fill: #999;
    }

    .flickity-button:active {
        opacity: 1;
        border: 2px solid #aaa;
    }

    .flickity-button:active svg {
        fill: #aaa;
    }

    .flickity-prev-next-button.previous {
        left: calc(50% - 54px);
    }

    .flickity-prev-next-button.next {
        right: calc(50% - 54px);
    }
}

@media (max-width: 767px) {
    .home-slide h2 {
        font-size: 2.2rem;
    }

    .home-slide p {
        font-size: 1.6rem;
    }

    .home-slide-content .btn--outline {
        padding: 0.4em 0.4em 0.4em 0.6em;
        max-width: 220px;
    }

    .home__banner {
        padding: 2em 0;
    }
}

@media (max-width: 616px) {
    .home-slide p {
        margin-bottom: 0.5em;
    }

    .home-slide .read-more {
        margin-top: 1em;
    }
}

@media (max-width: 480px) {
    .home__banner {
        padding: 4em 0;
    }

    .home-slide h2 {
        font-size: 2.0rem;
    }

    .home .home-slide p {
        font-size: 1.4rem;
    }

    .home-slide-content .btn--outline {
        font-size: 1.4rem;
    }
}

/* Fix flicker when fade: true & wrapAround: true */
.carousel-cell {
    opacity: 0 !important;
    transition: opacity 0.3s ease !important;
}

.carousel-cell.is-selected {
    opacity: 1 !important;
}

/*=============================================================================
Home Sections - International Network
=============================================================================*/

.home__international-network {
    margin-bottom: 6em;
}

.home__international-network h3 {
    font-size: 3.2rem;
    color: #1c1d1e;
    font-weight: bold;
    position: relative;
    padding-top: 1.4em;
    margin-bottom: 2.2em;
}

.home__international-network h3::before {
    content: ' ';
    position: absolute;
    top: 0;
    width: 100%;
    max-width: 300px;
    height: 3px;
    background-color: #d7d7d7;
}

.home__international-network h3 span {
    display: block;
}

.home__network-intro {
    font-weight: 600;
    max-width:  840px;
    align-items: center;
    display: flex;
    padding-top: 1.1em;
    padding-left: 7em;
}

.home__map {
    padding-right: 8em;
    position: relative;
}

.home__map-wrapper {
    position: relative;
    left: -6em;
    width: calc(100% + 8em);
}

.home__map .home__map-dots {
    position: relative;
    user-select: none;
}

.home__map-locations {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: auto;
    user-select: none;
}

.home__map-info {
    max-width: 340px;
    z-index: 15;
    padding-top: 12em;
}

.home__map-info h4 {
    font-size: 2.2rem;
    color: #3d8b5b;
    font-weight: 700;
    margin-bottom: 0.9em;
}

.home__map-info p {
    margin-bottom: 3em;
}

.home__map-info p:last-of-type {
    margin-top: 4.5em;
    margin-bottom: 1em;
}

.home__map-info .btn--outline {
    background: #fff;
}

@media (min-width: 1700px) {
    .home__map {
        max-width: 1700px;
        margin: 0 auto;
    }
}

@media (max-width: 1450px) {
    .home__map-info {
        padding-top: 10em;
    }
}

@media (max-width: 1349px) {
    .home__map-info {
        padding-top: 8em;
    }
}

@media (max-width: 1200px) {
    .home__map {
        padding-right: calc(var(--bs-gutter-x) * .5);
    }
    
    .col-home-map {
        flex: 1 0 100%;
        text-align: center;
    }

    .home__map-wrapper {
        left: 0;
        width: 100%;
    }

    .home__map-info {
        width: 100%;
        max-width: 960px;
        margin: 0 auto;
        padding-top: 4em;
    }
}

@media (max-width: 991px) {
    .home__map-info {
        max-width: 720px;
    }
}

@media (max-width: 767px) {
    .home__network-title {
        width: 100%;
    }
    
    .home__international-network h3 {
        text-align: center;
        margin-bottom: 1em;
    }

    .home__international-network h3::before {
        left: 50%;
        transform: translate(-50%);
    }
    
    .home__network-intro {
        max-width: 100%;
        padding-left: 0;
        text-align: center;
    }

    .home__map-info {
        padding-left: 15px;
        padding-right: 15px;
        text-align: center;
        max-width: 540px;
    }
}

/*=============================================================================
Home Sections - Who We Work With
=============================================================================*/

.home__partners-clients {
    background-color: #161f25;
    color: #fff;
    padding-top: 5.5em;
    padding-bottom: 5em;
    background-image: url('../jpg/bg-home-partners-clients.jpg');
    background-size: cover;
    background-repeat: no-repeat;
}

.home__partners-clients h3 {
    font-size: 3.2rem;
    color: #fff;
    font-weight: bold;
    position: relative;
    padding-top: 1.4em;
    margin-bottom: 1.5em;
}

.home__partners-clients h3::before {
    content: ' ';
    position: absolute;
    top: 0;
    width: 100%;
    max-width: 300px;
    height: 3px;
    background-color: #e3e2e1;
}

.home__partners-clients .btn--outline {
    max-width: 190px;
}

.home__partners-clients .intro-text {
    margin-bottom: 4em;
}

.home__partners-clients .col__intro {
    max-width: 420px;
}

.home__partners-clients .col__logos {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.home__partners-clients .col__logos ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.home__partners-clients .col__logos li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 2em;
}

.home__partners-clients .col__logos img {
    max-width: 100%;
    height: auto;
    padding: 0 1em;
    margin: 2em 0;
}

@media (max-width: 575px) {
    .home__partners-clients .col__intro {
        max-width: 100%;
        text-align: center;
    }

    .home__partners-clients .col__logos {
        flex: 1 0 100%;
    }

    .home__partners-clients .col__logos li {
        width: 100%;
        margin: 0 0 0.2em 0;
    }

    .home__partners-clients .col__logos img {
        margin: 0.7em 0;
    }
}

@media (max-width: 340px) {
    .home__partners-clients h3::before {
        max-width: 100%;
        left: 0;
    }
}


/*=============================================================================
Home Sections - Latest News
=============================================================================*/

.home__news {
    background-color: #f4f4f4;
    padding-top: 5.75em;
    padding-bottom: 5em;
}

.home__news .container {
    overflow-x: hidden;
}

.home__news h3 {
    font-size: 3.2rem;
    color: #1c1d1e;
    font-weight: bold;
    position: relative;
    padding-top: 1.4em;
    margin-bottom: 2.2em;
}

.home__news h3::before {
    content: ' ';
    position: absolute;
    top: 0;
    width: 100%;
    max-width: 300px;
    height: 3px;
    background-color: #d7d7d7;
}

.home__news .row {
    --bs-gutter-x: 4.5rem;
}

.home__news .article {
    margin-bottom: 3em;
}

.home__news .article-inner {
    display: flex;
    flex-direction: column;
    height: 100%;
    background-color: #fff;
}

.home__news .thumbnail {
    position: relative;
    overflow: hidden;
}

.home__news .thumbnail::after {
    content: ' ';
    display: block;
    padding-top: 56.25%;
}

.home__news .thumbnail a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.home__news .thumbnail img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 102%;
    height: auto;
}

.home__news .article .title {
    font-size: 1.8rem;
    font-weight: bold;
    padding: 1em 1em 0 1em;
    margin-bottom: 2em;
}

.home__news .article .title a {
    color: #1c1d1e;
    text-decoration: none;
    display: block;
}

.home__news .meta {
    font-size: 1.4rem;
    text-transform: uppercase;
    margin-top: auto;
    padding-left: 1em;
    padding-bottom: 0.5em;
}

.home__news .meta p {
    display: inline-block;
    color: #494a4b;
    font-weight: 500;
}

.home__news .category a {
    color: #494a4b;
    text-decoration: none;
}

.home__news .category::after {
    content: '•';
    
    color: #a9aeb2;
}

@media (min-width: 1452px) {
    .container {
        max-width: 1440px
    }
}

@media (max-width: 768px) {
    .view-all {
        text-align: center;
    }
}

/*=============================================================================
Home Sections - ESG Report
=============================================================================*/

.home__esg-report {
    margin-top: 4em;
    margin-bottom: 8em;
}

.home__esg-report .esg-report__inner {
    color: #fff;
    padding: 3em 0 1em 2em;
    position: relative;
}

.home__esg-report .esg-report__inner::after {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    background-color: #345f82;
    clip-path: polygon(20px 0, 100% 0, 100% 50%, 100% 100%, 0 100%, 0 20px);
    width: 100%;
    height: 100%;
    z-index: -1;
}

.home__esg-report h3 {
    color: #fff;
    font-size: 2.6rem;
    font-weight: 700;
}

.home__esg-report .sub-title {
    font-weight: 300;
    text-transform: uppercase;
    font-size: 1.6rem;
    margin-bottom: 0.25em;
}

.home__esg-report .col__esg-report-layout {
    max-width: 586px;
}

.esg-report-layout {
    width: 100%;
    max-width: 586px;
    position: relative;
    margin-top: -4.5em;
    margin-bottom: -4.5em;
    right: -1.25em;
}

.esg-intro {
    display: inline-block;
    width: calc(100% - 220px);
    padding-right: 2em;
}

.esg-read-more {
    display: inline-block;
    vertical-align: top;
    width: 200px;
}

@media (max-width: 1200px) {
    .esg-intro {
        width: 100%;
        display: block;
    }

    .esg-read-more {
        display: block;
    }

    .esg-report-layout {
        margin-top: -1em;
    }

    .home__esg-report .esg-report__inner {
        padding-bottom: 1em;
    }
}

@media (max-width: 991px) {
    .esg-report-layout {
        margin: 0;
        top: 50%;
        transform: translateY(-50%);
    }
}

@media (max-width: 768px) {
    .col__esg-report-intro {
        flex: 100%;
    }

    .esg-report-layout {
        right: 0;
        left: -1em;
    }
}

/*=============================================================================
Home Sections - Certifications
=============================================================================*/

.box__certifications {
    padding-top: 9em;
    padding-bottom: 3em;
    background-color: #f4f4f4;
}

.box__certifications .sub-title {
    font-weight: 300;
    text-transform: uppercase;
    font-size: 1.6rem;
    margin-bottom: 0.25em;
}

.box__certifications h3 {
    color: #fff;
    font-size: 2.6rem;
    font-weight: 700;
}

.box__certifications-intro {
    max-width: 740px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 1em;
}

.box__certifications .box__certifications-inner {
    color: #fff;
    padding: 3em 2em 2em 2em;
    position: relative;
    z-index: 5;
    text-align: center;
}

.box__certifications .box__certifications-inner::after {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    background-color: #2e3033;
    clip-path: polygon(20px 0, 100% 0, 100% 50%, 100% 100%, 0 100%, 0 20px);
    width: 100%;
    height: 100%;
    z-index: -1;
}

.box__certifications .read-more {}

.box__certifications-cert-logos {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
}

.box__certifications-cert-logos li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 1em;
}

.box__certifications-cert-logos img {
    max-width: 100%;
    height: auto;
    padding: 0 0.5em;
    margin: 1.25em 0;
}

.box__certifications-cert-logos .home-certs__naid {
    max-width: 120px;
}

.box__certifications-cert-logos .home-certs__estewards {
    max-width: 160px;
}

.box__certifications-cert-logos .home-certs__r2 {
    max-width: 100px;
}

.box__certifications-cert-logos .home-certs__iso {
    max-width: 80px;
}

.box__certifications-cert-logos .home-certs__soc2 {
    max-width: 120px;
}

/*=============================================================================
Pages - Sustainability
=============================================================================*/

html.sustainability-index .intro-banner {
    background-image: url("../jpg/bg-photo-sustainability-header.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    height: 780px;
    text-align: center;
    padding: 12em 1em 0 1em;
    position: relative;
}

html.sustainability-index .intro-banner-inner {
    position: relative;
    z-index: 10;
}

html.sustainability-index .intro-banner::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 80%;
    -webkit-transform: skewY(-12deg);
    transform: skewY(-4deg);
    background: #fff;
    left: 0;
    top: 80%;
    pointer-events: none;
    z-index: 6;
}

html.sustainability-index .intro-banner::after {
    content: ' ';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    z-index: 1;
    pointer-events: none;
}

html.sustainability-index .intro-banner h2 {
    color: #fff;
    font-weight: 600;
    font-size: 6.4rem;
    margin: 0;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    z-index: 10;
}

html.sustainability-index .intro-banner h3 {
    color: #fff;
    margin: 0;
    font-size: 2.6rem;
    font-weight: 400;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}

html.sustainability-index .environmental-impact {
    position: relative;
    z-index: 15;
    background-color: #f9f9f9;
    padding: 5em 0 4em 0;
}

html.sustainability-index .environmental-impact__note {
    padding-top: 2em;
}

html.sustainability-index .environmental-impact__note p {
    font-size: 1.2rem;
    text-align: center;
    color: #888;
}

html.sustainability-index .environmental-impact__note a {
    color: #888;
}

html.sustainability-index .intro-content {
    background: #fff;
    box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.16);
    max-width: 600px;
    margin: 0 auto;
    padding: 3em;
    border-radius: 3px;
    color: #555;
    -webkit-transform: translateY(140%);
    transform: translateY(140%);
    font-weight: 500;
}

html.sustainability-index .intro-content p:last-child {
    margin-bottom: 0;
}

.environmental-impact h2 {
    text-align: center;
    font-size: 3.2rem;
}

.environmental-impact__intro {
    text-align: center;
    font-size: 1.8rem;
    margin-bottom: 2em;
}

.environmental-impact__intro strong {
    color: #187c41;
}

.environmental-impact .by-properly {
    align-self: center;
}

.environmental-impact .by-properly p {
    font-size: 1.4rem;
    text-align: center;
}

.environmental-impact .by-properly p:first-of-type {
    font-weight: 600;
}

.environmental-impact .by-responsibly {
    text-align: center;
    max-width: 870px;
    margin: 1em auto 2em auto;
}

.environmental-impact .by-responsibly strong {
    color: #187c41;
}

.environmental-impact .top-rows {
    align-items: center;
}

.environmental-impact .left-col {
    position: relative;
}

.environmental-impact .left-col::after {
    content: ' ';
    background-color: #bfbfbf;
    position: absolute;
    width: 1px;
    height: 100%;
    top: 0;
    right: 2em;
}

.env-impact-stats {
    text-align: center;
    font-size: 1.4rem;
    margin: 0 auto;
}

.env-impact-stats strong {
    color: #187c41;
    display: block;
    font-size: 1.6rem;
}

.beneficial-reuse-stats .env-impact-stats span {
    display: block;
    color: #777;
}


section.dangers-of-ewaste {
    position: relative;
    padding-top: 4em;
}

section.dangers-of-ewaste h2 {
    text-align: center;
    font-weight: 500;
    text-transform: uppercase;
}

@media (max-width: 1199px) {
    .environmental-impact .left-col::after {
        right: 0.5em;
    }
}

@media (max-width: 991px) {
    .environmental-impact .left-col {
        flex: 1 0 100%;
        border-bottom: 1px solid #bfbfbf;
        margin-bottom: 1em;
        padding-bottom: 1em;
    }

    .environmental-impact .left-col::after {
        display: none;
    }

    .environmental-impact .right-col {
        flex: 1 0 100%;
    }

    .env-impact-stats {
        max-width: 200px;
    }
    
    .beneficial-reuse-stats .col {
        flex: 1 0 33%;
    }
}

@media (max-width: 575px) {
    html.sustainability-index .intro-banner {
        height: auto;
        padding-top: 2em;
    }

    html.sustainability-index .intro-banner h2 {
        font-size: 4.8rem;
    }

    html.sustainability-index .intro-banner h3 {
        font-size: 2.0rem;
        margin-bottom: 1em;
    }

    html.sustainability-index .intro-content {
        transform: none;
        padding: 1.5em;
        margin: 0 auto 2em auto;
    }

    .beneficial-reuse-stats .col {
        flex: 1 0 50%;
    }

    section.exporting-ewaste .infant-ewaste {
        float: none;
        margin: 0 auto 2em auto;
        display: block;
    }

    section.focus-on-the-crt .crt-dinosaurs {
        float: none;
        max-width: 340px;
        margin: 0 auto 2em auto;
    }
}

@media (max-width: 399px) {
    .beneficial-reuse-stats .col {
        flex: 1 0 100%;
    }
}

/*=============================================================================
Pages - Products We Recycle - Index
=============================================================================*/

.products-we-recycle .products-list-index a {
    background-color: #14804f;
    display: block;
    color: #fff;
    text-decoration: none;
    padding: 1em;
}

.products-we-recycle .products-list-index a:hover,
.products-we-recycle .products-list-index a:focus {
    background-color: #168d57;
}

.products-we-recycle .products-list-index [class^="col"] {
    margin-bottom: 1em;
    text-align: center;
}

/*=============================================================================
Pages - Products We Recycle - Single Pages
=============================================================================*/

.products-we-recycle .page-header-banner {
    max-height: 100%;
}

/* 
.products-we-recycle .page-header-banner a {
    color: #1c1d1e;
} */

.products-we-recycle .page-header-banner h1 {
    max-width: 100%;
}

/* .products-we-recycle .page-header-banner .back-link a::after {
    background-color: #1c1d1e;
} */

.products-we-recycle .page-header-banner::before {
    display: none;
}

/* .page-header-banner .back-link svg {
    fill: #1c1d1e;
} */


.products-we-recycle .page-header-banner > .container {
    position: relative;
    transform: none;
    left: initial;
}

.products-we-recycle h2 {
    font-size: 2.8rem;
    font-weight: 700;
    color: initial;
}

.products-we-recycle h3 {
    color: initial;
    font-weight: 600;
    color: #444;
}

.products-list-bar {
    padding: 0;
    list-style: none;
    margin-bottom: 3em;
    /* display: flex; */
    /* flex-wrap: wrap; */
}

.products-list-bar li {
    flex: 1 0 50%;
    position: relative;
    text-align: center;
    min-height: 4em;
    margin: 0 0 0 0;
    padding-right: 0;
    padding-left: 0;
}

.products-list-bar a {
    color: #fff;
    text-decoration: none;
    font-size: 1.3rem;
    position: relative;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #fff;
    background: #345f82;
    flex-direction: column;
    padding: 1em;
    min-height: 7em;
    transition: background-color 0.1s ease-in-out;
}

.products-list-bar a:hover,
.products-list-bar a:focus {
    background-color: #2473b5;
}

.products-list-bar img {
    width: 100%;
    max-width: 42px;
    opacity: 0.2;
}

.products-list-bar p {
    display: block;
    line-height: 1.2;
    font-weight: 500;
    margin: 0.5em 0 0 0;
}

.product-info .row {
    --bs-gutter-y: 0;
    --bs-gutter-x: 0;
}

.toggle-products-list {
    display: none;
    background-color: #345f82;
    color: #fff;
    font-weight: 500;
    text-align: center;
    border: none;
    border: 1px solid #fff;
    padding: 0.5em 2.5em 0.5em 1em;
    position: relative;
}

.toggle-products-list::after {
    content: ' ';
    display: block;
    background-image: url("data:image/svg+xml,%3Csvg class='icon--chevron-right' xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M11.109 3L11.109 3C9.78 3 8.988 4.481 9.725 5.587L14 12l-4.275 6.413C8.988 19.519 9.78 21 11.109 21h0 c0.556 0 1.076-0.278 1.385-0.741l4.766-7.15c0.448-0.672 0.448-1.547 0-2.219l-4.766-7.15C12.185 3.278 11.666 3 11.109 3z'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 50%;
    right: 0;
    width: 24px;
    height: 24px;
    transform: translate(-50%, -50%);
    transform-origin: top center;
    transition: transform 0.1s ease-in-out;
}

.toggle-products-list[aria-expanded="true"]::after {
    transform: rotate(90deg);
}

.products-we-recycle .page-header-banner {
    background-position: center center;
}

.products-we-recycle.batteries .page-header-banner {
    background-image: url('../jpg/products-we-recycle-banner-batteries.jpg');
}

.products-we-recycle.cell-phones .page-header-banner {
    background-image: url('../jpg/products-we-recycle-banner-cellphones.jpg');
}

.products-we-recycle.solar-panels .page-header-banner {
    background-image: url('../jpg/products-we-recycle-banner-solar-panels.jpg');
}

.products-we-recycle.monitors .page-header-banner {
    background-image: url('../jpg/products-we-recycle-banner-monitors.jpg');
}

.products-we-recycle.copy-machines .page-header-banner {
    background-image: url('../jpg/products-we-recycle-banner-copy-machines.jpg');
}

.products-we-recycle.desktop-computers .page-header-banner {
    background-image: url('../jpg/products-we-recycle-banner-desktop-computers.jpg');
}

.products-we-recycle.dvd-players .page-header-banner {
    background-image: url('../jpg/products-we-recycle-banner-dvd-players.jpg');
}

.products-we-recycle.keyboards .page-header-banner {
    background-image: url('../jpg/products-we-recycle-banner-keyboards.jpg');
}

.products-we-recycle.laptops .page-header-banner {
    background-image: url('../jpg/products-we-recycle-banner-laptops.jpg');
}

.products-we-recycle.light-bulbs .page-header-banner {
    background-image: url('../jpg/products-we-recycle-banner-lightbulbs.jpg');
}

.products-we-recycle.mice .page-header-banner {
    background-image: url('../jpg/products-we-recycle-banner-computer-mice.jpg');
}

.products-we-recycle.network-equipment .page-header-banner {
    background-image: url('../jpg/products-we-recycle-banner-network-equipment.jpg');
}

.products-we-recycle.plasma-and-lcd-televisions .page-header-banner {
    background-image: url('../jpg/products-we-recycle-banner-lcd-tvs.jpg');
}

.products-we-recycle.printers-and-fax-machines .page-header-banner {
    background-image: url('../jpg/products-we-recycle-banner-printers-fax-machines.jpg');
}

.products-we-recycle.white-goods .page-header-banner {
    background-image: url('../jpg/products-we-recycle-banner-white-goods.jpg');
    background-position: center 40%;
}

.products-we-recycle.televisions .page-header-banner {
    background-image: url('../jpg/products-we-recycle-banner-televisions.jpg');
}

.products-we-recycle.stereo-equipment .page-header-banner {
    background-image: url('../jpg/products-we-recycle-banner-stereo-equipment.jpg');
    background-position: center 20%;
}

@media (min-width: 1200px) {
    .products-we-recycle__right-col .col-xl-8 {
        padding-right: 2em;
    }
}

@media (min-width: 768px) {
    

    .collapse.dont-collapse-sm {
        display: flex;
        height: auto !important;
        visibility: visible;
    }
}

@media (max-width: 991px) {
    .products-list-bar li {
        flex: 1 0 100%;
    }

    .products-list-bar a {
        padding: 0.5em;
        min-height: 3em;
    }
}

@media (max-width: 767px) {
    .toggle-products-list {
        display: block;
    }

    .products-list-bar {
        --bs-gutter-y: 0;
        --bs-gutter-x: 0;
        margin-bottom: 0;
    }

    .products-we-recycle__left-col {
        padding-bottom: 1.5em;
    }

    .products-list-bar li {
        min-height: auto;
        flex: 1 0 50%;
    }

    .products-list-bar a {
        flex-direction: row;
        justify-content: left;
        min-height: 3.6em;
    }

    .products-list-bar img {
        max-width: 32px;
    }

    .products-list-bar p {
        margin: 0;
        text-align: left;
        padding-left: 1em;
        padding-right: 0.5em;
    }
}

@media (max-width: 332px) {
    .products-list-bar li {
        flex: 1 0 100%;
    }
}

/*=============================================================================
Products We Recycle - Sidebar
=============================================================================*/

html.products-we-recycle .eri-sidebar {
    background-color: transparent;
    border-top: 0;
    border-bottom: 0;
    padding: 0
}

html.products-we-recycle .selected {
    background-color: #345f82;
    width: 100%;
    height: 170px;
    margin-bottom: 1em;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 35%
}

.product-info .prd-circuit { background: #00da3f }
.product-info .prd-battery { background: #537bd1 }
.product-info .prd-mercury { background: #28e550 }
.product-info .prd-plastic { background: #516d87 }
.product-info .prd-metal { background: #2d2b26 }
.product-info .prd-copper { background: #d08c63 }
.product-info .prd-freon { background: #3c90af }
.product-info .prd-glass { background: #0e3347 }
.product-info .prd-wood { background: #a95c1e }

.eri-sidebar .product-board a {
    display: block;
    color: #fff;
    text-decoration: none;
    background-color: #345f82;
    text-align: center;
    padding: 1.5em 1em;
}

.product-board a:hover,
.product-board a:focus {
    background-color: #168d57
}


.eri-sidebar .products-sidebar a:hover {
    background-color: #345f82;
}

.eri-sidebar .products-sidebar li a::before {
    background-color: #345f82;
    content: ' ';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.eri-sidebar .products-sidebar li a::before,
.eri-sidebar .products-sidebar li a p {
    transition: opacity 0.1s ease-in-out;
}

.eri-sidebar .products-sidebar li a:hover:before,
.eri-sidebar .products-sidebar li a:hover p,
.eri-sidebar .products-sidebar li a:focus:before,
.eri-sidebar .products-sidebar li a:focus p {
    opacity: 1;
}

.products-sidebar li a p {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    padding: 0 0.25em;
    opacity: 0;
    color: #fff;
}

/*=============================================================================
Misc.
=============================================================================*/

#main form.search {
    margin-bottom: 3em;
}

.search-submit {
    background-color: #187c41;
    border-color: #187c41;
    color: #fff;
    z-index: 2;
    border: 0;
    padding: 0.5em 1em 0.45em 1em;
    display: inline-block;
    vertical-align: middle;
    font-weight: 600;
    margin-left: 0.25em;
}

.search-input {
    font-size: 1.6rem;
    border: 1px solid #ccc;
    border-radius: 0;
    padding: 0.4em 0.5em;
    display: inline-block;
    max-width: 20em;
    vertical-align: middle;
}

.pagination {
    justify-content: center;
}

.sustainability-quick-links > li {
    margin-bottom: 1em;
}

.back-to-all-states {
    padding-top: 2em;
    margin-bottom: 0;
}

.back-to-all-states a {
    text-decoration: none;
    color: #1c1d1e;
}

.request-a-quote-cta {
    background-color: #fff;
    border: 2px solid #e6e6e6;
    border-left: 3px solid #345f82;
    margin: 2.5em auto;
    padding: 1em;
    font-size: 2rem;
    clear: both;
}

.request-a-quote-cta p {
    display: inline-block;
    width: 68%;
    text-align: center;
    vertical-align: middle;
    margin: 0;
    padding-right: 1em;
    color: #4d4d4d;
    font-weight: 500;
}

.request-a-quote-cta a {
    display: inline-block;
    width: 30%;
    background-color: #345f82;
    color: #fff;
    padding: 0.4em 0.25em;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
}

.request-a-quote-cta a:hover,
.request-a-quote-cta a:focus {
    background-color: #2473b5;
}

.decom-case-study, .whitepaper-box {
    max-width: 480px;
    width: 100%;
    background: #f7f8fa;
    padding: 2em;
    margin: 0 auto 2em;
    text-align: center;
}

.decom-case-study img, .whitepaper-box img {
    width: 100%;
    max-width: 420px;
    height: auto;
    box-shadow: 0 2px 3px 0 rgba(0,0,0,0.2);
}

.decom-case-study a, .whitepaper-box a {
    display: inline-block;
    text-align: center;
    margin-bottom: 1em;
}

.decom-case-study a + a, .whitepaper-box a + a {
    background-color: #345f82;
    color: #fff;
    text-decoration: none;
    padding: 0.5em 1.5em;
    width: 100%;
    margin-bottom: 0;
}

.decom-case-study a + a:hover, .whitepaper-box a + a:hover {
    background-color: #2473b5;
}

.decom-case-study h3, .whitepaper-box h3 {
    font-size: 2.0rem;
    font-weight: 700;
    text-align: center;
    color: #345f82;
}

/*=============================================================================
Pages - Our Locations
=============================================================================*/

.page-our-locations .page-header {
    margin-bottom: 0;
    background-color: transparent;
    margin-bottom: -128px;
    z-index: 50;
    position: relative;
    display: none;
}

.our-locations__map-wrapper {
    max-height: 642px;
    overflow: hidden;
    margin-bottom: 4em;
    position: relative;
}

.our-locations__map-wrapper::before {
    content: ' ';
    padding-top: 56.25%;
    display: block;
}

.our-locations__map-wrapper::after {
    content: ' ';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 10em;
    background: linear-gradient(0deg,
                rgba(255,255,255,1) 0%,
                rgba(255,255,255,0.8) 24%,
                rgba(255,255,255,0.6) 49%,
                rgba(255,255,255,0.4) 73%,
                rgba(255,255,255,0) 100%);
}

.page-our-locations .mapsvg-wrap {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.page-our-locations .mapsvg-wrap {
    background: #eee;
    padding-bottom: 2em;
}

.page-our-locations .mapsvg-wrap path {
    stroke-width: 0.5px !important;
    stroke: #ddd;
}

.page-our-locations img[src*="partner"] {
    cursor: default;
    opacity: 0.8;
    user-select: none;
}

.our-locations__legend {
    margin: 0 auto;
    max-width: 940px;
    margin-bottom: 5em;
    margin-top: -6em;
    position: relative;
    z-index: 50;
}

.our-locations__legend ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.our-locations__legend li {
    flex: 0 0 auto;
    margin: 0 1em;
}

.our-locations__legend li img {
    display: inline-block;
    width: 24px;
    height: 24px;
}

.our-locations__legend li p {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    font-size: 1.4rem;
}

.our-locations__intro-text {
    font-size: 2.1rem;
    font-weight: 600;
    max-width: 840px;
}

.our-locations__boxes {
    margin-top: 2em;
}

.our-locations__boxes > ul {
    padding: 0;
    list-style: none;
}

.our-locations__boxes .location {
    margin-bottom: 2em;
}

.our-locations__boxes .location h3 {
    font-weight: 600;
}

.our-locations__boxes .location h3 span {
    font-weight: 400;
    color: #666;
}

.our-locations__boxes .location a {
    text-decoration: none;
    color: #444;
    display: block;
}

.our-locations__boxes .location--inner {
    color: #444;
    display: block;
    height: 100%;
    border: 2px solid #ccc;
}

.our-locations__boxes .location__photo {
    position: relative;
    overflow: hidden;
}

.our-locations__boxes .location__photo::after {
    content: ' ';
    padding-top: 56.25%;
    display: block;
}

.our-locations__boxes .location__photo img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 101%;
    height: auto;
    transform: translate(-50%, -50%);
}

.our-locations__boxes .location__details {
    padding: 1em 1em 1em 1.25em;
}

.our-locations__boxes .location__hours {
    margin: 0;
    padding: 0;
    list-style: none;
}

.our-locations__boxes .location__hours li strong:first-of-type {
    display: inline-block;
    width: 140px;
    vertical-align: top;
}

.our-locations__boxes .location__hours li span {
    display: inline-block;
    width: calc(100% - 148px);
}

@media (max-width: 1199px) {
    .our-locations__boxes .location h3 {
        font-size: 2rem;
    }

    .our-locations__boxes .location__hours li strong:first-of-type {
        display: block;
        width: auto;
    }

    .our-locations__boxes .location__hours li span {
        display: block;
        width: auto;
    }
}

@media (min-width: 768px) {
    .page-our-locations .left-col {
        padding-right: 1.5em;
    }
}

@media (max-width: 576px) {
    .page-our-locations .mapsvg-wrap img[src*="marker-eri"] {
        width: 14px !important;
        height: 14px !important;
    }

    .page-our-locations .mapsvg-wrap img[src*="marker-corporate"],
    .page-our-locations .mapsvg-wrap img[src*="marker-branch"] {
        width: 12px !important;
        height: 12px !important;
    }

    .page-our-locations .mapsvg-wrap img[src*="marker-partner"] {
        width: 12px !important;
        height: 12px !important;
    }

    .our-locations__boxes .location__photo::after {
        padding-top: 30%;
    }
}

/*=============================================================================
Pages
=============================================================================*/

html.services.itad .page-header-banner {
    background-image: url("../jpg/home-banner-itad.jpg");
    background-position: center center
}

html.services.itad .featured-video,
html.services.electronics-recycling .featured-video,
html.services.data-destruction .featured-video {
    float: right;
    min-width: 640px;
    margin: 3.8em 0 2em 2em;
}

html.alkaline-battery-recycling .page-header-banner {
    background-image: url('../jpg/bigstock-energy-abstract-background-of-121124984.jpg');
    background-position: center center;
}

.container-with-featured-video::after {
    content: ' ';
    display: block;
    clear: both;
}

html.services.electronics-recycling .box__certifications {
    padding-top: 4em;
    padding-bottom: 4em;
    margin-bottom: 3em;
}

html.services.itad .section-itad-examples {
    background-color: #f4f4f4;
    padding-top: 1em;
    padding-bottom: 1em;
    margin-bottom: 2em;
    margin-top: 2em;
}

html.services.on-site-shredding .page-header-banner {
    background-image: url("../jpg/eri-trucks-1.jpg");
    background-position: center center
}

html.services.pv-solar-management .page-header-banner {
    background-image: url("../jpg/products-we-recycle-banner-solar-panels.jpg");
}

html.services.data-destruction .strict-security {
    background-color: #f4f4f4;
    padding-top: 4em;
    padding-bottom: 4em;
    margin-top: 3em;
}

.physical-security {
    background-color: #fff;
}

.types-of-data-destruction::before {
    content: ' ';
    clear: both;
    display: block;
}

.data-destruction-levels h4 {
    font-size: 2.0rem;
    font-weight: 600;
}

.data-destruction-levels ul {
    column-count: 2;
    column-gap: 3em;
    margin: 0;
    padding: 0;
    list-style: none;
}

.data-destruction-levels ul li {
    margin-bottom: 2em;
    break-inside: avoid-column;
}

@media (max-width: 1199px) {
    html.services.itad .featured-video,
    html.services.electronics-recycling .featured-video,
    html.services.data-destruction .featured-video {
        min-width: 440px;
    }
}

@media (max-width: 991px) {
    html.services.itad .featured-video,
    html.services.electronics-recycling .featured-video,
    html.services.data-destruction .featured-video {
        float: none;
        margin: 0;
    }
}

/*=============================================================================
Global Footer
=============================================================================*/

#primary-footer {
    background-color: #fff;
    padding-top: 3.5em;
    font-size: 1.5rem;
    border-top: 4px solid #f4f4f4;
}

#primary-footer a {
    color: #2a2a2a;
    text-decoration: none;
}

#primary-footer a:hover,
#primary-footer a:focus {
    text-decoration: underline;
}

#primary-footer a[href^="tel"] {
    text-decoration: none;
}

#primary-footer a[href^="tel"]::before {
    display: none;
}

.primary-footer__top {
    padding-bottom: 3.5em;
}

.footer-top__logo {
    padding-right: 8em;
}

.footer-top__logo a {
    display: inline-block;
}

.footer-top__logo .slogan {
    font-size: 1.5rem;
    display: inline-block;
    margin-left: 0.7em;
}

.footer-top__address {
    padding-top: 0.75em;
}

.footer-top__address strong {
    margin-bottom: 0.25em;
    display: block;
}

.footer-top__address strong + br {
    display: none;
}

.footer-top__address address {
    margin-bottom: 1em;
}

.footer-top__address .our-locations {
    max-width: 260px;
    padding-top: 1em;
}

.footer-top__address .our-locations a {
    border: none;
    padding: 0;
    font-weight: 500;
}

.footer-top__address .our-locations a::after {
    display: inline-block;
    position: relative;
    transform: none;
    top: -1px;
    right: auto;
    vertical-align: middle;
}

.primary-footer__bottom {
    font-size: 1.3rem;
}

.primary-footer__bottom .container {
    border-top: 1px solid #cccccc;
    padding-top: 2.3em;
    padding-bottom: 2em;
}

.footer-bottom__links ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.footer-bottom__links li {
    display: inline-block;
    margin-right: 2em;
}

.footer-bottom__links li:last-of-type {
    margin-right: 0;
}

.eri-number span {
    color: #8f8f8f;
}

.footer-top__newsletter .newsletter-wrapper {
    border: 2px solid #187c41;
    text-align: right;
}

.footer-top__newsletter .newsletter-wrapper .mc-field-group {
    display: inline-block;
    width: calc(100% - 8.7em);
    position: relative;
}

.footer-top__newsletter .newsletter-wrapper input[type="email"] {
    display: block;
    width: 100%;
    padding: 0.85em 0.5em 0.85em 1em;
    border: 0;
    margin-left: 0.1em;
}

.footer-top__newsletter .newsletter-wrapper input[type="submit"] {
    background-color: #187c41;
    border: none;
    color: #fff;
    font-weight: 500;
    display: inline-block;
    padding: 1em 1.8em;
    transition: background-color 0.1s ease-in-out;
}

.footer-top__newsletter .newsletter-wrapper input[type="submit"]:hover,
.footer-top__newsletter .newsletter-wrapper input[type="submit"]:focus {
    background-color: #1c924d;
}

.footer-top__newsletter #mc_embed_signup div.mce_inline_error {
    position: absolute;
    top: calc(100% + 3px);
    font-weight: 500;
    font-size: 1.3rem;
}

.col__sites-and-social {
    text-align: right;
}

.col__sites-and-social li {
    display: inline-block;
}

.footer__sites {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-block;
}

.footer__sites li {
    margin: 0 0.6em;
}

.site__impact img {
    max-width: 92px;
    height: auto;
}

.site__recyclenation img {
    max-width: 178px;
    height: auto;
}

.footer__social-links {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-block;
}

.footer__social-links li {
    display: inline-block;
    margin: 0 0.3em;
}

.footer__social-links li:last-of-type {
    margin-right: 0;
}

.footer__social-links svg {
    fill: #7d7d7d;
    max-width: 36px;
    height: auto;
}


.social__facebook:hover svg {
    fill: #3b5998;
}

.social__twitter:hover svg {
    fill: #1da1f2;
}

.social__youtube:hover svg {
    fill: #ff0000;
}

.social__linkedin:hover svg {
    fill: #0077b5;
}

.social__instagram:hover svg {
    fill: #f9046f;
}

@media (max-width: 1199px) {
    .footer-top__logo {
        padding-right: 0;
        flex: 1 0 0%;
        text-align: center;
        padding-top: 2em;
    }

    .footer-top__address {
        text-align: center;
    }
    
    .col__sites-and-social {
        text-align: center;
    }

    .footer-top__newsletter {
        flex: 1 0 100%;
        margin: 1em 0 2em 0;
        text-align: center;
    }

    .footer-top__newsletter #mc_embed_signup {
        max-width: 440px;
        margin: 0 auto;
    }
}

@media (max-width: 768px) {
    .footer-top__logo {
        flex: 1 0 100%;
        padding-top: 0;
    }

    .footer-bottom__copyright {
        flex: 1 0 100%;
        text-align: center;
    }

    .footer-bottom__links {
        text-align: center;
        flex: 1 0 100%;
    }
}

@media (max-width: 446px) {
    .footer-bottom__links {

    }
}