* {
    margin: 0;
    padding: 0;
    word-break: break-word;
}

@font-face {
    font-family: DINNextLTPro-Light;
    src: url(../fonts/DINNextLTPro-Light.ce198086.otf);
}

body {
    font-family: 'DINNextLTPro-Light';
}

a {
    transition: all 0.3s;
}

    a:hover {
        text-decoration: none;
    }

img {
    max-width: 100%;
}

ul {
    margin-bottom: 0;
}

button, input, optgroup, select, textarea {
    font-size: 1rem;
}

.form-control:focus {
    box-shadow: none;
}

select {
    color: #8e95a0;
    min-width: 100px;
    border: solid 1px #ced4da;
    appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    -webkit-appearance: none;
    background: url(../images/select-arrow-dark.svg) #fff;
    background-size: 15px;
    background-position: 96%;
    background-repeat: no-repeat;
}

/*========== Global style======= */

.free-delivery-text {
    color: #333;
    text-align: center;
    font-size: 15px;
    line-height: 34px;
}

.list label {
    display: block;
    max-width: 100%;
    /* white-space: nowrap; */
    /* overflow: hidden; */
    text-overflow: ellipsis;
    padding: 3px 0 0 0px;
    margin-bottom: 0;
    position: relative;
    padding-left: 25px;
    font-size: 15px;
}

.specCheck {
    width: 18px;
    height: 18px;
    border: 1px solid #c8cad4;
    margin-right: 10px;
    /* vertical-align: middle; */
    float: left;
    /*display: table-cellblock;*/
    top: 0;
    position: absolute;
    left: 0;
    top: 4px;
}

/*.categories-container input[type="checkbox"]:checked ~ label .specCheck,
  .categories-container .checkbox-item.active .specCheck {
    border: 5px solid #cd192d !important;
  }*/

.categories-container .card-body .list > li.active span {
    background-color: #cd192d;
    border: none;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16px' height='13px' viewBox='0 0 16 13' style='enable-background:new 0 0 16 13%3B' xml:space='preserve'%3E%3Cstyle type='text/css'%3E.st0%7Bfill:%23fff%3B%7D%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M5.9 12.9c-0.4 0-0.8-0.2-1.2-0.5L0.5 7.9c-0.6-0.6-0.6-1.6 0-2.3c0.6-0.6 1.6-0.6 2.3 0l3.1 3.2l7.3-8.3c0.6-0.7 1.6-0.7 2.3-0.1c0.7 0.6 0.7 1.6 0.1 2.3l-8.5 9.6C6.8 12.7 6.4 12.9 5.9 12.9C6 12.9 5.9 12.9 5.9 12.9z'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 12px;
}

.custom-container-fluid {
    padding-left: 75px !important;
    padding-right: 80px !important;
}

.custom-container-fluid-narrow {
    padding-left: 270px !important;
    padding-right: 270px !important;
    padding-top: 60px !important;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
}

.text-ellipsis {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ui-slider-horizontal .ui-slider-handle {
    top: -5px !important;
}

.ajaxfilter-section ul li label::before {
    display: none !important;
}

/*.ajaxfilter-section ul li input:checked+label .specCheck {
      border: 3px solid #050a29;
  }*/

.cubic {
    width: 400px;
    margin: auto;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    text-align: left;
    color: #624042;
}

/******Global Header******/

.global-header {
    background: #fff;
    z-index: 100;
}

    .global-header .header-top {
        background: #222222;
        position: relative;
        z-index: 30;
        padding: 0px !important;
    }

    .global-header .header-selectors {
        float: right;
        display: flex;
    }

    .global-header .admin-links {
        float: left;
    }

    .global-header .header-selectors [class*="selector"] {
        margin: 5px 0 5px 10px;
    }

    .global-header .header-selectors select {
        height: auto;
        padding: 0 5px;
        border-radius: 0;
        color: #8e95a0;
        min-width: 100px;
        border: solid 1px #ced4da;
        appearance: none;
        -moz-appearance: none;
        -ms-appearance: none;
        -o-appearance: none;
        -webkit-appearance: none;
        background: url(../images/select-arrow-dark.svg) #fff;
        background-size: 15px;
        background-position: 96%;
        background-repeat: no-repeat;
        font-size: 14px;
        color: #46282a;
    }

    /*.global-header .second-dropdown {
      max-height: 100vh;
      overflow: auto;
      padding: 0 30px;
  }*/

    .global-header .second-dropdown {
        padding: 15px 30px;
    }

        .global-header .second-dropdown > .row {
            justify-content: center;
        }

    .global-header .header-menu .second-dropdown > ul > li > a {
        position: relative;
        border-bottom: 2px solid #000;
        margin-bottom: 10px;
    }

        .global-header .header-menu .second-dropdown > ul > li > a:hover {
            border-bottom: 2px solid #000;
        }

    /*.global-header .header-menu .second-dropdown > ul > li > a::after {
          content: "";
          display: block;
          width: 30%;
          position: absolute;
          bottom: 0;
          left: 0;
          border-bottom: 3px solid #000;
      }*/

    .global-header .all-manufacture {
        padding: 10px 0;
        background: #eee;
        margin: 40px auto 15px auto;
        max-width: 250px;
    }

.all-manufacture a {
    color: #333 !important;
}

.top-nav-container .navbar {
    padding: 0 30px;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
}

    .top-nav-container .navbar ul li a.nav-link {
        color: #fff;
        text-transform: uppercase;
        cursor: pointer;
    }

.header-menu {
    font-family: 'brokmanw00-mediumregular';
}

.top-nav-container .navbar > ul li .nav-link {
    padding: 19px 10px;
    font-size: 17px;
    border-bottom: 4px solid #fff;
}

.top-nav-container .navbar ul li .nav-link:not(.login-button):hover, .top-nav-container .navbar ul li.active a:not(.login-button), .top-nav-container .navbar .dropdown-menu a:not(.login-button):hover {
    color: #d31039;
}

/*.main-logo img{
      max-width: 180px;
      max-height: 40px;
  }*/

.navbar .icon-nav {
    color: #333;
    font-size: 35px;
}

.header-links ul {
    font-size: 1rem;
}

.mfp-close-btn-in .mfp-close {
    border-radius: 0 3px 0 0 !important;
}

.top-nav-container .navbar .dropdown-menu {
    position: absolute !important;
    margin-top: 0;
    left: 0;
    width: 420px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.20);
    border-radius: 0;
    text-transform: capitalize;
    color: #787878;
    line-height: 18px;
    padding: 0;
    border: unset;
    border-top: 3px solid;
}

.top-nav-container .header-links .navbar-nav .dropdown-login .user-login-box {
    width: 420px;
}

.top-nav-container .navbar .dropdown-cart .dropdown-menu {
    width: 420px;
    margin: auto;
}

.top-nav-container .navbar .dropdown-menu.store-search-box {
    width: auto;
    right: 0;
    left: auto;
    padding: 15px;
}

    .top-nav-container .navbar .dropdown-menu.store-search-box .search-box-text {
        height: 48px;
        width: 100%;
        vertical-align: top;
    }

.search-box .search-box-button {
    height: 48px;
}

.top-nav-container .navbar .dropdown-menu a:hover {
    color: #d31039;
    border-bottom: 0;
    text-decoration: none;
}

.top-nav-container .navbar .dropdown-menu ul li {
    position: relative;
    display: block;
    padding: 2px 0 0;
    margin: 25px 15px 0 15px;
    width: 200px;
}

.search-box ul li {
    width: 100% !important;
    margin: 0 !important;
}

.search-box form {
    width: 88%;
}

.top-nav-container .navbar .dropdown-menu .sublist.first-level .nav-item {
    margin: 0;
    width: 100%;
    text-align: left;
}

.top-nav-container .navbar .dropdown-menu ul li .fa-angle-right {
    background: #e4e6ec;
    padding: 3px 7px;
    margin-right: 5px;
}

.top-nav-container .navbar .dropdown-menu ul li:hover .fa-angle-right {
    background: #d31039;
    color: #fff;
}

.top-nav-container .navbar .user-login-box {
    width: 300px;
    padding: 15px;
}

.top-nav-container .header-links .navbar-nav .search-box-dropdown, .top-nav-container .header-links .navbar-nav .dropdown-login {
    position: relative;
}

    .top-nav-container .header-links .navbar-nav .search-box-dropdown .search-box-button {
        background: #d31039;
        border-radius: 0;
        border: 0;
        padding: 15px;
        color: #fff;
    }

.top-nav-container .navbar .user-login-box:before {
    position: absolute;
    right: 5px;
    top: -12px;
    width: 0;
    height: 0;
    content: "";
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 12px solid #ffffff;
}

.nav-dropdown-container a {
    line-height: 25px;
}

.top-nav-container .navbar .dropdown-menu a {
    padding: 0;
}

.dropdown-menu .login-nav-box a:hover {
    color: #fff !important;
}

.login-button {
    background: transparent;
    border: 1px solid transparent;
    color: #fff;
}

ul.sublist.first-level::after {
    content: "";
    display: block;
    clear: both;
}

.top-nav-container .navbar .sublist li .nav-link {
    display: inline-block;
}

    .top-nav-container .navbar .sublist li .nav-link:hover {
        border-color: #d31039;
    }

.top-nav-container .navbar ul.sublist li .nav-link:hover {
    color: #fff;
}

.icon-search, .icon-user, .icon-cart, .icon-love {
    font-size: 18px;
}

.search-box, .cart-dropdown-box {
    left: auto !important;
}

    .search-box .lime.lighten-2, .my-cart-box .lime.lighten-2 {
        background: #f05f5c;
        border-radius: 0;
        border: 0;
        padding: 15px;
        color: #fff;
    }

.header-menu .navbar-nav > .dropdown > a {
    padding-top: 0;
    padding-bottom: 0;
}

.header-menu .navbar-nav .dropdown-menu-list > a.btn-link, .top-nav-container .navbar ul li.nav-item a.nav-link {
    padding-left: 20px;
    padding-right: 20px
}

.header-menu .navbar-nav > .dropdown > a::after {
    content: "\f107";
    border: unset;
    vertical-align: baseline;
}

.header-menu .nav-item a {
    color: #fff;
    text-transform: uppercase;
    font-size: 17px;
}

.header-menu .second-dropdown li a {
    color: #333 !important;
    text-align: left;
}

.header-menu .first-lebel-nav > a {
    line-height: 0;
    vertical-align: baseline;
    text-decoration: none;
}

li.nav-item.nav-products {
    width: auto;
    position: static;
}

.search-box .form-control, .my-cart-box .form-control {
    border-radius: 0;
}

