.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 {
        align-items: flex-end;
        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-control.input-control,.form-select.input-control {
    border-bottom: 1px solid #b1b1b1;
    border-radius: 0
}

.form-control-bordered,.form-select-bordered {
    border: 1px solid #b1b1b1;
    border-radius: .5em
}

.form-control:focus,.form-select:focus {
    border-color: #b1b1b1;
    box-shadow: none;
    background-color: transparent
}

.was-validated .form-control.input-control.is-valid:focus,.was-validated .form-control.input-control:valid:focus,.was-validated .form-select.input-control.is-valid:focus,.was-validated .form-select.input-control:valid:focus {
    border-color: transparent transparent #84bd00;
    box-shadow: none
}

.was-validated .form-control.input-control.is-invalid:focus,.was-validated .form-control.input-control:invalid:focus,.was-validated .form-select.input-control.is-invalid:focus,.was-validated .form-select.input-control:invalid:focus {
    border-color: transparent transparent #ff671f;
    box-shadow: none
}

.was-validated .form-control-bordered.is-valid:focus,.was-validated .form-control-bordered:valid:focus,.was-validated .form-select-bordered.is-valid:focus,.was-validated .form-select-bordered:valid:focus {
    border-color: #84bd00;
    box-shadow: none
}

.was-validated .form-control-bordered.is-invalid:focus,.was-validated .form-control-bordered:invalid:focus,.was-validated .form-select-bordered.is-invalid:focus,.was-validated .form-select-bordered:invalid:focus {
    border-color: #ff671f;
    box-shadow: none
}

.form-floating .form-control.input-control,.form-floating .form-control.input-control-bordered,.form-floating .form-select.input-control,.form-floating .form-select.input-control-bordered {
    height: auto;
    padding-bottom: 0;
    color: #232323
}

.form-floating .form-control.input-control-bordered:focus,.form-floating .form-control.input-control-bordered:not(:placeholder-shown),.form-floating .form-control.input-control:focus,.form-floating .form-control.input-control:not(:placeholder-shown),.form-floating .form-select.input-control-bordered:focus,.form-floating .form-select.input-control-bordered:not(:placeholder-shown),.form-floating .form-select.input-control:focus,.form-floating .form-select.input-control:not(:placeholder-shown) {
    padding-bottom: 0
}

.form-floating .form-control.input-control-bordered:focus~label,.form-floating .form-control.input-control-bordered:not(:placeholder-shown)~label,.form-floating .form-control.input-control:focus~label,.form-floating .form-control.input-control:not(:placeholder-shown)~label,.form-floating .form-select.input-control-bordered:focus~label,.form-floating .form-select.input-control-bordered:not(:placeholder-shown)~label,.form-floating .form-select.input-control:focus~label,.form-floating .form-select.input-control:not(:placeholder-shown)~label {
    left: 0;
    color: #686868
}

.form-floating img {
    position: absolute;
    top: .5em;
    left: 1.5em
}

.form-floating img+label {
    left: 3em;
    padding-top: .5em
}

.valid-feedback.valid {
    margin-top: 0;
    border-top: 1px solid #84bd00
}

.invalid-feedback.invalid {
    margin-top: 0;
    border-top: 1px solid #ff671f
}

.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: 30
}

.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 {
    width: 100% !important;
    font-weight: 500;
    z-index: 10
}

.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 {
    border-bottom: 0;
    line-height: 180%;
    border-radius: 6px;
    background-color: #d8e1ec;
    padding-left: 11px;
    color: rgba(46, 46, 46, .7);
    padding: .375rem 35px .375rem 11px;
}

.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:160px
    }
}

.library-quick-view-footer .form-select:after {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    content: "";
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    right: 0;
    top: 0;
    width: 28.8px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 48'%3E%3Cpath fill='%230F4369' d='M0 0h56v48H0z'/%3E%3Cpath d='M34.2 21.182l-5.105 5.176a1.535 1.535 0 01-2.191 0L21.8 21.182' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    height: 100%;
}

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

.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
}

.modal-dialog-centered {
    margin: 0!important;
    display: block
}

.modal-dialog-centered .modal-dialog {
    z-index: 1060;
    height: calc(100% - 59px);
    margin: 1.75em auto
}

@media screen and (min-width: 1200px) {
    .modal-dialog-centered .modal-dialog.modal-lg {
        max-width:58em
    }
}

.modal-dialog-centered .modal-dialog .modal-content {
    border-radius: .5em;
    display: block;
    max-height: 100%;
    overflow-y: auto
}

.modal-dialog-centered .modal-dialog .modal-header {
    padding: 1.5em 3em;
    position: relative
}

@media screen and (max-width: 767px) {
    .modal-dialog-centered .modal-dialog .modal-header {
        padding:1em 3em
    }
}

.modal-dialog-centered .modal-dialog .modal-header .btn-close {
    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;
    right: 3em;
    opacity: 1
}

.modal-dialog-centered .modal-dialog .modal-header .btn-close:focus {
    box-shadow: none
}

@media screen and (max-width: 767px) {
    .modal-dialog-centered .modal-dialog .modal-header .btn-close {
        right:20px
    }
}

.modal-dialog-centered .modal-dialog .modal-header h3 {
    color: #2e2e2e;
    font-family: Heebo;
    font-size: 1.5em;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 35px;
    max-width: 95%;
    text-shadow: 0 2px 11px 0 transparent
}

.modal-dialog-centered .modal-dialog .modal-body {
    color: #232323
}

.modal-backdrop.show {
    opacity: .2
}

.modal.show .modal-dialog {
    transform: translateY(23%)
}

#training-catalog-data .modal-dialog-centered .modal-dialog .modal-content {
    height: 550px;
    max-height: none!important
}

@media (min-width: 1500px) {
    #training-catalog-data .modal-dialog-centered .modal-dialog .modal-content {
        height:650px;
        max-height: none!important
    }
}

.modal-body .daterangepicker .btn-close {
    float: right!important;
    margin: 10px!important
}

.quick-view .quick-view-container {
    display: flex
}

.quick-view .quick-view-container h5 {
    color: #232323;
    font-family: Heebo;
    font-size: 1.125em;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 27px
}

.quick-view .quick-view-container p {
    color: #232323;
    font-family: Heebo;
    font-size: 1em;
    letter-spacing: 0;
    line-height: 28px
}

@media screen and (max-width: 1200px) {
    .quick-view .quick-view-container .success-info h3,.quick-view .quick-view-container .success-info h5 {
        text-align:center
    }
}

.quick-view .quick-view-container .left-container {
    position: relative
}

.quick-view .quick-view-container .left-container .btn-container {
    position: absolute;
    bottom: 0;
    justify-content: center
}

@media screen and (max-width: 1200px) {
    .quick-view .quick-view-container .left-container .btn-container {
        position:static;
        justify-content: center;
        margin-top: 72px
    }
}

.quick-view .image-container {
    margin-top: 1.25em;
    padding: 0 3em;
    margin-bottom: 1em
}

.quick-view .image-container .product-catalog-image-slider {
    height: 300px!important
}

@media screen and (max-width: 1200px) {
    .quick-view .image-container {
        margin-top:0
    }
}

@media screen and (max-width: 767px) {
    .quick-view .image-container {
        padding:0
    }
}

@media screen and (min-width: 992px) {
    .quick-view .image-container .slick-dots {
        bottom:-3em;
        display: flex
    }
}

.quick-view .details {
    margin-top: 0
}

.quick-view .details .about-product {
    margin-bottom: 1.75em;
    height: 195px
}

.quick-view .details .product-catalog-border-right {
    border-right: 1px solid #686868;
    text-align: center
}

.quick-view .details .success-pos {
    text-align: left
}

.quick-view .details .avail-pos,.quick-view .details .lead-pos {
    text-align: center
}

.quick-view .details .shift_left:first-of-type {
    text-align: left!important
}

.quick-view .details .sil_val {
    font-size: 25px;
    font-weight: 700
}

@media screen and (min-width: 992px) {
    .quick-view .details .fr_val {
        margin-left:.8em
    }
}

.quick-view .btn-container {
    display: flex;
    padding-bottom: 1.2em;
    margin-top: 48px
}

@media screen and (max-width: 992px) {
    .quick-view .btn-container {
        align-items:center;
        justify-content: center
    }
}

.quick-view .btn-container button {
    height: 60px!important;
    width: 264px;
    margin-right: 1.2em;
    font-family: Heebo;
    font-size: .875em;
    font-weight: 500;
    letter-spacing: 1.87px;
    line-height: 21px;
    text-align: center
}

.quick-view .view-container {
    padding: 2.25em 0 1.85em!important
}

.quick-view .view-container .rgt_arrow {
    margin-left: .75em!important
}

@media screen and (max-width: 1200px) {
    .quick-view .view-container {
        text-align:center
    }
}

.quick-view .library-container .library-details {
    display: flex
}

.quick-view .library-container .library-details h5 {
    color: #232323;
    font-family: Heebo;
    font-size: 1.125em;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 27px
}

.quick-view .library-container .library-details p {
    color: #232323;
    font-family: Heebo;
    font-size: 1em;
    letter-spacing: 0;
    line-height: 28px
}

.quick-view .library-container .library-description h5 {
    color: #232323;
    font-family: Heebo;
    font-size: 1.125em;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 27px
}

.quick-view .library-container .library-description p {
    color: #232323;
    font-family: Heebo;
    font-size: 1em;
    letter-spacing: 0;
    line-height: 28px
}

.quick-view .library-container .library-quick-view-footer {
    padding-top: 1.1em
}

.quick-view .library-container .library-quick-view-footer .dropdown {
    padding-right: 2.2em
}

.quick-view .library-container .library-quick-view-footer .dropdown .form-select {
    color: #232323
}

.quick-view .library-container .library-quick-view-footer .dropdown .form-select.open {
    color: #232323;
    font-weight: 500
}

.quick-view .library-container .library-quick-view-footer p {
    margin-top: -6px;
    padding-right: 2.2em
}

.quick-view .library-container .library-quick-view-footer img {
    margin-right: 11px;
    height: 18px;
    width: 16px;
    margin-top: 5px
}

.quick-view.library-quick-view .image-container .product-catalog-image-slider {
    height: auto!important;
    max-width: 350px
}

@media screen and (max-width: 767px) {
    .quick-view.library-quick-view .image-container .product-catalog-image-slider {
        max-width:250px
    }

    .quick-view.library-quick-view .image-container .product-catalog-image-slider img {
        max-width: 100%;
        max-height: none
    }
}

.library-quick-view .library-quick-view-footer .library-share-dropdown .dropdown .form-select {
    border: none;
    background-image: none;
    padding: 0;
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    color: #686868;
    width: 80px
}

.library-quick-view .library-quick-view-footer .library-share-dropdown .dropdown .form-select:after {
    display: none
}

.library-quick-view .library-quick-view-footer .library-share-dropdown .library-share-option {
    left: -40px
}

.library-quick-view .library-quick-view-footer .library-share-dropdown .share-dropdown__content {
    top: auto;
    bottom: 100%
}

.library-quick-view .library-quick-view-footer .library-literature-dropdown .dropdown-menu.show {
    transform: none!important
}

@media screen and (max-width: 1200px) {
    .library-container .resources-modal.modal-dialog,.product-details-related-products .resources-modal.modal-dialog {
        width:95%;
        max-width: 100%
    }
}

@media screen and (max-width: 767px) {
    .library-container .resources-modal.modal-dialog,.product-details-related-products .resources-modal.modal-dialog {
        width:100%
    }
}

.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
}

.filter-modal .modal-body {
    padding: 0
}

.filter-modal .modal-body .dropdown-container {
    padding: 2.5em 2.5em 0
}

@media screen and (max-width: 767px) {
    .filter-modal .modal-body .dropdown-container {
        padding:2em 2em 0
    }
}

.filter-modal .modal-body .brands-container.row>[class*=col-],.filter-modal .modal-body .industry-container.row>[class*=col-],.filter-modal .modal-body .search-container.row>[class*=col-] {
    margin-bottom: 3.75em
}

@media screen and (min-width: 1200px) {
    .filter-modal .modal-body .brands-container.row>[class*=col-],.filter-modal .modal-body .industry-container.row>[class*=col-],.filter-modal .modal-body .search-container.row>[class*=col-] {
        margin-bottom:2.5em
    }
}

.filter-modal .modal-body .brands-container .dropdown-menu,.filter-modal .modal-body .industry-container .dropdown-menu,.filter-modal .modal-body .search-container .dropdown-menu {
    width: 100%;
    cursor: pointer
}

.filter-modal .modal-body .brands-container .dropdown-menu.show,.filter-modal .modal-body .industry-container .dropdown-menu.show,.filter-modal .modal-body .search-container .dropdown-menu.show {
    transform: translate(0)!important
}

.filter-modal .modal-body .brands-container .autosuggest-wrapper,.filter-modal .modal-body .industry-container .autosuggest-wrapper,.filter-modal .modal-body .search-container .autosuggest-wrapper {
    margin-top: 0
}

.filter-modal .modal-body .industry-container.product-cat-filter .product-subtype .dropdown-menu {
    height: unset!important
}

.filter-modal .modal-body .industry-container.product-cat-filter .dropdown-menu {
    height: 205px!important
}

.filter-modal .modal-body .industry-container.product-cat-filter .dropdown-menu .list-container {
    max-height: 8em!important
}

.filter-modal .modal-body .date-container.row>[class*=col-] {
    margin-bottom: 3.75em
}

@media screen and (min-width: 768px) {
    .filter-modal .modal-body .date-container.row>[class*=col-] {
        margin-bottom:7em
    }
}

.filter-modal .modal-body .buttons-container {
    padding-bottom: 3em;
    padding-top: 6em
}

.filter-modal .modal-body .buttons-container .btn {
    width: auto
}

@media screen and (max-width: 992px) {
    .filter-modal .modal-body .buttons-container .btn {
        padding:1em 1.5em
    }
}

@media screen and (max-width: 767px) {
    .filter-modal .modal-body .buttons-container .btn {
        width:100%;
        margin: 1em 0 0
    }
}

@media screen and (max-width: 992px) {
    .filter-modal .modal-body .buttons-container {
        padding:3em 1.5em
    }
}

.filter-modal .modal-body .autosuggest-wrapper .text-container .form-floating>.form-control {
    background: #fff!important;
    border: 1px solid #b1b1b1!important
}

.filter-modal.library-filter .modal-body .buttons-container {
    padding-top: 1em
}

#training-catalog-data .filter-modal.library-filter .modal-body .buttons-container {
    padding-top: 9em
}

@media (min-width: 1500px) {
    #training-catalog-data .filter-modal.library-filter .modal-body .buttons-container {
        padding-top:16em
    }
}

.date-range-modal-container .date-picker .from-date-box,.date-range-modal-container .date-picker .to-date-box {
    border: 0;
    border-bottom: 1px solid #c5c5c5;
    color: #232323;
    font-family: Heebo;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px;
    pointer-events: none;
    background-color: #fff;
    margin-bottom: 12px!important;
    margin-left: 23px!important;
    width: 46%;
    opacity: 1;
    font-weight: 700
}

