.container,.container-fluid {
    margin: 0 auto;
    max-width: 1280px!important;
    padding: 0 16px!important
}

@media screen and (min-width: 992px) and (max-width:1440px) {
    .container,.container-fluid {
        max-width:90%!important
    }
}

.container-fluid.blurb-landing-container,.container.blurb-landing-container {
    padding: 0!important
}

.region.region-fullwidthsection {
    margin: 0
}

@media screen and (max-width: 992px) {
    .region.region-fullwidthsection .views-element-container.related-tiles-container {
        margin:0 auto!important;
        max-width: 90%!important
    }
}

@media screen and (max-width: 767px) {
    .region.region-fullwidthsection .views-element-container.related-tiles-container .view.view-basic-page-view .slick-basic-with-content .slick-list .slick-track .row.slick-slide img {
        min-height:500px!important
    }
}

@media screen and (max-width: 767px) {
    .region.region-fullwidthsection .views-element-container.related-tiles-container .view.view-basic-page-view .slick-basic-with-content .slick-prev {
        left:-18px!important;
        height: 25px!important
    }
}

@media screen and (max-width: 767px) {
    .region.region-fullwidthsection .views-element-container.related-tiles-container .view.view-basic-page-view .slick-basic-with-content .slick-next {
        left:unset!important;
        right: -24px!important;
        height: 25px!important
    }
}

.main-content.col {
    padding: 0
}

a,button,input,select,textarea {
    -webkit-tap-highlight-color: transparent
}

html {
    overflow-x: hidden
}

body .node__content {
    margin-top: 0
}

body.modal-open {
    overflow: hidden
}

body.modal-open .toolbar-blue-container {
    z-index: 0!important
}

body #main-wrapper.modal-open {
    z-index: 99999
}

body #main-wrapper.menu-open .header-container,body #main-wrapper.menu-open .header-container.isSticky {
    z-index: 10
}

body.sticky-header-enabled #page-wrapper {
    margin-top: 130px
}

@media screen and (max-width: 992px) {
    body.sticky-header-enabled #page-wrapper {
        margin-top:92px
    }
}

body.sticky-filter-enabled #page-wrapper {
    margin-top: 270px
}

@media screen and (max-width: 992px) {
    body.sticky-filter-enabled #page-wrapper {
        margin-top:232px
    }
}

body.access-denied #block-flowserve-content .content {
    margin: 0 auto;
    max-width: 1280px;
    padding: 0 16px
}

@media screen and (min-width: 992px) and (max-width:1440px) {
    body.access-denied #block-flowserve-content .content {
        max-width:90%
    }
}

body.companynews #block-flowserve-content .content {
    padding-top: 0
}

.container-inline div,.container-inline label {
    display: block
}

img,svg {
    vertical-align: middle;
    width: auto
}

img[data-align=right] {
    float: right;
    width: 100%!important;
    max-width: 500px!important
}

.quote-mobile {
    display: block;
    clear: both;
    line-height: 48px!important
}

.quote-desktop {
    display: none
}

figure {
    margin: 1em 0
}

.align-right {
    float: right
}

@media only screen and (min-width: 64em) {
    .quote-mobile {
        display:none
    }

    .quote-desktop {
        display: block;
        line-height: 48px!important
    }

    figure {
        margin: 1em 0 1em 1em
    }
}

.block-spacing {
    padding-bottom: 24px!important
}

.home-page-block {
    margin-top: 75px!important;
    margin-bottom: 20px!important
}

@media screen and (max-width: 1200px) {
    .home-page-block {
        margin-top:44px!important
    }
}

.share-dropdown {
    position: relative;
    display: inline-block
}

.share-dropdown__btn {
    cursor: pointer;
    text-decoration: none
}

.share-dropdown__btn img {
    margin: 0 8px 0 0!important;
    position: static!important
}

.share-dropdown__btn span {
    font-size: 18px;
    line-height: 27px;
    color: #686868;
    font-weight: 500
}

.share-dropdown__content {
    box-shadow: 0 2px 8px 0 rgba(0,0,0,.1);
    list-style: none;
    padding: 8px;
    margin: 0;
    height: auto;
    max-width: 170px;
    min-width: 140px;
    background-color: #fff;
    position: absolute;
    top: 100%;
    z-index: 11;
    left: 0
}

.share-dropdown__content.hide {
    display: none
}

.share-dropdown__content li {
    background-color: #fff;
    border-radius: 7px;
    padding: 10px 5px
}

.share-dropdown__content li a:focus-within {
    outline: 1px solid #000
}

.share-dropdown__content li a:focus:not(:focus-visible) {
    outline: none
}

.share-dropdown__content li:hover {
    background-color: rgba(2,27,70,.05)
}

.share-dropdown__content li:hover .share-dropdown__content-item,.share-dropdown__content li:hover .share-dropdown__content-item .fa {
    color: #021b46
}

.share-dropdown__content-item {
    color: #232323;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 24px;
    text-decoration: none;
    display: block
}

.share-dropdown__content-item .fa {
    color: #686868;
    padding-right: 8px
}

.share-dropdown__content-item span {
    width: auto!important
}

.share-dropdown__content-item:hover,.share-dropdown__content-item:hover .fa {
    color: #021b46
}

