/* --- Base --- */

:root {
    --black: #000;
    --white: #fff;
    --primary-red: #f93822;
    --light-red: #f9382220;
    --primary-grey: #394049;
    --aqua: #00b2a9;
    --light-aqua: #00b2a920;
    --dark-grey: #444;
    --medium-grey: #ccc;
    --light-grey: #f2f2f2;
    --border-grey: #ccc;
    --bs-body-font-family: museo-sans, sans-serif !important;
    --bs-body-font-size: 1.6rem !important;
    --bs-body-font-weight: 300 !important;
}
*,
*:after,
*:before {
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    font-smooth: antialiased;
    -moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}
html {
	font-size: 62.5%;
}
body {
    overflow-x: hidden;
    font-family: museo-sans, sans-serif;
    font-weight: 300;
    font-size: 1.8rem;
    font-style: normal;
}
body p {
    margin-bottom: 30px;
}
body a {
    color: var(--primary-red);
}
body a:hover {
    color: var(--primary-grey);
    text-decoration: none;
}
.row {
    --bs-gutter-x: 0;
}
.mobile-only {
    display: none;
}
.anchor-link {
    scroll-margin-top: 200px;
}


/* --- Main BW Header --- */

.header {
    background-color: var(--primary-grey);
    position: fixed;
    top: 0;
    width: 100%;
    height: 60px;
    z-index: 1000;
}
.header div:nth-of-type(2) {
    text-align: center;
}
.header a.logo {
    display: inline-block;
    width: 200px;
    height: 30px;
    margin: 15px;
    background-image: url(/images/default-source/base/bw-logo.png);
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100%;
}
.header a.logo:hover {
    background-position: bottom;
}
.header .toggle-button {
    position: relative;
    width: 40px;
    height: 40px;
    padding: 9px;
    transition: .25s;
    z-index: 15;
    background: var(--primary-grey);
    margin-top: 10px;
}
.header .toggle-button:hover {
    cursor: pointer;
}
.header .button-open {
    right: 0;
    background: none;
}


/* --- Companies Header Menu --- */

.header .menu-bar {
    position: absolute;
    border-radius: 15px;
    width: 50%;
    transition: .5s;
}
.header .toggle-button .menu-bar-top {
    border: 2px solid var(--white);
    top: 10px;
    background-color: var(--white);
}
.header .toggle-button .menu-bar-middle {
    height: 4px;
    background-color: var(--white);
    margin-top: 7px;
    margin-bottom: 7px;
    top: 10px;
}
.header .toggle-button .menu-bar-bottom {
    border: 2px solid var(--white);
    top: 24px;
    background-color: var(--white);
}
.header .button-open .menu-bar-top {
    border-color: var(--white);
    transform: rotate(45deg) translate(8px, 8px);
    transition: .5s;
}
.header .button-open .menu-bar-middle {
    background-color: var(--white);
    transform: translate(230px);
    transition: .1s ease-in;
    opacity: 0;
}
.header .button-open .menu-bar-bottom {
    border-color: var(--white);
    transform: rotate(-45deg) translate(2px, -2px);
    transition: .5s;
}
.menu-show > .menu-sidebar {
    display: block;
}
.menu-sidebar {
    position: relative;
    top: 40px;
}
.menu-sidebar ul.menu {
    list-style: none;
    margin-top: 20px;
    padding: 0;
}
.menu-sidebar ul.menu > li {
    line-height: initial;
    padding: 10px 20px;
}
.menu-sidebar ul.menu > li a {
    position: relative;
    color: var(--white) !important;
    font-family: museo-sans-condensed, sans-serif;
    font-size: 1.7rem;
    font-weight: 500;
    text-decoration: none !important;
}
.menu-sidebar ul.menu > li a:hover {
    color: var(--dark-gray) !important;
}
.menu-sidebar li ul li {
    line-height: initial;
    padding: 10px 20px 0;
    list-style: none;
}
.menu-wrapper {
    position: fixed;
    top: 0;
    right: -280px;
    z-index: 11;
    overflow: auto;
    width: 280px;
    height: 100%;
    background-color: var(--main-blue);
    font-size: 1em;
    font-weight: 700;
    transition: .25s;
}
.menu-show {
    right: 0 !important; 
    box-shadow: 6px 0 ;
    background: var(--primary-red);
}


/* --- Language Toggle --- */
.languageToggle {
    height: 60px;
    line-height: 60px;
}
.languageToggle select {
    border: none;
    background: transparent;
    color: var(--white);
    font-family: museo-sans-condensed, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer;
}
.languageToggle select:hover {
    color: var(--primary-red);
}

.languageToggle select option {
    color: var(--primary-grey);
}
.languageToggle select option {
    color: var(--primary-grey);
    font-weight: normal;
    text-transform: none;
}


/* --- Site Navigation --- */
.site-nav {
    position: fixed;
    top: 46px;
    width: 100%;
    height: 110px;
    border-bottom: 1px solid var(--light-grey);
    background-color: var(--white);
    z-index: 100;
}
.site-nav .container {
    position: relative;
    height: 100%;
}
.site-nav > .container > .row > .col:first-of-type {
    padding: 30px 0;
}
.site-nav .col:first-of-type picture img {
    height: 50px !important;
}
.site-nav .col:last-of-type {
    flex-grow: 2;
}
.site-nav .contact-button {
    position: absolute;
    bottom: -51px;
    right: 20px;
    display: block;
    height: 50px;
    line-height: 50px;
    padding: 0 10px;
    background-color: var(--primary-red);
    color: var(--white);
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    transition: ease-in-out 0.3s;
    z-index: 10;
}
.site-nav .contact-button:hover {
    background-color: var(--primary-grey);
    text-decoration: none;
}
/*
.site-nav .contact-button:before {
    content: "³ÉÈËapp";
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
    width: 130px;
    height: 50px;
    background-color: var(--primary-red);
}
.site-nav .contact-button:hover:before {
    background-color: var(--primary-grey);
}
*/
.site-nav .contact-button:after {
    content: "";
    position: absolute;
    right: -10px;
    width: calc(100% + 20px);
    height: 60px;
    background-color: #F9382240;
    z-index: -1;
}
.site-nav .contact-button:hover:after {
    background-color: #39404940;
}

.site-nav-menu {
    display: flex;
    height: 100%;
    line-height: 110px;
}
.site-nav-menu-item {
    padding: 0 10px;
}
.site-nav-menu-item:first-of-type {
    margin-left: auto;
    padding-left: 50px;
}
.site-nav-menu-item a {
    color: var(--primary-grey);
    font-size: 18px;
    font-weight: 500;
}
.site-nav-menu-item a:hover {
    color: var(--primary-red);
}
.site-nav-menu-item:hover > a {
    padding-bottom: 3px;
    border-bottom: 3px solid var(--aqua);
}
.site-nav-menu-item span#search, .site-nav-menu-item span#mobile-nav {
    cursor: pointer;
}


/* --- Site Navigation > Mega Menu --- */

.site-nav-menu-dropdown {
    position: absolute;
    top: 110px;
    left: 0;
    transform: scaleY(0);
    transform-origin: 100% top;
    visibility: hidden;
    pointer-events: none;
    display: block;
    width: 100%;
    line-height: var(--bs-body-line-height);
    box-shadow: 0 20px 28px #00000020;
    border: 1px solid var(--light-grey);
    z-index: 100;
    transition: opacity .14s linear,visibility .14s linear,transform .14s linear,-webkit-transform .14s linear;
    opacity: 0;
}
.site-nav-menu-item:hover .site-nav-menu-dropdown, .site-nav-menu-item.open-drop .site-nav-menu-dropdown {
    visibility: visible;
    pointer-events: all;
    opacity: 1;
    transform: scaleY(1);
}
.site-nav-menu-dropdown .left-side {
    padding: 40px;
    background-color: var(--white);
}
.site-nav-menu-dropdown .left-side p a {
    line-height: 1.2;
    color: var(--primary-grey);
    font-family: 'museo-sans-condensed', sans-serif;
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;
}
.site-nav-menu-dropdown .left-side p a:hover {
    color: var(--primary-red);
}
.site-nav-menu-dropdown .left-side ul {
    margin: 0;
    padding: 0;
}
.site-nav-menu-dropdown .left-side ul li {
    list-style: none;
    line-height: 30px;
}
.site-nav-menu-dropdown .left-side ul li a {
    color: var(--primary-grey);
    font-size: 14px;
}
.site-nav-menu-dropdown .left-side ul li a:hover {
    color: var(--primary-red);
}

.site-nav-menu-dropdown .right-side {
    padding: 40px;
    background-color: var(--light-grey);
}
.site-nav-menu-dropdown .right-side .col-lg-6:first-of-type {
    padding-right: 40px;
    border-right: 1px solid var(--medium-grey);
}
.site-nav-menu-dropdown .right-side .col-lg-6:last-of-type {
    padding-left: 40px;
}
.site-nav-menu-dropdown .right-side h4 {
    margin: 0 0 10px;
    color: var(--primary-grey);
    font-family: 'museo-sans-condensed', sans-serif;
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;
}
.site-nav-menu-dropdown .right-side h5 {
    margin: 10px 0 0;
    color: var(--primary-grey);
    font-family: museo-sans-condensed, sans-serif;
    font-size: 18px;
    line-height: 22px;
    text-transform: uppercase;
}
.site-nav-menu-dropdown .right-side img {
    max-width: 100%;
}
.site-nav-menu-dropdown .right-side .col-lg-6:last-of-type a:first-of-type img {
    margin-top: 0;
}
.site-nav-menu-dropdown .right-side p {
    color: var(--primary-grey);
    font-size: 14px;
}
.site-nav-menu-dropdown .right-side hr {
    width: initial;
    height: 1px !important;
    margin: 1rem 0 !important;
    background-color: var(--medium-grey) !important;
}
.site-nav-menu-dropdown .right-side hr::before, .site-nav-menu-dropdown .right-side hr::after {
    content: none;
}


/* --- Site Navigation > Search --- */

#search-box {
    position: absolute;
    top: 76px;
    right: 0;
    padding: 10px 20px;
    border-radius: 5px;
    background-color: var(--light-grey);
    z-index: 1000;
    opacity: 0;
    pointer-events: none;
    transition: ease-in-out 0.3s;
}
#search-box.box-on {
    opacity: 1;
    pointer-events: all;
}
#search-box::before {
    content: '';
    position: absolute;
    bottom: 100%;
    right: 20px;
    width: 0;
    height: 0;
    border-bottom: solid 10px var(--light-grey);
    border-left: solid 10px transparent;
    border-right: solid 10px transparent;
}
#search-box input[type=search] {
    width: 300px;
    padding: 10px 20px;
    border: none;
    font-size: 16px;
}
#search-box button {
    padding: 10px 20px;
    border: none;
    background-color: var(--primary-red);
    font-size: 16px;
}
.sf-autocomplete {
    display: none !important;
}