@media screen and (max-width: 1200px) {
    .date-range-modal-container .date-picker .from-date-box,.date-range-modal-container .date-picker .to-date-box {
        width:44.5%
    }
}

@media screen and (max-width: 767px) {
    .date-range-modal-container .date-picker .from-date-box,.date-range-modal-container .date-picker .to-date-box {
        width:93%;
        margin-left: 0!important
    }
}

@media screen and (min-width: 768px) and (max-width:991px) {
    .date-range-modal-container .date-picker .from-date-box,.date-range-modal-container .date-picker .to-date-box {
        width:41.5%
    }
}

.date-range-modal-container .date-picker .from-date-box::placeholder,.date-range-modal-container .date-picker .to-date-box::placeholder {
    color: #232323
}

.date-range-modal-container .date-picker .from-date-box {
    margin-left: 0!important
}

.date-range-modal-container .date-picker .calender-icon {
    height: 20px;
    width: 18px;
    margin: -5px 20px 5px -18px;
    cursor: pointer
}

.date-header {
    color: #2e2e2e;
    font-family: Heebo;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 27px;
    margin-bottom: 7px;
    font-weight: 500
}

@media screen and (max-width: 767px) {
    .date-header {
        display:none
    }
}

.daterangepicker {
    position: fixed;
    color: inherit;
    width: 620px!important;
    max-width: none;
    padding: 0;
    margin-top: 7px;
    top: 264px!important;
    left: 50%!important;
    transform: translate(-50%);
    z-index: 3001;
    display: none;
    font-family: arial;
    font-size: 15px;
    line-height: 1em;
    border: 1px solid #e4e4e4;
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 0 2px 15px 0 rgba(0,0,0,.1)
}

.daterangepicker:after,.daterangepicker:before {
    display: none!important
}

@media screen and (max-width: 992px) {
    .daterangepicker {
        width:310px!important;
        top: 200px!important;
        position: absolute
    }

    .daterangepicker .drp-calendar.left .calendar-table {
        border: none!important
    }
}

.off.ends.available,.off.ends.off.disabled,.weekend.off.ends.available,.weekend.off.ends.off.disabled {
    visibility: hidden;
    pointer-events: none
}

.drp-buttons {
    display: none!important
}

.daterangepicker:after,.daterangepicker:before {
    position: absolute;
    display: inline-block;
    border-bottom-color: rgba(0,0,0,.2);
    content: ""
}

.daterangepicker:before {
    top: -7px;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    border-bottom: 7px solid #c5c5c5
}

.daterangepicker:after {
    top: -6px;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent
}

.daterangepicker.opensleft:before {
    right: 9px
}

.daterangepicker.opensleft:after {
    right: 10px
}

.daterangepicker.openscenter:after,.daterangepicker.openscenter:before {
    left: 0;
    right: 0;
    width: 0;
    margin-left: auto;
    margin-right: auto
}

.daterangepicker.opensright:before {
    left: 9px
}

.daterangepicker.opensright:after {
    left: 10px
}

.daterangepicker.drop-up {
    margin-top: -7px
}

.daterangepicker.drop-up:before {
    top: auto;
    bottom: -7px;
    border-bottom: initial;
    border-top: 7px solid #c5c5c5
}

.daterangepicker.drop-up:after {
    top: auto;
    bottom: -6px;
    border-bottom: initial;
    border-top: 6px solid #fff
}

.daterangepicker.single .daterangepicker .ranges,.daterangepicker.single .drp-calendar {
    float: none
}

.daterangepicker.single .drp-selected {
    display: none
}

.daterangepicker.show-calendar .drp-buttons,.daterangepicker.show-calendar .drp-calendar {
    display: block
}

.daterangepicker.auto-apply .drp-buttons {
    display: none
}

.daterangepicker .drp-calendar {
    display: none;
    max-width: none
}

.daterangepicker .drp-calendar.left {
    padding: 24px 0 24px 24px
}

@media screen and (max-width: 992px) {
    .daterangepicker .drp-calendar.left {
        padding:24px 24px 0
    }
}

.daterangepicker .drp-calendar.right {
    padding: 24px
}

@media screen and (max-width: 992px) {
    .daterangepicker .drp-calendar.right {
        padding-top:0
    }
}

.daterangepicker .drp-calendar.single .calendar-table {
    border: none
}

.daterangepicker .calendar-table .next span,.daterangepicker .calendar-table .prev span {
    color: #fff;
    border: solid #000;
    border-width: 0 2px 2px 0;
    border-radius: 0;
    display: inline-block;
    padding: 3px;
    z-index: 2000
}

.next.available,.prev.available {
    background-color: #fff
}

.drp-calendar.left .calendar-table {
    border-right: 1px solid #b7b7b7!important
}

.drp-calendar.left .calendar-table .table-condensed,.drp-calendar.left .calendar-table .table-condensed thead tr,.drp-calendar.left .calendar-table .table-condensed thead tr:first-child th:nth-child(3),.drp-calendar.left .calendar-table .table-condensed thead tr:nth-child(2) {
    background-color: #fff
}

.drp-calendar.left .calendar-table .table-condensed thead tr:nth-child(2) th {
    color: #021b46!important;
    font-family: Heebo!important;
    font-size: 14px!important;
    letter-spacing: .39px!important;
    line-height: 21px!important;
    font-weight: 500
}

.drp-calendar.right .calendar-table .table-condensed thead tr:nth-child(2) {
    background-color: #fff
}

.drp-calendar.right .calendar-table .table-condensed thead tr:nth-child(2) th {
    color: #021b46!important;
    font-family: Heebo!important;
    font-size: 14px!important;
    letter-spacing: .39px!important;
    line-height: 21px!important;
    font-weight: 500
}

.daterangepicker .calendar-table .next span {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg)
}

.daterangepicker .calendar-table .prev span {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg)
}

.daterangepicker .calendar-table td,.daterangepicker .calendar-table th {
    text-align: center;
    vertical-align: middle;
    min-width: 30px;
    width: 30px;
    height: 30px;
    background-color: #fff!important;
    white-space: nowrap;
    cursor: pointer;
    color: #686868;
    font-family: Heebo;
    font-size: 14px;
    padding: 6px 9px;
    letter-spacing: 0;
    line-height: 22px
}

.daterangepicker .calendar-table {
    border: 1px solid #fff;
    border-radius: 4px;
    background-color: #fff
}

.daterangepicker .calendar-table table {
    width: 100%;
    margin: 0;
    border-spacing: 0;
    border-collapse: collapse
}

.daterangepicker td.available:hover,.daterangepicker th.available:hover {
    background-color: #e4e4e4;
    border-color: transparent;
    color: inherit
}

.daterangepicker td.week,.daterangepicker th.week {
    font-size: 80%;
    color: #c5c5c5
}

.daterangepicker td.off,.daterangepicker td.off.end-date,.daterangepicker td.off.in-range,.daterangepicker td.off.start-date {
    background-color: #fff;
    border-color: transparent;
    color: #979797
}

.daterangepicker td.in-range {
    background-color: #fff5f5!important;
    border-color: transparent;
    color: #232323!important;
    border-radius: 0
}

.end-date,.start-date {
    border-radius: 50%!important
}

.daterangepicker td.active,.daterangepicker td.active:hover {
    background-color: #e2231a!important;
    border-color: transparent;
    color: #fff!important;
    background-clip: padding-box
}

.daterangepicker th.month {
    width: auto
}

.month {
    background-color: #fff;
    color: #e2231a!important;
    font-family: Heebo;
    font-size: 18px!important;
    letter-spacing: 0;
    line-height: 27px!important;
    text-align: center;
    font-weight: 500
}

.daterangepicker option.disabled,.daterangepicker td.disabled {
    color: #979797;
    pointer-events: none
}

.daterangepicker select.monthselect,.daterangepicker select.yearselect {
    font-size: 12px;
    padding: 1px;
    height: auto;
    margin: 0;
    cursor: default
}

.daterangepicker select.monthselect {
    margin-right: 2%;
    width: 56%
}

.daterangepicker select.yearselect {
    width: 40%
}

.daterangepicker select.ampmselect,.daterangepicker select.hourselect,.daterangepicker select.minuteselect,.daterangepicker select.secondselect {
    width: 50px;
    margin: 0 auto;
    background: #e4e4e4;
    border: 1px solid #e4e4e4;
    padding: 2px;
    outline: 0;
    font-size: 12px
}

.daterangepicker .calendar-time {
    text-align: center;
    margin: 4px auto 0;
    line-height: 30px;
    position: relative
}

.daterangepicker .calendar-time select.disabled {
    color: #c5c5c5;
    cursor: not-allowed
}

.daterangepicker .drp-buttons {
    clear: both;
    text-align: right;
    padding: 8px;
    border-top: 1px solid #e4e4e4;
    display: block!important;
    line-height: 12px
}

.daterangepicker .drp-buttons .cancelBtn,.daterangepicker .drp-buttons .drp-selected {
    display: none
}

.daterangepicker .drp-selected {
    display: inline-block;
    font-size: 12px;
    padding-right: 8px
}

.daterangepicker .drp-buttons .btn {
    margin-left: 8px;
    font-size: 12px;
    font-weight: 700;
    padding: 4px 8px
}

.daterangepicker.show-ranges.single.rtl .drp-calendar.left {
    border-right: 1px solid #e4e4e4
}

.daterangepicker.show-ranges.single.ltr .drp-calendar.left {
    border-left: 1px solid #e4e4e4
}

.daterangepicker.show-ranges.rtl .drp-calendar.right {
    border-right: 1px solid #e4e4e4
}

.daterangepicker.show-ranges.ltr .drp-calendar.left {
    border-left: 1px solid #e4e4e4
}

.daterangepicker .ranges {
    float: none;
    text-align: left;
    margin: 0
}

.daterangepicker.show-calendar .ranges {
    margin-top: 8px
}

.daterangepicker .ranges ul {
    list-style: none;
    margin: 0 auto;
    padding: 0;
    width: 100%
}

.daterangepicker .ranges li {
    font-size: 12px;
    padding: 8px 12px;
    cursor: pointer
}

.daterangepicker .ranges li:hover {
    background-color: #e4e4e4
}

.daterangepicker .ranges li.active {
    background-color: #08c;
    color: #fff
}

@media (min-width: 564px) {
    .daterangepicker {
        width:auto
    }

    .daterangepicker .ranges ul {
        width: 140px
    }

    .daterangepicker.single .ranges ul {
        width: 100%
    }

    .daterangepicker.single .drp-calendar.left {
        clear: none
    }

    .daterangepicker.single .drp-calendar,.daterangepicker.single .ranges {
        float: left
    }

    .daterangepicker {
        direction: ltr;
        text-align: left
    }

    .daterangepicker .drp-calendar.left {
        clear: left;
        margin-right: 0
    }

    .daterangepicker .drp-calendar.left .calendar-table {
        border-right: none;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .daterangepicker .drp-calendar.right {
        margin-left: 0
    }

    .daterangepicker .drp-calendar.right .calendar-table {
        border-left: none;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .daterangepicker .drp-calendar.left .calendar-table {
        padding-right: 24px
    }

    .daterangepicker .drp-calendar,.daterangepicker .ranges {
        float: left
    }
}

@media (min-width: 730px) {
    .daterangepicker .ranges {
        width:auto;
        float: left
    }

    .daterangepicker.rtl .ranges {
        float: right
    }

    .daterangepicker .drp-calendar.left {
        clear: none!important
    }
}

#news-catalog-data .modal-dialog-centered .modal-dialog {
    margin: 1.2em auto
}

#news-catalog-data .filter-modal .modal-body .search-container.row>[class*=col-] {
    margin-bottom: 1.5em
}

#blogs-catalog-data .news_catalog,#news-catalog-data .news_catalog {
    padding-top: 100px
}

.legacy_filter .filter__cont {
    position: relative
}

.legacy_filter .filter__cont.isSticky {
    animation: smoothScroll 1s forwards;
    position: fixed;
    top: 130px;
    width: 100%;
    transition: none;
    will-change: transform;
    left: 0;
    border-bottom: 1px solid #b7b7b7;
    z-index: 99;
    background: #fff;
    box-shadow: 0 5px 16px 0 hsla(0,0%,40.8%,.24)
}

.legacy_filter .filter__cont.isSticky .filter__outer-container {
    border: none
}

@media screen and (max-width: 992px) {
    .legacy_filter .filter__cont.isSticky {
        top:90px
    }
}

.legacy_filter .filter__outer-container {
    display: block;
    justify-content: space-between;
    border-bottom: 1px solid #b7b7b7;
    padding: 20px 0 32px!important
}

@media screen and (min-width: 768px) {
    .legacy_filter .filter__outer-container {
        display:flex;
        padding: 20px 0 40px!important
    }
}

@media screen and (max-width: 767px) {
    .legacy_filter .filter__outer-container {
        border-bottom:none
    }
}

@media screen and (min-width: 768px) {
    .legacy_filter .filter__outer-container .filter__list-cont .filter__list-cont_inner {
        overflow-x:hidden!important
    }
}

.legacy_filter .filter-btn_category {
    height: 48px;
    padding: 10px 0;
    background-color: rgba(2,27,70,.1);
    border-radius: 30px;
    text-align: center;
    color: #021b46;
    font-size: 1.125em;
    letter-spacing: 1px;
    line-height: 27px;
    cursor: pointer;
    display: block;
    border: none;
    width: 100%;
    margin-top: 18px
}

.legacy_filter .filter-btn_category.is-category-selected {
    background: #021b46;
    color: #fff;
    position: relative
}

.legacy_filter .filter-btn_category.is-category-selected span {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    background-color: #fff;
    color: #021b46;
    font-size: 1.125em;
    letter-spacing: 1px;
    line-height: 30px;
    font-weight: 400;
    padding-top: 2.4px
}

@media screen and (min-width: 768px) {
    .legacy_filter .filter-btn_category {
        display:none
    }
}

.legacy_filter .filter__btn-cont {
    flex-basis: auto;
    width: 100%;
    padding: 0;
    position: relative
}

@media screen and (min-width: 768px) {
    .legacy_filter .filter__btn-cont {
        width:auto;
        padding-right: 30px;
        padding-top: 8px
    }
}

@media screen and (min-width: 992px) {
    .legacy_filter .filter__btn-cont {
        width:auto;
        padding-right: 40px;
        padding-top: 8px
    }
}

.legacy_filter .filter__btn-cont:after {
    content: "";
    display: none;
    width: 1px;
    height: 60px;
    position: absolute;
    top: 0;
    background: #b7b7b7;
    right: 0
}

@media screen and (min-width: 768px) {
    .legacy_filter .filter__btn-cont:after {
        display:block
    }
}

.legacy_filter .filter__btn-cont .filter-btn {
    box-sizing: border-box;
    padding: 7px 29px 10px;
    border: 1px solid #021b46;
    background-color: initial;
    border-radius: 13px;
    color: #021b46;
    font-size: 1.125em;
    letter-spacing: 1px;
    line-height: 27px;
    cursor: pointer;
    height: 48px;
    width: 100%;
    position: relative
}