.share-dropdown--basic {
    margin-top: 44px;
    margin-bottom: 72px
}

.share-dropdown--basic h2 {
    display: none
}

.share-dropdown--basic .share-dropdown__btn {
    cursor: default;
    pointer-events: none
}

.share-dropdown--basic .share-dropdown__content {
    position: static;
    transform: none;
    box-shadow: none;
    flex-wrap: nowrap;
    justify-content: flex-start;
    max-width: 100%;
    padding: 25px 0 0
}

.share-dropdown--basic .share-dropdown__content.hide {
    display: flex
}

.share-dropdown--basic .share-dropdown__content li {
    padding: 0;
    margin: 0
}

@media screen and (min-width: 768px) {
    .share-dropdown--basic .share-dropdown__content li {
        margin-right:20px
    }
}

.share-dropdown--basic .share-dropdown__content li:hover {
    background-color: initial
}

.share-dropdown--basic .share-dropdown__content li:hover .share-dropdown__content-item {
    border: 1px solid #021b46
}

.share-dropdown--basic .share-dropdown__content li:hover .share-dropdown__content-item .fa {
    color: #021b46
}

.share-dropdown--basic .share-dropdown__content-item {
    width: 57px;
    display: block;
    height: 57px;
    text-align: center;
    padding: 17px 0;
    border-radius: 50%;
    border: 1px solid #fff
}

.share-dropdown--basic .share-dropdown__content-item .fa,.share-dropdown--basic .share-dropdown__content-item .fa-brands {
    color: #686868;
    padding-right: 0!important;
    font-size: 22px
}

.share-dropdown--basic .share-dropdown__content-item span {
    display: none
}

.webform-submission-form .form-control.form-textarea {
    padding-left: .75rem
}

@media screen and (max-width: 992px) {
    html {
        overflow-x:hidden
    }
}

.supportsales-locator #block-flowserve-content {
    padding-bottom: 80px
}

.supportsales-locator #block-flowserve-content>.content {
    margin: 0 auto!important;
    max-width: 1280px!important
}

@media screen and (min-width: 992px) and (max-width:1440px) {
    .supportsales-locator #block-flowserve-content>.content {
        max-width:90%!important
    }
}

@media screen and (max-width: 767px) {
    .supportsales-locator #block-flowserve-content>.content {
        padding:0 16px
    }
}

.supportsales-locator #block-flowserve-content>.content>div {
    padding: 0!important
}

.iframe-modal {
    display: block;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1060
}

.iframe-modal .ui-dialog {
    height: 100%;
    padding-top: 40px;
    max-width: none;
    position: relative;
    background: #fff
}

.iframe-modal .ui-dialog.centered {
    text-align: center
}

.iframe-modal .ui-dialog .ui-dialog-titlebar-close {
    width: 30px;
    height: 30px;
    border: none;
    background: 0 0;
    position: absolute;
    top: 15px;
    right: 5px;
    margin: -10px 0 0;
    padding: 1px
}

.iframe-modal .ui-dialog .ui-dialog-titlebar-close .ui-icon-closethick {
    background: transparent url('data:image/svg+xml;charset=utf-8,<svg width="15" height="17" xmlns="http://www.w3.org/2000/svg"><g stroke="%23e2231a" stroke-width="2" fill="none" fill-rule="evenodd" stroke-linecap="round"><path d="M.889 1.092L14.111 16.6M14.5.77L.5 15.845"/></g></svg>') 50%/1em auto no-repeat;
    position: absolute;
    top: 5px;
    right: 5px;
    width: 100%;
    height: 100%;
    border: none
}

.iframe-modal .ui-dialog .ui-dialog-titlebar-close.ui-button-icon-only {
    width: 2em;
    box-sizing: border-box;
    text-indent: -9999px;
    white-space: nowrap
}

.iframe-modal .ui-dialog .ui-button {
    display: inline-block;
    line-height: normal;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    -webkit-user-select: none;
    user-select: none;
    overflow: visible
}

.iframe-modal .ui-dialog video {
    height: 100%;
    width: 100%
}

.iframe-modal .ui-corner-all,.iframe-modal .ui-corner-bottom,.iframe-modal .ui-corner-br,.iframe-modal .ui-corner-right {
    border-bottom-right-radius: 3px
}

.iframe-modal .ui-corner-all,.iframe-modal .ui-corner-bl,.iframe-modal .ui-corner-bottom,.iframe-modal .ui-corner-left {
    border-bottom-left-radius: 3px
}

.iframe-modal .ui-corner-all,.iframe-modal .ui-corner-right,.iframe-modal .ui-corner-top,.iframe-modal .ui-corner-tr {
    border-top-right-radius: 3px
}

.iframe-modal .ui-corner-all,.iframe-modal .ui-corner-left,.iframe-modal .ui-corner-tl,.iframe-modal .ui-corner-top {
    border-top-left-radius: 3px
}

@media screen and (min-width: 1200px) {
    .iframe-modal .ui-dialog {
        width:100%!important
    }
}

.ui-widget-overlay {
    opacity: .8;
    background: #aaa;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.page-user-reset .user-pass-reset {
    max-width: 365px;
    margin: 15px auto
}

@media screen and (max-width: 767px) {
    .page-user-reset .user-pass-reset {
        max-width:90%
    }
}