.my-cart-box .form-control {
    padding: 26px 15px;
}

.go-to-cart-button, .scrollup, .estimate-shipping-button {
    background: #d31039;
    padding: 10px 15px;
    transition: all 0.3s;
    outline: 0;
    box-shadow: none !important;
}

    .go-to-cart-button:hover {
        background: #46282a;
        cursor: pointer;
    }

    .go-to-cart-button:active {
        background-color: #000 !important;
        color: #fff !important;
    }

.login-nav-box {
    background: #d31039;
}

.login-nav-box-2 {
    background: #999;
}

    .login-nav-box a, .login-nav-box-2 a {
        color: #dee1e7 !important;
        font-size: 18px;
    }

        .login-nav-box a:hover, .login-nav-box-2 a:hover {
            color: #dee1e7 !important;
        }

.close-icon-box {
    background: #d4d6de;
    color: #fff !important;
}

.cart-quantity {
    background: #d31039;
    position: absolute;
    color: #fff;
    padding: 3px;
    font-size: 12px;
    top: 12px;
    right: -18px;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    font-weight: bold;
}

.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
    color: unset;
}

.nav-dropdown-container .products-nav-icon li a img {
    height: 50px;
    fill: #f00;
    transition: all 0.3s;
}

.manufacturer-container .products-nav-icon li a img {
    height: 70px;
}

.nav-dropdown-container .products-nav-icon li {
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
}

    .nav-dropdown-container .products-nav-icon li a:hover, .nav-dropdown-container .products-nav-icon li:hover {
        background: #d31039;
        color: #fff !important;
    }

.manufacturer-container .products-nav-icon li a:hover, .manufacturer-container .products-nav-icon li:hover {
    background: none;
    color: #d31039 !important;
}

.nav-dropdown-container .products-nav-icon li:hover img {
    filter: contrast(220%);
    -webkit-filter: contrast(220%);
}

.manufacturer-container .products-nav-icon li:hover img {
    filter: none;
}

.btn-close-menu {
    position: absolute;
    width: 30px;
    height: 30px;
    background: #cd192d;
    z-index: 5;
    float: right;
    right: 0;
    text-align: center !important;
    border: 0;
    color: #fff;
}

/******Global Header******/

/******Start Main Slider*/

.home-page-slider-1 {
    font-family: 'barlowbold';
}

    .home-page-slider-1 .owl-nav.disabled {
        display: none !important;
    }

    .home-page-slider-1 .owl-dots {
        position: absolute;
        bottom: 20px;
        left: 49%;
    }

    .home-page-slider-1 button.owl-dot {
        width: 35px;
        height: 5px;
        background-color: #fff !important;
        opacity: 1 !important;
        margin-right: 10px;
    }

        .home-page-slider-1 button.owl-dot.active {
            margin-right: 10px;
        }

    .home-page-slider-1 .home-page-slider-item {
        position: relative;
        display: block;
    }

    .home-page-slider-1 .slider-caption {
        position: absolute;
        top: 30%;
        left: 10%;
        z-index: 2;
    }

    .home-page-slider-1 .slider-title {
        font-size: 50px;
        font-weight: bold;
        line-height: 1;
        color: #fff;
        text-transform: uppercase;
        text-align: left;
    }

    .home-page-slider-1 .slider-subtitle {
        font-family: barlowregular;
        font-size: 28px;
        letter-spacing: 8px;
        margin-bottom: 10px;
        color: #fff;
        text-transform: uppercase;
    }

    .home-page-slider-1 .slider-btn {
        font-family: barlowregular;
        font-size: 16px;
        color: white;
        padding: 10px 20px;
        background: #e5ad39;
        display: inline-block !important;
        transition: all 0.5s;
        text-transform: uppercase;
        font-weight: bold;
        border-radius: 3px;
    }

        .home-page-slider-1 .slider-btn:hover {
            background: #46282a;
            cursor: pointer;
        }

    .home-page-slider-1 .owl-nav {
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        width: 100%;
        display: flex;
        justify-content: space-between;
        padding: 0 20px;
        color: #fff;
    }

    .home-page-slider-1 .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .home-page-slider-1 .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-next {
        font-size: 30px;
        background: #edb948;
        width: 30px;
        height: 30px;
        border-radius: 5px;
        transition: all 0.2s;
    }

        .home-page-slider-1 .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev:hover, .home-page-slider-1 .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-next:hover {
            opacity: 1;
        }

.home-page-slider-container .owl-carousel .owl-nav {
    display: block;
    top: auto;
}

    .home-page-slider-container .owl-carousel .owl-nav .owl-prev {
        margin-right: 5px;
    }

/******end home page main Slider*/

/* newsletter */
#newsletter {
    background: black;
    color: white;
    text-align: center;
    padding: 0.2rem 0;
}
#newsletter p {
    margin: 0;
}
#newsletter-dialog {
    padding: 0 !important;
}

#newsletter a {
    text-decoration: underline !important;
}

.page.newsletter-page .page-body {
    text-align: center;
}

.home-page-newsletter
{
    background-color: white;
    text-align: center;
    color: black;
    padding: 4px 30px 4px 30px;
    padding-top: 4px;
    padding-right: 30px;
    padding-bottom: 4px;
    padding-left: 30px;
    overflow-x: hidden;
}

    .home-page-newsletter .block-text-bottom form {
        margin-top: 50px;
        display: flex;
        align-items: stretch;
        justify-content: center;
        margin-bottom: 24px;
    }

    .home-page-newsletter .block-text-bottom form input {
        width: 425px;
        height: 58px;
        background-color: #f0f0f0;
        border: solid 1px black;
        color: black;
        padding-left: 16px;
        font-weight: 400;
    }

        .home-page-newsletter .block-text-bottom form button {
            font-size: 24px;
            font-weight: 700;
            border: none;
            padding: 0px 27px;
            background-color: #f0f0f0;
            color: #090909;
        }

        .home-page-newsletter .block-text-bottom form button:hover {
            background-color: #090909;
            color: #fff
        }

    .home-page-newsletter .block-text-bottom form input::placeholder {
        color: black;
        opacity: 1;
        /* Firefox */
    }

    .home-page-newsletter .block-text-bottom form input:-ms-input-placeholder {
        /* Internet Explorer 10-11 */
        color: black;
    }

    .home-page-newsletter .block-text-bottom form input::-ms-input-placeholder {
        /* Microsoft Edge */
        color: black;
    }

    .home-page-newsletter .block-text-bottom p {
        text-align: center;
        color: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
    }

        .home-page-newsletter .block-text-bottom p img {
            width: 16px;
            height: auto;
            margin-right: 9px
        }

/*advanced-products-tab*/
.advanced-products-box-link {
    display: block;
    height: 100%;
}

.products-tab-ads {
    height: calc(100% - 47px);
    background-size: cover;
    background-position: center center;
}

.products-tab-container {
    background-image: url(../images/products-tab.png);
}

    .products-tab-container .products-box-icon a {
        border-right: 0 !important;
    }

.advanced-products-titel {
    background: #d31039;
    color: #fff;
    padding: 10px;
    text-align: center;
    z-index: 555;
    position: absolute;
    bottom: 0;
    width: 100%;
}

.advanced-products-titel-box {
    display: none;
}

.products-tab-container .OCarousel-item .product-item {
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-bottom: 20px;
}

.products-tab-container .picture {
    width: 40%;
    margin-right: auto;
}

.products-tab-container .details {
    width: 55%;
    margin-left: auto;
    text-align: left;
}

.products-tab-container .products-box .add-info {
    align-items: flex-start
}

/*.products-tab-ads img {
    height: 100%;
    background: #c69d65;
  }*/

/*.products-tab-ads {
    height: 100%;
    background: #c69d65;
  }*/

.advanced-products-tab .products-box-icon {
    position: absolute;
    top: 0;
    margin: auto;
    width: 45px;
    text-align: center;
    right: 0;
    transition: all 0.3s;
    transform: translateY(-100px);
}

.advanced-products-tab .products-box:hover .products-box-icon {
    transform: translateY(0);
}

.advanced-products-tab .products-box-icon i {
    background: #d31039;
    padding: 0 2px;
    margin-bottom: 2px;
}

    .advanced-products-tab .products-box-icon i a {
        margin: 2px 0 !important;
        width: 35px !important;
        height: 35px;
    }

.advanced-products-tab .add-to-cart-button button {
    margin-right: 0;
}

.advanced-products-tab .tab-header-box, .advanced-products-tab .nav-tabs {
    border-bottom: none;
}

.advanced-products-tab .products-description .nav-tabs .nav-link {
    border: 0 !important;
}

.advanced-products-tab .nav-tabs .nav-link {
    border: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    font-family: 'brokmanw00-mediumregular' !important;
    font-weight: bold;
    letter-spacing: 1px;
    color: #bbbcc0;
}

.advanced-products-tab .owl-carousel .owl-nav {
    position: absolute;
    top: 27%;
    right: 0 !important;
    width: auto;
    z-index: -1;
}

    .advanced-products-tab .owl-carousel .owl-nav .owl-next {
        margin-right: 10px;
        margin-left: 5px;
    }

    .advanced-products-tab .owl-carousel .owl-nav button.owl-prev, .advanced-products-tab .owl-carousel .owl-nav button.owl-next {
        background: #eee;
        color: #666;
    }

.advanced-products-tab .owl-carousel .owl-dots {
    margin: 10px 0 0 0 !important;
}

.share-icon-list ul li {
    display: inline-block;
    padding-right: 20px;
    color: #b9bcbf;
}

    .share-icon-list ul li a {
        color: #b9bcbf;
    }

        .share-icon-list ul li a:hover {
            color: #cd192d;
        }

.overview .availability .stock, .overview .additional-details div {
    margin: 0 0 5px !important;
}

.go-to-cart-button {
    box-shadow: 3px 5px 10px #ddd !important;
}

.OCarousel-container .view-all-products-button {
    display: none !important;
}

.product-details-page .overview .button-2 {
    border: none !important;
    max-width: 50px;
    font-size: 16px;
    padding: 0px;
    margin: 0px;
    height: 45px;
    width: 45px;
}

.overview .actions {
    display: flex;
    margin-top: 30px;
    position: relative;
}

.overview .add-to-cart-panel {
    margin: 0px;
    flex-wrap: nowrap;
    position: static;
}

.overview .actions .quantity {
    max-width: 120px;
    position: relative;
}

.overview .actions .add-to-cart-button-detail {
    padding-left: 0px;
}

    .overview .actions .add-to-cart-button-detail button {
        padding: 10px 30px;
        height: 45px;
    }

.overview .actions .add-to-cart {
    margin: 0px;
}