.legacy_filter .filter__btn-cont .filter-btn img {
    width: 24px;
    vertical-align: middle;
    margin-right: 10px;
    filter: sepia(1) saturate(5) brightness(.4) hue-rotate(135deg)
}

@media screen and (min-width: 768px) {
    .legacy_filter .filter__btn-cont .filter-btn {
        height:44px;
        width: auto
    }
}

.legacy_filter .filter__btn-cont .filter-btn .filter-badge {
    border-radius: 50%;
    background-color: #021b46;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 27px;
    top: -10px;
    right: -10px;
    position: absolute;
    width: 31px;
    height: 31px!important;
    padding-top: 2.8px;
    padding-left: 10px
}

.legacy_filter .filter__list-cont {
    flex-basis: 100%;
    position: relative;
    overflow-x: hidden;
    overflow-y: hidden;
    padding-top: 8px;
    height: 60px;
    display: none
}

@media screen and (min-width: 768px) {
    .legacy_filter .filter__list-cont {
        display:block;
        flex-basis: 72%
    }
}

@media screen and (min-width: 992px) {
    .legacy_filter .filter__list-cont {
        flex-basis:75%
    }
}

@media screen and (min-width: 1200px) {
    .legacy_filter .filter__list-cont {
        flex-basis:82%
    }
}

@media screen and (min-width: 1200px) and (max-width:1280px) {
    .legacy_filter .filter__list-cont {
        max-width:90%!important;
        flex-basis: 80%
    }
}