.cares-box {
    margin: 25px 0;
    padding: 20px;
    background: #e9e5e3
}

.cares-box .h3 {
    margin-bottom: 20px
}

.cares-box .cares-description {
    color: #232323;
    font-size: 1em;
    letter-spacing: 0;
    line-height: 28px;
    margin: 0;
    padding: 0 0 24px;
    display: flex
}

.cares-box .cares-description .field--name-field-block-image {
    padding-left: 0;
    margin-right: 15px;
    width: 100px
}

.cares-box .cares-description p {
    width: 1100px
}

.share-dropdown .weibo-button {
    display: none
}

.language-zh-hans .weibo-button {
    display: block!important
}

.language-zh-hans .twitter-button {
    display: none
}

#block-motionpointlanguageoption {
    display: flex;
    position: absolute;
    flex-direction: column;
    align-items: flex-end;
    flex-wrap: wrap;
    z-index: 999
}

#block-motionpointlanguageoption .content {
    display: none;
    background: #fff;
    margin: 0;
    border-radius: 4px;
    border: .5px solid #000;
    width: 96px;
    height: 134px
}

#block-motionpointlanguageoption .content .link-cont {
    width: 95px;
    height: 22px;
    margin-top: 9px;
    display: flex;
    justify-content: center
}

#block-motionpointlanguageoption .content .link-cont:hover {
    background: rgba(2,27,70,.05)
}

#block-motionpointlanguageoption .content .link-cont .langLink {
    display: list-item;
    list-style: none;
    text-align: left;
    color: #000;
    -webkit-text-decoration: #ffdead;
    text-decoration: #ffdead;
    font-size: 10px;
    padding: 4px
}

.mpLanguageOptionsDiv {
    width: 96px
}

.view-content-report {
    width: 85%;
    margin: auto
}

.block-views-blockupcoming-events-block-1 {
    margin: 0;
    width: 100%
}

.event-image {
    width: -webkit-fill-available;
    height: auto;
    max-width: 100%;
    max-height: 270px;
    object-fit: cover;
    width: -moz-available
}

.news-image {
    width: 100px;
    height: 100px;
    margin: 10px 0
}

.view-more-event-btn {
    margin-top: 3%;
    padding: 0 2% 2%
}

.event-datetime-location {
    position: absolute;
    left: 5%;
    bottom: 0;
    color: #000
}

.event-type {
    padding-bottom: 10px
}

.event-type,.news-type {
    font-size: 14px;
    color: #686868;
    text-transform: uppercase;
    display: inline-block;
    letter-spacing: 1.56px
}

@media only screen and (max-width: 600px) {
    .view-more-event-btn {
        margin-left:15px
    }

    .event-content {
        padding: 5px 25px 0;
        font-size: .875em;
        margin-bottom: 1em!important;
        line-height: 28px
    }

    .block-views-blockupcoming-events-block-1 h2 {
        margin-left: 10px
    }

    .event-type {
        margin-top: 10px
    }
}

#slider {
    position: relative;
    overflow: hidden;
    margin: 0;
    width: 100%;
    height: 96%;
    border-top: 2px solid #eee;
    padding-top: 2%
}

#slider ul {
    list-style: none
}

#slider ul,#slider ul li {
    position: relative;
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%
}

#slider ul li {
    display: block;
    float: left;
    text-align: center
}

a.control_next,a.control_prev {
    position: absolute;
    top: 40%;
    z-index: 999;
    display: block;
    padding: 0 2%;
    width: auto;
    height: auto;
    background: no-repeat;
    color: #000;
    text-decoration: none;
    font-weight: 600;
    font-size: 30px;
    opacity: .8;
    cursor: pointer
}

a.control_next:hover,a.control_prev:hover {
    opacity: 1;
    -webkit-transition: all .2s ease
}

a.control_prev {
    border-radius: 0 2px 2px 0
}

a.control_next {
    right: 0;
    border-radius: 2px 0 0 2px
}

.video-modal {
    height: 80%;
    width: 75%;
    margin: auto
}

.video-content,.video-gallery-title {
    font-family: var(--bs-font-sans-serif)
}

.video-content {
    text-align: left;
    margin: 1% 1.5%
}

.video-title {
    margin: 0
}

.video-desc,.video-pager {
    font-size: 14px;
    margin: 0
}

.video-pager {
    color: #e2231a;
    font-weight: 700
}

.video-src {
    height: 75%!important;
    width: 85%!important;
    object-fit: cover
}

@media only screen and (max-width: 375px) {
    .video-modal {
        height:70%;
        width: 96%
    }
}

@media only screen and (min-width: 376px) and (max-width:425px) {
    #slider {
        height:90%
    }

    .video-modal {
        height: 50%;
        width: 95%
    }
}

@media only screen and (min-width: 426px) and (max-width:768px) {
    .video-modal {
        height:60%;
        width: 85%
    }

    .video-src {
        height: 75%!important
    }
}

@media only screen and (min-width: 769px) and (max-width:1024px) {
    .video-src {
        height:82%!important
    }
}

@media only screen and (min-width: 1440px) {
    #slider {
        height:95%
    }

    .video-src {
        height: 85%!important;
        width: 85%!important
    }
}

@media only screen and (min-width: 2560px) {
    #slider {
        height:100%
    }

    .video-src {
        height: 88%!important
    }
}