/* --- Search Results --- */

.search-results-search input[type=search] {
    width: 300px;
    padding: 10px 20px;
    border: none;
    background-color: var(--light-grey);
    font-size: 16px;
}
.search-results-search button {
    padding: 10px 20px;
    border: none;
    background-color: var(--primary-red);
    font-size: 16px;
}
.search-results .my-3 {
    margin: 30px 0 !important;
}
.search-results h1 {
    font-size: 16px;
}
.search-results select.userSortDropdown {
    font-size: 16px;
}
.pagination {
    margin: 30px 0 0 !important;
}
.pagination li {
    margin: 0 !important;
}
.page-item.active .page-link {
    background-color: var(--primary-red) !important;
    border-color: var(--primary-red) !important;
    color: var(--white) !important;
}
.page-link {
    height: auto !important;
    border-radius: 0 !important;
    background-color: transparent !important;
    color: var(--primary-red) !important;
}
.page-link:hover {
    background-color: var(--light-grey) !important;
}


/* --- Main Content --- */

.main-content {
    position: relative;
    display: block;
    width: auto;
    padding: 146px 0 0;
}
.main-content .container {
    position: relative;
    padding: 60px 0;
}
.main-content ul {
    margin-bottom: 30px !important;
    text-align: left !important;
}
.main-content ul li {
    margin-left: 20px;
    margin-bottom: 10px;
}
.main-content ul li::marker {
    color: var(--aqua);
}


/* --- Heading Tags --- */

h1, h2, h3, h4, h5 {
    font-family: museo-sans, sans-serif;
}
.product-title h1, .design-7-title h1 {
    line-height: 42px;
    margin-bottom: 40px;
    color: var(--primary-grey);
    font-family: museo-sans-condensed, sans-serif;
    font-size: 38px;
    font-weight: 500;
    text-transform: uppercase;
}
.main-content h2 {
    margin-bottom: 20px;
    font-size: 24px;
}
.design-7-desc h3 {
    margin-top: 30px;
}
.design-7-desc h3:first-of-type {
    margin-top: 0;
}
h6 {
    line-height: 32px !important;
    color: var(--primary-grey);
    font-family: museo-sans-condensed, sans-serif;
    font-size: 30px !important;
    font-weight: 500 !important;
    text-transform: uppercase;
}


/* --- Horizontal Rule --- */

hr {
    position: relative;
    width: 96px;
    height: 4px !important;
    margin: 30px 0 !important;
    background-color: transparent !important;
    opacity: 1 !important;
}
hr::before {
    content: "";
    position: absolute;
    left: 0;
    display: inline-block;
    width: 23px;
    height: 4px;
    border-top: 4px dotted;
    color: var(--aqua);
    font-size: 20px;
}
hr::after {
    content: "";
    position: absolute;
    right: 0;
    display: inline-block;
    width: 66px;
    height: 4px;
    border-radius: 50px;
    background-color: var(--aqua);
}


/* --- PDF Button --- */

.pdf-button {
    display: block;
    height: 60px;
    line-height: 60px;
    margin-bottom: 15px;
    padding: 0 30px;
    border-radius: 16px;
    background-color: var(--primary-red);
    color: var(--white);
    font-weight: 500;
    transition: ease-in-out 0.3s;
}
.pdf-button:hover {
    background-color: var(--primary-grey);
    color: var(--white);
}
.pdf-button svg {
    padding-right: 20px;
    font-size: 24px;
    vertical-align: middle;
}
div.pdf-button {
    margin-bottom: 0 !important;
    cursor: pointer;
}
.pdf-button.dropdown-open {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-color: var(--dark-grey);
}
.brochure-dropdown {
    height: 0;
    margin-bottom: 15px;
    padding-left: 30px;
    padding-right: 30px;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
    background-color: var(--light-grey);
    overflow: hidden;
}
.brochure-dropdown.dropdown-open {
    height: auto;
    padding-top: 20px;
    padding-bottom: 10px;
}
.brochure-dropdown ul {
    margin: 0 !important;
    padding: 0;
    list-style: none;
}
.brochure-dropdown ul li {
    margin-left: 0;
}


/* --- Breadcrumbs --- */

.breadcrumb-container {
    --bs-gutter-x: 0 !important;
    padding: 20px 60px 0;
}
.product-title .breadcrumb-item:nth-last-of-type(2), .product-title .breadcrumb-item:nth-last-of-type(3) {
    display: none;
}
.design-7-title .upgrade-breadcrumb .breadcrumb-item:nth-last-of-type(3) {
    display: none;
}


/* --- Hero Images --- */

.hero {
    position: relative;
    width: 100%;
    height: 300px;
    overflow: hidden;
    --bs-gutter-x: 0 !important;
}
.hero img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 100%;
    z-index: 1;
}
.hero .mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #333F4870;
    z-index: 2;
}
.hero h1 {
    position: absolute;
    bottom: -20px;
    left: -20px;
    line-height: 62px;
    margin: 0;
    background-color: #ffffff50;
    color: var(--primary-grey);
    font-family: museo-sans-condensed, sans-serif;
    font-size: 60px;
    font-weight: 500;
    text-transform: uppercase;
    z-index: 3;
}
.hero h1 span {
    display: block;
    margin: 20px;
    padding: 30px 60px;
    background-color: var(--white);
}


/* --- Centered Blocks --- */

.centered {
    position: relative;
}
.centered h2 {
    line-height: 58px;
    font-family: museo-sans-condensed, sans-serif;
    font-size: 48px;
    text-align: center !important;
    text-transform: uppercase;
}
.centered hr {
    position: relative;
    left: 50%;
    transform: translate(-50%,0);
    display: inline-block;
}
body.home .centered h2 {
    font-weight: 300;
    text-transform: none;
}


/* --- Home > Feature --- */

.home-feature {
    display: inline-block;
    width: 100%;
    height: 570px;
    background-repeat: no-repeat;
    overflow: hidden;
    position: relative;
    background-size: cover;
}
.home-feature-wrapper {
    width: 100%;
    height: auto;
    position: absolute;
    bottom: 0;
}
.home-feature .home-feature-wrapper .item {
    background: rgba(0,0,0,0.5);
    height: 128px;
}
.home-feature .home-feature-wrapper .item:hover {
    cursor: pointer;
    display: block;
    background: var(--primary-red);
    padding: 0;
}
.home-feature .home-feature-wrapper .highlight {
    height: 85vh;
}
.home-feature .home-feature-wrapper .item.hightlight {
    height: 85vh;
}
.home-feature .home-feature-wrapper .item:hover > .item-header {
    display: none;
}
.home-feature .home-feature-wrapper .item .item-content {
    display: none;
}
.home-feature .home-feature-wrapper .item:hover > .item-content {
    display: block;
    height: 586px;
    width: 100%;
    position: relative;
    bottom: 446px;
    background: var(--primary-red);
    padding: 270px 70px 0;
}
.home-feature .home-feature-wrapper .item .item-header h3 {
    padding-left: 20px;
    margin-top: 35px;
}
.home-feature .home-feature-wrapper .item .item-header h3 , .home-feature .home-feature-wrapper .item  .item-content h3 {
    font-size: 36px;
    font-weight: 500;
    text-decoration: none;
    text-transform: uppercase;
    font-family: museo-sans-condensed, sans-serif;
}
.home-feature .home-feature-wrapper .item .item-header p {
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
}
.home-feature .home-feature-wrapper .item .item-header h3 a, .home-feature .home-feature-wrapper .item .item-header p {
    color: var(--white);
}
.home-feature .home-feature-wrapper .item .item-header p {
    padding-left: 20px;
    font-family: museo-sans-condensed, sans-serif;
    text-transform: uppercase;
}
.home-feature .home-feature-wrapper .item .item-header h3 a:hover {
    text-decoration: none;
}
.home-feature .home-feature-wrapper .item .item-content img.divider {
    width: auto;
    height: auto;
    opacity: 36%;
}
.home-feature .home-feature-wrapper .item .item-content h3, .home-feature .home-feature-wrapper .item .item-content .item-summary, .home-feature .home-feature-wrapper .item .item-content .item-description p {
    color: var(--white);
    font-family: museo-sans-condensed, sans-serif;
}
.home-feature .home-feature-wrapper .item .item-content h3 {
    margin-bottom: -6px;
}
.home-feature .home-feature-wrapper .item .item-content h3, .home-feature .home-feature-wrapper .item .item-content .item-summary {
    text-transform: uppercase;
}
.home-feature .home-feature-wrapper .item .item-content .item-summary, .home-feature .home-feature-wrapper .item .item-content .divider {
    margin-bottom: 25px;
}
.home-feature .home-feature-wrapper .item .item-content .item-description {
    text-align: center;
}
.home-feature .home-feature-wrapper .item .item-content .item-description p {
    text-align: left;
    margin-bottom: 50px;
}
.home-feature .home-feature-wrapper .item .item-content .item-description a.button {
    background: var(--white);
    padding: 15px 70px;
    display: inline-block;
    border-radius: 30px;
    text-align: center;
    color: var(--primary-grey);
}
.home-feature .home-feature-wrapper .item .item-content .item-description a.button:hover {
    text-decoration: none;
    color: var(--primary-red);
}
.loader {
    border: 16px solid #f3f3f3;
    border-top: 16px solid var(--primary-red);
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}


/* --- Home > Tabs --- */