.overview .actions .add-to-wishlist {
    margin-left: 20px;
}

.overview .availability a, .overview .additional-details a {
    border: none;
    padding: 0px;
    margin-bottom: 0px;
}

.overview .additional-details a {
    color: #444;
}

/*advanced-products-tab*/

/* quick view */

.quick-view-product-details-modal .modal-dialog {
    max-width: 100%;
    margin: 0;
}

.quick-view-product-details-modal .overview {
    margin: 0;
}

.quick-view-product-details-modal .share-item {
    display: flex;
    align-items: center;
}

    .quick-view-product-details-modal .share-item .share-item-label {
        margin-right: 8px;
    }

.quick-view-product-details-modal .modal-content {
    border: unset;
}

#quick-view-product-details-modal .product-price span {
    font-size: 32px !important;
    font-weight: normal !important;
}

#quick-view-product-details-modal .tabs-product-details p {
    font-size: 16px !important;
}

.add-to-cart-wrapper .add-to-cart-button-quick-view {
    background: #cd192d;
    padding: 8px 20px;
    transition: all 0.3s;
    outline: 0;
    box-shadow: none !important;
    text-align: center;
    width: 100%;
    text-transform: uppercase;
    border: none;
    color: #fff !important;
}

.add-to-cart-wrapper .btn-quick-view:hover {
    background: #46282a;
}

.add-to-cart-wrapper .btn-quick-view.wishlist-icon {
    border: solid 1px #ddd;
    background: #fff !important;
    color: #666 !important;
}

    .add-to-cart-wrapper .btn-quick-view.wishlist-icon:hover {
        background: #eee;
    }

.quick-view-product-details-modal .btn-email-friend, .quick-view-product-details-modal .btn-compare-product, .wishlist-icon {
    padding: 8px 20px;
    text-transform: uppercase;
    font-size: 16px;
    text-align: center;
    width: 100%;
    border: 1px solid #ddd;
    color: #666 !important;
    background: white;
}

    .quick-view-product-details-modal .btn-email-friend:hover, .quick-view-product-details-modal .btn-compare-product:hover {
        background: #eee;
    }

.mfp-close-btn-in .mfp-close {
    width: 45px !important;
    height: 45px !important;
    background: #d31039;
    color: white !important;
}

.c-white {
    color: #ffffff;
}

/*********Boby-css********/

.category-list-img div {
    padding: 7px;
    text-align: center;
}

.category-add-text, .featured-box-text, .category-list-img div {
    /*bottom:30px;
    left: 50%;
    transform: translate(-50%, 50%);
    position: absolute;*/
    position: relative;
    font-family: 'barlowbold';
    font-size: 15px;
    width: 100%;
    color: #d31039;
    background: #f2f2f2 !important;
    border-bottom: 3px solid #d31039;
}

.category-add a {
    color: #fff;
}

    /*.category-page .category-add a {
      border-radius: 3px !important;
      box-shadow: 0px 3px 5px #c0c4ca !important;
  }*/

    .category-add a:hover {
        box-shadow: none;
        border-radius: 3px;
    }

        .category-add a:hover .category-add-text {
            background: #d31039 !important;
        }

.OCarousel-category-slider .OCarousel-item {
    overflow: hidden;
}

.category-add a:hover .category-add-text {
    color: #dee1e7;
    transition: all 0.7s;
}

.OCarousel-category-slider a:hover .category-add-text, .category-list-img:hover div {
    background: #d31039 !important;
    transition: all 0.7s;
    color: #fff;
}