.block-block-contenta2244bc4-ffbc-461a-b5ce-6b2ae75473af {
    padding-bottom: 1%!important
}

.field--name-field-display-full-width {
    display: none
}

#group_featured_products .card .item-list .list-group .list-group-item {
    border: 0
}

.mo-container {
    max-width: 1360px;
    margin: 0 auto;
    padding: 0 16px
}

@media screen and (max-width: 767px) {
    .mo-container {
        padding:0 26px
    }
}

@media screen and (min-width: 992px) {
    .mo-container .row {
        margin:0
    }
}

.mo-container.header {
    padding: 0 24px;
    background-color: #fff
}

@media screen and (min-width: 1200px) {
    .mo-container.header {
        padding:0;
        z-index: 9999;
        position: relative;
        min-width: 100%
    }
}

.mo-container--fullwidth {
    width: 100%!important;
    max-width: 100%!important;
    margin: 0!important;
    padding: 0!important
}

.main-wrap-menu .mo-menu-container {
    display: flex;
    width: 100%;
    flex-direction: column;
    height: auto
}

.main-wrap-menu .mo-menu-container .block {
    flex: 1;
    background-color: #90ee90;
    padding: 20px
}

@media screen and (min-width: 992px) {
    .main-wrap-menu .mo-menu-container .row {
        margin:0;
        align-items: flex-start
    }
}

@media screen and (max-width: 767px) {
    .badge {
        padding-bottom:.2em
    }
}

@media screen and (min-width: 768px) and (max-width:991px) {
    .badge {
        padding-bottom:.2em
    }
}

@media screen and (min-width: 992px) {
    .badge {
        padding-bottom:.3em
    }
}

.width-auto {
    width: auto!important
}

.messages.drupal_admin {
    max-width: 1360px;
    margin: 0 auto;
    padding: 5px 16px
}

@media screen and (max-width: 767px) {
    .messages.drupal_admin {
        padding:0 26px
    }
}

.messages.drupal_admin div[data-drupal-messages] {
    margin: 0!important
}

.form-select {
    border-radius: 0;
    text-align: left
}

.form-select.input-control {
    background-position: right 0 bottom;
    border-bottom: 1px solid #c5c5c5
}

.form-select.input-control-transparent {
    border-color: transparent
}

.form-select.input-control-select {
    border: 0;
    border-bottom: 1px solid #c5c5c5;
    min-height: 2.25em;
    padding-left: 0;
    color: #232323;
    background-image: none;
    font-weight: 400
}

@media screen and (max-width: 767px) {
    .form-select.input-control-select {
        font-weight:400
    }
}

.form-select.input-control-select-bordered {
    border: 1px solid #b7b7b7;
    border-radius: .25em
}

.form-select.input-control-select.show:after {
    transform: rotate(180deg);
    z-index: 101
}

.form-select.input-control-select.show+label {
    display: none
}

.form-select.input-control-select:after {
    content: "\f107";
    font: normal normal normal 14px/1 FontAwesome;
    position: absolute;
    top: 10px;
    font-size: 20px;
    right: 0;
    color: #232323;
    font-weight: 600
}

.form-select.input-control:focus {
    box-shadow: none;
    border-radius: 0
}

.dialog-off-canvas-main-canvas.js-settings-tray-edit-mode a,.dialog-off-canvas-main-canvas.js-settings-tray-edit-mode input {
    pointer-events: auto!important
}

.dropdown-menu {
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 0 2px 16px 0 rgba(0,0,0,.1);
    z-index: 100;
    border: none;
    padding: 5px!important
}

.dropdown-menu.sort {
    transform: translate(0)!important;
    border-radius: 5px
}

@media screen and (max-width: 1200px) {
    .dropdown-menu {
        border-radius:5px
    }
}

.dropdown-menu .list-container {
    max-height: 16em;
    overflow: auto;
    margin-top: .25em;
    margin-bottom: .25em
}

.dropdown-menu .list-container::-webkit-scrollbar {
    width: .25em
}

.dropdown-menu .list-container::-webkit-scrollbar-track {
    box-shadow: none
}

.dropdown-menu .list-container::-webkit-scrollbar-thumb {
    background-color: #d8d8d8;
    outline: 0;
    border-radius: .125em
}

.dropdown-menu .dropdown-item {
    color: #232323!important;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 10px 5px
}

.dropdown-menu .dropdown-item.selected {
    font-weight: 700
}

.dropdown-menu .sortBy {
    color: #232323;
    cursor: pointer;
    padding: 5px;
    font-weight: 600
}

#training-catalog-data .dropdown-menu .list-container {
    max-height: 8em;
    margin-top: 17px
}

@media (min-width: 1500px) {
    #training-catalog-data .dropdown-menu .list-container {
        max-height:14em;
        margin-top: 20px
    }
}

.dropdown.disabled {
    opacity: .5;
    pointer-events: none
}

.dropdown label {
    color: #686868;
    font-weight: 400;
    position: absolute;
    top: -50%;
    font-size: 14px;
    line-height: 21px;
    padding: 0;
    display: block
}

.dropdown .form-control.input-control {
    border-color: #c5c5c5;
    border-width: 0 0 1px;
    padding-left: 6px;
    padding-top: 30px;
    padding-bottom: 6px!important
}