.home-tabs-nav .container {
    gap: 30px;
    margin: 0 auto;
    padding: 0;
}
.home-tabs-nav .col {
    line-height: 30px;
    padding: 50px 0 30px;
    border-top: 20px solid var(--light-grey);
    border-left: 20px solid var(--light-grey);
    border-right: 20px solid var(--light-grey);
    background-color: var(--light-grey);
    color: var(--medium-grey);
    font-family: museo-sans-condensed, sans-serif;
    font-size: 40px;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
}
.home-tabs-nav .col.selected {
    border-color: rgba(252,150,138,1);
    background-color: var(--primary-red);
    color: var(--white);
    cursor: default;
}
.home-tabs-nav .col.selected hr {
    display: inline-block;
}
.home-tabs-nav .col.selected hr::before {
    color: var(--white);
}
.home-tabs-nav .col.selected hr::after {
    background-color: var(--white);
}
.home-tabs-nav .col hr {
    display: none;
    margin: 0 !important;
}
.home-tabs-content {
    padding: 60px 80px;
    background-color: var(--primary-red);
}
.home-tabs-content .button {
    display: inline-block;
    height: 60px;
    line-height: 60px;
    margin-top: 20px;
    padding: 0 30px;
    border-radius: 35px;
    border: 2px solid var(--white);
    background-color: var(--white);
    color: var(--primary-red);
    font-family: museo-sans-condensed, sans-serif;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    transition: ease-in-out 0.3s;
}
.home-tabs-content .button:hover {
    background-color: transparent;
    color: var(--white);
}
.home-tabs-content .home-tabs-products .col-lg-3 {
    padding: 15px;
}
.home-tabs-products .card {
    border: 0;
    border-radius: 35px;
    box-shadow: 0 2px 24px 0 rgba(0,0,0,0.09);
    background-color: var(--light-grey);
    overflow: hidden;
}
.home-tabs-products .card .card-body {
    position: relative;
    z-index: 2;
    padding: 20px;
    background-color: var(--white);
    color: var(--primary-red);
    text-align: center;
}
.home-tabs-products .card .card-body h5 {
    margin: 0 !important;
    font-size: 16px;
    font-weight: 700;
}
.home-tabs-products .card:hover .card-body {
    color: var(--primary-grey);
}
.home-tabs-products .card-img {
    position: relative;
    width: 100%;
    height: 230px;
}
.home-tabs-products .card-img img {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    min-width: 100%;
    height: auto;
}
.home-tabs-content .home-tabs-brands .col-lg-3 {
    padding: 15px;
}
.home-tabs-brands .card {
    border: 0;
    border-radius: 12px;
}
.home-tabs-brands .card .card-img {
    padding: 30px;
    text-align: center;
}
.home-tabs-brands .card .card-img img {
    max-width: 100%;
}


/* --- Product > Line Drawings --- */

.line-drawing {
	width: 100%;
	height: auto;
	display: block;
	position: relative;
	padding: 40px 0; 
}
.line-drawing .container {
    padding: 0 !important;
}
.image-wrapper {
	position: relative;
	display: block;
	text-align: center;
}
.image-map-key {
    display: none;
}
.image-map { 
	display: inline-block;
	position: relative;
	margin: 0 auto;
}
.image-map .image-map-bg {
    border: 1px solid var(--light-grey);
    border-radius: 25px;
    overflow: hidden;
}
.line-drawing .image-map img {
	margin: 0 auto;
	display: block;
    width: 100%;
    height: 100%;
} 
.line-drawing .image-map, .line-drawing .pin-coordinates { 
	width: 100%; 
	height: 100%; 
}
.line-drawing .pin-coordinates { 
	z-index: 10;
}
.pin {
	display: none;
}
.tool-tip-up, .tool-tip-down { 
	position: absolute;
	width: 40px;
	height: 40px;
    cursor: pointer;
}
.tool-tip-up:before {
    position: absolute;
    top: 10px;
    left: 10px;
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 50px;
    background-color: var(--primary-red);
}
.tool-tip-up:after {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 50px;
    border: 3px solid var(--primary-red);
    animation: pulsate 1s ease-out;
    animation-iteration-count: infinite;
    -webkit-animation: pulsate 1s ease-out;
    -webkit-animation-iteration-count: infinite;
}
@keyframes pulsate {
    0% {transform: scale(0.1, 0.1); -webkit-transform: scale(0.1, 0.1); opacity: 0.0;}
    50% {opacity: 1.0;}
    100% {transform: scale(1.2, 1.2); -webkit-transform: scale(1.2, 1.2); opacity: 0.0;}
}
.tool-tip {
    position: absolute;
	top: 40px;
	left: 0;
    z-index: 999;
	display: none;
	min-width: 300px;
	margin-left: -130px;
	padding: 20px;
    border-radius: 4px;
	color: var(--white);
	background-color: rgba(0,0,0,0.7);
    transition: ease-in-out 0.3s;
}
.tool-tip::after {
	content: '';
	position: absolute;
	top: -10px;
	left: 50%;
	transform: translate(-50%, 0);
	border-bottom: 10px solid var(--black);
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
    opacity: 0.7;
}
.tool-tip h2 {
    margin: 0 0 10px !important;
	font-size: 2.2rem !important;
    font-weight: 700 !important;
    text-transform: uppercase;
}
.tool-tip p {
    margin-bottom: 15px !important;
}
.tool-tip .button {
    display: inline-block;
    padding: 10px 20px;
    border-radius: 35px;
    background-color: var(--primary-red);
    color: var(--white);
    font-size: 1.6rem;
    transition: ease-in-out 0.3s;
}
.tool-tip .button:hover {
    background-color: var(--white);
    color: var(--primary-red);
}


/* --- Products > Product Finder --- */

.product-finder {
    background-color: var(--light-grey);
}
.product-filter {
    padding-bottom: 35px;
}
.product-filter-title {
    margin-bottom: 60px;
}
.product-filter-title h6 {
    font-size: 38px !important;
}
.product-filter-title h6 svg {
    padding-right: 10px;
    color: var(--primary-red);
}
.product-filter a.product-button1, .product-filter a.product-button2, .product-filter a.product-button3, .product-filter a.product-button4 {
    position: relative;
    display: block;
    border-bottom: 2px solid var(--primary-red);
    color: var(--primary-red);
    cursor: pointer;
}
.product-filter .slidePanel1, .product-filter .slidePanel2, .product-filter .slidePanel3, .product-filter .slidePanel4 {
    display: none;
}
.product-filter .rotate {
    transform: none;
}
.product-filter h4 {
    display: inline-block;
    padding-bottom: 10px;
    border: none;
    color: var(--primary-grey);
    font-size: 16px;
}
.product-filter svg {
    position: absolute;
    right: 0;
    top: 5px;
    transition: ease-in-out 0.3s;
}
.product-filter .rotate svg {
    transform: rotate(180deg);
}
.product-filter .slidePanel1 ul, .product-filter .slidePanel2 ul, .product-filter .slidePanel3 ul, .product-filter .slidePanel4 ul {
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
    margin-bottom: 0 !important;
    padding-left: 0;
}
.product-filter .slidePanel1 .form-check, .product-filter .slidePanel2 .form-check, .product-filter .slidePanel3 .form-check, .product-filter .slidePanel4 .form-check {
    width: 100%;
    margin: 0;
    padding: 0;
}
.product-filter label.checkbox-inline {
    padding-left: 5px;
    color: var(--primary-grey);
    font-family: museo-sans, sans-serif;
    cursor: pointer;
}
.product-filter input[type="checkbox"] {
    cursor: pointer;
}
.product-filter input[type="checkbox"]:checked {
    accent-color: var(--primary-red);
}
#counter {
    color: var(--primary-grey);
    display: inline-block;
    padding: 30px 0;
    font-size: 25px;
}


/* --- Upgrade Filter -- */

#upgrades button {
    display: none;
    height: 60px;
    line-height: 60px;
    padding: 0 30px;
    margin-top: 30px;
    margin-left: 45px;
    border-radius: 35px;
    border: none;
    background-color: var(--primary-red);
    color: var(--white);
    transition: ease-in-out 0.3s;
}

#upgrades button:hover {
    background-color: var(--primary-grey);
    color: var(--white);
}

#upgrades .form-check .form-check-input {
    margin-left: 0;
}

#upgrades label {
    padding-left: 0.5em;
}

/* --- Products > Machine Listings --- */

.machine-listings .product-listing {
    display: none;
}
.machine-listings .product-listing:nth-child(-n+6) {
    display: block;
}
.machine-listing-wrapper {
    height: 100%;
    border-radius: 20px;
    box-shadow: 0 2px 22px 0 rgba(0,0,0,0.2);
    background-color: var(--white);
    overflow: hidden;
}
.machine-listing-wrapper > a {
    position: relative;
    display: block;
    height: 210px;
    overflow: hidden;
}
.machine-listing-wrapper > a img {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    min-width: 100%;
    height: 100%;
}
.machine-listing-copy {
    padding: 30px;
    border-top: 1px solid var(--light-grey);
}
.machine-listing-copy h4 {
    line-height: 24px;
    font-size: 20px;
    font-weight: 500;
}
.machine-listing-copy a {
    display: inline-block;
    height: 60px;
    line-height: 60px;
    padding: 0 30px;
    border-radius: 35px;
    background-color: var(--primary-red);
    color: var(--white);
    transition: ease-in-out 0.3s;
}
.machine-listing-copy a:hover {
    background-color: var(--primary-grey);
    color: var(--white);
}
.machine-listing-overview {
    display: block;
    margin: 20px 0;
}
.machine-listing-overview p {
    margin: 0 !important;
}


/* --- Machine Detail > Carousel --- */

.image-slider {
    margin-bottom: 60px;
}
#custCarousel .carousel-inner .carousel-item {
    height: 500px;
    overflow: hidden;
    border: 1px solid var(--light-grey);
    border-radius: 25px;
}
#custCarousel .carousel-inner img {
    width: 100%;
    height: 100%;
}
#custCarousel .carousel-indicators {
    position: static;
    display: block;
    margin: 0;
}
#custCarousel .carousel-indicators li {
    position: relative;
    height: 120px;
    margin-bottom: 10px;
    border: 1px solid var(--light-grey);
    border-radius: 10px;
    overflow: hidden;
}
#custCarousel .carousel-indicators li a{
    margin: 0;
}
#custCarousel .carousel-indicators li img {
    min-width: 100%;
    min-height: 100%;
}
#custCarousel .carousel-indicators li.active img {
  opacity: 1;
}
#custCarousel .carousel-indicators li:hover img {
  opacity: 0.75;
}


/* --- Machine Detail > Top Information --- */

.product-buttons .col-lg-4 a {
    display: block;
    padding: 30px 0;
    border-radius: 24px;
    background-color: var(--light-aqua);
    color: var(--primary-red);
    font-weight: 500;
    text-align: center;
    transition: ease-in-out .3s;
}
.product-buttons .col-lg-4 a:hover {
    background-color: var(--primary-grey);
    color: var(--white);
    text-decoration: none;
}
.product-buttons .col-lg-4 a svg {
    font-size: 24px;
}
.product-testimonial .testimonial-container {
    margin-top: 20px;
    padding: 30px;
    border-radius: 24px;
    background-color: var(--primary-red);
    color: var(--white);
    font-size: 20px;
    font-weight: 500;
}
.product-testimonial svg {
    display: block;
    margin-bottom: 20px;
    font-size: 30px;
}
.product-testimonial span {
    display: block;
    margin-top: 20px;
    font-size: 14px;
}


/* --- Machine Detail > Features --- */

.product-features {
    position: relative;
    width: 100%;
    margin: 0 !important;
    --bs-gutter-x: 0 !important;
    background-color: var(--light-aqua);
    text-align: center;
}
.product-features::before {
    content: '';
    position: absolute;
    top: -20px;
    display: block;
    width: 100%;
    height: 20px;
    background-color: #00b2a910;
}
.product-features::after {
    content: '';
    position: absolute;
    bottom: -20px;
    display: block;
    width: 100%;
    height: 20px;
    background-color: #00b2a910;
}
.product-features hr {
    display: inline-block;
}
.product-features .row {
    margin-top: 40px;
    justify-content: center;
}
.product-features svg {
    margin-bottom: 15px;
    color: var(--primary-red);
    font-size: 40px;
}
.product-features h6 {
    margin: 5px 0;
    font-size: 20px;
}
.product-features li::marker {
    text-align: center;
}