.OCarousel-category-slider a img, .category-add a img, .featured-products-box img {
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.OCarousel-category-slider a:hover img, .category-add a:hover img, .featured-products-box:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.category-add a, .featured-products-box {
    overflow: hidden;
    position: relative;
}

.featured-box-text h2 {
    font-size: 22px;
    background: rgba(255, 255, 255, 1);
    padding: 10px 15px;
    color: #333;
}

.featured-box-text {
    background: none;
    bottom: 25%;
    font-family: 'barlowregular';
}

    .featured-box-text button {
        margin-bottom: 25px;
    }

.featured-products-box img {
    height: 100%;
}

.category-add-text i {
    font-size: 12px;
}

.category-add .owl-carousel .owl-dots.disabled, .category-add .owl-carousel .owl-nav.disabled {
    text-align: center !important;
}

/*featured-products-container*/

.owl-theme .owl-nav {
    text-align: left !important;
}

.featured-products-container .owl-carousel .owl-nav button.owl-next, .featured-products-container .owl-carousel .owl-nav button.owl-prev, .featured-products-container .owl-carousel button.owl-dot, .ads-slider-container .owl-carousel .owl-nav button.owl-next, .ads-slider-container .owl-carousel .owl-nav button.owl-prev, .products-gallery .owl-carousel .owl-nav button.owl-next, .products-gallery .owl-carousel .owl-nav button.owl-prev, .bestsellers .owl-carousel .owl-nav button.owl-next, .bestsellers .owl-carousel .owl-nav button.owl-prev, .pagination-box button, .thumb-list-slider .owl-carousel .owl-nav button.owl-next, .thumb-list-slider .owl-carousel .owl-nav button.owl-prev, .latest-product .owl-carousel .owl-nav button.owl-prev, .latest-product .owl-carousel .owl-nav button.owl-next, .home-page-slider-2.owl-carousel .owl-nav button.owl-prev, .home-page-slider-2.owl-carousel .owl-nav button.owl-next {
    width: 30px;
    height: 30px;
    font: inherit;
    color: #fff;
    background: #cad3dd;
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next {
    color: #fff;
    background: #d31039;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 11px !important;
    border-radius: 0;
}

.category-slider .owl-carousel .owl-nav button.owl-prev, .category-slider .owl-carousel .owl-nav button.owl-next {
    margin-left: 16px;
    margin-right: 16px;
}

.featured-products-container {
    padding: 0 2rem;
}

    .featured-products-container .owl-nav {
        position: relative;
    }

.related-products .owl-carousel .owl-nav.disabled {
    display: inherit !important;
}

.title-container {
    padding: 10px;
    text-align: center !important;
    text-transform: uppercase;
    width: 100%;
    font-size: 30px;
    font-family: 'barlowbold';
    letter-spacing: 1px;
    color: #000;
    font-weight: 200;
}

.owl-nav .owl-next [aria-label="Next"], .owl-nav .owl-prev [aria-label="Previous"] {
    font-size: 0;
}

    .owl-nav .owl-next [aria-label="Next"]::before, .owl-nav .owl-prev [aria-label="Previous"]::before {
        font-size: 12px;
        font-family: 'icomoon' !important;
        /*speak: none;*/
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
    }

    .owl-nav .owl-next [aria-label="Next"]::before {
        content: "\e902";
    }

    .owl-nav .owl-prev [aria-label="Previous"]::before {
        content: "\e901";
    }

/*products-quick-box*/

.mfp-content #quick-view-modal {
    padding: 0 !important;
}

.products-quick-box .modal-dialog {
    max-width: 75%;
    margin: 30px auto;
}

.products-quick-box .modal-content {
    border: 0;
    border-radius: 0;
}

.products-quick-box .owl-dots {
    display: none;
}

.products-quick-box .owl-nav {
    bottom: 0 !important;
}

.products-quick-box .close {
    right: 0;
    position: absolute;
    top: 0;
    background: #d31039;
    opacity: 1;
    padding: 15px 15px;
    color: #fff;
    font-size: 12px;
    z-index: 5;
}

    .products-quick-box .close:hover {
        background: #333;
        color: #fff !important;
        opacity: 1;
    }

/*products-quick-box*/

/*products-box*/

.featured-products-box {
    overflow: hidden;
    height: 100%;
    background: url(../images/featured-products-ads.jpg);
}

.products-box a {
    font-size: 16px;
    color: #080808;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
}

.products-box .product-title {
    height: 50px;
}

.products-box .price {
    color: #999 !important;
    font-weight: bold;
    margin: 0px 5px
}

    .products-box .price.old-price {
        margin: 0px 5px
    }

.products-box-new-icon-set {
    display: inline-flex;
    margin: auto;
    text-align: center;
    background: #cad2d8;
    border-radius: 4px;
    box-shadow: 0 1px 3px #e8e6ed;
    margin-top: auto;
    margin-bottom: 0px;
}

.products-box-icon {
    /*position: absolute;
      bottom: 110px;
      right:0;
      left:0;*/
    transition: all 0.3s;
    opacity: 1;
    text-align: center;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .products-box-icon .button-2 .text-white {
        border-right: 1px solid #fff;
    }

.product-list .products-box-icon {
    opacity: 1;
    position: static;
    display: inline-block;
}

.product-list .add-to-cart-button {
    position: static;
    display: inline-block;
    vertical-align: bottom;
    margin-bottom: 5px;
}

.add-to-cart-button-detail {
    padding-left: 15px;
    width: auto;
    margin-left: 20px;
    height: 43px;
}

.product-list .products-box-icon {
    bottom: initial;
    top: 40px;
}

.products-box:hover .products-box-icon {
    transform: translateX(0);
    opacity: 1;
}

.products-box-icon i {
    display: inline-flex;
    color: #fff;
    vertical-align: top;
}

.products-box-icon > i:nth-child(4) {
    margin-left: 4px;
}

.products-box-icon i a {
    background: none !important;
    color: #fff;
    margin: 12px 0 0 0;
    display: block;
    transition: all 0.3s;
    width: 38px;
    display: flex;
    align-items: center;
    border-radius: 0;
    color: white;
    justify-content: center;
    margin-top: 0px;
}

.products-box {
    overflow: hidden;
    position: relative;
    background: #fff;
    border: solid 1px #f4f4f4 !important;
    box-shadow: 0 1px 3px #e8e6ed;
    margin-bottom: 4px;
    text-align: center;
}

    .products-box .prices {
        font-weight: bold;
        margin-bottom: 10px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .products-box .sku-box-new {
        text-align: center !important;
        padding-left: 0px !important
    }

.quick-view-plugin-btn {
    width: 42px !important;
}

.products-box .description {
    display: none;
}

.products-box .add-info {
    flex-grow: 1;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.products-box .products-box-new-icon-set {
    margin: 0px;
    display: flex;
}

.products-box-icon i a:hover {
    background: #46282a;
}

.new-product-label {
    background: #d31039;
    text-align: center;
}

.discount-info-label, .bestseller-label {
    background: #46282a !important;
}

.product-essential .bestseller-label, .product-essential .discount-info-label, .product-essential .new-product-label {
    margin-left: 15px;
}

.modal-body .bestseller-label {
    margin-left: 0 !important;
}

.old-price {
    color: #999;
    text-decoration: line-through;
}

.offer-content {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10001;
}

.offer-box {
    background: #f42121;
    padding: 7px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    display: inline-block;
}

.new-products {
    background: #46282a;
}

.add-to-cart-button button, .PartsFinder-container .product-box-add-to-cart-button {
    padding: 8px 14px;
    background: #cd192d;
    color: #fff;
    border-radius: 5px;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .add-to-cart-button button .icon-cart {
        margin-right: 5px
    }

    .add-to-cart-button button span, .slider-btn span, .go-to-cart-button span, .add-to-cart-button-quick-view span {
        font-size: 23px;
        line-height: 0;
        font-weight: bold;
        vertical-align: middle;
    }

/*.add-to-cart-button {
    position: absolute;
    right: 15px;
    bottom: 15px;
  }*/

/*products-box*/

.featured-product, .bestsellers {
    background-image: url(../images/Featured-Products-bg.png);
}

.new-product-container {
    background-image: url(../images/New-Products-bg.jpg);
    background-size: cover;
    padding: 25px 0;
}

    .new-product-container .products-box {
        border: none !important;
        box-shadow: none;
    }

    .featured-product .title-container, .new-product-container .title-container, .OCarousel-category-slider .title-container {
        margin: 20px;
    }

    .new-product-container .title-container {
        color: #fff;
    }

.new-arrivals-container, .ads-slider-container {
    margin-top: 80px;
}

.ads-slider-container {
    background-image: url(../images/adsslidebg.jpg);
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

    .ads-slider-container .owl-carousel button.owl-dot.active {
        background: #d31039;
        padding: 8px 8px !important;
        opacity: 1;
    }

    .ads-slider-container .owl-dots {
        text-align: center;
    }

    .ads-slider-container .owl-carousel button.owl-dot {
        padding: 5px 5px !important;
        border: 0;
        border-radius: 50px;
        background: #d31039;
        opacity: 0.4;
        margin: 35px 5px 5px 5px;
    }

    .ads-slider-container .owl-stage-outer {
        box-shadow: 0 0 10px #594c4c;
    }

    .ads-slider-container .owl-nav, .products-gallery .owl-nav {
        position: absolute;
        bottom: 64px;
    }

.offer-box-content {
    padding: 20px 0;
}

    .offer-box-content h2 {
        font-size: 45px;
        color: #d31039;
        font-family: 'barlowbold';
    }

/*blogs-container*/

/*.products-gallery h2::before,
  .blogs-container h2::before,
  .read-mre-box::before,
  .thumb-list-slider .title h2::before {
      content: "";
      display: inline-block;
      width: 40px;
      border-bottom: solid 4px #d31039;
      margin-right: 15px;
      color: #d31039;
  }*/

.read-mre-box::before {
    width: 25px;
    border-bottom: solid 2px #d31039;
    margin-right: 10px;
}

.products-gallery h2 span, .blogs-container h2 span, .read-mre-box a, .related-products h2 span {
    vertical-align: middle;
    color: #d31039;
    font-weight: bold;
}

.products-gallery .owl-nav {
    bottom: 24px;
}

/*blogs-container*/

/*********Footer********/

.mobile-footer-service h5 strong, .mobile-footer-information h5 strong {
    color: #fff !important;
}

.manufacturers-bg {
    padding: 30px 0;
    background: #f3f3f3;
}

    .manufacturers-bg img {
        border: solid 1px #ddd;
    }

.advantages-box {
    background: #f3f4f9;
    padding: 5rem !important;
}

    .advantages-box .border-right {
        border-right: solid 1px #66646a !important;
    }

.all-manufacture {
    padding: 8px 0;
    background: #ecf0f1;
}

.footer-nav-header h5 {
    color: #fff;
    font-weight: bold;
    letter-spacing: 1px;
}

.footer-nav-header {
    font-size: 18px;
}

    .footer-nav a, .footer-nav-header a, .copyright-container a {
        color: #fff;
        text-shadow: 0 1px 0 #000;
        font-size: 18px;
    }

        .copyright-container a:hover, .footer-nav-header a:hover {
            color: #d31039;
            text-decoration: none;
        }

            .footer-nav-header a:hover i {
                color: #d31039;
            }

    .footer-nav-header ul li {
        display: inherit;
        padding: 5px 0;
    }

.newsletter-content, .newsletter-content input {
    background: none;
    border: solid 1px #424246;
    color: #424246;
    border-radius: 0;
}

    .newsletter-content .input-group-text {
        background: #18171d !important;
        border: solid 1px #424246;
        border-radius: 0;
    }

.newsletter-email {
    position: relative;
    width: 100%;
}

    .newsletter-email input[type="email"] {
        width: 100%;
        background: transparent;
        border-color: #66646a;
    }

        .newsletter-email input[type="email"]:focus {
            background: rgba(255, 255, 255, 1);
        }

    .newsletter-email .newsletter-subscribe-button {
        position: absolute;
        right: 0;
        top: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;
        border-color: #66646a;
        border-width: 0;
        transition: all 0.3s;
        border-left: none;
    }

.social a {
    color: #babac2;
    font-weight: bold;
    font-size: 20px;
}

.newsletter-email .newsletter-subscribe-button:hover {
    background: #66646a;
    color: #fff;
}

.newsletter {
    padding: 30px 20px 50px 20px;
    background: #fff;
}

    .newsletter h5 {
        color: #333 !important;
    }

.copyright-container {
    background: #fff;
    padding-top: 20px !important;
}

    .copyright-container i, .social-media-icon i {
        padding: 0px 10px 0 0;
        font-size: 20px;
    }

.payment-icon {
    color: #66646a;
}

.social-media-icon {
    text-align: right;
}

.footer-nav-content {
    background: url(../images/footer-bg.jpg);
    background-size: cover;
    bottom: 0;
}

.footer-nav li a::before {
    content: "\f0da";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    margin-right: 3px;
}

.theme-selector select {
    color: #8e95a0;
    min-width: 100px;
    border: solid 1px #ced4da;
    appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    -webkit-appearance: none;
    background: url(../images/select-arrow-dark.svg) #fff;
    background-size: 15px;
    background-position: 96%;
    background-repeat: no-repeat;
    border-radius: 0;
}

.footer-powered-by a {
    color: #1088dd !important;
    text-shadow: none;
}

.footer-disclaimer {
    line-height: 35px;
}

/*********Footer********/

/*********Products-list-page********/

.products-list-header h1, .products-list-header-body ul li.active a {
    font-family: 'barlowbold';
    color: #fff;
}

.products-list-header h1 {
    font-size: 2rem;
}

.products-list-header {
    background: url(../images/products-page-header-bg.jpg);
    background-size: cover;
    padding: 35px;
    /*height: 150px;*/
    margin-top: 68px;
    box-shadow: 1px 3px 2px #efeef5;
}

    .products-list-header ul li, .products-list-header-body ul li, .products-description-container ul li {
        display: inline-block;
    }

        .products-list-header ul li a, .products-list-header ul li, .products-list-header-body ul li a, .products-description-container ul li a {
            color: #fff;
            text-decoration: none;
        }

        .products-list-header-body ul li strong {
            color: #fff !important;
            text-decoration: underline;
        }

.products-list-container-body, .products-body-content {
    padding: 0 4rem;
}

.products-list-container-body, .products-body-content {
    width: 100%;
    max-width: 1380px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.products-list-header-body {
    text-align: center;
}

    .products-list-header-body ul li strong.active, .products-list-header-body ul li strong {
        color: #d31039;
    }

    .products-list-header-body select, .products-description-container select, .manufacturers-container select, .checkout-box select, .product-selectors select, .date-of-birth select, .attributes select {
        color: #8e95a0;
        /*min-width: 100px;
          max-width: 294px;*/
        border: solid 1px #e4e7eb;
        appearance: none;
        -moz-appearance: none;
        -ms-appearance: none;
        -o-appearance: none;
        -webkit-appearance: none;
        background: url(../images/select-arrow-dark.svg) #fff;
        background-size: 15px;
        background-position: 97%;
        background-repeat: no-repeat;
    }

.product-selectors .product-viewmode {
    display: none
}

.product-selectors {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-right: 0px;
}

    .product-selectors:after {
        display: none;
    }

    .product-selectors span {
        padding-top: 0px !important;
    }

.product-sorting select {
    min-width: 165px;
    padding-left: 10px;
}

.product-selectors .product-page-size {
    margin-left: auto;
    margin-right: 10px;
}

.product-selectors > div {
    border: none
}

.product-selectors .product-page-size span {
    display: none
}

.pager ul {
    display: flex;
    justify-content: center;
    align-items: stretch;
}

.pager li a, .pager li span {
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.attributes select, .attributes dd {
    width: 100%;
}

.attributes dd {
    margin-right: 7px;
}

    .attributes dd:last-of-type {
        margin-right: 0;
    }

.products-list-header-body .icon-products-view-1, .products-list-header-body .icon-products-view {
    font-size: 28px;
    vertical-align: -6px;
    color: #bac1cc;
}

.products-list-header-body a span:hover, .products-list-header-body a span.active, .cart-container .fa-trash-o:hover {
    color: #000;
}

.products-body-content .products-box {
    transition: all .3s linear;
    width: 100%;
    display: flex;
    flex-direction: column;
}

    .products-body-content .products-box:hover {
        box-shadow: 0 0 15px #ddd;
    }

/*categories*/

.bikepopup-label {
    font-size: 16px;
}

    .bike-filter h5 {
        font-weight: bold;
        overflow: hidden;
        font-size: 15px;
        cursor: pointer;
        text-transform: uppercase;
        max-height: 43px;
        font-family: 'brokmanw00-mediumregular';
        letter-spacing: 1px;
    }

    .bike-filter .block {
        max-width: none
    }

        .bike-filter .block a {
            padding: 8px 14px;
            border-radius: 5px;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            line-height: 1;
            height: 40px;
            font-weight: bold;
            text-align: center;
        }

            .bike-filter .block a i {
                margin-right: 7px;
                font-size: 18px;
            }


.bike-filter a {
    color: #cd192d;
    padding: 10px;
    line-height: 1;
    display: flex;
    font-size: 16px;
}

.border-0.remove-search-bike {
    background: transparent;
    margin-right: 10px;
}

.clear-filters {
    margin-bottom: 10px
}

    .clear-filters a {
        color: #b0b4bd;
    }

    .clear-filters img {
        width: 12px;
        margin-right: 7px
    }

.ajax-filter-section input[type="checkbox"]:checked ~ label .specCheck {
    border: 5px solid #cd192d !important;
}

.block-category-navigation, .block-recently-viewed-products, .block-popular-tags, .bike-filter {
    border: solid 1px #dde1e7;
    background: #fff;
    text-transform: uppercase;
}

.filters-box .collapse {
    border: solid 1px #dde1e7;
}

.filters-box .filters-box-header h5, .block-category-navigation h5, .block-recently-viewed-products h5, .block-popular-tags h5 {
    font-weight: bold;
    color: #fff;
    overflow: hidden;
    font-size: 15px;
    cursor: pointer;
    text-transform: uppercase;
    background: #000;
    padding: 13px 15px;
    max-height: 43px;
    font-family: 'brokmanw00-mediumregular';
    letter-spacing: 1px;
}

    .filters-box .filters-box-header h5 i, .block-category-navigation h5 i, .block-recently-viewed-products h5 i, .block-popular-tags h5 i {
        font-size: 18px;
    }

.filters-box .accordion h5 {
    color: #fff;
    font-size: 15px;
    cursor: pointer;
    font-family: 'brokmanw00-mediumregular';
    /*margin-bottom: 10px !important;*/
    letter-spacing: 1px;
}

.filters-box .filters-box-header h5 .rotate-icon {
    color: #fff;
    font-size: 18px;
}

.filters-box .accordion, .block-category-navigation .collapse, .block-recently-viewed-products .collapse, .block-popular-tags .collapse {
    padding: 15px;
    border-bottom: solid 1px #dde1e7;
    text-transform: uppercase;
}

#filter-section-Preis .accordion {
    padding: 0px;
}

#filter-section-Preis .block {
    max-width: none
}

.accordion-info-nav .card-header h5 .rotate-icon, .accordion-service-nav .card-header h5 .rotate-icon, .accordion-my-account .card-header h5 .rotate-icon {
    color: #fff;
}

.card, .card-header {
    background: none !important;
    border: 0 !important;
}

.ui-slider .ui-slider-range {
    border: 0 !important;
}

.ui-widget-content .ui-state-default {
    box-shadow: none !important;
    border-radius: 0 !important;
}

.accordion-info-nav .card-header, .accordion-service-nav .card-header, .accordion-my-account .card-header {
    outline: none;
    cursor: pointer;
}

.categories-container .card-body ul li {
    display: inherit;
    padding: 5px 0;
}

    .categories-container .card-body ul li a {
        color: #333;
        font-size: 16px;
    }

        .categories-container .card-body ul li a span {
            opacity: .6
        }

/*.categories-container .card-body ul li.active a {
          color: #acafb3 !important;
      }*/

.categories-container .card-body .list {
    padding: 15px;
    display: flex;
    flex-wrap: wrap;
    text-transform: uppercase;
}

    .categories-container .card-body .list > li {
        display: flex;
        align-items: center;
        width: 50%;
    }

    .categories-container .card-body .list label span {
        /*top: 0px*/
    }

.categories-list .active .sublist {
    margin: 0 0 0 15px;
    padding-top: 5px;
}

.sublist .active a {
    border-left: solid 2px #d31039;
    padding: 0 10px;
    color: #cd192d !important;
}

.sublist .active li.inactive a {
    border-left: none;
    color: #333 !important;
}

.active .sublist .active a:hover {
    border-left: solid 2px #d31039;
}

.accordion .card-header h5:not(.collapsed) .rotate-icon {
   /* -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);*/
}

.accordion .card .card-header a:not(.collapsed) .rotate-icon {
   /* -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);*/
}

.price-container .listbox {
    padding: 15px
}

.price-container .noUi-handle {
    background: #000;
}

.price-container .noUi-horizontal .noUi-handle::before, .price-container .noUi-horizontal .noUi-handle::after {
    content: unset;
}

.price-container .noUi-connects {
    height: 3px;
    background-color: #000;
}

.price-container .noUi-touch-area {
    cursor: ew-resize;
}

.price-container .noUi-horizontal .noUi-handle {
    width: 14px;
    height: 14px;
    left: 100%;
    right: auto !important;
    box-shadow: none;
    border: none;
    background: #cd192d;
    border-radius: 0px;
    cursor: pointer;
}

.price-container .noUi-horizontal .noUi-origin:last-child .noUi-handle {
    left: auto;
    right: -2px !important;
}

.price-container .noUi-horizontal {
    height: 2px !important;
}

.price-container #slider-range {
    background: #ccc !important;
    margin: 25px 0px;
}

.price-container .rangeinput input {
    padding: 0px 20px;
    border: 1px solid #c8cad4;
    height: 25px;
    font-size: 14px;
    max-width: 80px;
}

.side-2 input[type="reset"] {
    display: none !important;
}

/*categories*/

/*colour*/

.color-one {
    background: #d6cebf;
}

.color-two {
    background: #f1c7bf;
}

.color-three {
    background: #dc9c7a;
}

.color-four {
    background: #c5d4cd;
}

.color-five {
    background: #dac4ce;
}

.color-six {
    background: #b1badd;
}

.color-seven {
    background: #f1adcc;
}

.color-eight {
    background: #fab591;
}

.color-nine {
    background: #eed7a9;
}

.color-ten {
    background: #beaaa6;
}

.color-box-container ul li {
    display: inline-block !important;
    margin-right: 5px;
}

.side-2 .seo-side {
    margin-top: 30px
}

    .side-2 .seo-side h2 {
        font-size: 28px
    }

/*colour*/

.pagination-box button:hover, .owl-nav button:hover {
    background: #d31039 !important;
    color: #fff !important;
    transition: all 0.2s;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border: none;
    background: #d31039;
    border-radius: 50%;
    cursor: e-resize;
}

.ui-widget-header {
    border: 1px solid #eff1f5;
    background: #eff1f5;
}

.ui-widget.ui-widget-content {
    border: unset !important;
}

/*********Products-list-page********/

/*********products-description*********/

.attributes-content-box {
    overflow: hidden;
}

    .attributes-content-box dt {
        width: 115px;
        float: left;
        margin-bottom: 5px;
        padding: 10px 0;
    }

    .attributes-content-box dd {
        float: left;
        width: 47%;
    }

.qtyminus, .qtyplus {
    position: absolute;
    background: #eee !important;
    color: #333;
    margin-right: 15px;
    border: 1px solid #dde1e7;
    line-height: 0;
}

.qtyminus {
    margin-left: 15px;
    bottom: 0;
    right: -15px;
    height: 24px;
    padding: 6px 7px;
}

.qtyplus {
    right: 0 !important;
    left: auto !important;
    height: 22px;
    padding: 5px 5px;
    min-width: 22px;
}

.add-to-cart-panel input[type="text"] {
    height: 45px !important;
    text-align: left !important;
}

.qtyplus {
    right: -15px !important;
    left: auto !important;
}

.related-products .owl-nav button {
    margin-top: 0 !important;
}

.stock .text-warning {
    font-family: 'brokmanw00-mediumregular';
    color: #28b332 !important;
}

.products-description .nav-tabs li a.active {
    color: #d31039;
}

.products-description .nav-tabs li a {
    color: #afadb5;
    font-weight: bold;
    font-family: 'brokmanw00-mediumregular';
    letter-spacing: 1px;
}

.products-description .nav-tabs {
    border-bottom: 0;
    max-width: 500px;
    margin: auto;
    display: flex;
}

.tab-header-box {
    border-bottom: 1px solid #999;
    margin: 0 0 20px 0;
}

.products-description .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active, .products-description .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link:hover {
    /*border-color: #dddbe4 #dddbe4 #fff;*/
    border: none;
    color: #d31039;
}

.products-description ul li strong {
    padding: .4rem 0;
    display: block;
    font-family: 'brokmanw00-mediumregular';
    font-size: 25px;
}

.products-description .nav-tabs .nav-link {
    border: 0 !important;
}

.products-description .nav-tabs .nav-item {
    margin-bottom: 0 !important;
    margin: auto;
}

    .products-description .nav-tabs .nav-item a:hover {
        margin-bottom: 0 !important;
        border: 0 !important;
    }

.products-description .tab-content .fade {
    text-align: justify;
    color: #626262;
}

.products-description-container h3 {
    font-weight: bold;
    font-size: 24px;
}

.products-description-container h2 span {
    font-size: 24px;
    text-decoration: line-through;
}

.products-description-container input {
    border-radius: 0;
}

.products-description-container .wishlist-icon {
    padding: .375rem .75rem;
    border: 1px #ced4da solid !important;
    background: #fff;
    color: #495057;
}

.products-description-container button {
    padding: .375rem .75rem;
}

.attributes label {
    margin-right: 5px !important;
    cursor: pointer;
}

.product-tags-list li {
    padding: 8px 15px;
    background: #eff1f5;
    margin: 5px;
}

.newsletter-subscribe-button {
    padding: 0 13px !important;
}

.overview .product-name h2 {
    font-size: 36px;
    font-weight: bold;
}

.manufacturers span.label {
    display: block;
    font-weight: bold;
    margin-bottom: 5px;
}

.overview .button-2, .variant-overview .button-2 {
    padding: 10px;
}

.overview .product-name {
    margin: 0;
    border-bottom: 0;
    padding: 0 0 5px;
    margin-top: 135px;
}

.at-icon-wrapper {
    height: 20px !important;
}

.overview .product-price {
    font-size: 30px;
    margin-left: 20px !important;
}

.product-details-page .picture img {
    margin-right: 10px;
    display: inline-block;
}

.product-details-page .picture div {
    border: 0 !important;
}

/*********products-description*********/

/***********Register**********/

.remember-text {
    color: #333;
    position: absolute;
    padding: 5px 5px;
}

.checkout-box .card-header {
    background: #fafbfc;
}

.register-container .page-body .search-input {
    padding-left: 24px;
    padding-right: 24px;
}

.product-grid, .product-list {
    margin: 0 0 50px;
}

.search-results .item-grid {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    margin-left: -5px;
    margin-right: -5px;
}

    .search-results .item-grid .item-box {
        display: flex;
        width: 33.33%;
        padding: 0px 5px;
        margin: 0px 0px 30px 0px;
        flex-shrink: 0;
    }

        .search-results .item-grid .item-box .item {
            display: flex;
            width: 100%;
        }

.item-box .details {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.register-container h5 {
    font-weight: bold;
}

.register-container input[type="text"], .register-container input[type="date"], .register-container input[type="password"], .checkout-box select, .register-container textarea {
    border-radius: 0;
    padding: 8px 15px;
    height: auto;
    border: solid 1px #d6dade;
    font-size: 1rem;
}

    .register-container input[type="text"]:focus, .register-container input[type="date"]:focus, .register-container input[type="password"]:focus, .register-container textarea:focus {
        box-shadow: 0 0 10px #e4e7ee;
        border: solid 1px #b6bcc6;
    }

.register-box {
    background: #efeff6;
    color: #666;
}

#Newsletter + label {
    width: auto;
}

.date-of-birth select + select {
    width: calc(33.33% - 11px);
}

div.inputs {
    position: relative;
}

.inputs .required {
    position: absolute;
    right: 15px;
    top: 10px;
}

.inputs input:focus ~ .required {
    display: none;
}

/***********Register**********/

/*checkbox-design*/

.categories-container input[type="checkbox"], .register-container input[type="radio"], .register-container input[type="checkbox"], .cart-container input[type="checkbox"], .custom-checkbox {
    display: none;
}

    /*.categories-container input[type="checkbox"] + label::before,*/

    .register-container input[type="radio"] + label::before, .register-container input[type="checkbox"] + label::before, .cart-container input[type="checkbox"] + label::before, .custom-checkbox + label::before {
        content: "\f111";
        font: normal normal normal 14px/1 FontAwesome;
        display: inline-block;
        height: 25px;
        width: 25px;
        color: transparent;
        transition: all 0.2s;
        font-size: 15px;
        line-height: 23px;
        text-align: center;
        cursor: pointer;
    }

    /*.categories-container input[type="checkbox"] + label::before,*/

    .register-container input[type="checkbox"] + label::before, .cart-container input[type="checkbox"] + label::before, .custom-checkbox + label::before {
        content: "\f00c";
    }

    .categories-container input[type="checkbox"]:checked + label::before, .custom-checkbox:checked + label::before {
        color: #fff;
    }

    .register-container input[type="radio"] + label::before, .register-container input[type="checkbox"] + label::before, .custom-checkbox + label::before {
        border-radius: 50px;
        background: #fff;
        border: solid 1px #cbcfd7;
        margin-right: 7px;
    }

    .register-container input[type="radio"]:checked + label::before, .register-container input[type="checkbox"]:checked + label::before, .total-price-box input[type="checkbox"]:checked + label::before, .cart-container input[type="checkbox"]:checked + label::before, .custom-checkbox:checked + label::before {
        color: #cea35f;
    }

    .register-container input[type="checkbox"] + label::before, .custom-checkbox + label::before {
        border-radius: 0;
    }

/*checkbox-design*/

/****************my-cart*************/

.manufacturers-container input[type="text"] {
    padding: 7px 70px 7px 20px;
    border: solid 1px #ced4da;
}

.total-price-box {
    background: #f2f2f8;
    font-size: 20px;
    line-height: 20px;
}

    .total-price-box h2, .blogs-box h5 {
        font-family: 'barlowbold';
    }

.cart-header {
    font-weight: bold;
    text-transform: uppercase;
    padding: 10px 0;
    border-bottom: 1px #ced4da solid;
    border-top: 1px #ced4da solid;
    margin-bottom: 20px;
}

.cart-container .fa-trash-o {
    font-size: 25px;
    color: #babac6;
}

.my-cart-container-box {
    border-bottom: 1px #ced4da solid;
}

.checkout-page .button-1 {
    background-color: #d31039;
}

td.cart-total-left a {
    text-decoration: underline;
    color: black;
}

.cart-total-left {
    font-size: 16px;
    color: #000;
}

/****************my-cart*************/

/***************checkout************/

.checkout-box {
    border-bottom: none;
    padding-bottom: 0;
}

    .checkout-box select {
        background-position: 98%;
    }

    .checkout-box .fa-cc-visa, .checkout-box .fa-cc-amex, .checkout-box .fa-cc-mastercard {
        font-size: 45px;
        vertical-align: bottom;
        color: #11278a;
    }

    .checkout-box ul li {
        padding: 0 !important;
    }

/***************checkout************/

/*******customer-info-box**********/

.customer-info-box ul li a.active, .addresses-edit-box li a:hover {
    color: #d31039;
}

.addresses-edit-box li a {
    color: #bbb9c5;
}

.order-item .info {
    padding: 10px 0 !important;
}

.order-list .section .title {
    margin: 0 0 10px;
    font-size: 18px;
    color: #444;
    font-family: 'barlowbold';
}

.block-account-navigation .list li a {
    text-transform: uppercase;
}

/*******customer-info-box**********/

.manufacturer-logo-name {
    position: absolute;
    bottom: 0;
    z-index: 5;
    padding: 15px;
    text-align: center;
    width: 100%;
    background: #eee;
    display: block;
    color: #444;
}

/**************blog***************/

.blogs-box ul li a {
    color: #b8b7be;
}

.blogs-box h5 a {
    color: #47474e;
}

.popular-tags-box li a {
    /* background: #f3f4f9; */
    padding: 2px 10px 5px 0px;
    /* margin: 0px 5px 5px 0px; */
    display: inline-block;
}

.product-review-item .review-item-head {
    border-top: none;
    background: #eff1f5;
}

.product-review-item {
    margin: 0 0 20px;
    border: 1px solid #e2e6ea;
}

    .product-review-item .review-content {
        padding: 20px 20px;
    }

    .product-review-item .review-item-head {
        padding: 10px 20px;
    }

.blogpost-page .post-body img {
    width: 100%;
    height: auto;
}

/**************blog***************/

@-webkit-keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 30%, 0);
        transform: translate3d(0, 30%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 30%, 0);
        transform: translate3d(0, 30%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp;
}

/*scrollup*/

.scrollup {
    position: fixed;
    width: 40px;
    height: 40px;
    bottom: 10px;
    right: 20px;
    z-index: 100;
    padding: 0 !important;
}

a.scrollup i {
    color: #fff;
    font-size: 25px;
    margin-top: 7px;
}

a.scrollup {
    text-align: center;
}

/*scrollup*/

.OCarousel-container .OCarousel-picture-wrapper {
    overflow: hidden;
}

    .OCarousel-container .OCarousel-picture-wrapper .title {
        position: absolute;
        bottom: 50px;
        right: 0;
        left: 0;
        background: rgba(255, 255, 255, 0.9);
        z-index: 1;
        padding: 10px 30px;
        font-size: 22px;
        font-weight: bold;
        margin: 0 15px 0px 30px;
        text-align: center;
    }

        .OCarousel-container .OCarousel-picture-wrapper .title strong {
            text-transform: uppercase;
        }

    .OCarousel-container .OCarousel-picture-wrapper a {
        height: 100%;
    }

    .OCarousel-container .OCarousel-picture-wrapper img {
        position: absolute;
        height: inherit;
        width: 97%;
    }

.top-nav-container .navbar .header-upper .header-links .nav-link {
    padding: 19px 15px;
    font-weight: bold;
    letter-spacing: 1px;
    color: #fff;
}

    .top-nav-container .navbar .header-upper .header-links .nav-link:hover {
    }

.top-nav-container .navbar .header-upper .login-nav-box .nav-link:hover {
    color: #fff;
}

.menu-toggle-btn {
    display: none;
}

.mini-shopping-cart .count {
    padding: 5px 0 15px;
    color: #444;
    font-size: 16px;
}

    .mini-shopping-cart .count a {
        margin: 0 2px;
        font-weight: bold;
        color: #444;
    }

.mini-shopping-cart .items {
    /*border-bottom: 1px solid #ddd;*/
    margin: 0 0 20px;
}

.mini-shopping-cart .picture {
    float: left;
    width: 70px;
    text-align: center;
}

    .mini-shopping-cart .picture img {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        max-width: 100%;
    }

    .mini-shopping-cart .picture + .product {
        margin: 0 0 0 80px;
    }

.mini-shopping-cart .name {
    margin: 0 0 10px;
    font-size: 14px;
}

    .mini-shopping-cart .name a {
        color: #4ab2f1;
    }

        .mini-shopping-cart .name a:hover {
            color: #248ece;
        }

.mini-shopping-cart .attributes {
    margin: 5px 0;
    color: #444;
}

.mini-shopping-cart .totals {
    margin: 0 0 12px;
    font-size: 14px;
}

    .mini-shopping-cart .totals strong {
        font-size: 16px;
        color: #444;
    }

.mini-shopping-cart .buttons {
    margin: 0 0 5px;
}

.mini-shopping-cart input[type="button"] {
    display: inline-block;
    border: none;
    background-color: #d31039;
    padding: 10px 20px;
    font-size: 12px;
    color: #fff;
    text-transform: uppercase;
    border-radius: 3px;
}

    .mini-shopping-cart input[type="button"]:hover {
        background-color: #46282a;
    }

.mini-shopping-cart {
    max-height: calc(100vh - 100px);
    overflow-y: auto;
    overflow-x: hidden;
    padding: 12px;
    text-align: left;
    font-size: 12px;
}

    .mini-shopping-cart .item {
        overflow: hidden;
        padding: 10px 0;
    }

    .mini-shopping-cart a {
        color: #787878;
        white-space: pre-wrap;
        word-wrap: break-word;
        word-break: break-all;
    }

    .mini-shopping-cart .picture a {
        display: block;
        position: relative;
        overflow: hidden;
        min-height: 55px;
    }

    .mini-shopping-cart .close {
        background: #d4d6de;
        width: 20px;
        height: 20px;
        color: white;
        text-shadow: none;
    }

.flyout-cart {
    position: absolute;
    top: 66px;
    right: 5px;
    z-index: 100;
    min-width: 400px;
    box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.20);
    background-color: #fff;
}

    .flyout-cart::before {
        position: absolute;
        right: 5px;
        top: -12px;
        width: 0;
        height: 0;
        content: "";
        border-left: 12px solid transparent;
        border-right: 12px solid transparent;
        border-bottom: 12px solid #ffffff;
    }

    .flyout-cart.active {
        display: block;
    }

.dropdown-menu-right li a img {
    width: 100%;
    border: 1px solid #eee;
}

.dropdown-menu-right ul li a span {
    font-size: 16px;
    font-weight: bold;
    padding: 8px 0;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}

.dropdown-menu-right ul li ul a span {
    padding: 0;
    display: block;
    text-align: left;
    font-size: 15px;
    text-transform: capitalize;
    font-weight: normal;
    line-height: 22px;
}

.top-nav-container .navbar ul.sublist li .nav-link {
    color: #888888;
}

/*=================== home page bottom slider=============== */

.home-page-slider-2 {
    padding: 50px 0;
    margin: 50px 0;
}

    .home-page-slider-2.owl-carousel .owl-nav {
        margin: 0 10px;
        text-align: center;
    }

    .home-page-slider-2 .slider-caption h3 {
        font-family: barlowregular;
        font-weight: 400;
        text-transform: uppercase;
        text-align: center;
    }

    .home-page-slider-2 .slider-caption .slider-btn {
        background: #d31039;
        padding: 10px 20px;
        transition: all 0.3s;
        box-shadow: none !important;
        color: #ffffff;
        border-radius: 3px;
    }

        .home-page-slider-2 .slider-caption .slider-btn:hover {
            background: #46282a;
        }

/*============== blog news area================ */

.latest-blog-container {
    background: url(../images/escheresque.png) repeat;
}

.blog-news-area .blog-news-header {
    font-size: 32px;
    font-weight: bold;
    text-transform: uppercase;
    color: #d31039;
    margin-bottom: 20px;
}

    .blog-news-area .blog-news-header::before {
        content: "";
        display: inline-block;
        width: 40px;
        border-bottom: 4px solid #d31039;
        margin-right: 15px;
        color: #d31039;
    }

.blog-news-area .single-blog, .news-box-inner {
    padding: 15px;
    border: 1px solid #efeef5;
    border-radius: 3px;
    box-shadow: 1px 3px 2px #efeef5;
    background: #fff;
}

.news-box-inner {
    margin-bottom: 15px;
}

.blog-news-area .single-blog img, .blog-news-area .single-news img {
    width: 100%;
    object-fit: cover;
    margin-bottom: 14px;
}

.blog-news-area .single-news img {
    height: 210px;
}

.blog-news-area .single-blog h4 a, .blog-news-area .single-news h4 a {
    font-size: 20px;
    text-transform: capitalize;
    font-weight: bold;
    margin-bottom: 0;
}

.blog-news-area .single-blog .date-time span, .blog-news-area .single-news .date-time span {
    color: rgba(0, 0, 0, .5);
}

.blog-news-area .single-blog p, .blog-news-area .single-news p {
    display: block;
    max-width: 100%;
    height: 65px;
    margin: 0 auto;
    font-size: 16px;
    line-height: 1;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 22px;
    text-align: left;
}

.blog-news-area .single-blog .blog-link, .blog-news-area .single-news .blog-link {
    display: block;
    font-size: 16px;
    color: #d31039;
    margin-bottom: 12px;
    font-weight: bold;
}

.blog-news-area .single-blog .blog-news-social li, .blog-news-area .single-news .blog-news-social li {
    display: inline-block !important;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 6px;
    font-size: 14px;
}

.blog-news-area .single-blog ul li a, .blog-news-area .single-news ul li a {
    color: #b8b7be;
    transition: all 0.3s;
}

    .blog-news-area .single-blog ul li a:hover, .blog-news-area .single-news ul li a:hover {
        color: #d31039;
    }

.ajaxfilter-section {
    border: unset;
    margin: 0 !important;
}

/* Category slider */

.owl-carousel .owl-nav {
    position: absolute;
    /*top:45%;*/
    bottom: 0;
    width: 100%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.block-blog-archive .card-header {
    background: none;
}

/*product details */

.OCarousel-container.custom-container-fluid.mlt-products-fluid {
    padding-bottom: 60px;
}

.product-details-page .picture-gallery {
    width: 100%;
    float: none;
}

.product-details-page .offer-content {
    left: 0 !important;
    z-index: 10000;
}

.product-details-page .title h2 {
    font-size: 22px !important;
    text-align: left;
}

.product-details-page .giftcard input, .product-details-page .giftcard textarea {
    width: 100%;
}

.home-page-slider-container {
    overflow: hidden;
}

/*topic block*/

.not-found-page {
    max-width: 1480px;
    margin: 0 auto;
    padding: 0 15px;
}

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    z-index: 9999;
}

#status {
    width: 200px;
    height: 200px;
    position: absolute;
    left: 50%;
    top: 50%;
    background-image: url(../images/status.gif);
    background-repeat: no-repeat;
    background-position: center;
    margin: -100px 0 0 -100px;
}

.product-sorting select {
    min-width: 165px;
}

/*
  .ui-dialog-titlebar-close {
    display: none !important;
  }*/

.ui-dialog-content .products-list-header {
    margin: 0 !important;
}

.ui-dialog .ui-dialog-titlebar-close {
    display: block !important;
}

.ts-close-wrapper {
    text-align: center;
    margin-bottom: 0;
}

.ts-close {
    padding: 7px 12px;
    color: white !important;
}

.dropdown-menu-list .dropdown-menu-right {
    display: none;
}

.dropdown-menu-list:hover .dropdown-menu-right {
    display: block !important;
}

.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-draggable.ui-resizable {
    position: absolute !important;
    width: 60% !important;
    /*top: 1100px !important;*/
    left: 19% !important;
}

.ui-dialog-content {
    max-height: 700px !important;
}

/****Payment information****/

.payment-info .box {
    position: relative;
    display: block;
    max-width: 600px;
    padding: 14px 20px;
    margin: auto;
    border: 0;
    border-radius: 0;
    box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.2);
    text-align: left;
    font-size: 17px;
    color: #333;
    text-transform: uppercase;
    font-weight: 600;
}

    .payment-info .box[style="background-color: rgb(74, 178, 241);"] {
        background: #cd192d !important;
        color: #fff;
    }

/****Payment information****/

/****Triumph Spare Parts Finder****/

.TriumphSparePartsFinder-img {
    border: solid 1px #eee;
    margin-bottom: 15px;
}

    .TriumphSparePartsFinder-img img {
        padding: 10px;
    }

    .TriumphSparePartsFinder-img:hover {
        box-shadow: 0 0 5px #ddd;
    }

    .TriumphSparePartsFinder-img span {
        font-size: 15px;
        width: 100%;
        color: #d31039;
        background: #f2f2f2;
        display: block;
        padding: 5px 10px;
    }

    .TriumphSparePartsFinder-img:hover span {
        background: #d31039;
        color: #fff;
        transition: all 0.3s;
    }

.SparePartsheader-three {
    background: #f2f2f2;
    padding: 10px 25px;
    text-align: center;
    margin: 0;
}

.TriumphSparePartsFinder-list ul li {
    display: inline-block;
}

.TriumphSparePartsFinder-list ul {
    border-bottom: 1px solid #ced4da;
    padding: 10px 0;
    margin-bottom: 15px !important;
}

    .TriumphSparePartsFinder-list ul li a {
        color: #cd192d;
        text-transform: uppercase;
        font-size: 16px;
    }

    .TriumphSparePartsFinder-list ul li span.delimiter i {
        margin: 0 4px 0 2px
    }

.PartsFinder-container .container {
    box-shadow: 0 0 10px #ddd;
    padding: 10px 30px;
    margin: 30px auto;
}

.PartsFinder-container .product-box-add-to-cart-button {
    border: 0;
}

    .PartsFinder-container .product-box-add-to-cart-button:hover {
        background: #000;
    }

.PartsFinder-container .table {
    font-size: 13px !important;
    border: solid 1px #dee2e6;
}

    .PartsFinder-container .table td {
        vertical-align: middle;
        padding: 1px 0 !important;
    }

    .PartsFinder-container .table qty {
        height: 35px !important;
    }

.PartsFinder-container .table-striped tbody tr:nth-of-type(2n+1) {
    background-color: #f9f9f9;
}

.PartsFinder-container .table-striped tbody tr:hover {
    background: #f9f9f9;
}

.PartsFinder-container .table th {
    border-width: 1px 1px 0;
    border-style: solid;
    border-color: #ddd;
    background-color: #000;
    padding: 5px 10px;
    font-weight: normal;
    color: #fff;
    white-space: nowrap
}

/****Triumph Spare Parts Finder****/

@media only screen and (max-width: 1440px) {
    .header-menu .navbar-nav .dropdown-menu-list > a.btn-link, .top-nav-container .navbar ul li.nav-item a.nav-link {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media only screen and (max-width: 1410px) {
    .header-menu .navbar-nav .dropdown-menu-list > a.btn-link, .top-nav-container .navbar ul li.nav-item a.nav-link {
        padding-left: 12px;
        padding-right: 12px
    }
}

@media only screen and (max-width: 1340px) {
    .header-menu .navbar-nav .dropdown-menu-list > a.btn-link, .top-nav-container .navbar ul li.nav-item a.nav-link {
        padding-left: 10px;
        padding-right: 10px;
        font-size: 15px;
    }
}

@media only screen and (max-width: 1140px) {
    .header-menu .navbar-nav .dropdown-menu-list > a.btn-link, .top-nav-container .navbar ul li.nav-item a.nav-link {
        font-size: 12px;
    }
}

@media only screen and (max-width: 1040px) {
    .header-menu .navbar-nav .dropdown-menu-list > a.btn-link, .top-nav-container .navbar ul li.nav-item a.nav-link {
        font-size: 10px;
    }
}

/****Start-MultiStep-Checkout-page****/

.order-progress li {
    width: 14.1%;
    background: #fff;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0 2px 6px #ddd;
}

    .order-progress li a {
        text-align: left;
    }

    .order-progress li.active-step {
        background: #d31039;
        color: #fff;
        font-size: 18px;
    }

        .order-progress li.active-step a, .order-progress li.active-step i {
            color: #fff !important;
        }

    .order-progress li i {
        font-size: 35px;
        padding: 15px 15px 25px 15px;
        display: block;
        color: #C4CACE;
    }

        .order-progress li i.icon-Shipping-method {
            font-size: 45px;
            padding: 15px 15px 15px 15px;
        }

    .order-progress li a span::before {
        content: "\e902";
        display: inline-block;
        font-family: 'icomoon' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        font-size: 12px !important;
    }

.billing-address-page .checkout-data, .html-payment-method-page .checkout-data, .html-payment-info-page .checkout-data, .html-order-confirm-page .checkout-data {
    box-shadow: 0 0 6px #ddd;
    padding: 0 20px;
}

.html-billing-address-page .cart-footer .totals, .html-payment-method-page .cart-footer .totals, .html-payment-info-page .cart-footer .totals, .html-order-confirm-page .cart-footer .totals {
    margin-bottom: 20px;
}

/*.select-button {
    margin-bottom: 15px;
  }*/

.html-billing-address-page .table-wrapper, .html-payment-method-page .table-wrapper, .html-payment-info-page .table-wrapper, .html-order-confirm-page .table-wrapper {
    width: 73%;
    float: left;
    margin-bottom: 20px;
}

.html-billing-address-page .cart-options, .html-payment-method-page .cart-options, .html-payment-info-page .cart-options, .html-order-confirm-page .cart-options {
    display: none;
}

.add-new-button-content .button-1 {
    background: #000 !important;
}

.html-billing-address-page .order-summary .title, .html-payment-method-page .order-summary .title, .html-payment-info-page .order-summary .title, .html-order-confirm-page .order-summary .title {
    background: #F2F2F8;
    padding: 5px;
}

.html-order-confirm-page .info-list {
    text-align: left;
}

.html-order-confirm-page .checkout-page .section.order-summary {
    margin: 50px 0 30px;
}

.html-order-confirm-page .order-review-data > div {
    background-color: #fff;
    border: solid 1px #ddd;
}

@font-face {
    font-family: 'icomoon';
    src: url('../fonts/cart-fonts/icomoon.eot?f1qjxe');
    src: url('../fonts/cart-fonts/icomoon.eot?f1qjxe#iefix') format('embedded-opentype'), url('../fonts/cart-fonts/icomoon.ttf?f1qjxe') format('truetype'), url('../fonts/cart-fonts/icomoon.woff?f1qjxe') format('woff'), url('../fonts/cart-fonts/icomoon.svg?f1qjxe#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-Billing-address:before {
    content: "\e9dd";
}

.icon-Confirm-order:before {
    content: "\e90d";
}

.icon-Payment-method:before {
    content: "\e9ff";
}

.icon-Shipping-address:before {
    content: "\e9f0";
}

.icon-Shipping-method:before {
    content: "\e9d9";
}

.checkout-page .select-billing-address-button {
    max-width: 300px;
    min-width: 100%;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 8px 15px;
}

@media (min-width: 320px) and (max-width: 1400px) {
    .order-progress li {
        width: 14%;
    }

    .checkout-page .select-billing-address-button {
        max-width: 300px;
    }
}

@media (min-width: 320px) and (max-width: 991px) {
    .order-progress li {
        width: auto;
    }

    .checkout-page .product-picture a, .checkout-page .product a, .checkout-page .sku-number, .checkout-page .sku {
        max-width: 150px;
        display: inline-block !important;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: center;
    }

        .checkout-page .sku label {
            display: block !important;
        }

    .checkout-page .sku {
        max-width: 100%;
        width: 100%;
    }
}

@media (min-width: 320px) and (max-width: 1300px) {
    .html-billing-address-page .table-wrapper, .html-payment-method-page .table-wrapper, .html-payment-info-page .table-wrapper, .html-order-confirm-page .table-wrapper {
        width: 100% !important;
        float: none;
    }

    .checkout-page .select-billing-address-button {
        max-width: 210px;
    }
}

@media (min-width: 320px) and (max-width: 414px) {
    .gallery .picture-thumbs .thumb-item {
        display: inline-block;
        position: relative;
        width: 29px;
        height: 31px;
        margin: 0 10px 10px;
        margin-top: 0px;
        margin-right: 10px;
        margin-bottom: 10px;
        margin-left: 10px;
        overflow: hidden;
        cursor: pointer;
    }

    .checkout-page .product a {
        max-width: 100% !important;
    }
}

/****Start-MultiStep-Checkout-page****/

#registerAsCompany + label::before {
    display: none;
}

#registerAsCompany + label {
    cursor: pointer;
    color: #d31039;
    user-select: none;
}

#registerAsCompany:checked + label > span:nth-child(1) {
    display: none;
}

#registerAsCompany:not(:checked) + label > span:nth-child(1) {
    display: inline;
}