.dropdown .form-control.input-control:focus {
    padding-left: 6px;
    padding-top: 30px;
    padding-bottom: 6px
}

.dropdown .form-control.input-control::placeholder {
    display: block;
    color: #232323
}

.dropdown .form-control.input-control+label,.dropdown .form-control.input-control:focus+label,.dropdown .form-control.input-control:focus~label {
    position: absolute;
    top: -5px;
    padding: 8px 0 0 5px;
    color: #686868;
    font-size: 14px;
    transform: none;
    opacity: 1
}

.dropdown.selected .form-select {
    font-weight: 700
}

.dropdown:hover>.dropdown-menu.hide {
    display: none!important
}

.dropdown:hover>.dropdown-menu.show {
    display: block!important
}

.dropdown:hover>.dropdown-menu .dropdown-item {
    color: #232323;
    cursor: pointer
}

@media screen and (max-width: 767px) {
    .dropdown:hover>.dropdown-menu .dropdown-item {
        padding-bottom:1em
    }
}

.dropdown:hover>.dropdown-menu .dropdown-item:focus,.dropdown:hover>.dropdown-menu .dropdown-item:hover {
    border-radius: 7px;
    background-color: rgba(2,27,70,.05)
}

.dropdown:hover>.dropdown-menu .dropdown-item.input-control:focus,.dropdown:hover>.dropdown-menu .dropdown-item.input-control:hover {
    background-color: transparent
}

.library-dropdown .form-select {
    color: #232323;
    width: 90px;
    border: 0;
    border-bottom: 1px solid #c5c5c5;
    border-radius: 0;
    padding: 10px 0;
    width: 160px;
    background-image: none;
    position: relative
}

@media screen and (max-width: 767px) {
    .library-dropdown .form-select {
        width:130px
    }
}

.library-dropdown .form-select:after {
    content: "\f107";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 20px;
    color: #232323;
    position: absolute;
    top: 12px;
    right: 5px;
    font-weight: 600;
    border: none;
    margin: 0
}

.library-dropdown .form-select.show:after {
    transform: rotate(180deg);
    z-index: 5
}

.library-dropdown .form-select.open {
    background-image: url('data:image/svg+xml;charset=utf-8,<svg width="12" height="12" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M0 6l6-6 6 6" stroke="%23979797" stroke-width="2" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"/></svg>')
}

.library-dropdown .dropdown-menu-heading {
    font-size: 1em;
    line-height: 24px;
    margin: 0;
    color: #232323;
    padding-bottom: 20px
}

.library-dropdown .dropdown-menu.show {
    transform: none!important
}

.library-dropdown .dropdown-menu.hide.show {
    font-weight: 500
}

.library-dropdown .form-select.open {
    width: 90px;
    border: 0;
    border-bottom: 1px solid #c5c5c5;
    border-radius: 0;
    padding: 10px 0;
    width: 160px;
    background-image: none;
    position: relative;
    color: #232323;
    font-weight: 500
}

@media screen and (max-width: 767px) {
    .library-dropdown .form-select.open {
        width:130px
    }
}

.library-dropdown .form-select.open:after {
    content: "\f107";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 20px;
    color: #232323;
    position: absolute;
    top: 12px;
    right: 5px;
    font-weight: 600;
    border: none;
    margin: 0
}

.library-dropdown .form-select.open.show:after {
    transform: rotate(180deg);
    z-index: 5
}

.library-dropdown .list-container .library-region {
    color: #686868!important;
    pointer-events: none;
    padding: 0;
    font-family: Heebo;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 24px
}

.library-dropdown .list-container .library-region:hover {
    color: #021b46!important
}

.library-dropdown .list-container .library-format {
    color: #686868!important;
    font-family: Heebo;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 24px
}

.library-dropdown .list-container .library-format:hover {
    color: #021b46!important
}

.library-quick-view-footer .form-select {
    width: 152px;
    border: 0;
    border-bottom: 1px solid #c5c5c5;
    border-radius: 0;
    padding: 10px 0;
    width: 160px;
    background-image: none;
    position: relative
}

.library-quick-view-footer .form-select.open {
    background-image: url('data:image/svg+xml;charset=utf-8,<svg width="12" height="12" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M0 6l6-6 6 6" stroke="%23979797" stroke-width="2" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"/></svg>')
}

@media screen and (max-width: 767px) {
    .library-quick-view-footer .form-select {
        width:130px
    }
}

.library-quick-view-footer .form-select:after {
    content: "\f107";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 20px;
    color: #232323;
    position: absolute;
    top: 12px;
    right: 5px;
    font-weight: 600;
    border: none;
    margin: 0
}

.library-quick-view-footer .form-select.show:after {
    transform: rotate(180deg);
    z-index: 5
}

.library-quick-view-footer .list-container .library-region {
    color: #686868!important;
    pointer-events: none;
    padding: 0;
    font-family: Heebo;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 24px
}

.library-quick-view-footer .list-container .library-region:hover {
    color: #021b46!important
}

.library-quick-view-footer .list-container .library-format {
    color: #686868!important;
    font-family: Heebo;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 24px
}

.library-quick-view-footer .list-container .library-format:hover {
    color: #021b46!important
}

.library-quick-view-footer #share-dropdown {
    padding-top: .67em!important
}