/* --- Machine Detail > Tabs --- */

.tabs-menu {
    list-style: none;
    overflow: hidden;
    display: flex;
    padding: 0;
    border: 1px solid var(--light-grey);
    border-radius: 5px;
}
.tabs-menu li {
    width: calc(100% / 3);
    height: 60px;
    line-height: 58px;
    margin: 0 !important;
    border-left: 1px solid var(--light-grey);
    background-color: var(--white);
    font-size: 20px;
    font-weight: 300;
    text-align: center;
    cursor: pointer;
}
.tabs-menu li:first-of-type {
    border-left: 0px;
}
.tabs-menu li.tab-sel {
    background-color: var(--light-aqua);
    font-weight: 700;
}
.tabs-menu li:hover {
    font-weight: 700;
}
.tab-off > div {
    display: none;
}


/* --- Machine Detail > Tables --- */
.product-tabs table, 
table.tableOne {
    width: 100%;
    margin-top: 60px;
    border-collapse: separate;
}
.product-tabs table thead th, 
table.tableOne thead th {
    min-height: 60px;
    line-height: 20px;
    padding: 20px;
    background-color: var(--primary-red);
    color: var(--white);
    font-size: 20px;
    text-align: center;
}
.product-tabs table thead th:first-of-type, 
table.tableOne thead th:first-of-type {
    border-right: 3px solid var(--white);
    background-color: transparent !important;
}
.product-tabs table thead tr:last-of-type th, 
table.tableOne thead tr:last-of-type th {
    border-bottom: 1px solid var(--white);
}
.product-tabs table thead tr:first-of-type th:nth-of-type(2), 
table.tableOne thead tr:first-of-type th:nth-of-type(2) {
    border-top-left-radius: 5px;
}
.product-tabs table thead tr:first-of-type th:last-of-type, 
table.tableOne thead tr:first-of-type th:last-of-type {
    border-top-right-radius: 5px;
}
.product-tabs table thead tr:nth-of-type(2) th, 
table.tableOne thead tr:nth-of-type(2) th {
    background-color: var(--light-red);
    color: var(--bs-body-color);
    font-size: 16px;
    font-weight: 300;
}
.product-tabs table td:first-of-type {
    width: 40%;
    border-right: 3px solid var(--white);
    background-color: var(--primary-red);
    color: var(--white);
    font-weight: 700;
    text-align: left;
}
.product-tabs table td {
    min-height: 60px;
    line-height: 20px;
    padding: 20px;
    border-bottom: 1px solid var(--white);
    background-color: var(--light-grey);
    text-align: center;
}
.product-tabs table tbody tr:first-of-type td:first-of-type {
    border-top-left-radius: 5px;
}
.product-tabs table tr:last-of-type td:first-of-type {
    border-bottom-left-radius: 5px;
    border-bottom: 0px;
}
.product-tabs table tr:last-of-type td:last-of-type {
    border-bottom-right-radius: 5px;;
    border-bottom: 0px;
}
.tab-technical-data > div, .tab-product-details > div, .tab-options > div {
    padding: 10px 50px;
}

table.tableTwo thead th:first-of-type {
    background-color: var(--dark-grey) !important;
    border-top-left-radius: 5px;
}
table.tableTwo thead th:last-of-type {
    background-color: var(--dark-grey);
    border-top-left-radius: 0px !important;
}
table.tableTwo tbody tr:first-of-type td:first-of-type {
    border-top-left-radius: 0 !important;
}

.product-tabs table.tableThree th:first-of-type {
    background-color: var(--primary-red) !important;
    border-top-left-radius: 5px !important;
    border-right: 0;
}
.product-tabs table.tableThree th:nth-of-type(2) {
    border-radius: 0 !important;
}
table.tableThree tbody tr:first-of-type td:first-of-type, .product-tabs table.tableThree thead tr:first-of-type th:last-of-type {
    border-top-left-radius: 0 !important;
}
table.tableThree td:first-of-type {
    width: auto;
    border-right: 0;
    background-color: var(--light-grey);
    color: initial;
    font-weight: 300;
    text-align: center;
}
.product-tabs .technical-data-content ul {
    display: none;
}


/* --- Machine Detail > Works Well With --- */

.works-well .row {
    justify-content: flex-end;
}
.works-well .row > div {
    margin-top: 20px;
}
.works-well .row > div:first-of-type, .works-well .row > div:nth-of-type(2) {
    margin-top: 0;
}


/* --- Machine Detail > Might Also Like --- */

.might-like {
    background-color: var(--primary-grey);
    color: var(--white);
}
.might-like .related-wrapper {
    margin-top: 20px;
}
.might-like .related-wrapper:first-of-type {
    margin-top: 0;
}
.might-like .related-wrapper > div:first-of-type {
    padding: 0 !important;
}
.might-like .related-wrapper a.related-image {
    position: relative;
    height: 100%;
    overflow: hidden;
}
.might-like .related-wrapper a.related-image img {
    position: relative;
    left: 50%;
    transform: translate(-50%, 0);
    width: auto;
    height: 100%;
}
.might-like h6 {
    color: var(--white);
}


/* --- Upgrade Detail --- */

body.upgrade .full-image {
    width: 100%;
    height: 580px;
    margin: 60px 0;
    border-radius: 24px;
    border: none;
    --bs-gutter-x: 0 !important;
    overflow: hidden;
    background-color: var(--white);
}
.upgrade-images .thumbnail {
    height: 100%;
}
.upgrade-images .thumbnail .img-fluid {
    height: 100%;
    border: 1px solid var(--light-grey);
    border-radius: 25px;
}


/* --- Video Blocks --- */

.machine-video .row > div {
    overflow: hidden;
}
.machine-video .row > div:first-of-type {
    position: relative;
}
.machine-video .row > div:first-of-type img {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    height: 100%;
}
.machine-video .row > div:first-of-type svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 150px;
    padding: 30px 0;
    border-radius: 27px;
    background-color: #00000080;
    color: var(--white);
    font-size: 40px;
    z-index: 10;
    transition: ease-in-out 0.3s;
}
.machine-video .row > div:first-of-type:hover svg {
    background-color: #000;
}
.machine-video .row > div:first-of-type::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 100%;
    background-color: var(--primary-grey);
    opacity: 0.5;
    z-index: 9;
}
.machine-video .row > div:last-of-type {
    padding: 5%;
    background-color: var(--primary-grey);
    color: var(--white);
}
.machine-video .row > div:last-of-type h2 {
    font-family: museo-sans-condensed, sans-serif;
    font-size: 40px;
    font-weight: 500;
    text-transform: uppercase;
}
.machine-video .row > div:last-of-type .button {
    display: inline-block;
    width: 200px;
    height: 60px;
    line-height: 60px;
    margin-top: 20px;
    border-radius: 35px;
    background-color: var(--white);
    color: var(--primary-red);
    font-weight: 500;
    text-align: center;
    transition: ease-in-out 0.3s;
}
.machine-video .row > div:last-of-type .button:hover {
    background-color: var(--primary-red);
    color: var(--white);
    text-decoration: none;
}


/* --- Related News (Content) --- */

.machine-related-content a:first-of-type {
    position: relative;
    display: block;
    height: 200px;
    margin-bottom: 10px;
    border-radius: 4px;
    border: 1px solid var(--light-grey);
    background-color: var(--light-grey);
    overflow: hidden;
}
.machine-related-content a img {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
    width: auto;
    height: 100%;
}
.machine-related-content a h4 {
    color: var(--primary-grey);
}
.machine-related-content a h4:hover {
    color: var(--primary-red);
}
.machine-related-content .related-date {
    display: block;
    text-transform: uppercase;
}
.machine-related-content h4 {
    font-size: 20px;
    font-weight: 500;
}
.related-wrapper {
    height: 100%;
    border-radius: 20px;
    box-shadow: 0px 0px 22px #00000020;
    background-color: var(--white);
    overflow: hidden;
}
.related-wrapper a.related-image {
    display: block;
    height: 200px;
    overflow: hidden;
}
.related-wrapper a.related-image img {
    max-width: inherit;
    width: 100%;
    height: auto;
}
.related-wrapper .related-copy {
    padding: 30px;
    color: var(--bs-body-color);

}
.related-wrapper .related-copy h4 {
    margin-bottom: 20px;
    color: var(--primary-grey);
    font-size: 20px;
    font-weight: 700;
}


/* --- CTA Blocks --- */