#registerAsCompany:checked + label > span:nth-child(2) {
    display: inline;
}

#registerAsCompany:not(:checked) + label > span:nth-child(2) {
    display: none;
}

#registerAsCompany + label + .fieldset {
    display: none;
}

#registerAsCompany:checked + label + .fieldset {
    display: block;
}

.store-search-box ul {
    box-shadow: rgb(189 180 181 / 45%) 0px 1px 3px;
    max-height: max(48vh, 400px);
    overflow-y: auto;
}

.OCarousel-container .owl-carousel .owl-nav.disabled, .thumb-list-slider .owl-carousel .owl-nav.disabled {
    display: none !important;
}

.orderdetails-back-button {
    position: absolute;
    bottom: 3.4%;
    background: #ACB1B5;
    color: #fff;
    padding: 10px 20px !important;
    margin: 5px;
    border: none;
    font-size: 15px;
}

    .orderdetails-back-button:hover {
        background: #222 !important;
        color: #fff !important;
    }

@media (max-width: 991px) {
    .orderdetails-back-button {
        bottom: 3.2%;
        left: 0;
        margin-left: 4rem;
    }
}

@media (max-width: 761px) {
    .orderdetails-back-button {
        bottom: -55px;
        bottom: -62px;
        left: 0;
        right: 0;
        max-width: 165px;
        margin: 5px auto;
    }

    .order-details-page {
        margin-bottom: 80px;
    }
}