.library-quick-view-footer #share-dropdown .form-select.open {
    background-image: url('data:image/svg+xml;charset=utf-8,<svg width="12" height="12" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M0 6l6-6 6 6" stroke="%23979797" stroke-width="2" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"/></svg>')
}

.library-quick-view-footer #share-dropdown .dropdown-menu.library-share-option span {
    color: #232323;
    font-family: Heebo;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 24px
}

.library-quick-view-footer #share-dropdown .dropdown-menu.library-share-option span:hover {
    color: #021b46!important
}

.library-quick-view-footer .dropdown-wrapper #quick-view {
    padding-top: 1.5em
}

.global-auto-search-container {
    position: relative
}

.autosuggest-wrapper {
    margin-top: 0
}

.autosuggest-wrapper .text-container .form-floating>label {
    color: #232323;
    font-weight: 400;
    position: absolute;
    left: 3em;
    padding-left: 0;
    padding-right: 0;
    padding-top: 12px
}

.autosuggest-wrapper .text-container .form-floating>.form-control {
    padding-top: .5em;
    padding-bottom: .5em;
    padding-left: 3em;
    border-radius: 8px;
    height: 42px;
    color: #232323;
    background: #ececec;
    border: none;
    min-height: 45px
}

.autosuggest-wrapper .text-container .form-floating>.form-control:focus,.autosuggest-wrapper .text-container .form-floating>.form-control :not(:placeholder-shown) {
    padding-top: .5em;
    padding-bottom: .5em;
    padding-left: 3em;
    box-shadow: none
}

.autosuggest-wrapper .text-container .form-floating>.form-control:focus~label,.autosuggest-wrapper .text-container .form-floating>.form-control :not(:placeholder-shown)~label {
    display: none
}

.autosuggest-wrapper .text-container .form-floating input {
    border-radius: 8px
}

.autosuggest-wrapper .text-container .form-floating img {
    height: 20px;
    width: 20px;
    position: absolute;
    top: 12.5px;
    left: 15px;
    filter: brightness(0) invert(0)
}

.autosuggest-wrapper .text-container .form-floating .close-image {
    position: absolute;
    display: inline-block;
    height: 10px;
    width: 10px;
    top: 1em;
    bottom: 1px;
    left: auto!important;
    right: 15px
}

.autosuggest-wrapper .autosuggest-list-container {
    position: relative;
    display: block;
    height: auto
}

.autosuggest-wrapper .autosuggest-list-container .dropdown-menu {
    width: 100%;
    max-width: 100%;
    margin-top: 1.2em;
    border: 1px solid #b7b7b7;
    border-radius: .5em;
    position: relative
}

.autosuggest-wrapper .autosuggest-list-container .dropdown-menu .no-search-results {
    pointer-events: none
}

.autosuggest-wrapper #close-x-img {
    cursor: pointer!important
}

.arrow-mobile-icon {
    position: absolute;
    height: 20px;
    width: 20px;
    top: 8px;
    left: 10px;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 24px;
    color: #e2231a;
    cursor: pointer
}

.arrow-mobile-icon:after {
    content: "\f104"
}

.search-mobile-icon {
    display: none!important;
    height: 20px;
    width: 20px;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer
}

.search-mobile-icon img {
    filter: brightness(1) invert(0);
    width: 100%
}

@media screen and (max-width: 767px) {
    .search-mobile-icon {
        top:5px;
        right: -10px
    }
}

.header-container.light-theme-header .autosuggest-wrapper .text-container .form-floating>label {
    color: #fff
}

.header-container.light-theme-header .autosuggest-wrapper .text-container .form-floating>.form-control {
    color: #fff;
    background: rgba(0,0,0,.1);
    opacity: 1;
    border: none
}

.header-container.light-theme-header .autosuggest-wrapper .text-container .form-floating img,.header-container.light-theme-header .search-mobile-icon img {
    filter: brightness(0) invert(1)
}

.header-container.light-theme-header .arrow-mobile-icon {
    color: #fff
}

.header-container.light-theme-header.isSticky .autosuggest-wrapper .text-container .form-floating>label {
    color: #232323
}

.header-container.light-theme-header.isSticky .autosuggest-wrapper .text-container .form-floating>.form-control {
    color: #232323;
    background: #ececec;
    border: none
}

.header-container.light-theme-header.isSticky .autosuggest-wrapper .text-container .form-floating img {
    filter: none
}

.header-container.light-theme-header.isSticky .search-mobile-icon img {
    filter: brightness(1) invert(0)
}

.header-container.light-theme-header.isSticky .arrow-mobile-icon {
    color: #e2231a
}

@media screen and (max-width: 767px) {
    #global-search-auto-complete {
        height:42px
    }

    #global-search-auto-complete .autosuggest-wrapper .text-container {
        display: none!important
    }

    #global-search-auto-complete .autosuggest-wrapper .text-container img {
        display: none
    }
}

.mobile-menu-searchbar #global-search-auto-complete {
    width: 75%!important
}

@media screen and (max-width: 37.5em) {
    .mobile-menu-searchbar #global-search-auto-complete {
        width:60%!important
    }
}

.mobile-menu-searchbar #global-search-auto-complete .autosuggest-wrapper .text-container {
    display: block!important
}