.machine-cta {
    position: relative;
    width: 100%;
    margin: 0 !important;
    --bs-gutter-x: 0 !important;
    color: var(--white);
}
.machine-cta .cta-no-image {
    color: initial !important;
}
.machine-cta .cta-wrapper {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.machine-cta .cta-wrapper .cta-interior {
    width: 100%;
    height: 100%;
    background-color: #00000080;
}
.machine-cta .cta-no-image .cta-interior {
    background-color: transparent !important;
}
.machine-cta .container {
    text-align: center;
}
.machine-cta h3 {
    font-family: museo-sans-condensed, sans-serif;
    font-size: 40px !important;
    font-weight: 500 !important;
    text-transform: uppercase;
    color: var(--white);
}
.machine-cta .cta-no-image h3 {
    color: var(--primary-grey);
}
.machine-cta hr {
    display: inline-block;
}
.machine-cta .cta-desc {
    font-weight: 300;
}
.machine-cta a {
    display: inline-block;
    width: 200px;
    height: 60px;
    line-height: 60px;
    border-radius: 35px;
    background-color: var(--primary-red);
    color: var(--white);
    font-weight: 500;
    text-align: center;
    transition: ease-in-out 0.3s;
}
.machine-cta a:hover {
    background-color: var(--white);
    color: var(--primary-red);
    text-decoration: none;
}


/* --- Quote Blocks --- */

.quote-block {
    background-color: var(--primary-red);
    color: var(--white);
}
.quote-block .container {
    padding: 120px;
}
.quote-block-quote {
    position: relative;
    line-height: 50px;
    font-size: 30px;
    font-weight: 500;
}
.quote-block-quote svg {
    position: absolute;
    top: -30px;
    left: -120px;
    font-size: 100px;
}
.quote-block-author {
    margin-top: 60px;
    font-size: 20px;
    font-weight: 500;
}
.quote-block-author::before {
    content: '-';
    padding-right: 5px;
}


/* --- Bonus Content Area --- */

.bonus-content-area-2 .row > div {
    overflow: hidden;
}
.bonus-content-area-2 .row.row-reverse {
    flex-direction: row-reverse;
}
.bonus-content-area-2 .row > div:first-of-type {
    padding: 5%;
    background-color: var(--primary-grey);
    color: var(--white);
}
.bonus-content-area-2 .row > div.white-bg {
    background-color: var(--white);
    color: var(--primary-grey);
}
.bonus-content-area-2 .row > div:first-of-type h2 {
    font-family: museo-sans-condensed, sans-serif;
    font-size: 40px;
    font-weight: 500;
    text-transform: uppercase;
}
.bonus-content-area-2 .row > div:first-of-type .button {
    display: inline-block;
    height: 60px;
    line-height: 60px;
    margin-top: 20px;
    padding: 0 30px;
    border-radius: 35px;
    background-color: var(--white);
    color: var(--primary-red);
    font-weight: 500;
    text-align: center;
    transition: ease-in-out 0.3s;
}
.bonus-content-area-2 .row > div:first-of-type .button:hover {
    background-color: var(--primary-red);
    color: var(--white);
    text-decoration: none;
}
.bonus-content-area-2 .row > div.white-bg .button {
    background-color: var(--primary-red);
    color: var(--white);
}
.bonus-content-area-2 .row > div.white-bg .button:hover {
    background-color: var(--primary-grey);
}
.bonus-content-area-2 .row > div:last-of-type {
    position: relative;
}
.bonus-content-area-2 .row > div:last-of-type svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 150px;
    padding: 30px 0;
    border-radius: 27px;
    background-color: #00000080;
    color: var(--white);
    font-size: 40px;
    z-index: 10;
    transition: ease-in-out 0.3s;
}
.bonus-content-area-2 .row > div:last-of-type img {
    position: absolute;
    top: 0;
    left: 0;
    max-width: initial !important;
    min-width: 100%;
    min-height: 100%;
}
.bonus-content-area-2.img-right-align .row > div:last-of-type img {
    left: initial;
    right: 0;
}
.bonus-content-area-2 .row > div:last-of-type:hover svg {
    background-color: #000;
}
.bonus-content-area-2 .row > div:last-of-type::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 100%;
    background-color: var(--primary-grey);
    opacity: 0.5;
    z-index: 9;
}
.bonus-content-area-2:nth-of-type(3n+1) .row > div:last-of-type::before {
    right: 0;
    left: initial;
}


/* --- Red Bar Links --- */

.red-bar {
    width: 100%;
    height: 60px;
    line-height: 60px;
    margin: 0 !important;
    text-align: center;
}
.red-bar > div {
    padding: 0 !important;
}
.red-bar a {
    display: block;
    background-color: var(--primary-red);
    color: var(--white);
    font-size: 20px;
    font-weight: 500;
    transition: ease-in-out 0.3s;
}
.red-bar a:hover {
    background-color: var(--light-aqua);
    color: var(--primary-grey);
}
body.careers .red-bar a {
    pointer-events: none;
}


/* --- Newsroom --- */

.featured-news.container {
    padding-top: 0;
}

.featured-news h2 {
    font-size: 48px;
    font-weight: 500;
}
.featured-news .news-post {
    height: 450px;
}
.news-post {
    height: 100%;
    border-radius: 24px;
    box-shadow: 0 2px 24px 0 rgba(0,0,0,0.09);
    overflow: hidden;
}
.news-post > div:first-of-type {
    position: relative;
    padding: 0;
    overflow: hidden;
}
.news-post > div:first-of-type img {
    position: absolute;
    left: 50%;
    transform: translate(-50%,0);
    max-width: inherit;
    min-width: 100%;
    height: 100%;
}
.news-post > div:last-of-type {
    position: relative;
    padding: 30px;
}
.news-post > div:last-of-type span {
    color: var(--primary-red);
    font-size: 16px;
    font-weight: 700;
}
.news-post > div:last-of-type h3 {
    margin: 10px 0 20px;
    font-size: 18px;
    font-weight: 700;
}
.news-post > div:last-of-type a {
    position: absolute;
    bottom: 30px;
}
.aqua-bg-section {
    position: relative;
    background-color: var(--light-aqua);
}
.aqua-bg-section:before {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 20px;
    background-color: #00b2a910;
}
.newsroom-meta {
    position: relative;
    margin-bottom: 80px;
    background-color: var(--light-aqua);
}
.newsroom-meta:before, .newsroom-meta:after {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 20px;
    background-color: #00b2a910;
}
.newsroom-meta:before {
    top: -20px;
}
.newsroom-meta:after {
    bottom: -20px;
}
.newsroom-meta .col-lg-4:first-of-type {
    font-size: 48px;
    font-weight: 500;
    text-align: left;
    vertical-align: center;
}
.newsroom-meta .news-meta-box {
    height: 100%;
    padding: 30px;
    border-radius: 20px;
    box-shadow: 0 2px 22px 0 rgba(0,0,0,0.09);
    background-color: var(--white);
    text-align: center;
}
.newsroom-meta .news-meta-box h3 {
    font-size: 32px;
    font-weight: 500;
}
.news-post-wrapper {
    min-height: 300px;
}
.news-post-wrapper:nth-of-type(odd) {
    padding: 15px 15px 15px 0;
}
.news-post-wrapper:nth-of-type(even) {
    padding: 15px 0 15px 15px;
}
.news-post-wrapper .news-post {
    --bs-gutter-x: 0;
}
.news-button {
    display: inline-block;
    height: 60px;
    line-height: 60px;
    margin-top: 20px;
    padding: 0 30px;
    border-radius: 35px;
    border: 2px solid var(--primary-red);
    background-color: var(--white);
    color: var(--primary-red);
    font-family: museo-sans-condensed, sans-serif;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    transition: ease-in-out 0.3s;
}
.news-button:hover {
    background-color: var(--primary-red);
    color: var(--white);
}


/* --- News Filter Header --- */
.news-filter-header {
    padding: 30px 0 0;
}
.news-filter-header > div {
    display: flex;
    justify-content: space-between;
    gap: 30px;
}
.news-filter-drop {
    position: relative;
    width: 25%;
}
.news-filter-drop ul {
    z-index: 10;
    overflow: hidden;
    width: 100%;
    height: 60px;
    margin: 0 !important;
    padding: 0px;
    transition: ease-in-out 0.3s;
}
.news-filter-drop ul:hover {
    height: 200px;
    background-color: var(--white);
    cursor: pointer;
}
.news-filter-drop svg {
    position: absolute;
    top: 20px;
    right: 0;
    color: var(--primary-red);
}
.news-filter-drop ul:hover svg {
    transform: rotate(180deg);
}
.news-filter-drop li {
    margin: 10px 0 !important;
    line-height: 24px;
    list-style-type: none;
}
.news-filter-drop li:first-of-type {
    line-height: 30px;
    margin: 10px 0 !important;
    padding-bottom: 10px;
    border-bottom: 2px solid var(--primary-red);
    font-weight: 500;
}
.news-search {
    flex-grow: 2;
    height: 60px;
}
.news-search > div {
    margin-top: 0 !important;
    border-bottom: 1px solid var(--medium-grey);
}
.news-search input {
    height: 50px;
    padding: 10px 0;
    border: none;
    font-size: 16px;
}
.news-search input:focus {
    outline: 0;
    box-shadow: none;
}
.news-search button {
    border: none;
    background: transparent;
}
.news-search button svg {
    color: var(--primary-red);
    cursor: pointer;
}
.news-search button:hover svg {
    color: var(--primary-grey);
}
.news-filter-button .news-button {
    margin-top: 0;
}


/* --- News Slider --- */
.news-filter-slider {
    position: relative;
}
.news-filter-slider .carousel-inner {
    padding-top: 40px;
}
.news-filter-slider :is(.carousel-control-prev, .carousel-control-line, .carousel-control-next) {
    top: 0;
    width: fit-content;
    height: 25px;
    background: none;
    color: var(--primary-red);
    opacity: 1;
}
.news-filter-slider .carousel-control-line {
    position: absolute;
    top: 3px;
    right: 30px;
    color: var(--primary-grey);
    opacity: .5;
    font-size: 14px;
}
.news-filter-slider .carousel-control-prev {
    right: 42px !important;
    left: unset;
}
.news-filter-slider :is(.carousel-control-prev-icon, .carousel-control-next-icon) {
    background-image: none;
}
.news-filter-slider :is(.carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus) {
    color: var(--primary-red);
    opacity: 1;
}
.news-filter-slider .news-post-wrapper {
    padding: calc(var(--bs-gutter-x) * .5) !important;
}
.news-filter-slider .news-post {
    box-shadow: none;
    background-color: var(--white);
}


/* --- News Detail --- */

.news-detail h1 {
    line-height: 58px;
    font-size: 48px;
    font-weight: 500;
}
.news-detail-meta {
    position: relative;
    margin-bottom: 40px;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--primary-grey);
    color: var(--primary-red);
    font-weight: 700;
}
.news-detail-meta .sharethis-inline-share-buttons {
    position: absolute;
    right: 0;
    bottom: 10px;
}
.news-sidebar .news-sidebar-inner {
    border-radius: 24px;
    background-color: var(--light-aqua);
}
.news-sidebar.gray-sidebar .news-sidebar-inner {
    background-color: var(--light-grey);
}
#cta-move .machine-cta {
    margin-bottom: 30px !important;
}
.cta-blog-wrapper {
    overflow: hidden;
    border-radius: 24px;
}
.cta-blog-wrapper .container {
    padding: 30px !important;
}
.cta-blog-wrapper h3 {
    font-family: museo-sans, sans-serif;
    font-size: 30px !important;
    text-transform: none;
}


/* --- Trade Show Listings --- */

.trade-show-listing {
    height: 100%;
    padding: 30px;
    border-radius: 24px;
    box-shadow: 0 2px 24px 0 rgba(0,0,0,0.09);
    background-color: var(--white);
    color: var(--primary-red);
    text-align: center;
}
.trade-show-listing time, .trade-show-listing span {
    display: block;
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid var(--aqua);
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
}
.trade-show-listing a {
    display: block;
    height: 60px;
    line-height: 60px;
    margin-top: 30px;
    border: 1px solid var(--primary-red);
    border-radius: 35px;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    transition: ease-in-out 0.3s;
}
.trade-show-listing a:hover {
    background-color: var(--primary-red);
    color: var(--white);
}


/* --- Trade Show Detail --- */