/*product picture gallery popup start*/

.html-product-details-page #lcl_window {
    background: #fff;
    border: solid 3px #cd192d;
    min-height: 500px;
}

.html-product-details-page #lcl_contents_wrap {
    bottom: 125px;
    top: 55px;
}

.html-product-details-page .lcl_prev, .html-product-details-page .lcl_next {
    position: absolute !important;
    top: calc(50% - 50px);
    z-index: 100;
}

.html-product-details-page .lcl_prev {
    left: 10px;
}

.html-product-details-page .lcl_next {
    right: 10px;
}

.html-product-details-page #lcl_nav_cmd {
    position: static;
}

.html-product-details-page .lcl_play, .html-product-details-page .lcl_thumbs_toggle, .html-product-details-page .lcl_txt_toggle, .html-product-details-page #lcl_txt {
    display: none !important;
}

.html-product-details-page .lcl_fullscreen_mode.lcl_outer_cmd:not(.lcl_on_mobile):not([lcl-type=iframe]):not([lcl-type=html]) #lcl_nav_cmd .lcl_icon, .html-product-details-page .lcl_inner_cmd:not(.lcl_on_mobile) #lcl_nav_cmd .lcl_icon {
    opacity: 1;
    transform: scale(1);
}

/*product picture gallery popup end*/