.legacy_filter .filter__list-cont.left-paddle-visible:before {
    content: "";
    position: absolute;
    height: 60px;
    width: 90px;
    top: 0;
    left: 0;
    background: linear-gradient(90deg,#fff 65%,hsla(0,0%,100%,0))
}

.legacy_filter .filter__list-cont.right-paddle-visible:after {
    content: "";
    position: absolute;
    height: 60px;
    width: 90px;
    top: 0;
    right: 0;
    background: linear-gradient(90deg,hsla(0,0%,100%,0),#fff 35%)
}

.legacy_filter .filter__list-cont.is-selected-category {
    height: 130px
}

.legacy_filter .filter__list-cont.is-selected-category .filter__list-cont_inner {
    height: 70px
}

.legacy_filter .filter__list-cont.is-selected-category .left-paddle,.legacy_filter .filter__list-cont.is-selected-category .right-paddle {
    transform: translate(0);
    top: auto;
    bottom: 0
}

.legacy_filter .filter__list-cont.is-selected-category.left-paddle-visible:before,.legacy_filter .filter__list-cont.is-selected-category.right-paddle-visible:after {
    top: auto;
    bottom: 0
}

.legacy_filter .filter__list-cont_inner {
    overflow-x: auto;
    overflow-y: hidden
}

@media screen and (min-width: 768px) {
    .legacy_filter .filter__list-cont_inner {
        overflow-x:hidden
    }
}

.legacy_filter .filter__list-cont_inner-category {
    list-style: none;
    padding: 0;
    margin: 0;
    width: auto;
    display: inline-block;
    white-space: nowrap
}

.legacy_filter .filter__list-cont_inner-category li {
    display: inline-block;
    padding-right: 24px;
    vertical-align: top
}

.legacy_filter .filter__list-cont_inner-category li span {
    height: 44px;
    border-radius: 30px;
    background-color: rgba(2,27,70,.1);
    color: #021b46;
    font-size: 1em;
    letter-spacing: .89px;
    line-height: 24px;
    padding: 10px 18px;
    display: inline-block;
    cursor: pointer
}

.legacy_filter .filter__list-cont_inner-category li.selected span {
    background-color: #021b46;
    color: #fff
}

.legacy_filter .filter__list-cont_inner-category li.selected span img {
    cursor: pointer;
    filter: brightness(0) invert(1);
    width: 10px;
    margin-left: 12px
}

.legacy_filter .filter__list-cont .selected-category {
    padding-bottom: 10px
}

.legacy_filter .filter__list-cont .selected-category_list {
    list-style: none;
    padding: 0
}

.legacy_filter .filter__list-cont .selected-category_list .isLast:after,.legacy_filter .filter__list-cont .selected-category_list .isLast:before {
    display: none
}

.legacy_filter .filter__list-cont .selected-category_list li {
    display: inline-block;
    padding: 0 20px 0 30px;
    position: relative
}

@media screen and (max-width: 992px) {
    .legacy_filter .filter__list-cont .selected-category_list li:nth-child(n+2) {
        margin-top:0
    }
}

.legacy_filter .filter__list-cont .selected-category_list li:first-child {
    padding-left: 0
}

.legacy_filter .filter__list-cont .selected-category_list li:before {
    content: "";
    position: absolute;
    right: -20px;
    top: 64%;
    display: block;
    border-bottom: 1px solid #b7b7b7;
    width: 25px;
    height: 25px;
    transform: translate(-50%,-50%) rotate(-65deg)
}

.legacy_filter .filter__list-cont .selected-category_list li:after {
    content: "";
    position: absolute;
    right: -20px;
    top: 36%;
    display: block;
    border-right: 1px solid #b7b7b7;
    width: 25px;
    height: 25px;
    transform: translate(-50%,-50%) rotate(-25deg)
}

.legacy_filter .filter__list-cont .selected-category_list li span {
    height: 44px;
    border-radius: 13px;
    background-color: #021b46;
    color: #fff;
    font-size: 1em;
    letter-spacing: .89px;
    line-height: 24px;
    padding: 10px 40px 10px 18px;
    display: inline-block;
    text-align: center;
    position: relative
}

.legacy_filter .filter__list-cont .selected-category_list li span img {
    cursor: pointer;
    filter: brightness(0) invert(1);
    width: 10px;
    margin-left: 12px;
    position: absolute;
    top: 50%;
    right: 18px;
    transform: translateY(-50%)
}

.legacy_filter .filter__list-cont .selected-category_list.overflow-items li {
    max-width: 33%
}

.legacy_filter .filter__list-cont .selected-category_list.overflow-items li span {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 100%
}

@media screen and (max-width: 767px) {
    .search_filter {
        margin-bottom:25px!important
    }
}

.search_filter .side_bar:last-child {
    margin-bottom: 70px!important
}

@media screen and (max-width: 767px) {
    .search_filter .side_bar.gap-1 {
        gap:5px!important
    }
}

.search_filter .side_bar:first-child .accordion-button {
    padding-bottom: 0!important
}

.search_filter .side_bar:first-child .accordion-button.collapsed {
    padding-bottom: 40px!important
}

.search_filter .side_bar .calender-icon {
    cursor: pointer
}

.search_filter .side_bar .bg-custom-lblue {
    background-color: #e6ecf3
}

.search_filter .side_bar.transparent-container .bg-custom-lblue {
    background-color: initial
}

.search_filter .side_bar .side_bar_box_flush {
    gap: 25px
}

.search_filter .side_bar .side_bar_box {
    padding: 60px 30px;
    gap: 25px
}

.search_filter .side_bar .side_bar_box.sbb_nogap {
    padding: 0
}

.search_filter .side_bar .side_bar_box .date_col,.search_filter .side_bar .side_bar_box .dd_col {
    padding-bottom: 30px
}

.search_filter .side_bar .side_bar_box .date_col .date-range-container .form-control,.search_filter .side_bar .side_bar_box .date_col .date-range-container .form-control::placeholder,.search_filter .side_bar .side_bar_box .dd_col .date-range-container .form-control,.search_filter .side_bar .side_bar_box .dd_col .date-range-container .form-control::placeholder {
    color: rgba(46,46,46,.7);
    text-align: left;
    font-size: 16px;
    font-style: normal;
    font-weight: 400
}

.search_filter .side_bar .side_bar_box .date_col .date-range-container .input-group input,.search_filter .side_bar .side_bar_box .dd_col .date-range-container .input-group input {
    border: 0
}

.search_filter .side_bar .side_bar_box .date_col .date-range-container .input-group-text,.search_filter .side_bar .side_bar_box .dd_col .date-range-container .input-group-text {
    background-color: #0f4369
}

.search_filter .side_bar .side_bar_box .date_col .date-range-container .input-group-text:hover,.search_filter .side_bar .side_bar_box .dd_col .date-range-container .input-group-text:hover {
    background-color: #092b44
}

.search_filter .side_bar .side_bar_box .date_col .date-range-container .date-picker .from-date-box,.search_filter .side_bar .side_bar_box .date_col .date-range-container .date-picker .to-date-box,.search_filter .side_bar .side_bar_box .dd_col .date-range-container .date-picker .from-date-box,.search_filter .side_bar .side_bar_box .dd_col .date-range-container .date-picker .to-date-box {
    padding-top: 12px;
    padding-bottom: 12px
}

.search_filter .side_bar .side_bar_box .buttons-col .btn-outline-primary,.search_filter .side_bar .side_bar_box .buttons-col .btn-primary {
    font-size: 18px;
    padding: 8px 30px;
    letter-spacing: 0;
    text-transform: none
}

.search_filter .side_bar .side_bar_box .buttons-col .btn-primary {
    text-transform: none
}

.search_filter .side_bar .side_bar_box .buttons-col .btn-primary:hover {
    background-color: rgba(226,34,25,.5)
}

.search_filter .side_bar .side_bar_box .buttons-col .btn-outline-primary {
    color: #e2231a;
    text-transform: none;
    background-color: hsla(0,0%,100%,0)
}

.search_filter .side_bar .side_bar_box .buttons-col .btn-outline-primary:hover {
    background-color: #fff
}

.search_filter .side_bar .side_bar_box .side_filter_title .filter-badge {
    border-radius: 50%;
    background-color: #021b46;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 27px;
    position: absolute;
    width: 31px;
    height: 31px!important;
    padding-top: 2.8px;
    padding-left: 10px
}

.search_filter .side_bar .accordion .accordion-item {
    min-height: 90px;
    border: 0
}

.search_filter .side_bar .accordion .accordion-item .mo-subtitle-filter,.search_filter .side_bar .accordion .accordion-item .mo-title-filter,.search_filter .side_bar .accordion .accordion-item h2,.search_filter .side_bar .accordion .accordion-item h3,.search_filter .side_bar .accordion .accordion-item h4 {
    color: #2e2e2e;
    text-transform: none;
    margin: 0
}

.search_filter .side_bar .accordion .accordion-item .mo-title-filter,.search_filter .side_bar .accordion .accordion-item h2,.search_filter .side_bar .accordion .accordion-item h3 {
    padding-bottom: unset;
    --bs-accordion-border-width: 0
}

.search_filter .side_bar .accordion .accordion-item .mo-title-filter button,.search_filter .side_bar .accordion .accordion-item h2 button,.search_filter .side_bar .accordion .accordion-item h3 button {
    font-size: 27px;
    font-style: normal;
    font-weight: 600;
    line-height: 115%;
    padding-bottom: 40px;
    padding-top: 40px
}

@media screen and (max-width: 767px) {
    .search_filter .side_bar .accordion .accordion-item .mo-title-filter button,.search_filter .side_bar .accordion .accordion-item h2 button,.search_filter .side_bar .accordion .accordion-item h3 button {
        font-size:22px
    }
}

.search_filter .side_bar .accordion .accordion-item h3 {
    padding-bottom: 25px
}

.search_filter .side_bar .accordion .accordion-item h3.select_date {
    padding-top: 0
}

.search_filter .side_bar .accordion .accordion-item .mo-subtitle-filter,.search_filter .side_bar .accordion .accordion-item h4 {
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 115%;
    padding-bottom: 25px
}

.search_filter .side_bar .accordion .accordion-item .mo-subtitle-filter.select_date,.search_filter .side_bar .accordion .accordion-item h4.select_date {
    padding-top: 40px
}

.search_filter .side_bar .accordion .accordion-item .side_filter_title.mobile .accordion-button {
    background-color: #e6ecf3;
    color: #2e2e2e;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 0
}

.search_filter .side_bar .accordion .accordion-item .side_filter_title.mobile .accordion-button .filter-badge {
    border-radius: 50%;
    background-color: #021b46;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 27px;
    position: relative;
    width: 31px;
    height: 31px!important;
    padding-top: 2.8px;
    padding-left: 10px
}

.search_filter .side_bar .accordion .accordion-item .side_filter_title.mobile .accordion-button:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='15' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.5 1.182L8.396 6.358a1.535 1.535 0 01-2.192 0L1.1 1.182' stroke='%232E2E2E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    width: 23px;
    height: 12.5px;
    background-position: 100%
}

.search_filter .side_bar .accordion .accordion-item .side_filter_title.mobile .accordion-button:focus {
    box-shadow: none
}

.search_filter .side_bar .accordion .accordion-item .side_filter_title.mobile .accordion-button:not(.collapsed) {
    color: #2e2e2e;
    background-color: #e6ecf3
}

.search_filter .side_bar .accordion .accordion-item .side_filter_title.mobile .accordion-button:not(.collapsed):after {
    transform: scaleY(-1)
}

.search_filter .side_bar .accordion .accordion-item .side_filter_title.mobile .accordion-button.collapsed {
    padding-bottom: 40px
}

.search_filter .side_bar .accordion .accordion-item .accordion-collapse {
    margin-top: -1px
}

.search_filter .side_bar .accordion .accordion-item .accordion-collapse .accordion-body {
    padding-left: 20px;
    padding-right: 20px;
    background-color: #e6ecf3
}

.search_filter .side_bar .accordion .accordion-item .accordion-collapse .accordion-body .date_col,.search_filter .side_bar .accordion .accordion-item .accordion-collapse .accordion-body .dd_col {
    padding-bottom: 30px
}

.search_filter .side_bar .accordion .accordion-item .accordion-collapse .accordion-body .date_col.brands-container .dropdown-wrapper,.search_filter .side_bar .accordion .accordion-item .accordion-collapse .accordion-body .dd_col.brands-container .dropdown-wrapper {
    margin-bottom: 30px
}

.search_filter .side_bar .accordion .accordion-item .accordion-collapse .accordion-body .date_col .date-range-container .form-control,.search_filter .side_bar .accordion .accordion-item .accordion-collapse .accordion-body .date_col .date-range-container .form-control::placeholder,.search_filter .side_bar .accordion .accordion-item .accordion-collapse .accordion-body .dd_col .date-range-container .form-control,.search_filter .side_bar .accordion .accordion-item .accordion-collapse .accordion-body .dd_col .date-range-container .form-control::placeholder {
    color: rgba(46,46,46,.7);
    text-align: left;
    font-size: 16px;
    font-style: normal;
    font-weight: 400
}

.search_filter .side_bar .accordion .accordion-item .accordion-collapse .accordion-body .date_col .date-range-container .input-group input,.search_filter .side_bar .accordion .accordion-item .accordion-collapse .accordion-body .dd_col .date-range-container .input-group input {
    border: 0
}

.search_filter .side_bar .accordion .accordion-item .accordion-collapse .accordion-body .date_col .date-range-container .input-group-text,.search_filter .side_bar .accordion .accordion-item .accordion-collapse .accordion-body .dd_col .date-range-container .input-group-text {
    background-color: #0f4369
}

.search_filter .side_bar .accordion .accordion-item .accordion-collapse .accordion-body .buttons-col .btn-outline-primary,.search_filter .side_bar .accordion .accordion-item .accordion-collapse .accordion-body .buttons-col .btn-primary {
    font-size: 18px;
    padding: 8px 30px
}

.search_filter .side_bar .accordion .accordion-item .accordion-collapse .accordion-body .buttons-col .btn-primary {
    text-transform: none
}

.search_filter .side_bar .accordion .accordion-item .accordion-collapse .accordion-body .buttons-col .btn-primary:hover {
    background-color: rgba(226,34,25,.5)
}

.search_filter .side_bar .accordion .accordion-item .accordion-collapse .accordion-body .buttons-col .btn-outline-primary {
    color: #e2231a;
    text-transform: none;
    background-color: hsla(0,0%,100%,0)
}

.search_filter .side_bar .accordion .accordion-item .accordion-collapse .accordion-body .buttons-col .btn-outline-primary:hover {
    background-color: #fff
}

.search_filter .side_bar .accordion .accordion-item .accordion-collapse .accordion-body h3 {
    font-size: 22px;
    font-weight: 500;
    line-height: 25.3px;
    text-transform: none
}

.search_filter .side_bar .mo-subtitle-filter,.search_filter .side_bar .mo-title-filter,.search_filter .side_bar h3,.search_filter .side_bar h4 {
    color: #2e2e2e;
    text-transform: none;
    margin: 0
}

.search_filter .side_bar .mo-title-filter,.search_filter .side_bar h3 {
    font-size: 27px;
    font-style: normal;
    font-weight: 600;
    line-height: 115%;
    padding-bottom: 0
}

@media screen and (max-width: 767px) {
    .search_filter .side_bar .mo-title-filter,.search_filter .side_bar h3 {
        font-size:22px
    }
}

.search_filter .side_bar .mo-subtitle-filter,.search_filter .side_bar h4 {
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 115%;
    padding-bottom: 25px
}

.search_filter .side_bar .mo-subtitle-filter.select_date,.search_filter .side_bar h4.select_date {
    padding-top: 40px
}

.search_filter .side_bar .autosuggest-wrapper .text-container .form-floating>.form-control {
    background: #fff;
    padding: 10px 40px 10px 20px;
    border: 1px solid #0f4369!important
}

.search_filter .side_bar .autosuggest-wrapper .text-container .form-floating>label {
    left: 20px;
    color: rgba(46,46,46,.7);
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400
}

.search_filter .side_bar .autosuggest-wrapper .text-container .form-floating img {
    left: unset;
    right: 10px
}

.search_filter .side_bar .form-control:disabled {
    background-color: #d8e1ec
}

.search_filter .side_bar .filter__cont .accordion-collapse {
    border: 0
}

.search_filter .side_bar .filter__cont h3 {
    padding-bottom: 30px
}

.search_filter .side_bar .filter__cont h4 {
    padding-bottom: 12px
}

.search_filter .side_bar .filter__cont .filter__list-cont {
    flex-basis: 100%
}

.search_filter .side_bar .filter__cont .filter__list-cont .filter__list-cont_inner .filter__list-cont_inner-category {
    display: flex;
    flex-direction: column;
    justify-items: flex-start;
    align-items: flex-start;
    gap: 5px
}

.search_filter .side_bar .filter__cont .filter__list-cont .filter__list-cont_inner .filter__list-cont_inner-category.child_items {
    margin-left: 10px
}

.search_filter .side_bar .filter__cont .filter__list-cont .filter__list-cont_inner .filter__list-cont_inner-category.sub_child_items {
    margin-left: 20px
}

.search_filter .side_bar .filter__cont .filter__list-cont .filter__list-cont_inner .filter__list-cont_inner-category li {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    background-color: #d8e1ec;
    border-radius: 8px;
    text-wrap: initial;
    display: flex;
    flex-direction: column;
    justify-items: center;
    align-items: flex-start;
    padding: 4px 10px;
    width: 100%
}

.search_filter .side_bar .filter__cont .filter__list-cont .filter__list-cont_inner .filter__list-cont_inner-category li span {
    height: unset;
    border-radius: unset;
    background-color: unset;
    color: unset;
    font-size: unset;
    letter-spacing: unset;
    line-height: unset;
    padding: unset;
    display: unset;
    display: flex;
    flex-direction: row;
    justify-items: center;
    align-items: center;
    width: 100%
}

.search_filter .side_bar .filter__cont .filter__list-cont .filter__list-cont_inner .filter__list-cont_inner-category li span img {
    filter: unset
}

.search_filter .side_bar .filter__cont .filter__list-cont .filter__list-cont_inner .filter__list-cont_inner-category li:hover {
    background-color: #bbcde2
}

.search_filter .side_bar .filter__cont .filter__list-cont .filter__list-cont_inner .filter__list-cont_inner-category .selected {
    background-color: #bfcadb
}

.search_filter .side_bar .filter__cont .selected-filter {
    border-radius: 8px;
    padding: 10px 20px!important;
    margin-top: 20px;
    border: 1px solid #e22219
}

.search_filter .side_bar .filter__cont .selected-filter .selected-filter-list {
    padding: 0
}

.search_filter .side_bar .filter__cont .selected-filter .selected-filter-list h5 {
    color: #0f4369;
    font-size: 19px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    margin: 0
}

.search_filter .side_bar .filter__cont .selected-filter .selected-filter-clear {
    padding: 0
}

.search_filter .side_bar .filter__cont .selected-filter .btn-text-only {
    color: #e22219;
    font-size: .8em
}

.search_filter .side_bar .side_bar .accordion .accordion-item .accordion-collapse .accordion-body .date_col .date-range-container .form-control.active::-webkit-input-placeholder,.search_filter .side_bar .side_bar .accordion .accordion-item .accordion-collapse .accordion-body .dd_col .date-range-container .form-control.active::-webkit-input-placeholder,.search_filter .side_bar .side_bar_box .date_col .date-range-container .form-control.active::-webkit-input-placeholder,.search_filter .side_bar .side_bar_box .dd_col .date-range-container .form-control.active::-webkit-input-placeholder {
    color: #232323;
    opacity: 1
}

.search_filter .side_bar .side_bar .accordion .accordion-item .accordion-collapse .accordion-body .date_col .date-range-container .form-control.active:-moz-placeholder,.search_filter .side_bar .side_bar .accordion .accordion-item .accordion-collapse .accordion-body .date_col .date-range-container .form-control.active::-moz-placeholder,.search_filter .side_bar .side_bar .accordion .accordion-item .accordion-collapse .accordion-body .dd_col .date-range-container .form-control.active:-moz-placeholder,.search_filter .side_bar .side_bar .accordion .accordion-item .accordion-collapse .accordion-body .dd_col .date-range-container .form-control.active::-moz-placeholder,.search_filter .side_bar .side_bar_box .date_col .date-range-container .form-control.active:-moz-placeholder,.search_filter .side_bar .side_bar_box .date_col .date-range-container .form-control.active::-moz-placeholder,.search_filter .side_bar .side_bar_box .dd_col .date-range-container .form-control.active:-moz-placeholder,.search_filter .side_bar .side_bar_box .dd_col .date-range-container .form-control.active::-moz-placeholder {
    color: #232323;
    opacity: 1
}

.search_filter .side_bar .side_bar .accordion .accordion-item .accordion-collapse .accordion-body .date_col .date-range-container .form-control.active:-ms-input-placeholder,.search_filter .side_bar .side_bar .accordion .accordion-item .accordion-collapse .accordion-body .dd_col .date-range-container .form-control.active:-ms-input-placeholder,.search_filter .side_bar .side_bar_box .date_col .date-range-container .form-control.active:-ms-input-placeholder,.search_filter .side_bar .side_bar_box .dd_col .date-range-container .form-control.active:-ms-input-placeholder {
    color: #232323;
    opacity: 1
}

.bg-custom-lblue .accordion-collapse {
    border: 0
}

.companyevents .container-fluid,.supportknowledge-center .container-fluid {
    max-width: 1360px!important;
    margin: 0 auto;
    padding: 0 16px!important
}

@media screen and (max-width: 767px) {
    .companyevents .container-fluid,.supportknowledge-center .container-fluid {
        padding:0 26px!important
    }
}

.companyevents .legacy_pager .row,.companyevents .legacy_sort .row,.supportknowledge-center .legacy_pager .row,.supportknowledge-center .legacy_sort .row {
    padding: 40px 16px
}

@media screen and (max-width: 767px) {
    .companyevents .legacy_pager .row,.companyevents .legacy_sort .row,.supportknowledge-center .legacy_pager .row,.supportknowledge-center .legacy_sort .row {
        padding:40px 26px!important
    }
}

.companyevents .legacy_pager .page-count-data,.companyevents .legacy_sort .page-count-data,.supportknowledge-center .legacy_pager .page-count-data,.supportknowledge-center .legacy_sort .page-count-data {
    padding-left: 0!important
}

.legacy_filter .filter__list-cont.legacy_filter_list {
    flex-basis: 100%;
    position: relative;
    overflow-x: hidden;
    overflow-y: hidden;
    padding-top: 8px;
    height: 60px;
    display: none
}

@media screen and (min-width: 768px) {
    .legacy_filter .filter__list-cont.legacy_filter_list {
        display:block;
        flex-basis: 72%
    }
}

@media screen and (min-width: 992px) {
    .legacy_filter .filter__list-cont.legacy_filter_list {
        flex-basis:75%
    }
}

@media screen and (min-width: 1200px) {
    .legacy_filter .filter__list-cont.legacy_filter_list {
        flex-basis:82%
    }
}

@media screen and (min-width: 1200px) and (max-width:1280px) {
    .legacy_filter .filter__list-cont.legacy_filter_list {
        max-width:90%!important;
        flex-basis: 80%
    }
}

.product-image {
    height: 225px;
    width: 267px;
    margin-top: 12px;
    margin-left: auto;
    margin-right: auto;
    object-fit: contain
}

@media screen and (max-width: 1200px) {
    .product-image {
        height:148px;
        width: 178px;
        margin-top: 0
    }
}

.library-card {
    position: relative
}

.library-card .library-image {
    height: 100%;
    width: 100%;
    margin: 0 auto;
    display: block;
    object-fit: contain
}

@media screen and (max-width: 767px) {
    .library-card .library-image {
        max-width:200px
    }
}

.product-category {
    opacity: .37;
    color: #2e2e2e;
    font-size: .875em;
    letter-spacing: 2.92px;
    line-height: 21px;
    margin-top: 2em;
    text-transform: uppercase
}

@media screen and (max-width: 767px) {
    .product-category {
        font-size:.875em
    }
}

.product-name {
    line-height: 35px;
    width: 100%;
    margin-bottom: 0
}

@media screen and (min-width: 992px) and (max-width:1200px) {
    .product-name {
        font-size:1.125em;
        line-height: 1.125em
    }
}

@media screen and (min-width: 768px) and (max-width:991px) {
    .product-name {
        font-size:1.125em;
        line-height: 1.5em
    }
}

@media screen and (max-width: 767px) {
    .product-name {
        font-size:1em;
        line-height: 1.5em
    }
}

.product-brand {
    font-weight: 300;
    line-height: 35px;
    margin-top: 10px;
    width: 100%;
    text-overflow: clip;
    overflow: hidden;
    white-space: nowrap
}

.product-brand.detail {
    overflow: unset
}

@media screen and (min-width: 768px) and (max-width:991px) {
    .product-brand {
        font-size:1.125em;
        line-height: 1.125em
    }
}

@media screen and (max-width: 767px) {
    .product-brand {
        font-size:1.125em;
        line-height: 1.125em
    }
}

.quick-view-button {
    position: absolute;
    width: 85%;
    top: 200px;
    height: 60px;
    color: #e2231a;
    font-family: Heebo;
    font-size: .875em;
    font-weight: 500;
    letter-spacing: 1.87px;
    line-height: 21px;
    text-align: center
}

@media screen and (max-width: 1200px) {
    .quick-view-button {
        top:130px
    }
}

@media screen and (max-width: 992px) {
    .quick-view-button {
        position:static;
        width: 100%;
        margin: 10px 0 0
    }
}

.library-view-button {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 90%;
    bottom: 1.5em;
    height: 60px;
    color: #e2231a;
    font-family: Heebo;
    font-size: .875em;
    font-weight: 500;
    letter-spacing: 1.87px;
    line-height: 21px;
    text-align: center
}

@media screen and (max-width: 992px) {
    .library-view-button {
        position:static;
        width: 100%;
        transform: none;
        margin: 10px 0 0
    }
}

.card-container,.news-container {
    padding: 10px;
    background-color: #fff;
    align-items: center;
    margin-bottom: 22px;
    cursor: pointer;
    z-index: 1;
    height: auto
}

@media screen and (max-width: 767px) {
    .card-container .card-info,.card-container .news-info,.news-container .card-info,.news-container .news-info {
        text-align:left;
        flex-direction: column;
        align-items: center;
        justify-content: center
    }
}

.card-container .card-image,.card-container .news-image,.news-container .card-image,.news-container .news-image {
    height: auto;
    width: 100%;
    padding: 0
}

@media screen and (max-width: 767px) {
    .card-container .card-image,.card-container .news-image,.news-container .card-image,.news-container .news-image {
        height:auto;
        width: 100%;
        margin: 0;
        padding: 0;
        max-width: unset
    }
}

.card-container .card-image.fixed-height,.card-container .news-image.fixed-height,.news-container .card-image.fixed-height,.news-container .news-image.fixed-height {
    height: 225px
}

@media screen and (max-width: 767px) {
    .card-container .card-image.fixed-height,.card-container .news-image.fixed-height,.news-container .card-image.fixed-height,.news-container .news-image.fixed-height {
        height:183px
    }
}

@media screen and (max-width: 767px) {
    .card-container .card-date,.card-container .news-date,.news-container .card-date,.news-container .news-date {
        text-align:left;
        line-height: 28px
    }
}

.card-container .card-blogs-thumb,.news-container .card-blogs-thumb {
    padding-top: 40px
}

.card-container:hover,.news-container:hover {
    box-sizing: initial;
    transform: scale(1.03);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
    position: relative
}

@media screen and (max-width: 767px) {
    .brands_catalog_list.container-fluid {
        padding:0!important
    }
}

.brands_catalog_list .card-container:hover {
    box-sizing: unset;
    transform: none;
    box-shadow: none;
    position: inherit
}

.brands_catalog_list .card-container .brand-name {
    font-size: 27px;
    margin-bottom: 16px
}

@media screen and (max-width: 767px) {
    .brands_catalog_list .card-container .brand-name {
        font-size:20px
    }
}

.feature-container-fluid {
    margin: auto!important;
    padding: 20px!important;
    max-width: 1250px
}

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

.feature-container {
    border-bottom: 1px solid #b7b7b7
}

@media screen and (max-width: 767px) {
    .feature-container {
        border-top:1px solid #b7b7b7
    }
}

.feature-container .featured-image {
    margin-right: 15px;
    margin-bottom: 20px;
    margin-top: 22px;
    width: 15%
}

.feature-container .featured-image .featured-news-overlay-content {
    position: relative;
    bottom: 22px;
    left: 12px;
    color: #232323
}

@media screen and (max-width: 767px) {
    .feature-container .featured-image .featured-news-overlay-content {
        margin-left:14px
    }
}

@media screen and (min-width: 992px) and (max-width:1440px) {
    .feature-container .featured-image {
        margin-right:30px!important
    }
}

@media screen and (max-width: 767px) {
    .feature-container .featured-image {
        margin:0
    }

    .feature-container .featured-image .news-image {
        margin: 0 auto
    }
}

.feature-container .card-image,.feature-container .news-image {
    width: 100%;
    padding: 0;
    height: auto;
    display: block;
    object-fit: fill;
    margin-left: auto;
    margin-right: auto
}

@media screen and (max-width: 767px) {
    .feature-container .card-image,.feature-container .news-image {
        height:auto;
        width: 100%;
        margin: 0;
        padding: 0;
        max-width: unset
    }
}

@media screen and (max-width: 992px) {
    .feature-container .card-image,.feature-container .news-image {
        height:260px
    }
}

.feature-container .card-date,.feature-container .news-date {
    margin-left: 0!important
}

@media screen and (max-width: 767px) {
    .feature-container .card-date,.feature-container .news-date {
        text-align:left!important
    }
}

.feature-container .featured-content {
    width: 77%
}

@media screen and (max-width: 767px) {
    .feature-container .featured-content {
        margin-left:12px
    }
}

.featured-event-image {
    margin-right: 12px;
    margin-top: 22px;
    position: relative
}

.featured-event-image .card-image,.featured-event-image .news-image {
    width: 100%;
    margin-right: 12px;
    object-fit: fill;
    height: 196px!important
}

@media screen and (max-width: 767px) {
    .featured-event-image .card-image,.featured-event-image .news-image {
        margin:auto
    }
}

.featured-event-image .feature-event-overlay-content {
    position: absolute;
    top: 175px;
    left: 12px;
    color: #fff;
    font-family: Heebo
}

@media screen and (max-width: 992px) {
    .featured-event-image .feature-event-overlay-content {
        top:170px
    }
}

.card-date,.news-date {
    color: #686868;
    font-family: Heebo;
    font-size: 14px;
    letter-spacing: 1.56px;
    line-height: 21px;
    margin-left: 5px;
    text-transform: uppercase;
    margin-top: 20px
}

@media screen and (max-width: 767px) {
    .card-date,.news-date {
        margin-top:8px;
        text-align: center
    }
}

.card-date .category_name {
    text-transform: none!important
}

.all-card,.all-news {
    padding: 10px 17px
}

.card-title,.news-title {
    color: #232323;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 31px
}

.card-desc,.news-desc {
    color: #232323;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 20px
}

.know-more-card,.know-more-news {
    color: #e2231a!important;
    font-family: Heebo;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 3px;
    line-height: 24px;
    padding-right: 14px;
    text-decoration: none
}

.know-more-card:hover,.know-more-news:hover {
    cursor: pointer;
    padding-bottom: 2px;
    border-bottom: 1px solid #e2231a
}

.btn-container {
    align-items: center
}

.btn-container button {
    margin-right: 20px;
    width: 206px
}

@media screen and (max-width: 767px) {
    .btn-container button {
        margin-bottom:20px;
        margin-left: 15px
    }
}

@media screen and (max-width: 767px) {
    .btn-container {
        flex-direction:column
    }
}

.feature-container,.news-container-training {
    margin: 20px 0
}

@media screen and (max-width: 767px) {
    .feature-container,.news-container-training {
        flex-direction:column
    }
}

@media screen and (max-width: 767px) {
    .feature-container .training-info,.news-container-training .training-info {
        text-align:center
    }
}

.feature-container .news-image.training,.news-container-training .news-image.training {
    margin-right: 20px
}

.feature-container .card-image.none,.feature-container .news-image.none,.news-container-training .card-image.none,.news-container-training .news-image.none {
    text-align: center;
    padding: 45px 10px;
    border: 1px solid #e4e4e4;
    margin-right: 20px;
    height: auto!important;
    width: auto!important
}

.feature-container .card-image.none .training-location,.feature-container .news-image.none .training-location,.news-container-training .card-image.none .training-location,.news-container-training .news-image.none .training-location {
    color: #232323;
    font-family: Heebo;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 28px
}

.feature-container .card-image.none .training-date,.feature-container .news-image.none .training-date,.news-container-training .card-image.none .training-date,.news-container-training .news-image.none .training-date {
    color: #232323;
    font-family: Heebo;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 35px;
    text-align: center;
    text-shadow: 0 2px 11px 0 transparent
}

@media screen and (max-width: 767px) {
    .feature-container .card-image.none,.feature-container .news-image.none,.news-container-training .card-image.none,.news-container-training .news-image.none {
        margin:0 0 12px
    }
}

.news-container-training {
    border-bottom: 1px solid #b7b7b7;
    padding-bottom: 2.5em;
    padding-left: 0
}

@media screen and (max-width: 767px) {
    .news-container-training {
        border:1px solid #e4e4e4;
        padding: 10px
    }
}

.news-container-training:last-child {
    border: none
}

@media screen and (max-width: 767px) {
    .news-container-training:last-child {
        border:1px solid #e4e4e4;
        padding: 10px
    }
}

.news-container-training .training-info .card-date,.news-container-training .training-info .news-date {
    margin-left: 0
}

@media screen and (max-width: 767px) {
    .news-container-training .training-info .card-date,.news-container-training .training-info .news-date {
        text-align:left
    }
}

.news-container-training .training-info .mob-news-date {
    color: #686868;
    font-family: Heebo;
    font-size: 14px;
    letter-spacing: 1.56px;
    line-height: 21px;
    margin-left: 5px;
    text-transform: uppercase;
    margin-top: 20px
}

@media screen and (max-width: 767px) {
    .news-container-training .training-info .mob-news-date {
        margin-top:8px;
        text-align: left;
        line-height: 28px
    }
}

@media screen and (max-width: 767px) {
    .news-container-training .training-info .card-desc,.news-container-training .training-info .card-title,.news-container-training .training-info .news-desc,.news-container-training .training-info .news-title {
        text-align:left
    }
}

@media screen and (max-width: 767px) {
    .news-container-training .training-info .btn-container .btn-primary {
        width:100%!important
    }
}

@media screen and (max-width: 767px) {
    .news-container-training .training-info .btn-container {
        text-align:left;
        align-items: normal
    }
}

#recently-viewed-products-container {
    padding: 0
}