.trade-show-detail {
    margin-top: 40px !important;
    padding-top: 40px;
    border-top: 1px solid var(--medium-grey);
}
.trade-show-detail h2 {
    color: var(--primary-grey);
    font-family: museo-sans-condensed, sans-serif;
    font-size: 26px;
    font-weight: 700;
    text-transform: uppercase;
}
.trade-show-detail svg {
    display: inline-block;
    width: 20px;
    color: var(--primary-red);
    text-align: center;
}
.trade-show-ind ul {
    display: inline;
    margin: 0 !important;
    padding: 0;
}
.trade-show-ind li {
    list-style: none;
    display: inline-block;
    margin-left: 0 !important;
    margin-bottom: 0 !important;
}
.trade-show-ind li:after {
    content: ",";
}
.trade-show-ind li:last-of-type:after {
    content: none;
}
.trade-show-desc {
    margin-top: 30px;
}
.trade-show-detail .col:last-of-type {
    text-align: center;
}
.trade-show-detail .button {
    display: inline-block;
    height: 60px;
    line-height: 60px;
    padding: 0 30px;
    border: 1px solid var(--primary-red);
    border-radius: 30px;
    background-color: var(--white);
    color: var(--primary-red);
    font-weight: 500;
    transition: ease-in-out 0.3s;
}
.trade-show-detail .button:hover {
    background-color: var(--primary-red) !important;
    color: var(--white);
}


/* --- Recent News & Trade Shows --- */

.recent-news {
    gap: 30px;
}
.all-button {
    position: absolute !important;
    top: 80px;
    right: 0;
    display: inline-block !important;
    height: 60px !important;
    line-height: 60px;
    padding: 0 30px;
    border: 1px solid var(--primary-red) !important;
    border-radius: 30px !important;
    background-color: var(--white) !important;
    color: var(--primary-red);
    transition: ease-in-out 0.3s;
}
.all-button:hover {
    background-color: var(--primary-red) !important;
    color: var(--white);
}


/* --- Technical Service & Spare Parts Contacts --- */

.contacts-region-menu {
    margin-bottom: 60px;
}
.contacts-region-menu p {
    position: relative;
    display: inline-block;
    margin-top: 20px;
    margin-right: 20px;
}
.contacts-region-menu ul {
    position: absolute;
    display: inline-block;
    height: 60px;
    margin: 0 !important;
    padding: 10px 20px;
    line-height: 40px;
    border-radius: 5px;
    background-color: var(--light-grey);
    overflow: hidden;
    transition: ease-in-out 0.3s;
    z-index: 2;
}
.contacts-region-menu ul:hover {
    height: auto;
    line-height: 40px;
    padding-bottom: 10px;
    box-shadow: 0 20px 28px #00000020;
}
.contacts-region-menu ul svg {
    display: none;
}
.contacts-region-menu ul li {
    list-style-type: none;
    margin: 0 !important;
    visibility: hidden;
}
.contacts-region-menu ul li:first-of-type {
    visibility: initial;
}
.contacts-region-menu ul:hover li {
    visibility: initial;
}
.contacts-region-menu ul li a {
    display: block;
}
.contacts-region {
    margin-bottom: 60px;
}
.contacts-list-header ul {
    display: flex;
    flex-wrap: nowrap;
    height: 60px;
    line-height: 60px;
    margin: 0 !important;
    padding: 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background-color: var(--primary-red);
    color: var(--white);
    font-weight: 700;
}
.contacts-list-header ul li {
    list-style: none;
    width: calc(100% / 3);
    margin: 0 !important;
    text-align: center;
    border-left: 1px solid var(--medium-grey);
}
.contacts-list-header ul li:first-of-type {
    border-left: 0;
}
.contacts-list ul {
    display: flex;
    flex-wrap: nowrap;
    margin: 0 !important;
    padding: 0;
    border-right: 1px solid var(--medium-grey);
}
.contacts-list ul li {
    list-style: none;
    width: calc(100% / 3);
    margin: 0 !important;
    padding: 20px;
    border-left: 1px solid var(--medium-grey);
    border-bottom: 1px solid var(--medium-grey);
    text-align: center;
}
.contacts-list ul li:first-of-type {
    background-color: var(--light-aqua);
}


/* --- Full Image --- */

.full-image {
    position: relative;
    width: 100%;
    height: 450px;
    margin: 30px 0 60px;
    border-radius: 24px;
    border: 1px solid var(--light-grey);
    --bs-gutter-x: 0 !important;
    overflow: hidden;
}
.full-image div {
    height: 100%;
}
.full-image img {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
}


/* --- History > Milestones --- */

#timeline {
    position: relative;
    margin-top: 50px;
}
#timeline::after {
    content: '';
    position: absolute;
    width: 4px;
    background-color: var(--dark-grey);
    top: 0;
    bottom: 0;
    left: 50%;
    margin-left: -2px;
}
.milestone-container {
    background-color: var(--light-aqua);
    padding: 20px 30px;
    border-radius: 8px;
    position: relative;
    left: 0;
    width: calc(100% - 15px);
    margin: 10px 0;
    display: inline-block;
}
.milestone-container strong {
    font-size: 2em;
    color: var(--aqua);
    width: 20%;
    text-align: right;
    float: right;
}
.milestone-container p {
    width: 80%;
    margin: 0;
}
.milestone-container > * {
    vertical-align: middle;
}
.milestone-container::after {
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    right: -23px;
    background-color: var(--primary-red);
    top: 50%;
    border-radius: 50%;
    z-index: 1;
    box-shadow: 0 0 0 5px #FFF;
}
#timeline .milestone-wrapper:nth-of-type(2n) .milestone-container {
    background-color: var(--light-grey);
    padding: 20px 30px;
    border-radius: 8px;
    position: relative;
    left: 100%;
    margin-left: 15px;
}
#timeline .milestone-wrapper:nth-of-type(2n) .milestone-container strong {
    font-size: 2em;
    color: var(--dark-grey);
    width: 20%;
    text-align: left;
    float: left;
}
#timeline .milestone-wrapper:nth-of-type(2n) .milestone-container p {
    width: 80%;
    margin: 0;
    display: inline-block;
}
#timeline .milestone-wrapper:nth-of-type(2n) .milestone-container::after {
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    left: -22px;
    background-color: var(--primary-red);
    top: 50%;
    border-radius: 50%;
    z-index: 1;
    box-shadow: 0 0 0 5px #FFF;
}


/* --- Leadership Team --- */

.leadersList {
    row-gap: 30px;
}
.leadersList img {
    width: 100%;
}
.leadersInfo {
    position: relative;
}
.leadersList h3 {
    line-height: 1.2;
    margin: 10px 0 5px;
    color: var(--primary-grey);
    font-family: 'museo-sans-condensed', sans-serif;
    font-size: 30px;
    font-weight: 500;
}
.leadersList span {
    line-height: 1.2;
    color: var(--primary-grey);
    font-family: 'museo-sans-condensed', sans-serif;
    font-size: 1.8rem;
    text-transform: uppercase;
}
.leadersInfo a {
    position: absolute;
    top: 7px;
    right: 0;
    display: inline-block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    border-radius: 5px;
    background-color: var(--primary-red);
    color: var(--white);
    font-size: 2rem;
    text-align: center;
    transition: ease-in-out 0.3s;
}
.leadersInfo a:hover {
    background-color: var(--primary-grey);
    color: var(--white);
}
.leadersInfo a[href="/"] {
    display: none;
}


/* --- Contact > Form --- */

div[data-sf-role=form-visibility-wrapper] {
    display: block !important;
}
.contact-en {
    display: block !important;
}
.contact-es, .contact-de {
    display: none !important;
}
body.es .contact-es, 
body.de .contact-de {
    display: block !important;
}
body.es .contact-en, 
body.de .contact-en {
    display: none !important;
}

.form-content > .row {
    padding: 60px !important;
    background-color: var(--light-grey);
    box-shadow: 0 20px 28px #00000020;
}
.form-content h3 {
    font-family: museo-sans-condensed, sans-serif;
    font-size: 32px;
    font-weight: 500;
    text-transform: uppercase;
}
.form-content div[data-sf-role="form-container"] {
    margin-top: 30px;
}
.form-content label {
    font-weight: 500;
}
.form-content input[type="text"], .form-content input[type="email"], .form-content select, .form-content input[type="tel"] {
    height: 60px;
    line-height: 60px;
    padding: 0 10px;
    border-radius: 4px;
    border: none;
    font-size: inherit;
}
.form-content textarea {
    height: 160px;
    padding: 20px 10px;
    border-radius: 4px;
    border: none;
    font-size: inherit;
}
.form-content .captcha-wrapper {
    padding: 30px;
    border-radius: 4px;
    border: 1px solid var(--primary-grey);
}
.form-content .button-wrapper {
    text-align: center;
}
.form-content .button-wrapper button {
    height: 60px;
    line-height: 60px;
    padding: 0 50px;
    border-radius: 35px;
    border: none;
    background-color: var(--primary-red);
    color: var(--white);
    font-size: initial;
    transition: ease-in-out 0.3s;
}
.form-content .button-wrapper button:hover {
    background-color: var(--primary-grey);
}


/* --- Contact > Social Icons --- */

.social-icons-gray {
    margin-top: 30px !important;
    justify-content: center;
}
.social-icons-gray .col {
    flex-grow: 0;
}
.social-icons-gray .col.Email {
    display: none;
}
.social-icons-gray a {
    color: var(--medium-grey);
    font-size: 24px;
}
.social-icons-gray a:hover {
    color: var(--primary-red);
}


/* --- Contact > FAQs --- */

.faqs .centered {
    border-bottom: 1px solid #00b2a950;
}
.faq {
    border-bottom: 1px solid #00b2a950;
}
.faq details summary {
    position: relative;
    list-style: none;
    line-height: 33px;
    padding: 30px 40px 30px 0;
    font-size: 28px;
    font-weight: 500;
}
.faq details summary svg {
    position: absolute;
    right: 0;
    color: var(--medium-grey);
    font-size: 30px;
    transition: ease-in-out 0.3s;
}
.faq details[open] summary svg {
    color: var(--primary-red);
    transform: rotate(45deg);
}
.faq details span {
    display: block;
    padding-bottom: 30px;
}


/* --- Culture > Copy --- */

.culture-copy img {
    width: 100%;
    padding: 0 10%;
}


/* --- Culture > Links Sidebar --- */

.culture-links a {
    position: relative;
    display: block;
    height: 120px;
    padding: 10px;
    border-radius: 10px;
    transition: ease-in-out 0.3s;
}
.culture-links a:hover {
    background-color: var(--white);
}
.culture-links a img {
    float: left;
    display: block;
    width: 100px;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    object-position: center;
    margin-right: 20px;
    border-radius: 5px;
}
.culture-links a span {
    display: inline-block;
    padding: 5px 5px 5px 6px;
    border-radius: 5px;
    background-color: var(--dark-grey);
    color: var(--white);
    font-family: museo-sans-condensed, sans-serif;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: .5px;
    text-transform: uppercase;
}
.sidebar-video {
    margin-top: 30px;
}
.sidebar-video a {
    position: relative;
    display: block;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid var(--light-grey);
}
.sidebar-video a img {
    position: relative;
    width: 100%;
}
.sidebar-video a svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 150px;
    padding: 30px 0;
    border-radius: 27px;
    background-color: #00000080;
    color: var(--white);
    font-size: 40px;
    z-index: 10;
    transition: ease-in-out 0.3s;
}
.sidebar-video a:hover svg {
    background-color: #000;
}
.sidebar-video span {
    display: block;
    margin-top: 10px;
    font-style: italic;
    font-weight: 500;
    text-align: center;
}