.mobile-menu-searchbar .navbar-brand {
    display: none
}

.global-auto-search-container .autosuggest-wrapper {
    width: 324px
}

@media screen and (max-width: 1200px) {
    .global-auto-search-container .autosuggest-wrapper {
        width:250px
    }
}

@media screen and (max-width: 992px) {
    .global-auto-search-container .autosuggest-wrapper {
        width:100%
    }

    .global-auto-search-container .autosuggest-wrapper .text-container .form-floating>.form-control {
        padding-left: 2.3em;
        border: 1px solid #fff!important
    }

    .global-auto-search-container .autosuggest-wrapper .text-container .form-floating>.form-control:focus,.global-auto-search-container .autosuggest-wrapper .text-container .form-floating>.form-control :not(:placeholder-shown) {
        padding-left: 2.3em
    }

    .global-auto-search-container .autosuggest-wrapper .text-container .form-floating img {
        left: 10px
    }

    .global-auto-search-container .autosuggest-wrapper .text-container .form-floating>label {
        left: 30px;
        font-size: 12px;
        line-height: 42px;
        padding: 0 0 0 5px
    }
}

@media screen and (max-width: 992px) and (max-width:37.5em) {
    .global-auto-search-container .autosuggest-wrapper .text-container .form-floating>label {
        max-width:80%;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }
}

.global-auto-search-container .autosuggest-wrapper .text-container .form-floating>label {
    color: #232323
}

.global-auto-search-container .form-floating {
    width: 100%
}

.global-auto-search-container .form-floating label {
    color: #232323;
    font-family: Heebo;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 21px
}

@media screen and (max-width: 1200px) {
    .global-auto-search-container .form-floating label {
        max-width:80%;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }
}

.global-auto-search-container .autosuggest-list-container {
    top: -15px;
    width: 100%
}

.global-auto-search-container .autosuggest-list-container .dropdown-menu {
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.2)
}

.search-loading-text {
    position: absolute;
    bottom: -40px;
    left: 0
}

.global-search-header {
    font-size: 34px;
    line-height: 50px;
    margin-bottom: -20px
}

.global-filter-header,.global-search-header {
    color: #232323;
    font-family: Heebo;
    font-weight: 700;
    letter-spacing: 0;
    text-shadow: 0 2px 11px 0 transparent
}

.global-filter-header {
    font-size: 24px;
    line-height: 35px
}

@media screen and (max-width: 992px) {
    .global-filter-header {
        display:none
    }
}

.global-clear-filter {
    color: #e2231a;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 3px;
    line-height: 24px;
    text-decoration: none;
    cursor: pointer
}

.global-clear-filter:hover {
    cursor: pointer;
    padding-bottom: 2px;
    border-bottom: 1px solid #e2231a
}

@media screen and (max-width: 992px) {
    .global-clear-filter {
        display:none
    }
}

.global-clear-count-filter {
    color: #e2231a;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 3px;
    line-height: 24px;
    text-decoration: none;
    cursor: pointer;
    display: block;
    margin: 25px 0 25px 37px
}

.radio-container .radio-group-component .custom-radio {
    padding: 10px 0
}

.radio-container .radio-group-component .custom-radio .form-check-label {
    color: #232323;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px
}

@media screen and (max-width: 992px) {
    .radio-container {
        padding:16px 0 0 16px
    }
}

@media screen and (max-width: 767px) {
    .radio-container {
        padding:16px 0 0 8px
    }
}

.checkbox-group-component {
    padding: 10px 0 10px 30px;
    margin-left: 41px!important
}

.checkbox-group-component .form-check-label {
    color: #232323;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px
}

.global-search-results-container {
    width: 100%
}

.global-search-results-container .global-suggestions-header {
    font-size: 14px;
    letter-spacing: 0;
    line-height: 28px;
    color: #000;
    padding: 5px
}

.global-search-results-container .know-more-news {
    padding: 15px 5px
}

.global-search-results {
    border: 1px solid #e4e4e4;
    border-radius: 2px;
    background-color: #fff;
    margin: 10px 2px
}

.global-search-results .dropdown-item {
    color: #000;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 28px;
    padding-left: 20px;
    padding-right: 20px
}

.global-search-results .news-date {
    color: #686868;
    font-family: Heebo;
    font-size: 12px;
    letter-spacing: 1.33px;
    line-height: 18px;
    text-align: left;
    white-space: normal
}

.global-search-results .news-link {
    white-space: normal
}

.global-search-results-view_more {
    border: transparent
}

.global-search-results-view_more .know-more-news {
    text-decoration: none;
    border-bottom: none
}

.global-search-results-view_more .know-more-news .news-date {
    color: #e2231a;
    letter-spacing: 3px;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.global-search-results-view_more .know-more-news .news-date:hover {
    border-bottom: 1px solid #e2231a
}

.global-search-results-no_result {
    border: transparent
}

.global-no-result-content {
    margin-top: 35px
}

@media screen and (max-width: 767px) {
    .global-no-result-content .card-content {
        margin-bottom:24px
    }
}

@media screen and (max-width: 767px) {
    .global-no-result-content .card-content h5,.global-no-result-content .card-content p {
        font-size:20px
    }
}

@media screen and (max-width: 767px) {
    .global-no-result-content .card-content .know-more-news img {
        padding-left:16px
    }
}

.no-search-result-redirect {
    display: none
}

.no-results-header {
    color: #232323;
    font-family: Heebo;
    font-size: 34px;
    font-weight: 700
}

.no-results-sub {
    color: #232323;
    font-family: Heebo;
    font-size: 24px
}

.no-results-sub span {
    font-weight: 700
}

@media screen and (max-width: 767px) {
    #global-search-data .product-sorting {
        padding:24px 0
    }
}