/*========= Bike search start ========*/


#bike-search-link {
    font-size: 18px;
}

.bike-search-container {
    position: absolute;
    top: calc(100% + 0.2rem);
    right: 0.2rem;
    display: none;
    width: min(95vw, 400px);
    background-color: #fff;
    --accent-color: #cd192d;
    box-shadow: 0 0 8px 0 #0003;
}

    .bike-search-container h3 {
        font-size: 1.25rem;
        font-weight: 600;
        padding: 0.5rem 0;
        margin: 0;
    }

.bikefilter-tab .nav.nav-tabs a.nav-link {
    font-size: 0.8rem !important;
    color: #000;
    padding: 0 0.2rem !important;
}

    .bikefilter-tab .nav.nav-tabs a.nav-link.active {
        color: #cd192d;
        border-bottom: 2px solid #cd192d;
    }

form#bikeForm {
    padding: 0.5rem 1rem;
}

.bike-search-buttons {
    margin-bottom: 1rem;
    display: flex;
    gap: 0.2rem;
}

.search-results-save-button {
    color: var(--accent-color);
    background-color: #fff;
    font-size: 1rem;
    border: 1px solid var(--accent-color);
    flex-grow: 1;
    padding: 0.3rem 0;
    font-weight: 600;
}

    .search-results-save-button:last-child {
        background-color: #444;
        color: #fff;
    }

    .search-results-save-button:hover {
        color: #fff;
        background-color: var(--accent-color);
    }

    .search-results-save-button:last-child:hover {
        background-color: #d31039;
        border-color: #444;
    }