/* --- Culture > Social --- */

.social-icons-big {
    justify-content: center;
}
.social-icons-big .col {
    flex-grow: 0;
}
.social-icons-big .col.Email {
    display: none;
}
.social-icons-big a {
    font-size: 60px;
}
.social-icons-big a:hover {
    color: var(--primary-grey);
}


/* --- Careers > Stories --- */

.career-stories {
    width: 100%;
    min-height: 450px;
    background-image: url("/images/default-source/base/paper-rolls-bg.jpeg");
    background-position: center;
    background-size: cover;
    --bs-gutter-x: 0 !important;
}
.career-stories > div {
    background-color: #00000099;
    background-image: url("/images/default-source/career-stories/stories-bg.tmb-machinelg.webp");
    background-position: left;
    background-repeat: no-repeat;
    background-size: auto 100%;
}
.career-stories-content {
    position: relative;
    left: 50%;
    width: 50%;
    padding: 60px 100px 60px 0;
    color: var(--aqua);
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
}
.career-stories strong {
    line-height: 58px;
    color: var(--white);
    font-family: museo-sans-condensed, sans-serif;
    font-size: 48px;
    font-weight: 500;
    text-transform: uppercase;
}
.career-stories .button {
    display: inline-block;
    height: 60px;
    line-height: 60px;
    padding: 0 60px;
    border: 1px solid var(--white);
    border-radius: 35px;
    background-color: transparent;
    color: var(--white);
    font-size: 16px;
    font-weight: 500;
    text-transform: none;
    transition: ease-in-out 0.3s;
}
.career-stories .button:hover {
    background-color: var(--white);
    color: var(--primary-red);
}
#more-stories {
    margin-top: -100px;
    padding-top: 100px;
    pointer-events: none;
}
.career-stories-more {
    position: relative;
    background-color: var(--light-aqua);
    text-align: center;
}
.career-stories-more::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 50px;
    background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.05) 50%, rgba(0,0,0,0.2) 100%);
}
.career-stories-more h5 {
    line-height: 26px;
    margin-bottom: 30px;
    font-family: museo-sans-condensed, sans-serif;
    font-size: 26px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
}
.story-detail {
    text-align: center;
}
.story-photo {
    position: relative;
    display: inline-block;
    width: 150px;
    height: 150px;
    border-radius: 150px;
    overflow: hidden;
}
.story-photo img {
    width: 100%;
}
.story-detail h3 {
    color: var(--primary-grey);
    font-size: 24px;
    font-weight: 500;
}
.story-detail strong {
    line-height: 24px;
    color: var(--primary-grey);
    font-size: 18px;
    font-weight: 500;
}


/* --- Careers > Steps --- */

.centered ol {
    display: flex;
    margin-top: 30px;
    padding: 0;
    border: 15px solid var(--light-aqua);
}
.centered ol li {
    flex: 0 0 33.3333333%;
    position: relative;
    list-style: none;
    padding: 30px 30px 30px 80px;
    text-align: left;
}
.centered ol li::before {
    position: absolute;
    top: 50%;
    left: 20px;
    transform: translate(0, -50%);
    width: 40px;
    height: 40px;
    line-height: 39px;
    border-radius: 50px;
    border: 1px solid var(--medium-grey);
    background-color: var(--white);
    font-size: 24px;
    font-weight: 700;
    text-align: center;
}
.centered ol li:first-of-type {
    background-color: #00b2a940;
}
.centered ol li:first-of-type::before {
    content: "1";
}
.centered ol li:nth-of-type(2) {
    background-color: #00b2a930;
}
.centered ol li:nth-of-type(2)::before {
    content: "2";
}
.centered ol li:last-of-type {
    background-color: #00b2a915;
}
.centered ol li:last-of-type::before {
    content: "3";
}
.centered ol li strong {
    display: block;
}


/* --- Locations --- */
.map-container {
    border-top: 1px solid var(--light-grey);
}


/* --- Locations > Sidebar --- */

.map-container .row {
    margin-right: 0 !important;
    margin-left: 0 !important;
}
.map-container .row>* {
    padding: 0 !important;
}
.locations-sidebar {
    position: relative;
    height: 800px;
    padding: 0;
    overflow: scroll;
}
.locations-sidebar .off {
    display: none;
}
.locations-sidebar .on {
    display: block;
}
.locations-sidebar-header {
    position: sticky;
    top: 0;
    padding: 30px;
    border-bottom: 1px solid var(--light-grey);
    background-color: var(--white);
}
.locations-sidebar #reset_btn {
    position: absolute;
    top: 25px;
    right: 30px;
}
.locations-sidebar #reset_btn button {
    padding: 5px 10px;
    border: none;
    border-radius: 20px;
    background-color: var(--primary-red);
    color: var(--white);
}
.locations-sidebar #reset_btn button:hover {
    background-color: var(--primary-grey);
}
#locations-categories-menu {
    color: var(--primary-grey);
    font-weight: 700;
    text-transform: uppercase;
    cursor: pointer;
}
#locations-categories-menu svg {
    color: var(--primary-red);
    transition: ease-in-out 0.3s;
}
#locations-categories-menu.box-on svg {
    transform: rotate(180deg);
}
.locations-categories {
    display: none;
    margin: 30px 0 0;
}
.locations-categories.box-on {
    display: block;
}
.locations-categories details summary {
    list-style: none;
    font-weight: 500;
}
.locations-categories details summary::before {
    content: "+";
    display: inline-block;
    width: 18px;
    height: 18px;
    line-height: 14px;
    border: 2px solid var(--primary-red);
    border-radius: 2px;
    color: var(--primary-red);
    font-weight: 700;
    text-align: center;
}
.locations-categories details[open] summary::before {
    content: "-";
}
.locations-categories .input-group {
    margin: 5px 0;
    padding-left: 30px;
    gap: 10px;
}
#locations-counter {
    margin: 30px 30px 0 50px;
    font-size: 18px;
    font-style: italic;
}
.location-list {
    margin-top: 30px;
    padding: 0 30px !important;
}
.locations-sidebar .location-list li {
    margin: 0;
    padding: 20px;
    text-decoration: none;
    list-style-type: none;
}
.locations-sidebar .location-list li:hover {
    background-color: var(--light-grey);
    cursor: pointer;
}
.locations-sidebar .location-list li::marker {
    color: transparent;
}
.locations-categories.box-on details {
    list-style: none !important;
}
.locations-categories.box-on details summary::-webkit-details-marker {
    display:none;
  }
.location-list h4.pin-title {
    line-height: 24px;
    color: var(--primary-grey);
    font-size: 18px;
    font-weight: 600;
}
.location-list li > p {
    font-size: 14px;
    line-height: 20px;
    color: var(--primary-grey);
}
.location-list address {
    line-height: 20px;
    margin: 10px 0;
    color: var(--primary-grey);
    font-size: 14px;
    font-weight: 500;
}
.location-list .location-links span {
    display: inline-block;
    padding: 0;
}
.location-link::after {
    content: "|";
    display: inline-block;
    margin-left: 5px;
    color: var(--primary-grey);
    pointer-events: none;
}
.location-link.hide-link {
    display: none;
}
.location-detail-address-wrapper {
    border-radius: 20px;
    box-shadow: 0 2px 22px 0 rgb(0 0 0 / 20%);
    background-color: var(--white);
    overflow: hidden;
}
.location-detail-address-image {
    position: relative;
    display: block;
    height: 210px;
    overflow: hidden;
}
.location-detail-address-meta {
    padding: 30px;
}
.locations-sidebar .location-list li ul.phone-list {
    padding-left: 0;
}
.locations-sidebar .location-list li ul.phone-list li {
    border: none;
    padding-bottom: 4px;
    margin-top: 0;
    color: var(--border-grey);
}


/* --- Locations > Map --- */

#map {
    width: 100%;
    height: 800px;
}
input[type="text"].pac-target-input {
    display: none;
    width: 400px;
    height: 60px;
}
.info-img {
    background: var(--primary-red);
    color: var(--white);
    width: 100%;
    height: auto;
}
.info-img img {
    width: 100%;
    height: 300px;
    display: block;
}
.info-img h3 {
    padding: 15px;
}
.info-txt {
    padding: 15px;
}
.info-txt a {
    background: var(--white);
    padding: 10px;
    border-radius: 30px;
}
.gm-style .gm-style-iw-c {
    padding: 0;
    border-radius: 10px;
}
.gm-style .gm-style-iw-d {
    overflow: auto !important;
}
.info-img {
    background-color: var(--white);
    color: var(--primary-grey);
}
.info-img h3 {
    padding: 20px 20px 0;
}
.info-txt {
    padding: 0 20px 20px;
}
.gm-ui-hover-effect {
    top: 0 !important;
    right: 0 !important;
}


/* --- Contact Pre Footer --- */

.contact-footer {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 580px;
    --bs-gutter-x: 0 !important;
}
.contact-footer > div > img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: auto;
}
.contact-footer .contact-footer-content {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    padding: 40px 90px;
    background-color: #00000090;
    color: var(--white);
}
.contact-footer .contact-footer-content hr {
    margin-bottom: 10px !important;
}
.contact-footer .contact-footer-content ul {
    display: flex;
    padding: 0;
}
.contact-footer .contact-footer-content ul li {
    list-style-type: none;
    display: inline-block;
    margin-left: 0;
}
.contact-footer .contact-footer-content ul li:first-of-type {
    font-family: museo-sans-condensed, sans-serif;
    font-size: 40px;
    font-weight: 500;
}
.contact-footer .contact-footer-content ul li:first-of-type strong {
    color: var(--aqua);
}
.contact-footer .contact-footer-content ul li:nth-of-type(2) {
    margin-left: auto;
    margin-right: 20px;
}
.contact-footer .contact-footer-content ul li .button-1 {
    display: block;
    height: 60px;
    line-height: 60px;
    padding: 0 50px;
    background-color: transparent;
    color: var(--white);
    border-radius: 35px;
    border: 1px solid var(--white);
    transition: ease-in-out 0.3s;
}
.contact-footer .contact-footer-content ul li .button-1:hover {
    border-color: var(--primary-red);
    color: var(--primary-red);
}
.contact-footer .contact-footer-content ul li .button-2 {
    display: block;
    height: 60px;
    line-height: 60px;
    padding: 0 50px;
    background-color: var(--primary-red);
    color: var(--white);
    border-radius: 35px;
    border: 1px solid var(--primary-red);
    transition: ease-in-out 0.3s;
}
.contact-footer .contact-footer-content ul li .button-2:hover {
    border-color: var(--white);
    background-color: var(--white);
    color: var(--primary-red);
}