#recently-viewed-products-container .recently-viewed-header {
    color: #2e2e2e;
    font-family: Heebo;
    font-size: 34px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 50px;
    position: relative;
    z-index: 0
}

.blogs-container {
    padding: 10px;
    border: 1px solid #e4e4e4;
    background-color: #fff;
    align-items: center;
    margin-bottom: 22px;
    cursor: pointer;
    height: auto
}

@media screen and (max-width: 767px) {
    .blogs-container .blogs-info {
        text-align:center;
        flex-direction: column;
        align-items: center;
        justify-content: center
    }
}

.blogs-container .blogs-image {
    height: 100%;
    max-height: 170px;
    width: 178px;
    margin: 5px
}

@media screen and (max-width: 767px) {
    .blogs-container .blogs-image {
        height:296px;
        width: 278px;
        margin: 10px
    }
}

.blogs-container:hover {
    box-sizing: initial;
    transform: scale(1.03);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)
}

.blogs-container .resp-image {
    margin: 0 20px 0 0
}

@media screen and (max-width: 767px) {
    .blogs-container .resp-image {
        margin:4px 40px 10px 0
    }
}

.blogs-date {
    color: #686868;
    font-family: Heebo;
    font-size: 14px;
    letter-spacing: 1.56px;
    line-height: 21px;
    margin-left: 5px;
    text-transform: uppercase;
    margin-top: 20px
}

@media screen and (max-width: 767px) {
    .blogs-date {
        margin-top:8px;
        text-align: left;
        line-height: 28px
    }
}

.all-blogs {
    padding: 10px 17px
}

.blogs-title {
    color: #232323;
    font-family: Heebo;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 35px
}

@media screen and (max-width: 767px) {
    .blogs-title {
        text-align:left
    }
}

.blogs-desc {
    color: #232323;
    font-family: Heebo;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 20px
}

@media screen and (max-width: 767px) {
    .blogs-desc {
        text-align:left
    }
}

.know-more-blogs {
    color: #e2231a!important;
    font-family: Heebo;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 3px;
    line-height: 24px;
    padding-right: 14px;
    text-decoration: none
}

@media screen and (max-width: 767px) {
    .know-more-blogs {
        float:left
    }
}

.know-more-blogs:hover {
    cursor: pointer;
    padding-bottom: 2px;
    border-bottom: 1px solid #e2231a
}

.global-search-header .card-container:hover,.global-search-header .news-container:hover {
    z-index: 100
}

.software-image-container img {
    width: 120px;
    height: 120px
}

@media screen and (max-width: 992px) {
    .card-outer-cont {
        justify-content:space-evenly
    }
}

.card-outer-cont-item {
    margin-bottom: 2.5em
}

.card-container {
    padding: 2.5em 0
}

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

.card-container .catalog-brands,.card-container .catalog-library,.card-container .catalog-products {
    justify-content: space-between;
    flex-wrap: wrap
}

@media screen and (max-width: 992px) {
    .card-container .catalog-brands,.card-container .catalog-library,.card-container .catalog-products {
        justify-content:space-evenly
    }
}

.card-container .catalog-brands .catalog-outer-container,.card-container .catalog-library .catalog-outer-container,.card-container .catalog-products .catalog-outer-container {
    width: 31.5%;
    margin-bottom: 2.5em
}

@media screen and (max-width: 992px) {
    .card-container .catalog-brands .catalog-outer-container,.card-container .catalog-library .catalog-outer-container,.card-container .catalog-products .catalog-outer-container {
        width:42%;
        margin-bottom: 3em
    }
}

@media screen and (max-width: 767px) {
    .card-container .catalog-brands .catalog-outer-container,.card-container .catalog-library .catalog-outer-container,.card-container .catalog-products .catalog-outer-container {
        width:100%;
        margin-bottom: 2em
    }
}

@media screen and (min-width: 992px) {
    .card-container .catalog-brands.justify-content-sp-even,.card-container .catalog-library.justify-content-sp-even,.card-container .catalog-products.justify-content-sp-even {
        justify-content:space-evenly
    }
}

.card-container .catalog-brands .catalog-outer-container,.card-container .catalog-library .catalog-outer-container {
    width: 23%;
    margin-bottom: 0
}

@media screen and (max-width: 992px) {
    .card-container .catalog-brands .catalog-outer-container,.card-container .catalog-library .catalog-outer-container {
        width:42%
    }
}

@media screen and (max-width: 767px) {
    .card-container .catalog-brands .catalog-outer-container,.card-container .catalog-library .catalog-outer-container {
        width:100%
    }
}

.card-container .catalog-brands .catalog-outer-container .brand-card,.card-container .catalog-brands .catalog-outer-container .library-card,.card-container .catalog-library .catalog-outer-container .brand-card,.card-container .catalog-library .catalog-outer-container .library-card {
    margin-bottom: 25px
}

.card-container .card {
    height: 100%;
    box-sizing: border-box;
    padding: 40px;
    border-radius: 0;
    border: 1px solid #e4e4e4;
    background-color: #fff;
    cursor: pointer
}

.card-container .card picture {
    margin: 0 auto
}

@media screen and (max-width: 767px) {
    .card-container .card {
        padding:30px
    }
}

.card-container .card:hover {
    transform: scale(1.03);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)
}

.card-container .library-card {
    height: 339px;
    box-sizing: border-box;
    padding: 40px;
    border-radius: 0;
    border: 1px solid #e4e4e4;
    background-color: #fff;
    cursor: pointer;
    margin-bottom: 2.5em
}

@media screen and (max-width: 767px) {
    .card-container .library-card {
        padding:30px
    }
}

@media screen and (max-width: 1200px) {
    .card-container .library-card {
        height:320px
    }
}

@media screen and (max-width: 992px) {
    .card-container .library-card {
        height:auto
    }
}

@media screen and (max-width: 767px) {
    .card-container .library-card {
        margin-bottom:2em
    }
}

.card-container .library-card:hover {
    transform: scale(1.03);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)
}

.card-container .library-card-type {
    color: #686868;
    font-family: Heebo;
    font-size: .875em;
    letter-spacing: 2.8px;
    line-height: 21px;
    text-transform: uppercase
}

.card-container .library-card-content {
    color: #2e2e2e;
    font-family: Heebo;
    font-size: 1.25em;
    letter-spacing: 0;
    line-height: 34px
}

.card-container .library-dropdown {
    padding-bottom: 47.5px
}

.card-container .brand-card {
    height: 266px;
    box-sizing: border-box;
    padding: 40px;
    border-radius: 0;
    border: 1px solid #e4e4e4;
    background-color: #fff;
    cursor: pointer;
    color: #232323;
    height: auto;
    margin-bottom: 25px;
    display: flex;
    flex-direction: column
}

@media screen and (max-width: 767px) {
    .card-container .brand-card {
        height:auto;
        padding: 30px
    }
}

@media screen and (max-width: 992px) {
    .card-container .brand-card {
        margin-bottom:2em
    }
}

.card-container .brand-card .brand-desc {
    padding-bottom: 2.2em;
    margin-bottom: 0;
    line-height: 24px
}

.card-container .brand-card .brand-description {
    display: none
}

.card-container .brand-card:hover {
    transform: scale(1.03);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
    box-sizing: initial
}

.card-container .brand-card a {
    text-decoration: none
}

.card-container .brand-card .know-more-card {
    box-shadow: none!important;
    background: none!important;
    border: 0!important;
    text-align: left!important;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    color: #e2231a!important;
    font-weight: 500;
    font-size: 16px;
    line-height: 140%;
    padding: 3px 10px;
    letter-spacing: unset;
    position: relative;
    transition: .5s ease-in-out;
    margin-right: 20px
}

.blogs_card_list_grid,.news_card_list_grid,.products_card_list_grid {
    grid-template-columns: 1fr 1fr
}

@media screen and (max-width: 767px) {
    .blogs_card_list_grid,.news_card_list_grid,.products_card_list_grid {
        grid-template-columns:1fr
    }
}

.blogs_card_list_grid .card-container,.blogs_card_list_grid .news-container,.news_card_list_grid .card-container,.news_card_list_grid .news-container,.products_card_list_grid .card-container,.products_card_list_grid .news-container {
    padding: 0;
    margin: 0;
    border-radius: 10px;
    box-shadow: 0 4px 40px 0 rgba(0,0,0,.15);
    overflow: hidden;
    width: 100%
}