.bike-search-container .field-list select {
    width: 100%;
}

.bike-search-title {
    font-size: 0.8rem;
    margin-top: 0.4rem !important;
}

#userbikes .header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: var(--accent-color);
    color: #fff;
    margin: 0;
    width: 100%;
    padding: 0.5rem 1rem;
}

    #userbikes .header h3 {
        padding: 0;
    }

    #userbikes .header .add-btn {
        width: 1.5rem;
        height: 1.5rem;
        color: var(--accent-color);
        background-color: #fff;
        border-radius: 50%;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

.motocycle-over.view-item {
    border-bottom: 2px solid var(--accent-color);
    padding: 0.6rem 1rem;
}

.bike-action-button input {
    padding: 0.2rem 1rem;
}

.motocycle-over.view-item > div:first-of-type {
    margin-right: 0.7rem;
    white-space: normal;
}

    .motocycle-over.view-item > div:first-of-type button {
        background-color: transparent;
        color: var(--accent-color);
    }

div#bikeItems + .links {
    padding: 0.6rem 1rem;
}

    div#bikeItems + .links a {
        color: var(--accent-color);
    }

.bike-title + .actions {
    display: flex;
    gap: 0.1rem;
    flex-wrap: wrap;
    margin-top: 0.4rem;
}

div#newLetter > div > h3 {
    background-color: var(--accent-color);
    color: #fff;
    padding: 0.4rem 1rem;
    font-size: 1.2rem;
}

    div#newLetter > div > h3 + p {
        font-size: 0.8rem;
        padding: 0.2rem 0.6rem;
        white-space: normal;
        font-weight: 500;
    }

form#newsletter-form {
    padding: 0.1rem 0.7rem;
}

    form#newsletter-form input[type="text"] {
        border-radius: 0;
        padding: 8px 15px;
        height: auto;
        border: solid 1px #d6dade;
        font-size: 1rem;
        width: 100%;
    }

        form#newsletter-form input[type="text"]:focus {
            box-shadow: 0 0 10px #e4e7ee;
            border: solid 1px #b6bcc6;
        }
.search-results-save-button:last-child {
    background-color: #444;
    color: #fff;
    padding: 0.3rem 0.8rem;
}
div#newLetter .links {
    padding: 0 0 0.8rem 0;
}
div#newLetter .links a {
    color: var(--accent-color);
    display: inline-block;
    padding: 0.2rem 0.5rem;
}
button.search-results-save-button:disabled {
    -webkit-filter: grayscale(0.6);
    filter: grayscale(0.6);
    cursor: not-allowed;
}

.bike-filter {
    margin: 0 !important;
    padding: 0 !important;
    margin-bottom: 10px !important;
}

    .bike-filter h5 {
        background-color: #000;
        padding: 13px 15px;
        color: #fff;
    }

    .bike-filter .block {
        border: none;
        padding: 13px;
    }

a#bike-filter-contener-button {
    margin: 0;
}
.search-bike {
    display: flex;
    align-items: center;
    padding: 7px 13px;
    --accent-color: #cd192d;
}
    .search-bike a {
        color: #000;
        transition: all 0.3s;
        flex-grow: 1;
    }
    .search-bike a:hover {
        color: var(--accent-color);
    }
    .search-bike .remove-search-bike {
        border: none;
        background-color: transparent;
        color: var(--accent-color);
    }

/*========= Bike search end ========*/