/* --- Back to Top --- */

#back-top {
    position: fixed;
    bottom: -60px;
    right: 30px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50px;
    background-color: var(--primary-red);
    color: var(--white);
    font-size: 22px;
    text-align: center;
    z-index: 100000;
    cursor: pointer;
    opacity: .5;
    transition: ease-in-out 0.3s;
}
#back-top:hover {
    opacity: 1;
}
#back-top.scrolling {
    bottom: 30px;
}


/* --- Footer --- */ 

.footer {
    bottom: 0;
    width: 100%;
    background: var(--primary-grey);
    color: var(--white);
}
.footer h4 {
    line-height: 18px;
    padding-top: 110px;
    padding-bottom: 20px;
    font-size: 18px;
    font-weight: 700;
}
.footer-page-links .nav.flex-column {
    gap: 10px;
}
.footer-page-links .nav-link {
    display: initial;
    padding: 0;
    color: var(--white);
    transition: none;
}
.footer-page-links .nav-link:hover {
    color: var(--primary-red);
}
.footer .button {
    display: inline-block;
    height: 60px;
    line-height: 60px;
    padding: 0 20px;
    border-radius: 35px;
    background-color: var(--primary-red);
    color: var(--white);
    font-weight: 500;
    transition: ease-in-out 0.3s;
}
.footer .button:hover {
    background-color: var(--white);
    color: var(--primary-red);
}
.footer .button svg {
    margin-right: 5px;
}
.footer .footer-lvl-2 {
    padding-top: 50px;
    padding-bottom: 20px;
}
.footer .footer-lvl-3 {
    border-top: 1px solid var(--aqua);
    padding-top: 20px;
    font-size: 12px;
}
.footer ul.social-media-icons {
    list-style: none;
    padding-left: 0;
}
.footer ul.social-media-icons li {
    float: left;
    margin-right: 30px;
    font-size: 20px;
}
.footer ul.social-media-icons li a {
    color: var(--white);
}
.footer ul.social-media-icons li a:hover {
    cursor: pointer;
    color: var(--primary-red);
    transition: .5 ease;
}
.footer img {
    float: right;
    width: 10%;
    height: auto;
}
.footer .footer-lvl-3 .nav-pills {
    gap: 10px;
}
.footer .footer-lvl-3 .nav-pills .nav-link {
    padding: 0;
    color: var(--white);
}
.footer .footer-lvl-3 .nav-pills .nav-link:hover, .footer .footer-lvl-3 .nav-pills .nav-link.active:hover, .nav-pills .show>.nav-link:hover {
    color: var(--primary-red);
}
.footer .footer-lvl-3 .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    background-color: transparent;
    color: var(--white);
}


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

#mobile-menu {
    position: absolute;
    top: 110px;
    right: 0;
    padding: 30px;
    box-shadow: 0 20px 28px #00000020;
    border: 1px solid var(--light-grey);
    background-color: var(--white);
    z-index: 1000;
    opacity: 0;
    pointer-events: none;
    transition: ease-in-out 0.3s;
}
#mobile-menu.box-on {
    opacity: 1;
    pointer-events: all;
}
#mobile-menu .row {
    row-gap: 30px;
    flex-wrap: wrap;
}
#mobile-menu .row .col {
    flex: 0 0 auto;
    width: 33.33333333%;
}
#mobile-menu .row p a {
    line-height: 1.2;
    color: var(--primary-grey);
    font-family: 'museo-sans-condensed', sans-serif;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
}
#mobile-menu .row p a:hover {
    color: var(--primary-red);
}
#mobile-menu ul {
    margin: 0;
    padding: 0;
}
#mobile-menu ul li {
    list-style: none;
    line-height: 30px;
}
#mobile-menu ul li a {
    color: var(--primary-grey);
    font-size: 14px;
}
#mobile-menu ul li a:hover {
    color: var(--primary-red);
}

/* --- Upgrade Filter v3 --- */ 

.upgrade-product-group-list li { 
    display: inline-block;
}

.upgrade-product-group-list li button {
    border: none;
}

.upgrade-product-group-list li button img {
    width: 100%;
    height: auto;
}

.upgrades-tips-version-3 #stepTwo {
    display: none;
}

#upgrades .form-check .form-check-input {
    margin-left: 0;
    margin-right: 1em;
}

#corrugators-column .slidepanel5 ul {
    padding-top: 15px;
    padding-left: 0 !important;
}

#corrugators-column .slidepanel5 ul li {
    margin-left: 0 !important;
    padding-left: 0 !important;
}

#folio-size-sheeter-column .slidepanel5 ul {
    padding-top: 15px;
    padding-left: 0 !important;
}

#folio-size-sheeter-column .slidepanel5 ul li {
    margin-left: 0 !important;
    padding-left: 0 !important;
}

#cut-size-sheeter-column .slidepanel5 ul {
    padding-top: 15px;
    padding-left: 0 !important;
}

#cut-size-sheeter-column .slidepanel5 ul li {
    margin-left: 0 !important;
    padding-left: 0 !important;
} 

/* -- New Technical Data Tab -- */
.measurement-wrapper {
    width: 100%; 
    height: auto;
    display: flex;
    flex-wrap: wrap;
    border-radius: 5px;
}
.measurement-toggle .row .col:first-of-type {
    flex: 0 0 40%;
    width: 40%;
}
.measurement-toggle .row .col {
    flex: 0 0 30%;
    width: 30%;
}
.measurement-wrapper .measurement-toggle {
    flex-basis: 100%;
    text-align: right;
}
.measurement-wrapper .measurement-toggle label.btn {
    background: var(--light-grey);
    text-transform: uppercase;
    border-radius: 0;
    padding: 15px 20px;
    font-size: 18px;
    float: left;
    margin-right: 5px;
    margin-bottom: 20px;
}
.measurement-wrapper .measurement-toggle label.btn.active {
    background: var(--primary-red) !important;
    color: var(--white) !important;
    border: 1px solid var(--white);
}
.measurement-wrapper .measurement-toggle .btn:focus {
    box-shadow: none;
}
.measurement-wrapper .measurement-toggle label.btn:hover {
    font-weight: 600;
}
.measurement-wrapper .measurement-labels {
    width: 40%;
    height: 100%;
    display: flex;
    flex-direction: column;
}
.measurement-wrapper .measurement-labels ul {
    padding-left: 0;
    display: flex;
    flex-direction: column;
    gap: 1px;
    margin-bottom: 0 !important;
}
.measurement-wrapper .measurement-labels ul li {
    list-style: none;
    color: var(--white);
    font-weight: 700;
    text-align: left;
    padding: 20px;
    line-height: 20px;
    margin-left: 0; 
    margin-bottom: 0;
    background: var(--primary-red);
}
.measurement-wrapper .measurement-metric, .measurement-wrapper .measurement-imperial {
    width: 30%;
    display: flex;
    flex-direction: column;
}
.measurement-wrapper .measurement-imperial {
    display: none;
}
.measurement-wrapper .measurement-metric ul, .measurement-wrapper .measurement-imperial ul {
    padding-left: 0;
    display: flex;
    flex-direction: column;
    gap: 1px;
    margin-bottom: 0 !important;
}
.measurement-wrapper .measurement-imperial ul li, .measurement-wrapper .measurement-metric ul li {
    list-style: none;
    padding: 20px;
    line-height: 20px;
    margin-left: 0;
    margin-bottom: 0;
    text-align: center !important;
    background: var(--light-grey);
}
.measurement-wrapper .you-might-also-like-wrapper {
    float: left;
    width: 30%;
    height: auto;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: relative
}
.measurement-wrapper .you-might-also-like-wrapper .btn-group {
    padding: 30px 20px;
    width: 100%;
    flex-direction: column;
    background: rgba(0, 178, 169, 0.2);
    height: 100%;
}
.measurement-wrapper .you-might-also-like-wrapper .btn-secondary  {
    display: flex;
    flex: 0;
    align-items: center;
    background-color: var(--white);
    border-color: var(--dark-grey);
    color: var(--dark-gray);
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 1.6rem;
    font-style: italic;
    text-align: left;
    justify-content: space-between;
}
.measurement-wrapper .you-might-also-like-wrapper .dropdown-menu {
    z-index: 1;
    padding: 10px;
    position: relative !important;
    inset: 0 !important;
    transform: none !important;
    background: var(--light-grey);
}
.measurement-wrapper .you-might-also-like-wrapper .dropdown-menu .dropdown-item {
    margin-left: 0;
}
.measurement-wrapper .you-might-also-like-wrapper .dropdown-menu .dropdown-item a {
    font-size: 1.6rem;
    color: var(--dark-grey);
    white-space: normal;
}
.measurement-wrapper .you-might-also-like-wrapper .dropdown-menu .dropdown-item:hover {
    background-color: #e7e7e7;
}
.selected-related-content h3 {
    font-size: 1.8rem;
    text-align: center;
    font-weight: 600;
    text-transform: uppercase;
    position: absolute;
}
.measurement-wrapper .you-might-also-like-wrapper .selected-related-content {
    display: flex;
    flex-direction: column;
    width: 100%;
}
.selected-related-content .metric ul, .selected-related-content .imperial ul {
    padding-left: 0;
    display: flex;
    flex-direction: column;
    gap: 1px;
    margin-bottom: 0 !important;
}

.selected-related-content .metric ul li, .selected-related-content .imperial ul li {
    list-style: none;
    padding: 20px;
    line-height: 20px;
    margin-left: 0;
    margin-bottom: 0;
    text-align: center !important;
    background: rgba(0, 178, 169, 0.2);
}
.compare-title h3, .machine-title h3, .btn-group h3 {
    line-height: 20px;
    padding: 20px;
    margin: 0;
    color: #000;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    text-transform: uppercase;
}
.measurement-wrapper .you-might-also-like-wrapper .btn-group.bottom-aligned {
    position: absolute;
    top: 100%;
    background: none;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    height: auto;
    padding: 20px 10px 10px;
}
.measurement-wrapper .you-might-also-like-wrapper .btn-group.bottom-aligned .btn-secondary {
    flex: 1;
}
.measurement-wrapper .you-might-also-like-wrapper .btn-group.bottom-aligned h3 {
    margin-right: 20px;
    padding: 0;
}
.measurement-wrapper .you-might-also-like-wrapper .btn-group.bottom-aligned .dropdown-menu {
    position: absolute;
    inset: 0px 0px auto auto;
    transform: initial;
}