.blogs_card_list_grid .card-container:hover,.blogs_card_list_grid .news-container:hover,.news_card_list_grid .card-container:hover,.news_card_list_grid .news-container:hover,.products_card_list_grid .card-container:hover,.products_card_list_grid .news-container:hover {
    box-sizing: unset;
    transform: unset;
    box-shadow: 0 4px 40px 0 rgba(0,0,0,.3);
    position: relative
}

.blogs_card_list_grid .card-container .card-date,.blogs_card_list_grid .card-container .news-date,.blogs_card_list_grid .news-container .card-date,.blogs_card_list_grid .news-container .news-date,.news_card_list_grid .card-container .card-date,.news_card_list_grid .card-container .news-date,.news_card_list_grid .news-container .card-date,.news_card_list_grid .news-container .news-date,.products_card_list_grid .card-container .card-date,.products_card_list_grid .card-container .news-date,.products_card_list_grid .news-container .card-date,.products_card_list_grid .news-container .news-date {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-left: 0;
    margin-top: 30px;
    margin-bottom: 35px;
    gap: 10px
}

.blogs_card_list_grid .card-container .card-date.blog_dates,.blogs_card_list_grid .card-container .news-date.blog_dates,.blogs_card_list_grid .news-container .card-date.blog_dates,.blogs_card_list_grid .news-container .news-date.blog_dates,.news_card_list_grid .card-container .card-date.blog_dates,.news_card_list_grid .card-container .news-date.blog_dates,.news_card_list_grid .news-container .card-date.blog_dates,.news_card_list_grid .news-container .news-date.blog_dates,.products_card_list_grid .card-container .card-date.blog_dates,.products_card_list_grid .card-container .news-date.blog_dates,.products_card_list_grid .news-container .card-date.blog_dates,.products_card_list_grid .news-container .news-date.blog_dates {
    margin-top: 40px;
    margin-bottom: 20px
}

@media screen and (max-width: 767px) {
    .blogs_card_list_grid .card-container .card-date.blog_dates,.blogs_card_list_grid .card-container .news-date.blog_dates,.blogs_card_list_grid .news-container .card-date.blog_dates,.blogs_card_list_grid .news-container .news-date.blog_dates,.news_card_list_grid .card-container .card-date.blog_dates,.news_card_list_grid .card-container .news-date.blog_dates,.news_card_list_grid .news-container .card-date.blog_dates,.news_card_list_grid .news-container .news-date.blog_dates,.products_card_list_grid .card-container .card-date.blog_dates,.products_card_list_grid .card-container .news-date.blog_dates,.products_card_list_grid .news-container .card-date.blog_dates,.products_card_list_grid .news-container .news-date.blog_dates {
        margin-top:30px;
        margin-bottom: 15px
    }
}

.blogs_card_list_grid .card-container .card-date .category_name,.blogs_card_list_grid .card-container .news-date .category_name,.blogs_card_list_grid .news-container .card-date .category_name,.blogs_card_list_grid .news-container .news-date .category_name,.news_card_list_grid .card-container .card-date .category_name,.news_card_list_grid .card-container .news-date .category_name,.news_card_list_grid .news-container .card-date .category_name,.news_card_list_grid .news-container .news-date .category_name,.products_card_list_grid .card-container .card-date .category_name,.products_card_list_grid .card-container .news-date .category_name,.products_card_list_grid .news-container .card-date .category_name,.products_card_list_grid .news-container .news-date .category_name {
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 100%;
    background-color: #014777;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    padding: 7px 17px
}

.blogs_card_list_grid .card-container .card-date .start_date,.blogs_card_list_grid .card-container .news-date .start_date,.blogs_card_list_grid .news-container .card-date .start_date,.blogs_card_list_grid .news-container .news-date .start_date,.news_card_list_grid .card-container .card-date .start_date,.news_card_list_grid .card-container .news-date .start_date,.news_card_list_grid .news-container .card-date .start_date,.news_card_list_grid .news-container .news-date .start_date,.products_card_list_grid .card-container .card-date .start_date,.products_card_list_grid .card-container .news-date .start_date,.products_card_list_grid .news-container .card-date .start_date,.products_card_list_grid .news-container .news-date .start_date {
    color: #0f4369;
    text-align: right;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    padding-right: 40px
}

.blogs_card_list_grid .card-container .card-info,.blogs_card_list_grid .card-container .news-info,.blogs_card_list_grid .news-container .card-info,.blogs_card_list_grid .news-container .news-info,.news_card_list_grid .card-container .card-info,.news_card_list_grid .card-container .news-info,.news_card_list_grid .news-container .card-info,.news_card_list_grid .news-container .news-info,.products_card_list_grid .card-container .card-info,.products_card_list_grid .card-container .news-info,.products_card_list_grid .news-container .card-info,.products_card_list_grid .news-container .news-info {
    width: 100%
}

.blogs_card_list_grid .card-container .card-info .all-card,.blogs_card_list_grid .card-container .card-info .all-news,.blogs_card_list_grid .card-container .news-info .all-card,.blogs_card_list_grid .card-container .news-info .all-news,.blogs_card_list_grid .news-container .card-info .all-card,.blogs_card_list_grid .news-container .card-info .all-news,.blogs_card_list_grid .news-container .news-info .all-card,.blogs_card_list_grid .news-container .news-info .all-news,.news_card_list_grid .card-container .card-info .all-card,.news_card_list_grid .card-container .card-info .all-news,.news_card_list_grid .card-container .news-info .all-card,.news_card_list_grid .card-container .news-info .all-news,.news_card_list_grid .news-container .card-info .all-card,.news_card_list_grid .news-container .card-info .all-news,.news_card_list_grid .news-container .news-info .all-card,.news_card_list_grid .news-container .news-info .all-news,.products_card_list_grid .card-container .card-info .all-card,.products_card_list_grid .card-container .card-info .all-news,.products_card_list_grid .card-container .news-info .all-card,.products_card_list_grid .card-container .news-info .all-news,.products_card_list_grid .news-container .card-info .all-card,.products_card_list_grid .news-container .card-info .all-news,.products_card_list_grid .news-container .news-info .all-card,.products_card_list_grid .news-container .news-info .all-news {
    padding: 0 40px 40px
}

.blogs_card_list_grid .card-container .card-info .all-card .card-title,.blogs_card_list_grid .card-container .card-info .all-card .news-title,.blogs_card_list_grid .card-container .card-info .all-news .card-title,.blogs_card_list_grid .card-container .card-info .all-news .news-title,.blogs_card_list_grid .card-container .news-info .all-card .card-title,.blogs_card_list_grid .card-container .news-info .all-card .news-title,.blogs_card_list_grid .card-container .news-info .all-news .card-title,.blogs_card_list_grid .card-container .news-info .all-news .news-title,.blogs_card_list_grid .news-container .card-info .all-card .card-title,.blogs_card_list_grid .news-container .card-info .all-card .news-title,.blogs_card_list_grid .news-container .card-info .all-news .card-title,.blogs_card_list_grid .news-container .card-info .all-news .news-title,.blogs_card_list_grid .news-container .news-info .all-card .card-title,.blogs_card_list_grid .news-container .news-info .all-card .news-title,.blogs_card_list_grid .news-container .news-info .all-news .card-title,.blogs_card_list_grid .news-container .news-info .all-news .news-title,.news_card_list_grid .card-container .card-info .all-card .card-title,.news_card_list_grid .card-container .card-info .all-card .news-title,.news_card_list_grid .card-container .card-info .all-news .card-title,.news_card_list_grid .card-container .card-info .all-news .news-title,.news_card_list_grid .card-container .news-info .all-card .card-title,.news_card_list_grid .card-container .news-info .all-card .news-title,.news_card_list_grid .card-container .news-info .all-news .card-title,.news_card_list_grid .card-container .news-info .all-news .news-title,.news_card_list_grid .news-container .card-info .all-card .card-title,.news_card_list_grid .news-container .card-info .all-card .news-title,.news_card_list_grid .news-container .card-info .all-news .card-title,.news_card_list_grid .news-container .card-info .all-news .news-title,.news_card_list_grid .news-container .news-info .all-card .card-title,.news_card_list_grid .news-container .news-info .all-card .news-title,.news_card_list_grid .news-container .news-info .all-news .card-title,.news_card_list_grid .news-container .news-info .all-news .news-title,.products_card_list_grid .card-container .card-info .all-card .card-title,.products_card_list_grid .card-container .card-info .all-card .news-title,.products_card_list_grid .card-container .card-info .all-news .card-title,.products_card_list_grid .card-container .card-info .all-news .news-title,.products_card_list_grid .card-container .news-info .all-card .card-title,.products_card_list_grid .card-container .news-info .all-card .news-title,.products_card_list_grid .card-container .news-info .all-news .card-title,.products_card_list_grid .card-container .news-info .all-news .news-title,.products_card_list_grid .news-container .card-info .all-card .card-title,.products_card_list_grid .news-container .card-info .all-card .news-title,.products_card_list_grid .news-container .card-info .all-news .card-title,.products_card_list_grid .news-container .card-info .all-news .news-title,.products_card_list_grid .news-container .news-info .all-card .card-title,.products_card_list_grid .news-container .news-info .all-card .news-title,.products_card_list_grid .news-container .news-info .all-news .card-title,.products_card_list_grid .news-container .news-info .all-news .news-title {
    color: #2e2e2e;
    font-size: 27px;
    font-style: normal;
    font-weight: 600;
    line-height: 115%;
    text-transform: none;
    padding-bottom: 40px
}

@media screen and (max-width: 767px) {
    .blogs_card_list_grid .card-container .card-info .all-card .card-title,.blogs_card_list_grid .card-container .card-info .all-card .news-title,.blogs_card_list_grid .card-container .card-info .all-news .card-title,.blogs_card_list_grid .card-container .card-info .all-news .news-title,.blogs_card_list_grid .card-container .news-info .all-card .card-title,.blogs_card_list_grid .card-container .news-info .all-card .news-title,.blogs_card_list_grid .card-container .news-info .all-news .card-title,.blogs_card_list_grid .card-container .news-info .all-news .news-title,.blogs_card_list_grid .news-container .card-info .all-card .card-title,.blogs_card_list_grid .news-container .card-info .all-card .news-title,.blogs_card_list_grid .news-container .card-info .all-news .card-title,.blogs_card_list_grid .news-container .card-info .all-news .news-title,.blogs_card_list_grid .news-container .news-info .all-card .card-title,.blogs_card_list_grid .news-container .news-info .all-card .news-title,.blogs_card_list_grid .news-container .news-info .all-news .card-title,.blogs_card_list_grid .news-container .news-info .all-news .news-title,.news_card_list_grid .card-container .card-info .all-card .card-title,.news_card_list_grid .card-container .card-info .all-card .news-title,.news_card_list_grid .card-container .card-info .all-news .card-title,.news_card_list_grid .card-container .card-info .all-news .news-title,.news_card_list_grid .card-container .news-info .all-card .card-title,.news_card_list_grid .card-container .news-info .all-card .news-title,.news_card_list_grid .card-container .news-info .all-news .card-title,.news_card_list_grid .card-container .news-info .all-news .news-title,.news_card_list_grid .news-container .card-info .all-card .card-title,.news_card_list_grid .news-container .card-info .all-card .news-title,.news_card_list_grid .news-container .card-info .all-news .card-title,.news_card_list_grid .news-container .card-info .all-news .news-title,.news_card_list_grid .news-container .news-info .all-card .card-title,.news_card_list_grid .news-container .news-info .all-card .news-title,.news_card_list_grid .news-container .news-info .all-news .card-title,.news_card_list_grid .news-container .news-info .all-news .news-title,.products_card_list_grid .card-container .card-info .all-card .card-title,.products_card_list_grid .card-container .card-info .all-card .news-title,.products_card_list_grid .card-container .card-info .all-news .card-title,.products_card_list_grid .card-container .card-info .all-news .news-title,.products_card_list_grid .card-container .news-info .all-card .card-title,.products_card_list_grid .card-container .news-info .all-card .news-title,.products_card_list_grid .card-container .news-info .all-news .card-title,.products_card_list_grid .card-container .news-info .all-news .news-title,.products_card_list_grid .news-container .card-info .all-card .card-title,.products_card_list_grid .news-container .card-info .all-card .news-title,.products_card_list_grid .news-container .card-info .all-news .card-title,.products_card_list_grid .news-container .card-info .all-news .news-title,.products_card_list_grid .news-container .news-info .all-card .card-title,.products_card_list_grid .news-container .news-info .all-card .news-title,.products_card_list_grid .news-container .news-info .all-news .card-title,.products_card_list_grid .news-container .news-info .all-news .news-title {
        font-size:22px;
        margin-bottom: 0;
        padding-bottom: 30px
    }
}

.blogs_card_list_grid .card-container .card-info .all-card .card-desc,.blogs_card_list_grid .card-container .card-info .all-card .news-desc,.blogs_card_list_grid .card-container .card-info .all-news .card-desc,.blogs_card_list_grid .card-container .card-info .all-news .news-desc,.blogs_card_list_grid .card-container .news-info .all-card .card-desc,.blogs_card_list_grid .card-container .news-info .all-card .news-desc,.blogs_card_list_grid .card-container .news-info .all-news .card-desc,.blogs_card_list_grid .card-container .news-info .all-news .news-desc,.blogs_card_list_grid .news-container .card-info .all-card .card-desc,.blogs_card_list_grid .news-container .card-info .all-card .news-desc,.blogs_card_list_grid .news-container .card-info .all-news .card-desc,.blogs_card_list_grid .news-container .card-info .all-news .news-desc,.blogs_card_list_grid .news-container .news-info .all-card .card-desc,.blogs_card_list_grid .news-container .news-info .all-card .news-desc,.blogs_card_list_grid .news-container .news-info .all-news .card-desc,.blogs_card_list_grid .news-container .news-info .all-news .news-desc,.news_card_list_grid .card-container .card-info .all-card .card-desc,.news_card_list_grid .card-container .card-info .all-card .news-desc,.news_card_list_grid .card-container .card-info .all-news .card-desc,.news_card_list_grid .card-container .card-info .all-news .news-desc,.news_card_list_grid .card-container .news-info .all-card .card-desc,.news_card_list_grid .card-container .news-info .all-card .news-desc,.news_card_list_grid .card-container .news-info .all-news .card-desc,.news_card_list_grid .card-container .news-info .all-news .news-desc,.news_card_list_grid .news-container .card-info .all-card .card-desc,.news_card_list_grid .news-container .card-info .all-card .news-desc,.news_card_list_grid .news-container .card-info .all-news .card-desc,.news_card_list_grid .news-container .card-info .all-news .news-desc,.news_card_list_grid .news-container .news-info .all-card .card-desc,.news_card_list_grid .news-container .news-info .all-card .news-desc,.news_card_list_grid .news-container .news-info .all-news .card-desc,.news_card_list_grid .news-container .news-info .all-news .news-desc,.products_card_list_grid .card-container .card-info .all-card .card-desc,.products_card_list_grid .card-container .card-info .all-card .news-desc,.products_card_list_grid .card-container .card-info .all-news .card-desc,.products_card_list_grid .card-container .card-info .all-news .news-desc,.products_card_list_grid .card-container .news-info .all-card .card-desc,.products_card_list_grid .card-container .news-info .all-card .news-desc,.products_card_list_grid .card-container .news-info .all-news .card-desc,.products_card_list_grid .card-container .news-info .all-news .news-desc,.products_card_list_grid .news-container .card-info .all-card .card-desc,.products_card_list_grid .news-container .card-info .all-card .news-desc,.products_card_list_grid .news-container .card-info .all-news .card-desc,.products_card_list_grid .news-container .card-info .all-news .news-desc,.products_card_list_grid .news-container .news-info .all-card .card-desc,.products_card_list_grid .news-container .news-info .all-card .news-desc,.products_card_list_grid .news-container .news-info .all-news .card-desc,.products_card_list_grid .news-container .news-info .all-news .news-desc {
    color: #2e2e2e;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%
}