@media screen and (max-width: 992px) {
    #global-search-data>.container-fluid {
        padding:0!important
    }
}

#global-search-data .news-date {
    margin-left: 0
}

@media screen and (max-width: 767px) {
    .search-results .filter__outer-container {
        padding-top:45px!important
    }
}

@media screen and (min-width: 768px) and (max-width:991px) {
    .search-results .filter__outer-container {
        padding-top:0!important;
        border-bottom: none
    }
}

.landing-page-hero-image {
    object-fit: cover!important
}

.pagination-container,.product-sorting {
    padding-top: 40px;
    padding-bottom: 40px
}

.pagination-container .page-count-data p,.product-sorting .page-count-data p {
    margin: 0;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: row
}

@media screen and (max-width: 767px) {
    .pagination-container .page-count-data p,.product-sorting .page-count-data p {
        flex-direction:column
    }
}

.pagination-container .page-count-data p strong,.product-sorting .page-count-data p strong {
    font-weight: 700
}

.pagination-container .dropdown-wrapper,.product-sorting .dropdown-wrapper {
    padding-left: 0
}

@media screen and (max-width: 767px) {
    .pagination-container .dropdown-wrapper,.product-sorting .dropdown-wrapper {
        width:100%;
        padding-bottom: 0
    }
}

.pagination-container .dropdown-wrapper .dropdown,.product-sorting .dropdown-wrapper .dropdown {
    border-radius: 6px;
    background-color: #d8e1ec
}

.pagination-container .dropdown-wrapper .dropdown button.form-select,.product-sorting .dropdown-wrapper .dropdown button.form-select {
    border-bottom: 0;
    background-color: unset;
    position: relative;
    height: unset!important;
    padding: .375rem 35px .375rem 11px;
    width: 100%!important;
    text-align: left
}

.pagination-container .dropdown-wrapper .dropdown button.form-select.input-control-select,.pagination-container .dropdown-wrapper .dropdown button.form-select.input-control-select-bordered,.product-sorting .dropdown-wrapper .dropdown button.form-select.input-control-select,.product-sorting .dropdown-wrapper .dropdown button.form-select.input-control-select-bordered {
    border: 0
}

@media screen and (max-width: 767px) {
    .pagination-container .dropdown-wrapper .dropdown button.form-select.input-control-select,.pagination-container .dropdown-wrapper .dropdown button.form-select.input-control-select-bordered,.product-sorting .dropdown-wrapper .dropdown button.form-select.input-control-select,.product-sorting .dropdown-wrapper .dropdown button.form-select.input-control-select-bordered {
        font-size:14px
    }
}

.pagination-container .dropdown-wrapper .dropdown button.form-select.input-control-select-bordered.show:after,.pagination-container .dropdown-wrapper .dropdown button.form-select.input-control-select.show:after,.product-sorting .dropdown-wrapper .dropdown button.form-select.input-control-select-bordered.show:after,.product-sorting .dropdown-wrapper .dropdown button.form-select.input-control-select.show:after {
    transform: scaleY(-1)
}

.pagination-container .dropdown-wrapper .dropdown button.form-select:after,.product-sorting .dropdown-wrapper .dropdown button.form-select:after {
    width: 28px;
    background-color: #0f4369;
    height: 100%;
    content: "";
    display: block!important;
    background-size: auto;
    background-position: 50%;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml;charset=utf-8,<svg width="11" height="6" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10 1L6.378 4.673a1.09 1.09 0 01-1.556 0L1.2 1" stroke="%23fff" stroke-width="1.419" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    position: absolute;
    top: 0;
    right: 0
}

@media screen and (max-width: 767px) {
    .pagination-container .dropdown-wrapper {
        width:unset
    }
}

@media screen and (max-width: 767px) {
    .pagination-container {
        margin-bottom:0
    }
}

@media screen and (max-width: 767px) {
    .pagination-container .pagination {
        margin-top:0;
        padding-top: 30px;
        margin-bottom: 0
    }
}

.pagination-container .pagination a.page-num,.pagination-container .pagination span {
    color: #afafaf;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%
}

.pagination-container .pagination a.page-num.active,.pagination-container .pagination span.active {
    color: #0f4369;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%
}

.pagination-container .pagination li {
    min-height: 36px;
    display: flex;
    flex-direction: column;
    align-items: center
}

@media screen and (min-width: 992px) {
    .pagination-container .pagination li:last-child {
        margin-right:0!important
    }
}

.pagination-container .pagination li .first-item,.pagination-container .pagination li .last-item {
    color: #2e2e2e;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    transition: .1s ease-in-out
}

.pagination-container .pagination li .first-item:hover,.pagination-container .pagination li .last-item:hover {
    font-weight: 700;
    text-decoration: none
}

.pagination-container .pagination li a,.pagination-container .pagination li span {
    min-height: 36px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}