@media screen and (max-width: 767px) {
    .blogs_card_list_grid .card-container .card-info .all-card .card-desc,.blogs_card_list_grid .card-container .card-info .all-card .news-desc,.blogs_card_list_grid .card-container .card-info .all-news .card-desc,.blogs_card_list_grid .card-container .card-info .all-news .news-desc,.blogs_card_list_grid .card-container .news-info .all-card .card-desc,.blogs_card_list_grid .card-container .news-info .all-card .news-desc,.blogs_card_list_grid .card-container .news-info .all-news .card-desc,.blogs_card_list_grid .card-container .news-info .all-news .news-desc,.blogs_card_list_grid .news-container .card-info .all-card .card-desc,.blogs_card_list_grid .news-container .card-info .all-card .news-desc,.blogs_card_list_grid .news-container .card-info .all-news .card-desc,.blogs_card_list_grid .news-container .card-info .all-news .news-desc,.blogs_card_list_grid .news-container .news-info .all-card .card-desc,.blogs_card_list_grid .news-container .news-info .all-card .news-desc,.blogs_card_list_grid .news-container .news-info .all-news .card-desc,.blogs_card_list_grid .news-container .news-info .all-news .news-desc,.news_card_list_grid .card-container .card-info .all-card .card-desc,.news_card_list_grid .card-container .card-info .all-card .news-desc,.news_card_list_grid .card-container .card-info .all-news .card-desc,.news_card_list_grid .card-container .card-info .all-news .news-desc,.news_card_list_grid .card-container .news-info .all-card .card-desc,.news_card_list_grid .card-container .news-info .all-card .news-desc,.news_card_list_grid .card-container .news-info .all-news .card-desc,.news_card_list_grid .card-container .news-info .all-news .news-desc,.news_card_list_grid .news-container .card-info .all-card .card-desc,.news_card_list_grid .news-container .card-info .all-card .news-desc,.news_card_list_grid .news-container .card-info .all-news .card-desc,.news_card_list_grid .news-container .card-info .all-news .news-desc,.news_card_list_grid .news-container .news-info .all-card .card-desc,.news_card_list_grid .news-container .news-info .all-card .news-desc,.news_card_list_grid .news-container .news-info .all-news .card-desc,.news_card_list_grid .news-container .news-info .all-news .news-desc,.products_card_list_grid .card-container .card-info .all-card .card-desc,.products_card_list_grid .card-container .card-info .all-card .news-desc,.products_card_list_grid .card-container .card-info .all-news .card-desc,.products_card_list_grid .card-container .card-info .all-news .news-desc,.products_card_list_grid .card-container .news-info .all-card .card-desc,.products_card_list_grid .card-container .news-info .all-card .news-desc,.products_card_list_grid .card-container .news-info .all-news .card-desc,.products_card_list_grid .card-container .news-info .all-news .news-desc,.products_card_list_grid .news-container .card-info .all-card .card-desc,.products_card_list_grid .news-container .card-info .all-card .news-desc,.products_card_list_grid .news-container .card-info .all-news .card-desc,.products_card_list_grid .news-container .card-info .all-news .news-desc,.products_card_list_grid .news-container .news-info .all-card .card-desc,.products_card_list_grid .news-container .news-info .all-card .news-desc,.products_card_list_grid .news-container .news-info .all-news .card-desc,.products_card_list_grid .news-container .news-info .all-news .news-desc {
        margin-bottom:0;
        padding-bottom: 30px
    }
}

.blogs_card_list_grid .card-container .card-info .all-card .know-more-card,.blogs_card_list_grid .card-container .card-info .all-card .know-more-news,.blogs_card_list_grid .card-container .card-info .all-news .know-more-card,.blogs_card_list_grid .card-container .card-info .all-news .know-more-news,.blogs_card_list_grid .card-container .news-info .all-card .know-more-card,.blogs_card_list_grid .card-container .news-info .all-card .know-more-news,.blogs_card_list_grid .card-container .news-info .all-news .know-more-card,.blogs_card_list_grid .card-container .news-info .all-news .know-more-news,.blogs_card_list_grid .news-container .card-info .all-card .know-more-card,.blogs_card_list_grid .news-container .card-info .all-card .know-more-news,.blogs_card_list_grid .news-container .card-info .all-news .know-more-card,.blogs_card_list_grid .news-container .card-info .all-news .know-more-news,.blogs_card_list_grid .news-container .news-info .all-card .know-more-card,.blogs_card_list_grid .news-container .news-info .all-card .know-more-news,.blogs_card_list_grid .news-container .news-info .all-news .know-more-card,.blogs_card_list_grid .news-container .news-info .all-news .know-more-news,.news_card_list_grid .card-container .card-info .all-card .know-more-card,.news_card_list_grid .card-container .card-info .all-card .know-more-news,.news_card_list_grid .card-container .card-info .all-news .know-more-card,.news_card_list_grid .card-container .card-info .all-news .know-more-news,.news_card_list_grid .card-container .news-info .all-card .know-more-card,.news_card_list_grid .card-container .news-info .all-card .know-more-news,.news_card_list_grid .card-container .news-info .all-news .know-more-card,.news_card_list_grid .card-container .news-info .all-news .know-more-news,.news_card_list_grid .news-container .card-info .all-card .know-more-card,.news_card_list_grid .news-container .card-info .all-card .know-more-news,.news_card_list_grid .news-container .card-info .all-news .know-more-card,.news_card_list_grid .news-container .card-info .all-news .know-more-news,.news_card_list_grid .news-container .news-info .all-card .know-more-card,.news_card_list_grid .news-container .news-info .all-card .know-more-news,.news_card_list_grid .news-container .news-info .all-news .know-more-card,.news_card_list_grid .news-container .news-info .all-news .know-more-news,.products_card_list_grid .card-container .card-info .all-card .know-more-card,.products_card_list_grid .card-container .card-info .all-card .know-more-news,.products_card_list_grid .card-container .card-info .all-news .know-more-card,.products_card_list_grid .card-container .card-info .all-news .know-more-news,.products_card_list_grid .card-container .news-info .all-card .know-more-card,.products_card_list_grid .card-container .news-info .all-card .know-more-news,.products_card_list_grid .card-container .news-info .all-news .know-more-card,.products_card_list_grid .card-container .news-info .all-news .know-more-news,.products_card_list_grid .news-container .card-info .all-card .know-more-card,.products_card_list_grid .news-container .card-info .all-card .know-more-news,.products_card_list_grid .news-container .card-info .all-news .know-more-card,.products_card_list_grid .news-container .card-info .all-news .know-more-news,.products_card_list_grid .news-container .news-info .all-card .know-more-card,.products_card_list_grid .news-container .news-info .all-card .know-more-news,.products_card_list_grid .news-container .news-info .all-news .know-more-card,.products_card_list_grid .news-container .news-info .all-news .know-more-news {
    box-shadow: none!important;
    background: none!important;
    border: 0!important;
    text-align: left!important;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    color: #e2231a!important;
    font-weight: 500;
    font-size: 16px;
    line-height: 140%;
    padding: 3px 10px;
    letter-spacing: unset;
    position: relative;
    transition: .5s ease-in-out;
    margin-right: 20px
}

.blogs_card_list_grid .product_card_list,.news_card_list_grid .product_card_list,.products_card_list_grid .product_card_list {
    width: 49%!important
}

@media screen and (max-width: 767px) {
    .blogs_card_list_grid .product_card_list,.news_card_list_grid .product_card_list,.products_card_list_grid .product_card_list {
        width:100%!important
    }
}

.product_catalog.mo-container {
    padding-top: 70px
}

@media screen and (max-width: 767px) {
    .product_catalog.mo-container {
        padding-top:40px
    }
}

.product_catalog.mo-container.removed-padding {
    padding-top: 0!important
}

.filter__cont {
    position: relative
}

.filter__cont.isSticky {
    animation: smoothScroll 1s forwards;
    position: fixed;
    top: 130px;
    width: 100%;
    transition: none;
    will-change: transform;
    left: 0;
    border-bottom: 1px solid #b7b7b7;
    z-index: 99;
    background: #fff;
    box-shadow: 0 5px 16px 0 hsla(0,0%,40.8%,.24)
}

.filter__cont.isSticky .filter__outer-container {
    border: none!important;
    padding-bottom: 0!important
}

@media screen and (max-width: 992px) {
    .filter__cont.isSticky {
        top:90px
    }
}

.filter__cont .container-fluid {
    /* padding: 0!important; */
}

.filter__outer-container {
    display: block;
    justify-content: space-between;
    border-bottom: 0;
    padding: 20px 0 0!important
}

@media screen and (min-width: 768px) {
    .filter__outer-container {
        display:flex;
        padding: 0!important
    }
}

@media screen and (max-width: 767px) {
    .filter__outer-container {
        border-bottom:none
    }
}

.filter__outer-container .filter__list-cont {
    height: auto
}

.filter__outer-container .filter__list-cont .filter__list-cont_inner {
    overflow-x: hidden!important
}

.filter-btn_category {
    height: 48px;
    padding: 10px 0;
    background-color: rgba(2,27,70,.1);
    border-radius: 30px;
    text-align: center;
    color: #021b46;
    font-size: 1.125em;
    letter-spacing: 1px;
    line-height: 27px;
    cursor: pointer;
    display: block;
    border: none;
    width: 100%;
    margin-top: 18px
}

.filter-btn_category.is-category-selected {
    background: #021b46;
    color: #fff;
    position: relative
}

.filter-btn_category.is-category-selected span {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    background-color: #fff;
    color: #021b46;
    font-size: 1.125em;
    letter-spacing: 1px;
    line-height: 30px;
    font-weight: 400;
    padding-top: 2.4px
}

@media screen and (min-width: 768px) {
    .filter-btn_category {
        display:none
    }
}

.filter__btn-cont {
    flex-basis: auto;
    width: 100%;
    padding: 0;
    position: relative
}

@media screen and (min-width: 768px) {
    .filter__btn-cont {
        width:auto;
        padding-right: 30px;
        padding-top: 8px
    }
}

@media screen and (min-width: 992px) {
    .filter__btn-cont {
        width:auto;
        padding-right: 40px;
        padding-top: 8px
    }
}

.filter__btn-cont:after {
    content: "";
    display: none;
    width: 1px;
    height: 60px;
    position: absolute;
    top: 0;
    background: #b7b7b7;
    right: 0
}

@media screen and (min-width: 768px) {
    .filter__btn-cont:after {
        display:block
    }
}

.filter__btn-cont .filter-btn {
    box-sizing: border-box;
    padding: 7px 29px 10px;
    border: 1px solid #021b46;
    background-color: initial;
    border-radius: 13px;
    color: #021b46;
    font-size: 1.125em;
    letter-spacing: 1px;
    line-height: 27px;
    cursor: pointer;
    height: 48px;
    width: 100%;
    position: relative
}

.filter__btn-cont .filter-btn img {
    width: 24px;
    vertical-align: middle;
    margin-right: 10px;
    filter: sepia(1) saturate(5) brightness(.4) hue-rotate(135deg)
}

@media screen and (min-width: 768px) {
    .filter__btn-cont .filter-btn {
        height:44px;
        width: auto
    }
}

.filter__btn-cont .filter-btn .filter-badge {
    border-radius: 50%;
    background-color: #021b46;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 27px;
    top: -10px;
    right: -10px;
    position: absolute;
    width: 31px;
    height: 31px!important;
    padding-top: 2.8px;
    padding-left: 10px
}

.filter__list-cont {
    flex-basis: 100%;
    position: relative;
    overflow-x: hidden;
    overflow-y: hidden;
    padding-top: 8px;
    height: 60px;
    display: none
}

.filter__list-cont.blog-topics {
    display: block
}

@media screen and (min-width: 768px) {
    .filter__list-cont {
        display:block;
        flex-basis: 72%
    }
}

@media screen and (min-width: 992px) {
    .filter__list-cont {
        flex-basis:75%
    }
}

@media screen and (min-width: 1200px) {
    .filter__list-cont {
        flex-basis:82%
    }
}

@media screen and (min-width: 1200px) and (max-width:1280px) {
    .filter__list-cont {
        max-width:90%!important;
        flex-basis: 80%
    }
}

.filter__list-cont.left-paddle-visible:before {
    content: "";
    position: absolute;
    height: 60px;
    width: 90px;
    top: 0;
    left: 0;
    background: linear-gradient(90deg,#fff 65%,hsla(0,0%,100%,0))
}

.filter__list-cont.right-paddle-visible:after {
    content: "";
    position: absolute;
    height: 60px;
    width: 90px;
    top: 0;
    right: 0;
    background: linear-gradient(90deg,hsla(0,0%,100%,0),#fff 35%)
}

.filter__list-cont.is-selected-category .left-paddle,.filter__list-cont.is-selected-category .right-paddle {
    transform: translate(0);
    top: auto;
    bottom: 0
}

.filter__list-cont.is-selected-category.left-paddle-visible:before,.filter__list-cont.is-selected-category.right-paddle-visible:after {
    top: auto;
    bottom: 0
}

.filter__list-cont_inner {
    overflow-x: hidden
}

.filter__list-cont_inner-category {
    list-style: none;
    padding: 0;
    margin: 0;
    width: auto;
    white-space: nowrap
}

.filter__list-cont_inner-category li {
    vertical-align: top
}

.filter__list-cont_inner-category li span {
    cursor: pointer
}

.filter__list-cont_inner-category li.selected span img {
    cursor: pointer;
    width: 10px;
    margin-left: 12px
}

.filter__list-cont .selected-category {
    padding-bottom: 0
}

.filter__list-cont .selected-category_list {
    list-style: none;
    padding: 0;
    gap: 5px;
    display: inline-grid
}

.filter__list-cont .selected-category_list .isLast:after,.filter__list-cont .selected-category_list .isLast:before {
    display: none
}

.filter__list-cont .selected-category_list li {
    display: inline-block;
    position: relative
}

@media screen and (max-width: 992px) {
    .filter__list-cont .selected-category_list li:nth-child(n+2) {
        margin-top:0
    }
}

.filter__list-cont .selected-category_list li:first-child {
    padding-left: 0
}

.filter__list-cont .selected-category_list li:nth-child(2) {
    margin-left: 10px
}

.filter__list-cont .selected-category_list li:nth-child(3) {
    margin-left: 20px
}

.filter__list-cont .selected-category_list li:before {
    content: "";
    position: absolute;
    right: -20px;
    top: 64%;
    display: block;
    border-bottom: 1px solid #b7b7b7;
    width: 25px;
    height: 25px;
    transform: translate(-50%,-50%) rotate(-65deg);
    display: none
}

.filter__list-cont .selected-category_list li:after {
    content: "";
    position: absolute;
    right: -20px;
    top: 36%;
    display: block;
    border-right: 1px solid #b7b7b7;
    width: 25px;
    height: 25px;
    transform: translate(-50%,-50%) rotate(-25deg);
    display: none
}

.filter__list-cont .selected-category_list li span {
    height: 30px;
    border-radius: 8px;
    background-color: #8aa8c8;
    color: #fff;
    font-size: 16px;
    line-height: 22.4px;
    padding: 4px 35px 10px 11px;
    font-weight: 400;
    display: inline-block;
    text-align: center;
    position: relative;
    overflow: hidden
}

.filter__list-cont .selected-category_list li span img {
    cursor: pointer;
    filter: brightness(0) invert(1);
    width: 8px;
    margin-left: 12px;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%)
}

.filter__list-cont .selected-category_list.overflow-items li span {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 100%
}

.product-catalog-detail {
    padding: 55px 0 38px
}

.product-catalog-detail__heading {
    color: #2e2e2e;
    font-size: clamp(1.6875rem,calc(1.3427rem + 1.7241vw),2.3125rem);
    font-weight: 600;
    letter-spacing: 0;
    line-height: 40px;
    padding-bottom: 10px
}

@media screen and (max-width: 767px) {
    .product-catalog-detail__heading {
        line-height:29px
    }
}

.product-catalog-detail__heading .first-word {
    color: #e2231a
}

.product-catalog-detail__text {
    color: #686868;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 25.6px;
    text-align: justify;
    max-width: 100%
}

@media screen and (min-width: 768px) {
    .product-catalog-detail__text {
        max-width:70%
    }
}

@media screen and (max-width: 1200px) {
    .product-catalog-detail__text {
        max-width:100%
    }
}

.product-catalog-detail__text h4 {
    margin-top: 0
}

.product-catalog-detail__text a {
    color: #686868;
    font-weight: 500;
    text-decoration: none
}

.product-catalog-detail__text a:hover {
    color: #e2231a;
    text-decoration: underline
}

.paddle {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 60px;
    z-index: 2;
    background: #e2231a;
    border: none;
    color: #fff;
    height: 60px;
    border-radius: 50%;
    transform: none;
    cursor: pointer
}

.paddle:hover {
    box-shadow: 0 4px 5px 0 rgba(226,35,26,.34)
}

.paddle img {
    filter: brightness(0) invert(1);
    width: 15px
}

.left-paddle {
    left: 0
}

.right-paddle {
    right: 0
}

.hidden {
    display: none
}

.popup__backdrop {
    position: fixed;
    display: none;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100vw;
    height: 100vh;
    opacity: 1;
    background-color: rgba(35,35,35,.37)
}

.popup__backdrop.show {
    display: block
}

.popup-product-categories {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: hidden;
    outline: 0;
    display: none;
    transition: transform .3s ease-out
}

.popup-product-categories.show {
    display: block
}

.popup-product-categories__container {
    box-shadow: 0 -2px 20px 0 rgba(0,0,0,.1);
    display: block;
    min-height: 200px;
    max-width: none;
    border-radius: 16px 16px 0 0;
    width: 100%;
    margin: 0 auto!important;
    background-color: #fff;
    position: absolute;
    top: 20%;
    bottom: 0;
    z-index: 102;
    height: auto!important
}

.popup-product-categories__container .modal-content {
    border: none
}

.popup-product-categories__title {
    width: 100%;
    text-align: center;
    color: #2e2e2e;
    font-size: 1.25em;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 29px;
    align-items: center;
    padding: 1rem;
    border-bottom: 1px solid #b7b7b7;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px)
}

.popup-product-categories__title .close-icon {
    background: none;
    border: none;
    position: absolute;
    right: 16px
}

.modal-filter__list-cont {
    flex-basis: 100%;
    position: relative;
    display: block;
    padding: 1em
}

.modal-filter__list-cont_inner-category {
    list-style: none;
    padding: 0;
    margin: 0;
    width: auto;
    display: inline-block;
    min-height: 100px
}

.modal-filter__list-cont_inner-category li {
    display: inline-block;
    padding-right: 24px;
    margin-bottom: 18px
}

.modal-filter__list-cont_inner-category li span {
    height: auto;
    border-radius: 30px;
    background-color: #d8e1ec;
    color: #021b46;
    font-size: 1em;
    letter-spacing: .89px;
    line-height: 24px;
    padding: 10px 15px 10px 18px;
    display: inline-block;
    cursor: pointer
}

.modal-filter__list-cont_inner-category li.selected span {
    background-color: #8aa8c8;
    color: #fff
}

.modal-filter__list-cont_inner-category li.selected span img {
    cursor: pointer;
    filter: brightness(0) invert(1);
    width: 10px;
    margin-left: 12px
}

.modal-filter__list-cont .selected-category {
    padding-bottom: 18px;
    border-bottom: 1px solid #b7b7b7;
    margin-bottom: 18px
}

.modal-filter__list-cont .selected-category_list {
    list-style: none;
    padding: 0;
    margin: 0
}

.modal-filter__list-cont .selected-category_list li {
    display: block;
    padding-bottom: 16px;
    position: relative
}

.modal-filter__list-cont .selected-category_list li:last-child {
    padding-bottom: 0
}

.modal-filter__list-cont .selected-category_list li span {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    border-radius: 13px;
    background-color: #021b46;
    color: #fff;
    font-size: 1em;
    letter-spacing: .89px;
    line-height: 24px;
    padding: 10px 40px 10px 18px;
    display: inline-block;
    text-align: center;
    position: relative
}

.modal-filter__list-cont .selected-category_list li span img {
    cursor: pointer;
    filter: brightness(0) invert(1);
    width: 10px;
    margin-left: 12px;
    position: absolute;
    top: 50%;
    right: 18px;
    transform: translateY(-50%)
}

#product-catalog-data .card-container .card .product-category {
    color: #686868;
    opacity: unset
}

#product-catalog-data .grid-block-container,.library-marketing-banner .grid-block-container {
    margin: 100px 0 103px
}

@media screen and (max-width: 992px) {
    #product-catalog-data .grid-block-container,.library-marketing-banner .grid-block-container {
        margin:0
    }
}

#product-catalog-data .grid-block-text,.library-marketing-banner .grid-block-text {
    padding: 42px 40px 24px
}

#product-catalog-data .grid-block-text .card-description,.library-marketing-banner .grid-block-text .card-description {
    padding: 14px 0
}

#product-catalog-data .grid-block-text .card-link a,.library-marketing-banner .grid-block-text .card-link a {
    height: 60px!important;
    width: auto;
    padding: 20px 43px
}

@media screen and (max-width: 767px) {
    #product-catalog-data .grid-block-text,.library-marketing-banner .grid-block-text {
        padding:44px 25px 40px
    }
}

#product-catalog-data .grid-block-image .card-image img,.library-marketing-banner .grid-block-image .card-image img {
    height: 100%
}

.selected-filter-list {
    padding: 2em .75em
}

.selected-filter-item {
    color: #2e2e2e;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 700;
    line-height: 35px;
    margin-right: 8px
}

.selected-filter-button {
    text-decoration: none;
    cursor: pointer;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .5px;
    line-height: 21px
}

.selected-filter-button .cls-icn {
    height: 11.54px;
    margin-left: .75em
}

.selected-filter-button:hover {
    text-decoration: none
}

.filter__btn-cont.handle-show:after {
    display: none!important
}

.no-results-container {
    margin-top: 2em!important
}

.page-link {
    font-weight: 300;
    font-size: .875em
}

.page-link:active,.page-link:focus {
    font-weight: 500
}

.pagination-container {
    margin-bottom: 54px
}

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

.pagination-container .pagination {
    align-items: flex-end;
    justify-content: flex-end;
    padding-top: 0;
    margin-bottom: 0
}

@media screen and (max-width: 767px) {
    .pagination-container .pagination {
        align-items:start;
        justify-content: center;
        margin-top: 20px
    }
}

.pagination-container .pagination li {
    margin: 5px
}

.pagination-container .pagination .next-enabled,.pagination-container .pagination .prev-enabled {
    text-decoration: none
}

.pagination-container .pagination .next-enabled img,.pagination-container .pagination .prev-enabled img {
    transition: transform .2s ease-in-out;
    transform-origin: center center
}

.pagination-container .pagination .next-enabled:hover img,.pagination-container .pagination .prev-enabled:hover img {
    transform: scale(1.2)
}

.pagination-container .pagination .page-num {
    color: #232323;
    text-decoration: none
}

.pagination-container .pagination .page-num:hover {
    text-decoration: underline
}

.pagination-container .pagination .active {
    color: #e2231a;
    font-weight: 700
}

.pagination-container .pagination .disabled {
    pointer-events: none;
    color: #232323
}

.pagination-container .dropdown.selected .form-select {
    font-weight: 300;
    color: #232323;
    height: 45px;
    width: 88px;
    text-align: center;
    position: relative
}

.pagination-container .dropdown .input-control-select-bordered {
    background-image: none
}

.pagination-container .dropdown .input-control-select-bordered.show:after {
    transform: rotate(180deg);
    z-index: 5
}

.pagination-container .dropdown .input-control-select-bordered.show+label {
    display: none
}

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

@media screen and (max-width: 767px) {
    .pagination-container .dropdown .input-control-select-bordered:after {
        color:#e2231a;
        top: 9px
    }
}

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

.page-count-data {
    padding: .7em 0 .5em .5em;
    color: #232323;
    font-family: Heebo;
    font-size: 1em;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 1.5em
}

@media screen and (max-width: 1200px) {
    .page-count-data {
        padding-left:1.6em
    }
}

@media screen and (min-width: 768px) and (max-width:991px) {
    .page-count-data {
        padding-left:.2em
    }
}

@media screen and (max-width: 767px) {
    .page-count-data {
        padding-left:1.6em
    }
}

@media screen and (max-width: 1200px) {
    .page-count-data {
        padding-left:.8em
    }
}

@media screen and (max-width: 767px) {
    .page-count-data p>div {
        padding-left:0
    }
}

@media screen and (min-width: 768px) and (max-width:991px) {
    .page-count-data p>div {
        padding-left:4px
    }
}

@media screen and (min-width: 992px) {
    .page-count-data p>div {
        padding-left:4px
    }
}

.global-pagination-count span {
    color: #232323;
    font-family: Heebo;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 24px
}

.product-sorting {
    padding-top: 2em
}

.product-sorting .dropdown .dropdown-menu {
    width: 100%;
    padding: .5em .5em 1.5em
}

.product-sorting .dropdown .dropdown-menu .dropdown-item:hover {
    border-radius: .5em
}

@media screen and (max-width: 992px) {
    .block.block-system.block-system-main-block .product-sorting {
        justify-content:space-between
    }
}

@media screen and (max-width: 992px) {
    .block.block-system.block-system-main-block .product-sorting .offset-md-5 {
        margin-left:0!important;
        width: 25%;
        margin-right: 15px!important
    }
}

@media screen and (max-width: 767px) {
    .block.block-system.block-system-main-block .product-sorting .offset-md-5 {
        width:100%!important
    }
}

@media screen and (max-width: 1200px) {
    .detail-images-slider {
        margin-bottom:72px
    }
}

.product-catalog-border-left,.product-details-border-left {
    border-left: 1px solid #686868
}

@media screen and (max-width: 767px) {
    .product-catalog-border-left,.product-details-border-left {
        border-left:0;
        text-align: left;
        margin: 0;
        padding: 1.5em 0
    }
}

.product-catalog-image-slider,.product-details-image-slider {
    max-width: calc(100% - 100px);
    margin: 0 auto!important;
    height: 100%;
    max-height: 540px;
    width: 100%
}

@media screen and (max-width: 767px) {
    .product-catalog-image-slider,.product-details-image-slider {
        width:100%;
        max-width: 90%
    }
}

.product-catalog-image-slider .slick-list,.product-catalog-image-slider .slick-track,.product-details-image-slider .slick-list,.product-details-image-slider .slick-track {
    height: 100%
}

.product-catalog-image-slider .image-container,.product-catalog-image-slider .slick-track .image-container,.product-details-image-slider .image-container,.product-details-image-slider .slick-track .image-container {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

@media screen and (max-width: 767px) {
    .product-catalog-image-slider .slick-prev,.product-details-image-slider .slick-prev {
        left:-10px
    }
}

.product-catalog-image-slider .slick-prev:before,.product-details-image-slider .slick-prev:before {
    content: "\f104";
    color: red;
    font-size: 30px
}

.product-catalog-image-slider .slick-next,.product-details-image-slider .slick-next {
    right: -10px
}

.product-catalog-image-slider .slick-next:before,.product-details-image-slider .slick-next:before {
    content: "\f105";
    color: #e2231a;
    font-size: 30px
}

.product-catalog-image-slider img,.product-details-image-slider img {
    height: auto;
    max-height: 430px;
    max-width: 430px
}

@media screen and (max-width: 767px) {
    .product-catalog-image-slider img,.product-details-image-slider img {
        max-height:240px
    }
}

.product-details-image-slider {
    height: auto;
    overflow: hidden!important
}

.card-container .card-info:hover .product_shot picture img {
    transform: scale(1.04)
}

.card-container .card-info .product_shot {
    padding: 30px;
    margin-bottom: 40px;
    height: 335px;
    max-height: 335px
}

.card-container .card-info .product_shot picture img {
    transition: all .5s ease
}

@media screen and (max-width: 767px) {
    .card-container .card-info .product_shot {
        padding:25px;
        margin-bottom: 30px
    }
}

@media screen and (min-width: 768px) and (max-width:991px) {
    .card-container .card-info .product_shot {
        padding:25px;
        margin-bottom: 30px
    }
}

.card-container .card-info .product_shot.product_img_back {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: linear-gradient(180deg,transparent 83.03%,rgba(0,0,0,.05))
}

/*框框和文字*/
.library-dropdown .form-select {
    border-bottom: 0;
    width: 100% !important;
    line-height: 180%;
    border-radius: 6px;
    background-color: #d8e1ec;
    padding-left: 11px;
    color: rgba(46,46,46,.7);
    padding: .375rem 35px .375rem 11px;
}


/*箭头*/
.library-dropdown .form-select:after {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    content: "";
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    right: 0;
    top: 0;
    width: 28.8px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 48'%3E%3Cpath fill='%230F4369' d='M0 0h56v48H0z'/%3E%3Cpath d='M34.2 21.182l-5.105 5.176a1.535 1.535 0 01-2.191 0L21.8 21.182' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    height: 100%;
}
/*箭头*/
.library-quick-view-footer .form-select.show:after,
.library-dropdown .form-select.show:after {
    transform: scaleY(-1);
}