@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

body {
    background-color: #f6f6f6 !important;
}

.blog-title, .blogdetail h5, .commentboxmid p, .popularcatslider .item h3, .proattr.productWarrenty span, .productquickoverview p.overviewq, a.accesa, h4.category, h5.brand {
    text-overflow: ellipsis;
    -webkit-box-orient: vertical
}

#headbar ul li a.basket img, .datacenter, .grayScale, .greyredbunch, .header-image.aboutus, .lookingcontent, .pro-brand-logo img, .redgreybunch, .services h5 img {
    /* filter: hue-rotate(148deg); */
}

.irs--flat .irs-bar, .swal-button--catch {
    background-color: var(--main-green-color) !important
}

div#headbar, li.nav-item.dropdown, nav.navbar.navbar-expand-md.navbar-dark.bg-dark {
    position: initial
}

.SalePro, .pageheader h1, .requestservsec h4, .servicedetails a, .trans-btn, button#confirmOrder, button.ChatStart:before, input.pull-right, p.Sale, ul.online_stores span, ul.top_ul_list li strong {
    text-transform: uppercase
}

#filterboxleft .card-header span, .blok-body li a, .card-body ul.leftboxlinks li a, .cartbtn a.btnbuy, .categorytopimages h4, .cattosubdetail a, .dropdown-menu a.dropdown-item, .navbar-dark .navbar-nav .nav-link, .newsletterform h6, .product-details form ul li a, .proshortdesc, .requestservsec p, h1, h2, h2.producttitle a, h3, h4, h5, h6, span.cartitems {
    font-family: "Inter", serif;
}

.blogdetail h5, .popularcatslider .item h3 {
    -webkit-line-clamp: 3
}

.loginpage a#forgotpass, .trans-btn, a#createaccount, td a, ul.footermenu li a {
    text-underline-position: under
}

a, div, li, p, small, span, strong {
    font-family: "Inter", serif;
}

:root {
    --main-green-color: #000;
    --main-red-color: #d01818;
    --main-green: #1D2631;
    --main-orange: #ed185f
}

@font-face {
    font-family: flaticon;
    src: url(./icon-fonts/Flaticon.eot);
    src: url(./icon-fonts/Flaticon.eot?#iefix) format("embedded-opentype"),url(./icon-fonts/Flaticon.woff2) format("woff2"),url(./icon-fonts/Flaticon.woff) format("woff"),url(./icon-fonts/Flaticon.ttf) format("truetype"),url(./icon-fonts/Flaticon.svg#Flaticon) format("svg");
    font-weight: 400;
    font-style: normal
}

[class*=" flaticon-"]:after, [class*=" flaticon-"]:before, [class^=flaticon-]:after, [class^=flaticon-]:before {
    font-family: Flaticon;
    font-style: normal
}

.flaticon-loupe:before {
    content: "\f100"
}

.flaticon-pin:before {
    content: "\f101"
}

.flaticon-heart:before {
    content: "\f102"
}

.flaticon-user:before {
    content: "\f103"
}

.flaticon-shopping-bag:before {
    content: "\f104"
}

.flaticon-icon-126515:before {
    content: "\f105"
}

.flaticon-phone:before {
    content: "\f106"
}

.flaticon-question:before {
    content: "\f107"
}

.flaticon-gallery:before {
    content: "\f108"
}

.flaticon-cook:before {
    content: "\f109"
}

.flaticon-like:before {
    content: "\f10a"
}

.flaticon-doctor:before {
    content: "\f10b"
}

.flaticon-arrow:before {
    content: "\f10c"
}

.flaticon-arrow-1:before {
    content: "\f10d"
}

.flaticon-next:before {
    content: "\f10e"
}

.flaticon-back:before {
    content: "\f10f"
}

.flaticon-shuffle:before {
    content: "\f110"
}

.flaticon-left-arrow:before {
    content: "\f111"
}

.flaticon-right-arrow:before {
    content: "\f112"
}

.flaticon-switch:before {
    content: "\f113"
}

.flaticon-resume:before {
    content: "\f114"
}

.flaticon-sent:before {
    content: "\f115"
}

.flaticon-delivery:before {
    content: "\f116"
}

.flaticon-warranty:before {
    content: "\f117"
}

.flaticon-credit:before {
    content: "\f118"
}

.flaticon-help:before {
    content: "\f119"
}

.flaticon-send:before {
    content: "\f11a"
}

.flaticon-jogging:before {
    content: "\f11b"
}

.flaticon-baby-boy:before {
    content: "\f11c"
}

.flaticon-history:before {
    content: "\f11d"
}

.flaticon-airplane:before {
    content: "\f11e"
}

.flaticon-play-store:before {
    content: "\f11f"
}

.flaticon-apple:before {
    content: "\f120"
}

.flaticon-filter:before {
    content: "\f121"
}

.flaticon-share:before {
    content: "\f122"
}

.flaticon-multimedia:before {
    content: "\f123"
}

.flaticon-dislike:before {
    content: "\f124"
}

.flaticon-flag:before {
    content: "\f125"
}

.flaticon-like-1:before {
    content: "\f126"
}

.flaticon-order:before {
    content: "\f127"
}

.flaticon-cloud-computing:before {
    content: "\f128"
}

.flaticon-place:before {
    content: "\f129"
}

.flaticon-user-1:before {
    content: "\f12a"
}

.flaticon-exit:before {
    content: "\f12b"
}

.flaticon-tick:before {
    content: "\f12c"
}

.flaticon-error:before {
    content: "\f12d"
}

.flaticon-information:before {
    content: "\f12e"
}

.flaticon-warning:before {
    content: "\f12f"
}

.flaticon-down-arrow:before {
    content: "\f130"
}

.flaticon-up-arrow:before {
    content: "\f131"
}

.flaticon-view:before {
    content: "\f132"
}

.cursorPointer {
    cursor: pointer
}

.irs--flat .irs-bar {
    top: 25px
}

.irs--flat .irs-from, .irs--flat .irs-single, .irs--flat .irs-to {
    color: #fff;
    font-size: 10px;
    line-height: 1.333;
    text-shadow: #fff;
    padding: 1px 5px;
    background-color: var(--main-green-color) !important;
    border-radius: 4px
}

.loaderOuterDiv {
    position: fixed;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(255,255,255,.1);
    z-index: 9999;
    display: none
}

.loaderInnerDiv, .loaderInnerDivLoader, .spinner {
    width: 100px;
    height: 100px;
    margin: 0 auto
}

.spinner {
    background-color: var(--main-green-color);
    border-radius: 100%;
    animation: 1s ease-in-out infinite scaleout;
    position: absolute;
    z-index: 1;
    top: 40%
}

.loaderInnerDivLoader {
    width: 400px
}

.enquirybtn, .marginTop, .popularcatpro, .summarybox button#updateCartBtn {
    margin-top: 10px
}

.spinner-text {
    width: 40px;
    height: 40px;
    margin: 100px auto
}

@keyframes scaleout {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}

ul.rightlinks {
    margin: 0;
    text-align: center;
    padding: 10px 0 0
}

    ul.rightlinks li {
        display: inline-block;
        list-style: none;
        vertical-align: middle
    }

        ul.rightlinks li img {
            position: relative;
            top: 0;
            display: block;
            text-align: center;
            margin: 0 auto
        }

        ul.rightlinks li .cartbox span {
            color: #fff;
            font-size: 10px;
            text-align: center
        }

div#mainheader {
    padding: 15px 0 11px;
    background-color: #fff
}

#accordion .card-header button:hover, .menu a:hover, .menudropdown button.btn:hover, a:hover, button#menutoggle:hover {
    text-decoration: none
}

.blogCats ul li a:hover span, .blogsMain ul li a:hover, .brandgrid h4 a, .focussearchbox ul li a:hover, .loginpage a#forgotpass, .menu .col ul li a:hover, .procatname a, .tab-pane li a:hover, .typesearchbox ul li a:hover, a#createaccount, a.brandfeaturedall, p.noproduct, td a, ul.footermenu li a, ul.nec li a {
    text-decoration: underline
}

nav.navbar.navbar-expand-md.navbar-dark.bg-dark {
    background-color: transparent !important;
    padding: 0
}

.pageheader h1:after, .row.singlerelatedpro h3:after, .row.tabsdetails th, input.pull-right {
    background-color: var(--main-green)
}

.ProPreview li, .blogCats ul li, .blogsMain ul li, .focussearchbox ul li, .megadrop li, .typesearchbox ul li, ul.footermenu li, ul.toggle-block li {
    list-style: none
}

.navbar-dark .navbar-nav .nav-link {
    padding: 13px 15px 13px;
    color: #fff !important;
    !i;
    !;
    line-height: 14px;
    font-size: 12px !important;
    font-weight: 600;
}

.mr-auto {
    margin: auto
}

.dropdown-item {
    color: #012169;
    transition: .3s
}

    .dropdown-item:hover {
        background-color: #fff;
        color: #545454 !important
    }

.topbar {
    background: #ff6e1f;
    padding: 2px 0;
}

#productSuggestion .col-md-4 .proimg, .allBlogs, .datacenter-tabs .nav-link.active:before, .dropdown-item.active, .dropdown-item:active, .policies, .satisfact, .singlePost, body, button.btn.btn-link, div#headbar {
    background-color: #fff
}

.topbar h2 {
    color: #fff;
    text-align: center;
    line-height: 30px;
    font-size: 18px;
    margin: 0;
    padding-top: 5px
}

.navbar-expand-md .navbar-nav .dropdown-menu {
    left: 0;
    right: 0;
    top: 40px;
    border: none;
    padding: 0;
    border-radius: 0;
    visibility: hidden;
    opacity: 0;
    transition: visibility,opacity .2s linear;
    display: block;
    height: 100vh;
    margin: 0;
    background-color: #fff;
    min-width: 100%
}

.dropdown:hover .dropdown-menu {
    visibility: visible;
    opacity: 1;
    transition: visibility 0s .3s,_ .2s linear .3s
}

.dropdown-menu ul {
    list-style: none;
    padding: 0
}

.dropdown-menu a.dropdown-item {
    color: #fff;
    display: block;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 3px 0;
    text-align: center;
    font-size: 14px;
    font-weight: 600
}

.blogCats ul li a img, .blogCats ul li a span, .blogsMain h1, .cattosub div, .postTitle, .toolbar div, ul.online_stores li, ul.online_stores span {
    display: inline-block;
    vertical-align: middle
}

ul.online_stores span {
    font-size: 18px;
    color: #f5af02;
    margin-right: 15px
}

#headbar .topbar ul, #orderForm .nav li, .branddesc p, .outofstockpop .modal-dialog, .pro_grid .row, .rev-cont p, .row.tabsdetails .tab-pane p, h4.category, h5.SaleOffer, ul.online_stores li {
    margin: 0
}

ul.online_stores {
    padding: 0;
    margin: 0;
    position: relative;
    top: 7px
}

ul.top_ul_list {
    padding: 0;
    width: 235px;
    float: right;
    margin: 0;
    line-height: 0
}

    ul.top_ul_list li {
        list-style: none;
        font-size: 13px;
        line-height: 0;
        position: relative;
        top: -8px;
        display: inline-block;
        vertical-align: middle
    }

        ul.top_ul_list li img {
            filter: brightness(100);
            margin-right: 10px;
            position: relative;
            top: 5px
        }

        ul.top_ul_list li strong {
            color: var(--main-orange);
            font-size: 12px;
            line-height: 0
        }

        ul.top_ul_list li a {
            color: #fff;
            font-size: 13px;
            line-height: 0;
            display: block
        }

#shiptodifferentDiv .form-row, .banktransferform .form-row, .blogsearch, .col-md-4.righttop, .comm-user-action, ul.righttopbar {
    text-align: right
}

.satisfact h4 {
    padding-left: 30px;
    line-height: 12px;
    margin: 0;
    color: #3c3c3c;
    font-size: 16px;
    position: relative;
    display: inline-block;
    text-align: left
}

.brandsSlider .item, .breadcrumb, .feature-img, .revbox .ratingperpro, .row.singlerelatedpro h3, .rqform .wpcf7-response-output, .satisfact .col-md-3, .satisfactionbar ul, .swal-text, p.noproduct {
    text-align: center
}

.satisfact {
    padding: 13px 0 5px
}

    .satisfact h4 strong {
        display: block;
        color: #a5a5a5;
        font-size: 10px
    }

    .satisfact h4 i {
        font-size: 23px;
        position: absolute;
        left: 0;
        top: -2px;
        color: #3c3c3c
    }

.card-body ul.leftboxlinks li a {
    color: #909090;
    font-size: 12px;
    font-weight: 400;
    display: block
}

ul.leftboxlinks li a span.thiscount {
    color: #909090;
    float: right;
    width: 32px;
    font-size: 10px;
    padding: 2px 0;
    top: -2px;
    font-weight: 500;
    position: absolute;
    right: 0;
    background-color: #fff;
    font-family: Poppins,sans-serif;
    text-align: right
}

main.container-fluid {
    padding-top: 10px;
    padding-bottom: 20px
}

.breadcrumb {
    background-color: transparent;
    margin: 0;
    padding: 0;
    width: 100%;
    display: block
}

#desc_tab table td.pictbl > .gallery, #desc_tab table td.r, #enquirymodal .modal-header, .blogdetail p cite, .brandlist .owl-nav, .brands-wework .owl-nav, .brandsSlider .owl-dots, .editProDirect br, .eshopslide .owl-nav button, .fullcolabstext .owl-dots, .nectar-social .social-text, .owl-dots, .pagebody .row.tabsdetails .reviewlist ul li .ratingperpro, .popularproslider .owl-nav, .proTabs .tab-pane a, .pro_cat .product_detail_grid > a > img, .shiptodiffform, .testimonials .owl-dots, .testimonials .owl-nav, .topbar .col-md-2:first-child:after, .topbar .col-md-2:last-child:after, .topproducts .container .row .owl-item h2:after, div#more, span.moreinfobtn a i, td.pictbl, ul.toggle-block li .social-wrap span {
    display: none
}

#filterboxleft .card-body button#myBtn {
    background: 0 0;
    border: 0 !important;
    color: var(--main-green)
}

#filterboxleft .card-body span#dots {
    position: absolute;
    visibility: hidden;
    width: 0
}

.cartbody input[type=number]:focus, button:focus {
    outline: 0 !important
}

.ratingperpro span.fa.fa-star, .row.tabsdetails ul li a.active, ul.leftboxlinks li a:hover {
    color: var(--main-green)
}

.toolbar label {
    color: #212529;
    display: inline-block;
    margin: 0;
    font-size: 12px
}

.toolbar select {
    width: 80%;
    font-size: 12px;
    height: 27px;
    display: inline-block;
    padding: 0;
    border-radius: 0;
    color: #ff6e1f;
    border: none;
    background-color: #f6f6f6;
}

#headbar ul li a, .col-md-12.oosh h5, .faqtab ul.solpagelis li strong, .pager .pages ol li, .popularproslider span.cartbtn img, .productpurchase span, .produkter span.cartbtn img, .satisfactionbar ul li, .searchbox, .single_pro span.reviewby div, .topbar ul li, .topbar ul li img {
    display: inline-block
}

.pager .pages ol {
    padding: 0;
    margin: 0;
    display: inline-block
}

    .pager .pages ol li.current a {
        color: #012169;
        border: none
    }

    .pager .pages ol li a {
        color: #ccc;
        line-height: 10px;
        display: block;
        padding-right: 8px;
        padding-left: 10px;
        border-left: 1px solid
    }

.product_head_tools {
    display: inline-block;
    vertical-align: middle;
    float: right;
    margin: 10px 0
}

.cat-cont p {
    color: #3c3c3c
}

ul.online_stores li:nth-child(3) a img {
    filter: invert(1)
}

li.breadcrumb-item a i {
    color: #6c757d
}

.product-details h1.proheading {
    font-size: 24px;
    margin-bottom: 5px
}

.blog-cat-name, .privacyPolicy p, .product-details h5.skucode, .productquickoverview span.excVAT, .productsku, p {
    font-size: 13px
}

    .product-details h5.skucode span.instock {
        margin-left: 20px;
        color: var(--main-green);
        font-size: 14px
    }

.product-details .priceboxsingle {
    color: #545454;
    font-size: 25px;
    margin-bottom: 5px;
    font-weight: 700;
    line-height: 24px;
    font-family: Roboto,sans-serif;
    margin-top: 5px
}

.product-details form ul {
    display: inline-block;
    vertical-align: middle;
    padding: 0;
    margin: 0 0 0 30px
}

    .product-details form ul li {
        display: inline-block;
        border-radius: 4px;
        transition: .2s;
        font-size: 15px;
        position: relative;
        margin-left: 5px
    }

.product-details form input::-webkit-inner-spin-button, .product-details form input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.product-details form ul li a {
    color: #fff;
    border-radius: 4px;
    font-size: 16px;
    line-height: 20px;
    padding: 1px 25px;
    background-color: #ff6e1f;
    border: 2px solid #ff6e1f
}

.blogviewed span#viewed, .cartitems span, .menudropdown button.btn::after, .mobilemainul li a, .pro_cat.col-md-3.pro_wrap_main.nohoverlayout:hover .pro_title_front, .product-details form ul li:hover a, .pull-right.online-btn a, .reg_b_account *, .reg_b_account a.btn.registerbaccount:hover, .social-wrap a, .topsection .owl-nav button span, a.float:hover, ul.nec li a {
    color: #3D3D3D;
}

.popularcatslider, .row.prodetails {
    padding: 30px 0
}

.blogSingle .col-md-9, .row.tabsdetails {
    padding-bottom: 50px
}

    .row.tabsdetails ul li a {
        color: #6c757d;
        font-size: 15px;
        position: relative
    }

    .row.tabsdetails ul {
        margin-bottom: 25px;
        margin-top: 10px
    }

.product-details h5.skucode span.instock i, .product-details h5.skucode span.outstock i {
    margin-right: 5px;
    font-size: 12px
}

.row.singlerelatedpro h3 {
    position: relative;
    margin-bottom: 30px
}

    .row.singlerelatedpro h3:after {
        content: "";
        position: absolute;
        width: 50px;
        left: 0;
        right: 0;
        margin: 0 auto;
        height: 2px;
        bottom: -5px
    }

.revewsbasis h5 {
    font-size: 22px;
    display: inline-block;
    vertical-align: middle
}

.revewsbasis .ratingperpro {
    display: inline-block;
    margin-left: 10px
}

    .ordersuccess h3, .revewsbasis .ratingperpro span {
        font-size: 22px
    }

.revewsbasis button.btn.btn-info.btn-lg {
    float: right;
    display: inline-block;
    vertical-align: middle;
    background-color: var(--main-green);
    border: 1px solid var(--main-green);
    font-size: 14px;
    padding: 2px 10px;
    border-radius: 50px
}

#related-products .productfront a, .checkoutrow .form-check, .checkoutrow ul, .contact_sec ul, .form_return tbody tr td, .herosection > .col-md-3, .herosection > .col-md-9, .imageCropper ul, .ordersuccess ul, .privacyPolicy ul, .redgreysec ul, .reviewlist ul, .tab-pane li, ul.detailswithicons, ul.footermenu, ul.nec, ul.socialmedia {
    padding: 0
}

    .reviewlist ul li {
        list-style: none;
        background-color: #f5f5f5;
        padding: 10px 20px;
        margin-bottom: 15px;
        border: 2px solid #dee2e63b;
        border-radius: 4px
    }

.reviewsbox .revewsbasis {
    margin-bottom: 35px;
    margin-top: 15px
}

.revhead span.reviewby {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 10px
}

.revhead span.reviewtime {
    float: right;
    display: inline-block;
    vertical-align: middle;
    color: #6c757d
}

.revewsbasis button.btn.btn-info.btn-lg:hover {
    color: var(--main-green);
    background-color: transparent
}

div#products {
    width: 100%;
}

.leftboxlinks input.form-check-input:checked:before {
    background-color: #ffe1e2;
    content: "\f00c";
    color: #545454;
    text-align: center;
    border: 1px solid #545454;
    font-weight: 400;
    line-height: 14px;
    font-size: 9px
}

.row.tabsdetails td, .row.tabsdetails th {
    border: 1px solid #dddddd59;
    padding: 5px 10px;
    font-size: 14px
}

.row.tabsdetails tr:hover {
    background-color: #ddd
}

.row.tabsdetails th {
    padding-top: 0;
    padding-bottom: 0;
    text-align: left;
    color: #fff
}

.ProPreview img, .autopop img, .blog-share ul li img, .brandbanner img, .brandlogo img, .cartbody span.img_box_cart img, .categorytopimages img, .cattosubimg img, .connectwithus ul.sociallinks li img, .feature-img img, .form_return tbody tr td:last-child input, .halfcolabstitle img, .menu-mobile ul.navbar-nav.mr-auto, .mleadform label:nth-child(5), .omthreero img, .ourservicespage .col-md-4 img, .popularcatslider .owl-item.active.center img, .prodetailssingle .partnerlogos img, .productdetailstrust img, .proimg img, .row.tabsdetails table, .sbv_ul img, .shippinglogos img, .sidebarpostsingle .post-thumb img, .singleFeatured img, .topsection img, .trustpilotsec img, .utforskatab .tab-content img, a#logo img, div#singlerelatedpro, img.doptionimg, img.poptionimg {
    width: 100%
}

.writereviewmodel h4 {
    margin: 0;
    color: var(--main-green)
}

input.pull-right {
    transition: .2s;
    border: 2px solid;
    padding: 8px 20px !important;
    line-height: 20px;
    color: #fff;
    position: relative
}

.col-md-12.oosh, .reqques, .writereviewmodel form .row {
    margin-bottom: 15px
}

.writereviewmodel input.form-check-input.ratingstar {
    display: inline-block;
    position: relative;
    margin: 0 10px 0 0;
    visibility: hidden
}

    .writereviewmodel input.form-check-input.ratingstar:before {
        content: "\f006";
        position: absolute;
        font-family: fontawesome;
        color: var(--main-green);
        top: -6px;
        font-size: 20px;
        visibility: visible
    }

    .writereviewmodel input.form-check-input.ratingstar:checked:before {
        content: "\f005"
    }

ul.rightlinks li a {
    color: #3f4649;
    font-size: 11px;
    padding: 0 20px 0 8px;
    transition: .2s;
    display: block;
    border-right: 1px solid #0000001f;
    font-weight: 600
}

    .blogColumn:hover .blog-desc, .blogColumn:hover .blog-title, .col-md-12.oosh h5 strong, .p-1:hover, .price_box_front span.price_valueshow.cross, .py-0:hover, .py-1:hover, .shippingPolicy p a, ul.rightlinks li a:hover {
        color: #545454
    }

.form-control:focus {
    border-color: #3f4649;
    box-shadow: none
}

.pageheader h1 {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    font-size: 24px;
    margin-bottom: 5px;
    font-weight: 500;
    margin-top: 20px;
    text-transform: capitalize;
}

.signup .pageheader {
    margin-left: -30px
}

.pagebody h2.proheading {
    font-size: 17px;
    margin-top: 20px
}

.blogSingle .revhead span.reviewtime, .mnews-box h6, .nectar-social.fixed .google-plus-share i, .pagebody .row.tabsdetails .reviewlist ul li span.reviewtime, .pagebody .tab-pane p, .reg_b_account li, .syv span#select2-engineCodesDD-container, .trans-btn {
    font-size: 11px
}

.pagebody td, .pagebody th, .popularproslider span.moreinfobtn a, .produkter span.moreinfobtn a, p.copyright {
    font-size: 11px
}

.pagebody .single_pro.col-md-4:nth-child(2) {
    border-right: 2px solid #cccccc69;
    border-left: 2px solid #cccccc69
}

.pagebody .row.prodetails {
    padding-bottom: 0
}

span.outstock {
    color: red
}

.pagebody .revewsbasis h5 {
    font-size: 22px;
    margin: 0
}

.pagebody .row.tabsdetails .reviewlist ul li {
    padding: 10px !important;
    margin-bottom: 10px
}

a.offpro {
    position: absolute;
    right: 20px;
    font-size: 18px;
    color: #3c3c3c
}

p.noproduct {
    font-size: 18px;
    margin-top: 10px;
    color: var(--main-green);
    padding-bottom: 30px
}

.dropdown-item:focus {
    background-color: #000;
    outline: 0
}

mark {
    background: orange;
    color: #000
}

.writereviewmodel label {
    font-size: 16px;
    display: block;
    text-align: right
}

.writereviewmodel .modal-body .row {
    margin-bottom: 12px
}

    .writereviewmodel .modal-body .row .form-control {
        border: 2px solid #dee2e6;
        padding: 0 10px !important;
        height: 30px;
        font-size: 14px
    }

    .writereviewmodel .modal-body .row .pull-right {
        float: initial !important;
        width: 98%;
        margin: 0 auto;
        border-radius: 5px;
        background-color: #545454;
        border: none
    }

.modal-body, .modal-body .container {
    background-color: #f5f5f5;
    padding: 0 10px
}

#homepopup .modal-body, .cartbody .table-striped tbody tr:nth-of-type(odd), .loginpage .container, .trans-btn {
    /*    background-color: transparent*/
}

.writereviewmodel .modal-body {
    padding-top: 15px
}

    .writereviewmodel .modal-body textarea#cmntTxt {
        padding-top: 6px !important
    }

.blogsection .owl-nav.disabled, .comparepros .my-readonly_stars, .popularcatslider .owl-nav.disabled {
    display: block !important
}

.cartbody th {
    font-size: 12px;
    font-weight: 400;
    border: none;
    padding: 5px 10px
}

.cartbody td {
    border: none;
    font-size: 16px;
    padding: 0 5px;
    color: black;
}

#filterboxleft .card, .cartbody table.table, .paylatersec h3:first-child, .pl-4 > li.nav-item:last-child, .py-1:last-child, .services ul.nav.nav-tabs, .topbar .col-md-4:last-child, .vatdetailbox ul li:last-child, .welcome-apex .col-md-4:last-child, ul#accessories > li:last-child, ul.rightlinks li:nth-child(3) a {
    border: none
}

.cartbody tbody {
    border-bottom: 1px solid #1d263126
}

.cartbody span.img_box_cart {
    width: 28%;
    display: inline-block
}

.cartbody span.heading_cart_title {
    display: inline-block;
    width: 70%;
    padding-left: 10px;
    font-size: 14px;
    line-height: 18px;
    vertical-align: middle
}

    .cartbody span.heading_cart_title a {
        color: #292929;
        text-decoration: none
    }

        .cartbody span.heading_cart_title a:hover {
            color: var(--main-green-color)
        }

.cartbody input[type=number] {
    text-align: center;
    font-size: 14px;
    background-color: #E7E7E7;
    border: none;
    border-radius: 4px;
}

    .cartbody input[type=number]::-webkit-inner-spin-button, .cartbody input[type=number]::-webkit-outer-spin-button {
        -webkit-appearance: none;
        margin: 0
    }

.cartbody td button.btn.btn-danger.btn-lg {
    padding: 0 !important;
    background-color: #3c3c3c;
    border: none;
    line-height: 0;
    width: 20px;
    height: 20px;
    font-size: 16px;
    border-radius: 50px;
    text-align: center;
    margin: 0 auto;
    display: block
}

.row.tabsdetails tr.last.even th, h6.brandtags a {
    padding: 4px 10px
}

.trans-btn {
    border: none;
    text-decoration: underline !important;
    padding: 0;
    color: #121820 !important;
    letter-spacing: .5px
}

    .trans-btn i {
        color: var(--main-green);
        font-size: 13px;
        text-decoration: none
    }

.cartbody .col-md-8 {
    padding-bottom: 30px;
    padding-top: 30px
}

.cartbody .summarybox {
    padding: 15px 20px;
    border: 1px solid #ced4da54;
    border-radius: 6px;
}

a.cross-btn {
    /*    display: block;*/
    text-align: center
}

    a.cross-btn i {
        color: #a00808
    }

.cartbody .col-md-4 h3 {
    font-size: 15px;
    text-align: center;
    color: #000;
    font-weight: 600
}

.dcodebox input.form-control.form-inline {
    width: 71%;
    display: inline-block;
    height: 29px;
    border-radius: 3px !important;
    padding: 0 10px;
    font-size: 12px;
    background-color: #fff;
    border: none;
}

.theme-btn {
    display: inline-block;
    border: none;
    background-color: rgb(255 110 31);
    color: #fff;
    padding: 7px 6px !important;
    border-radius: 0;
    font-size: 18px;
    border-radius: 6px;
}

.summarybox span {
    display: block;
    /*    border-bottom: 1px solid #363636;
*/
    padding: 3px 0;
    text-align: right;
    color: #000;
    font-size: 14px
}

    .summarybox span label {
        margin-right: 10px;
        margin-bottom: 0;
        text-align: left;
        float: left
    }

.cartbody .table-striped tbody tr:first-child {
    background-color: #333;
    color: #fff
}

a#updateCartBtn {
    line-height: 33px;
    background-color: #008b01;
    color: #fff;
    font-weight: 600
}

.topbar p {
    color: #fff;
    margin: 0;
    font-size: 14px;
    font-weight: 600
}

.breadcrumb li, .breadcrumb li a {
    font-size: 13px;
    color: #707070;
    display: inline-block;
    text-transform: capitalize
}

td a, td a:hover {
    color: #74543d
}

.product-details form ul li:nth-child(3) a {
    background-color: #ed185e;
    font-weight: 600;
    text-transform: uppercase;
    transition: .3s;
    font-size: 15px;
    padding: 10px 40px;
    color: #fff
}

.img-magnifier-container {
    position: relative;
    overflow: hidden
}

.img-magnifier-glass {
    position: absolute;
    border: 2px solid #74543d;
    cursor: none;
    width: 60%;
    height: 60%;
    visibility: hidden
}

.img-magnifier-container:hover .img-magnifier-glass {
    visibility: visible
}

h6.brandtags {
    margin-top: 17px;
    margin-bottom: 18px
}

    h6.brandtags label {
        margin: 0;
        font-size: 15px
    }

    h6.brandtags a {
        color: #000;
        border: 1px solid #d6d6d6;
        font-size: 13px;
        line-height: 12px;
        display: inline-block;
        margin: 2px 0
    }

        h6.brandtags a.activebrand {
            background-color: #030303;
            color: #fff;
            border-color: #000
        }

.pro_cat.pro_wrap_main:before {
    top: initial;
    height: 0
}

.pro_cat.pro_wrap_main:hover:before {
    height: 60px
}

.pro_cat .product_detail_grid {
    position: relative;
    z-index: 99
}

.cartbody .summarybox {
    margin-top: 30px;
    position: sticky;
    top: 105px
}

.cat-cont {
    font-size: 14px;
    line-height: 18px;
    color: #3c3c3c
}

#accordion .card-header, .herosection .col-md-12 {
    padding: 0 !important
}

.loginpage .loginform h2 {
    text-align: center;
    display: block;
    font-size: 18px
}

    .loginpage .loginform h2:after {
        left: 0;
        right: 0;
        margin: 0 auto
    }

.loginpage .form-control, .singleprosidead img {
    margin: 10px 0;
    border: none;
    border-bottom: 1px solid #e1e1e1;
    margin-top: 25px;
    border-radius: 6px;
}

.loginpage button#loginBtn1 {
    background-color: #000;
    text-transform: capitalize;
    transition: .2s;
    border: none;
    line-height: 15px;
    padding: 5px 20px;
    font-size: 15px;
    margin-right: 20px;
    border-radius: 6px;
}

.loginpage a#forgotpass {
    color: #141718;
    font-size: 12px;
    display: inline-block;
    margin-top: 10px;
    float: right;
    font-weight: 600;
    text-decoration: none;
    margin-bottom: 10px;
}

.loginpage-msg.msg-err p {
    color: red;
    font-size: 14px
}

.bestproinner:hover .detailbox a, .kitsection .innerkit:hover .pro_left a {
    background-color: #00759f !important;
    transition: .3s
}

.mm-module .col-auto button.btn.btn-primary.mb-2:hover {
    background-color: #eb551e
}

.testi_inner:hover, .typesearchbox .col-md-8 .col-md-4:hover {
    border-color: #00759f
}

.irs--flat .irs-bar, .irs--flat .irs-line {
    height: 2px !important
}

.irs--flat .irs-handle {
    height: 7px !important
}

.myrange2 .range-slider {
    width: 100%;
    height: 60px
}

.inputs input {
    border: 1px solid #3f464938 !important;
    padding: 2px 10px !important;
    font-size: 12px !important;
    margin: 0 10px !important;
    border-radius: 4px
}

    .form_return tbody tr td input:focus, .inputreg input:focus, .inputs input:focus, .myrange3 span.ui-slider-handle.ui-state-default.ui-corner-all:focus, .product-details form input:focus, button.btn.btn-view-m:focus, p.price-filters input:focus {
        outline: 0
    }

.range-slider input[type=range]:before {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    height: 5px;
    background-color: #00759f
}

.myrange3 div#slider-range {
    margin: 10px
}

.myrange3 .ui-widget-content {
    height: 5px;
    background: #5f5d5e;
    border: none
}

.myrange3 span.ui-slider-handle.ui-state-default.ui-corner-all {
    cursor: pointer;
    margin-top: -4px;
    position: absolute;
    z-index: 100;
    background: #fff;
    border: 5px solid #707070;
    border-radius: 100%;
    width: 20px;
    height: 20px;
    display: block;
    box-shadow: 0 0 2px 0 rgb(0 0 0 / 44%)
}

.myrange3 .ui-slider-range.ui-widget-header.ui-corner-all {
    background: #545454
}

p.price-filters input {
    display: inline-block;
    width: 32%;
    padding: 2px 10px;
    font-size: 12px;
    border: 1px solid #dcdcdc
}

button#resetFilters:hover {
    background-color: #3f4649
}

.checkoutrow h3 {
    font-size: 22px;
    color: #212529;
    margin-bottom: 15px;
    margin-top: 20px;
    padding: 5px 0;
    position: relative
}

.checkoutrow label {
    font-size: 15px;
    margin-bottom: 0;
    line-height: 16px
}

.checkoutrow .form-control {
    padding: 2px 10px !important;
    height: auto;
    font-size: 14px;
    border-radius: 0;
    display: inline-block;
    width: 60%
}

form.alt_form {
    padding-top: 8px;
    display: none
}

.checkoutrow button.btn.btn-primary {
    background-color: #3f4649;
    border: none;
    padding: 10px 30px;
    font-weight: 600;
    position: absolute;
    right: 3%;
    bottom: 20px
}

.checkoutrow ul li {
    list-style: none;
    border-bottom: 1px solid #3f46491f;
    padding: 10px 0;
    text-align: right
}

    .banktransferform .form-row label, .checkoutrow ul li label {
        float: left
    }

li.sum_last, li.sum_last label {
    font-weight: 700
}

.row.checkoutrow {
    background-color: #fdfdfd;
    padding: 0 10px 25px;
    position: relative;
    margin-bottom: 40px
}

a.loginbtn {
    background-color: #00759f !important;
    border-radius: 4px;
    letter-spacing: 1px;
    padding: 9px 15px;
    line-height: 3px !important;
    top: 4.5px;
    position: relative;
    margin-left: 10px
}

@media (max-width:600px) {
    .vehicleKnow.active, li.nav-item.dropdown.show .dropdown-menu.show {
        transition: .3s;
        right: 0 !important
    }

    .copyright p, .newsletterbox h3, .toolbar, .topbar p, ul.rightlinks li a, ul.top_ul_list {
        text-align: center
    }

    .postTitle {
        font-size: 22px !important;
        line-height: 20px
    }

    .blogSingle h4 {
        font-size: 22px !important;
        line-height: 22px
    }

    .blogsMain h1, .col-md-9.pro_grid_default h1, .product_head_tools, h4.footer-head {
        margin-top: 20px
    }

    .blog-title {
        font-size: 14px !important;
        margin-top: 20px !important;
        line-height: 14px !important
    }

    .blog-cat-name {
        line-height: 18px !important
    }

        .blog-cat-name span.blogDate {
            margin: 10px 0
        }

    .kitsection .pro_right img {
        object-fit: contain
    }

    .checkboxes label, .loginpage .loginform, input#newsletter_email {
        width: 100% !important
    }

    .user-box label, body h2.pro_title_front {
        font-size: 11px !important
    }

    .cookie_container h2, .mm-module h2, .product-details h1.proheading {
        font-size: 16px
    }

    .cookie_container p {
        font-size: 12px;
        line-height: 12px
    }

    .breadcrumb li, .breadcrumb li a, .product-details h5.skucode, .product-details h5.skucode span.instock, .toolbar label, button.btn.btn_accept_cookie, h6.brandtags label {
        font-size: 12px
    }

    .enlarge_flyout-flyoutloupe, .featured-Products .owl-nav, .satisfact, .sticked:before, .syv:after, .topbar, .topproducts .owl-nav, ul.rightlinks li {
    }

    .enlarge_contain img {
        width: 100%;
        object-fit: cover;
        height: inherit
    }

    .enlarge {
        height: 300px
    }

    .g-recaptcha > div {
        border: 1px solid #84888b54 !important
    }

    .typesearchbox {
        bottom: -489px !important
    }

    .focussearchbox {
        bottom: -183px !important
    }

    button.btn.btnshowfilter {
        display: inline-block !important;
        background-color: #3f4649;
        color: #fff;
        padding: 0 10px;
        margin-left: 15px;
        border-radius: 0;
        font-size: 12px
    }

    button#resetFilters {
        top: 0
    }

    .pro_grid .pro-box {
        width: 47% !important
    }

    .trans-btn, body h5.pro_sku {
        font-size: 9px
    }

    .comeup ul li:nth-child(3) a {
        font-size: 12px !important;
        line-height: 15px !important;
        top: -2px !important
    }

    .topbar p {
        line-height: 11px;
        font-size: 10px
    }

    ul.top_ul_list {
        float: initial;
        margin: 5px auto 0
    }

        ul.top_ul_list li strong {
            line-height: 24px
        }

        ul.top_ul_list li img {
            margin-right: 5px;
            display: none
        }

    button.btn.btn-secondary.my-2.my-sm-0 {
        filter: invert(1);
        padding: 0 !important
    }

    #homepopup .modal-dialog.modal-xl {
        top: 25%;
        left: 0 !important;
        right: 0 !important;
        margin: 0 auto !important;
        width: 90% !important
    }

    #homepopup h2 {
        font-size: 25px !important;
        line-height: 22px !important
    }

    #homepopup .modal-body {
        padding: 40px !important
    }

    #homepopup h2 strong {
        font-size: 18px !important
    }

    #homepopup p {
        font-size: 12px;
        margin-bottom: 5px
    }

    #homepopup h4, .reviews h6, .welcome-apex h6 {
        font-size: 12px !important
    }

    #homepopup input#newsletter_email {
        border-radius: 0 !important
    }

    #homepopup button.btn.btn-secondary {
        font-size: 10px;
        padding: 12px 10px !important
    }

    #homepopup input#newsletter_email::placeholder {
        font-size: 13px
    }

    .headertop .col-md-3 {
        text-align: center;
        margin-bottom: 10px
    }

    .welcome-apex .col-md-4, .welcome-apex h1 {
        margin-bottom: 20px !important
    }

    a#logo img {
        width: 100% !important;
        margin-top: 10px
    }

    .syv {
        height: 310px !important;
        padding-bottom: 0 !important;
        padding-top: 30px !important
    }

    .newsletterbox h3 small, .topbar p strong, ul.rightlinks li:last-child {
        display: block
    }

        ul.rightlinks li:last-child a {
            border: none !important
        }

    .row.inner-bannre {
        padding: 50px 0 20px !important
    }

    .searchbox .form-inline.my-6.my-lg-0:after {
        bottom: 0;
        right: -35px !important
    }

    #clockdiv > div, button#searchBtn:after {
        display: none !important
    }

    .searchbox .form-inline.my-6.my-lg-0:before {
        left: -35px !important
    }

    body .sticked a#logo {
        width: 81px !important;
        transition: none !important
    }

    .vehicleKnow.active {
        bottom: 0;
        z-index: 999 !important;
        top: initial;
        margin: 0 auto;
        left: 0
    }

    .brands-wework h1, .featured-Products h3, .reviews h2, .welcome-apex h1 {
        font-size: 32px !important
    }

    .welcome-apex h4 {
        font-size: 14px !important;
        line-height: 16px !important
    }

    .kitsection .innerkit p, .welcome-apex p {
        line-height: 16px
    }

    .welcome-apex p {
        font-size: 13px;
        margin-bottom: 15px
    }

    .brands-wework h1 {
        line-height: 35px !important
    }

    .brands-wework p {
        font-size: 13px !important
    }

    .brandlist {
        padding: 0 5%
    }

    .rev-cont p {
        font-size: 12px;
        line-height: 20px
    }

    .brand-bar {
        padding-bottom: 25px !important
    }

    .footerwidgets ul {
        margin-bottom: 30px
    }

    .topbar .col-md-4 {
        width: 33%;
        height: 25px !important
    }

    #clockdiv div:first-child {
        display: block !important
    }

    div#mainheader {
        padding-top: 0
    }

    ul.rightlinks li img {
        width: 40%
    }

    .brands-wework {
        padding: 40px 0 15px !important
    }

    .featured-Products {
        padding: 40px 25px 20px !important
    }

    .searchbox input.form-control.mr-sm-6::placeholder {
        font-size: 10px
    }

    .cartbody .summarybox, main {
        margin: 0
    }

    ul.rightlinks {
        position: absolute;
        z-index: 9;
        right: 10px;
        bottom: 0
    }

    .ordersuccess h4 img {
        width: 16% !important
    }

    ul.rightlinks li a {
        padding: 0 10px;
        border-right: 1px solid #0000001f !important
    }

    .row.notFound {
        padding: 40px 20px 250px !important
    }

    .notFound h2 {
        font-size: 50px !important;
        line-height: 40px !important;
        margin: 0
    }

        .notFound h2 strong {
            font-size: 36px !important
        }

    .notFound h4 {
        font-size: 22px
    }

    .notFound p {
        font-size: 12px !important;
        width: 100% !important
    }

    .row.notFound:after {
        left: 0;
        bottom: 40px !important;
        width: 180px !important;
        height: 180px !important;
        background-size: 100% 100% !important;
        right: 0 !important;
        margin: 0 auto
    }

    .herosection .btn_div button {
        padding: 0
    }

    .kitsection .pro_left {
        width: 68% !important
    }

    .herosection .reg_flag img {
        height: 24px;
        object-fit: cover
    }

    div#UserChatBox {
        bottom: 85px !important;
        right: 0 !important
    }

    #UserChatBox .card.show {
        position: fixed;
        height: 100vh !important;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        z-index: 999999999999
    }

    #UserChatBox .card {
        top: initial !important;
        bottom: 0 !important
    }

    .herosection .your_reg {
        padding-top: 4px
    }

    button.ChatStart {
        right: 24px !important
    }

    .herosection .carousel-item img {
        height: auto
    }

    .kitsection {
        margin-top: 0
    }

        .kitsection .innerkit {
            padding: 20px
        }

            .kitsection .innerkit h2 {
                font-size: 19px !important
            }

    .testimonials .pro_details {
        padding-left: 20px;
        width: 78%
    }

    .newsletterbox h3 {
        margin-bottom: 15px
    }

    .copyright p {
        line-height: 15px;
        margin-bottom: 10px
    }

    .payicons img {
        width: 45% !important
    }

    h6.brandtags a.activebrand {
        padding: 2px 10px
    }

    .product-details .priceboxsingle {
        font-size: 28px
    }

    .product-details form input {
        padding: 0;
        width: 14% !important;
        height: 27px !important
    }

    .product-details form ul li {
        padding: 0 3px;
        margin: 0
    }

        .product-details form ul li:nth-child(2) a, .row.tabsdetails ul li a {
            font-size: 14px
        }

    .quantity-nav {
        height: 39px !important
    }

    .cartbody span.img_box_cart, ul.nav.nav-tabs > li {
        width: 100% !important;
        !i;
        !;
    }

    .pageheader h1, .revewsbasis h5, .row.singlerelatedpro h3 {
        font-size: 18px
    }

    .row.tabsdetails .tab-pane p {
        line-height: 16px;
        font-size: 14px
    }

    .revewsbasis button.btn.btn-info.btn-lg {
        font-size: 12px;
        margin-top: 5px
    }

    .nohoverlayout.pro_wrap_main {
        max-width: 100% !important
    }

    .toolbar select {
        font-size: 12px;
        height: 23px
    }

    .paginationjs .paginationjs-pages li {
        padding: 0 4px;
        line-height: 18px
    }

    .toolbar div {
        margin-bottom: 5px
    }

    .toolbar .sorter {
        margin: 0 0 10px
    }

    .cartbody span.heading_cart_title {
        /*   width: 100%;*/
        margin-top: 0;
        font-size: 14px;
        padding: 0 0 0 20px;
        position: absolute;
        left: 0;
        bottom: 4px;
        right: 0;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
        display: -webkit-box
    }

    .cartbody th {
        line-height: 16px;
        font-size: 11px
    }

    .dcodebox input.form-control.form-inline, .theme-btn {
        width: 100%;
        margin-top: 10px
    }

    .blogSingle .postContent img {
        max-width: 100%;
        height: auto !important
    }

    .blogSingle .singlePost * {
        margin: auto !important
    }

    div#cookieNotice {
        width: 100%;
    }
}

@media (min-width:601px) and (max-width:1250px) {
    .detailbox a, .topbar p {
        font-size: 10px
    }

    .cartbody span.heading_cart_title {
        width: 80%
    }

    #filterboxleft h5 {
        font-size: 14px
    }

    #filterboxleft .card-body h4 {
        font-size: 16px
    }

    p.price-filters input {
        width: 31%;
        font-size: 9px !important
    }

    a#logo {
        font-size: 24px
    }

    .topbar p {
        line-height: 16px
    }

    ul.rightlinks li .cartbox span.cartitems {
        left: 20px;
        width: 17px;
        height: 17px
    }

    .topbar .col-md-4 {
        height: 25px !important
    }

    ul.rightlinks li a {
        font-size: 10px;
        padding: 0 7px 0 3px !important
    }

    .searchbox input.form-control.mr-sm-6::placeholder {
        font-size: 9px !important
    }

    .navbar-dark .navbar-nav .nav-link {
        font-size: 11px !important;
        padding: 10px 12px 8px !important
    }

    .row.notFound:after {
        bottom: 60px !important;
        right: 110px !important
    }

    .row.notFound {
        padding: 60px 70px !important
    }

    .mm-module {
        top: 40px;
        width: 240px
    }

    .kitsection .innerkit {
        padding: 20px
    }

    .bestsellinglist .detailbox, .bestsellinglist .imgbox {
        width: 45%
    }

    .detailbox h5 span {
        font-size: 17px
    }

    .bestproinner {
        padding: 15px 0
    }

    .testimonials .pro_details {
        width: 78%;
        padding-left: 25px
    }

    .headertop .container .col-md-3:nth-child(3) {
        flex: 0 0 35%;
        max-width: 35%
    }
}

.focussearchbox, .typesearchbox {
    top: 41px;
    background-color: #fff;
    padding: 15px 20px;
    box-shadow: 0 0 10px 0 #00000014;
    position: absolute;
    border-radius: 10px !important;
    !i;
    !;
    !o;
    !;
}

input.btn.pricerangebtn {
    background-color: #707070;
    color: #fff;
    border: none;
    display: block;
    width: 100%;
    margin-top: 15px;
    border-radius: 10px;
    padding: 8px 0;
}

.loginform.signup {
    width: 100%;
    padding: 20px 50px;
    margin-bottom: 40px
}

    .loginform.signup .form-control {
        margin: 5px 0;
        border: none;
        border-radius: 0px;
        border-bottom: 1px solid #3f464930;
    }

    .loginform.signup .col-md-12, .loginform.signup .col-md-6 {
        padding: 0 5px !important;
        margin-bottom: 10px
    }

    .loginform.signup button#loginBtn1 {
        margin: 10px 0 15px 6px !important;
        padding: 10px 40px;
        display: block;
        width: 100%;
    }

    .loginform.signup label {
        margin: 0;
        color: #3f4649;
        line-height: 12px;
        font-size: 15px;
        display: block
    }

a#createaccount {
    display: inline-block;
    font-size: 14px;
    margin-top: 20px;
    border-radius: 4px;
    width: fit-content;
    color: #ff6e1f;
    text-decoration: none;
}

a.loginbtn.masterpage-username {
    background-color: transparent !important;
    padding: 0 !important;
    text-decoration: underline;
    text-underline-position: under
}

.focussearchbox {
    z-index: 999999999;
    left: 0;
    right: 0;
    height: 190px;
    border-radius: 0
}

    .focussearchbox h4, .typesearchbox h4 {
        font-size: 18px;
        color: #333;
        margin-bottom: 10px
    }

    .focussearchbox ul, .megadrop ul, .single_pro .modal-header button.close, .typesearchbox ul {
        padding: 0 !important;
        margin: 0 !important
    }

        .focussearchbox ul li a, .typesearchbox ul li a {
            font-size: 14px !important;
            color: #3c3c3c;
            display: block;
            width: 100%;
            overflow-wrap: break-word
        }

.typesearchbox {
    z-index: 99999999;
    left: 0;
    right: -31%;
    overflow: hidden;
    border-radius: 0
}

a.btn.searchbox-btn {
    float: right;
    padding: 2px 18px;
    background-color: #545454;
    color: #fff;
    font-size: 12px;
    border-radius: 0
}

.typesearchbox .proimg img {
    width: 100%;
    max-height: 70px;
    margin: 0 auto;
    object-fit: contain
}

h6.searchprotitle {
    font-size: 11px;
    color: #3c3c3c;
    margin-top: 10px
}

.typesearchbox .col-md-8 {
    border-left: 1px solid #3f46492b;
    padding-left: 19px
}

    .typesearchbox .col-md-8 .col-md-4 {
        transition: .3s;
        border: 1px solid transparent
    }

.focussearchbox ul li a {
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis
}

div#productSuggestion {
    overflow-y: scroll;
    max-height: 480px;
    align-items: center;
    min-height: 100px
}

    div#productSuggestion::-webkit-scrollbar {
        width: 5px
    }

    div#productSuggestion::-webkit-scrollbar-track {
        background: #c5c5c5
    }

    div#productSuggestion::-webkit-scrollbar-thumb {
        background: #3f4649
    }

        div#productSuggestion::-webkit-scrollbar-thumb:hover {
            background: #00759f
        }

#productSuggestion .col-md-4 {
    border: none;
    transition: .2s;
    border-radius: 4px;
    display: block !important;
    max-width: 33%;
    flex: 33%
}

.enlarge_flyout-flyoutloupe {
    border-radius: 0 !important;
    border: 5px solid #74543d73 !important;
    width: 300px !important;
    height: 200px !important;
    box-shadow: none !important
}

.product-details form {
    position: relative;
    margin-top: 12px;
}

    .product-details form input[type=number]::-webkit-inner-spin-button, .product-details form input[type=number]::-webkit-outer-spin-button {
        -webkit-appearance: none;
        margin: 0
    }

    .product-details form input[type=number] {
        -moz-appearance: textfield
    }

    .product-details form input {
        -moz-appearance: textfield;
        height: 28px;
        line-height: 1.65;
        display: inline-block;
        margin: 0 0 0 25px;
        border-radius: 0;
        width: 45px;
        font-weight: 500;
        text-align: center;
        padding: 0 !important;
        border: none;
        vertical-align: middle
    }

.quantity-nav {
    position: absolute;
    left: 0;
    top: 0
}

.quantity-button {
    position: relative;
    cursor: pointer;
    border-left: 1px solid #eee;
    width: 25px;
    text-align: center;
    color: #333;
    font-size: 13px;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    line-height: 20px
}

    .quantity-button.quantity-up {
        position: absolute;
        top: 1px;
        font-size: 16px;
        border-radius: 0;
        color: #404040;
        height: 27px;
        left: 95px;
        line-height: 23px;
        font-weight: 600;
        border: none
    }

    .quantity-button.quantity-down {
        position: absolute;
        font-size: 16px;
        border-radius: 0;
        color: #404040;
        top: 0;
        height: 27px;
        font-weight: 600;
        line-height: 24px;
        left: 25px;
        border: none
    }

@media (min-width:600px) and (max-width:768px) {
    .quantity-button {
        width: 16px !important
    }

    .product-details form input {
        padding: 0 15px 0 0 !important
    }
}

.g-recaptcha {
    width: 100%;
    padding-left: 5px
}

.testimonials .col-md-12 {
    padding-top: 15px;
    padding-bottom: 15px;
    margin: 0 !important
}

.e-shop-page .productfront img, .g-recaptcha div iframe, .g-recaptcha > div, .pro_grid .pro-box img {
    width: 100% !important
}

.checkoutrow .form-control.error {
    border-color: red
}

.checkoutrow label.error {
    color: red;
    font-size: 12px;
    line-height: 10px;
    display: block;
    margin-top: 5px
}

.newsletterbox button.btn.btn-secondary:active {
    background-color: transparent !important;
    color: #00759f !important
}

.newsletterbox button.btn.btn-secondary:focus {
    outline: 0;
    box-shadow: none !important
}

.autocomplete-items {
    position: absolute;
    border: 1px solid #d4d4d4;
    border-bottom: none;
    border-top: none;
    z-index: 99;
    top: 100%;
    left: 5px;
    right: 5px
}

#homepopup form.form, .blog-thumbnail, .brandsfeatured > .container, .brandstop > .container, .cartbox, .halfcolabstitle, .header-menu .row, .newsletterbox, .rev-cont, .row.herosection, .row.notFound, .rqform .red-bg, .shopbyvehicle li a, .syv, .user-box, div#navbarsExampleDefault {
    position: relative
}

.autocomplete-items div {
    padding: 10px;
    cursor: pointer;
    background-color: #fff;
    border-bottom: 1px solid #d4d4d4
}

    .autocomplete-items div:hover {
        background-color: #e9e9e9
    }

.autocomplete-active {
    background-color: #1e90ff !important;
    color: #fff
}

ul.rightlinks li a i {
    display: block;
    text-align: center;
    font-size: 16px
}

ul.rightlinks li .cartbox a.basket {
    border: none;
    position: relative
}

#clockdiv div > span, #clockdiv > div {
    border-radius: 3px;
    display: inline-block;
    text-align: center
}

span.cartitems {
    display: inline-block;
    text-align: center;
    position: absolute;
    right: -8px;
}

#clockdiv {
    color: #fff;
    display: inline-block;
    font-weight: 600;
    text-align: center;
    font-size: 15px;
    vertical-align: middle;
    margin-left: 10px
}

    #clockdiv div > span {
        background: #3f4649;
        letter-spacing: 2px;
        padding: 0 8px
    }

.smalltext {
    padding-top: 1px;
    font-size: 8px;
    color: #fff
}

.topinner p strong {
    color: #ffe61a;
    font-weight: 700 !important
}

#homepopup .modal-body {
    padding: 70px 90px;
    border-radius: 0 0 20px 20px
}

#homepopup .modal-close {
    border-radius: 20px 20px 0 0
}

#homepopup h2 {
    color: #fff;
    text-align: center;
    font-size: 42px;
    font-weight: 900;
    line-height: 33px
}

    #homepopup h2 strong {
        display: block;
        font-weight: 500;
        font-size: 28px
    }

#homepopup p {
    color: #fff;
    text-align: center
}

#homepopup h2 span, .notFound p a {
    color: #eb551e
}

#homepopup h4 {
    text-align: center;
    color: #fff;
    font-size: 16px;
    width: 70%;
    margin: 0 auto 20px
}

#homepopup button.btn.btn-secondary {
    position: absolute;
    right: 0;
    top: 0;
    background-color: var(--main-orange);
    border: none;
    padding: 7px 20px;
    font-weight: 600;
    border-radius: 0
}

#homepopup button.close {
    background-color: #fff;
    opacity: 1 !important;
    border-radius: 50px;
    color: #000 !important;
    width: 25px;
    position: absolute;
    right: -12px;
    top: -8px;
    z-index: 999
}

#homepopup .modal-content {
    border-radius: 3px;
    background-size: 100%;
    background-color: #3f4649;
    outline: 4px solid var(--main-green);
    outline-offset: -20px
}

#homepopup .modal-dialog.modal-xl {
    width: 50%
}

#pagination1 .paginationjs-pages {
    width: 100%;
    text-align: center;
    margin-top: 20px;
    padding-top: 20px;
    margin-bottom: 20px
}

    #pagination1 .paginationjs-pages ul {
        float: none !important;
        display: inline-block
    }

.row.notFound {
    background-color: #fff;
    margin-top: 50px;
    margin-bottom: 40px;
    padding: 40px 140px
}

#myCarousel .carousel-control:hover, .form_return button.btn, .notFound .btngoback, .rev-cont, .syv button {
    background-color: #00759f
}

.notFound h2 {
    font-size: 80px;
    line-height: 65px;
    color: #2b404f
}

    .notFound h2 strong {
        display: block;
        font-size: 50px
    }

.notFound h4 {
    font-weight: 600;
    color: red
}

.notFound p {
    color: #2b404f;
    font-weight: 600;
    width: 30%;
    line-height: 16px;
    font-size: 14px
}

.notFound .btngoback {
    color: #fff;
    border-radius: 0;
    padding: 5px 20px
}

.row.notFound:after {
    content: "";
    position: absolute;
    height: 300px;
    width: 300px;
    background: url(cdn-apexautoparts.azureedge.net/apex-files/files/WebFiles/images/notfounimage.png) 0 0/100%;
    right: 300px;
    bottom: 30px;
    filter: hue-rotate(58deg)
}

.detailbox h5 strong {
    display: block;
    font-size: 14px;
    text-decoration: line-through
}

.checkoutBtn {
    position: absolute;
    right: 20px;
    bottom: -10px;
    width: 300px
}

#mainheader .row .col-md-3, #mainheader .row .col-md-5 {
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center
}

.carousel-item img {
    width: 100%;
    height: 400px;
    object-fit: cover
}

.reg_flag img {
    width: 100%;
    border-radius: 4px 0 0 4px
}

#headbar .topbar ul a, .mm-module h4 {
    color: #fff;
    font-size: 12px;
}

.contact_sec ul li i, .contact_sec ul li p, .your_reg div {
    display: inline-block;
    vertical-align: top
}

.your_reg .reg_flag {
    width: 14%;
    float: left
}

.your_reg {
    background-color: #fff;
    padding: 5px 2px 5px 5px;
    border-radius: 4px;
    margin-bottom: 15px
}

    .your_reg .btn_div {
        width: 16%
    }

    .your_reg .inputreg {
        width: 67%
    }

.inputreg input {
    border: none;
    background-color: #feda00;
    padding: 5px 10px 3px;
    text-transform: uppercase;
    font-size: 11px;
    line-height: 16px;
    width: 100%;
    border-radius: 0 4px 4px 0
}

.blog-cat-name, .blog-title, a.accesa {
    text-transform: capitalize
}

.inputreg input::placeholder {
    color: #000
}

.btn_div button {
    background-color: #00247d;
    border: none;
    color: #fff;
    font-size: 14px;
    padding: 0;
    border-radius: 4px;
    line-height: 25px;
    width: 100%
}

#myCarousel .carousel-control {
    position: absolute;
    top: 40%;
    font-size: 30px;
    color: #fff;
    background-color: transparent;
    padding: 5px 12px;
    border-radius: 4px;
    line-height: 30px;
    transition: .3s
}

#myCarousel a.right.carousel-control {
    right: 10px
}

#myCarousel a.left.carousel-control {
    left: 10px
}

.float {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 90px;
    right: 20px;
    background-color: #25d366;
    color: #fff;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    z-index: 100;
    line-height: 0
}

.menu-mobile, ul.tab-menu.nav-pills.col-sm-3.nav-stacked.pr15 {
    height: 100vh;
    overflow: hidden
}

.float i {
    margin: 15px 0 0
}

.kitsection .pro_left {
    width: 69%
}

.kitsection .pro_right {
    width: 30%
}

.ordersuccess h4 {
    font-size: 28px;
    margin: 0
}

.form_return h5, .mnews-box h5, .ordersuccess p, .summarybox span small {
    font-size: 16px
}

.ordersuccess h5 {
    border-bottom: 1px solid #00000014;
    margin-bottom: 20px;
    padding: 0 15px
}

.ordersuccess ul li {
    list-style: none;
    border-bottom: 1px solid #3f46491f;
    padding: 10px 0;
    text-align: right;
    min-height: 45px
}

    .ordersuccess ul li label {
        font-size: 15px;
        margin-bottom: 0;
        line-height: 16px;
        float: left
    }

.ordersuccess .succ_inner {
    border: 1px solid #3f464914;
    padding: 20px 10px;
    margin: 0 0 20px
}

.ordersuccess > .container {
    margin-top: 40px;
    margin-bottom: 20px;
    background-color: #fff;
    padding-top: 15px
}

.ordersuccess h4 img {
    width: 4%;
    vertical-align: top
}

.topsection button.owl-dot.active, li.sum_last {
    border: none !important
}

.privacyPolicy h4 {
    font-size: 22px;
    margin-top: 20px
}

.privacyPolicy p strong {
    display: block;
    margin: 5px 0
}

.privacyPolicy ul li {
    list-style: circle;
    margin-left: 15px
}

[data-toggle=collapse].collapsed .fa:before {
    content: "\f078"
}

.user-box input, .user-box textarea {
    width: 100%;
    padding: 8px 10px;
    font-size: 16px;
    color: #3f4649;
    border: 2px solid #ff6e1f;
    outline: 0;
    background: 0 0;
    border-radius: 50px
}

.user-box label {
    position: absolute;
    top: 9px;
    left: 10px;
    font-size: 12px;
    color: #3f4649;
    pointer-events: none;
    transition: .5s;
    padding: 0 5px
}

.user-box input:focus ~ label, .user-box input:valid ~ label, .user-box textarea:focus ~ label, .user-box textarea:valid ~ label {
    top: -7px;
    color: #212529;
    font-size: 12px;
    background-color: #fff
}

.user-box.checkboxes label {
    position: relative !important;
    top: 0 !important;
    padding: 0;
    pointer-events: auto !important
}

.returns_policy input[type=checkbox], .returns_policy input[type=radio] {
    position: absolute;
    clip: rect(0,0,0,0)
}

    .returns_policy input[type=checkbox] + label::before, .returns_policy input[type=radio] + label::before {
        content: "\a0";
        display: inline-block;
        margin: .2em .5em;
        width: .8em;
        height: .8em;
        line-height: .75em;
        transition: .5s;
        border: 1px solid silver
    }

    .returns_policy input[type=radio] + label::before {
        border-radius: 50%
    }

    .returns_policy input[type=checkbox]:checked + label::before, .returns_policy input[type=radio]:checked + label::before {
        content: "\a0";
        background: #00759f;
        border: 1px solid #fff;
        box-shadow: inset 0 0 0 1px #fff,0 0 0 1px #00759f
    }

.returns_policy .checkboxes input {
    margin: 0 !important;
    width: auto;
    padding: 0
}

.contactus h2, .returns_policy h4 {
    font-size: 28px
}

    .returns_policy h4 strong {
        display: block;
        font-size: 16px;
        color: #00759f
    }

.returns_policy > .container {
    background-color: #fff;
    padding: 30px 40px
}

.contactform .col-md-12, .contactform .col-md-6, .form_return .col-md-12, .form_return .col-md-4, .form_return .col-md-6 {
    padding: 5px
}

.checkboxes label {
    font-size: 16px !important;
    width: 34%;
    color: #212529 !important
}

.checkboxes h4 {
    font-size: 18px !important
}

.form_return tbody {
    background-color: #a1a4a6;
    border: 1px solid #a1a4a6
}

.form_return button.btn {
    color: #fff;
    text-transform: uppercase;
    padding: 5px 25px
}

.form_return tbody tr td input {
    border: none;
    border-bottom: 1px solid #a1a4a6;
    border-left: 1px solid #a1a4a6
}

#accordion .card-header button {
    padding: 5px 10px;
    color: #3f4649;
    display: block;
    width: 100%;
    text-align: left;
    border: none;
    text-decoration: none
}

    #accordion .card-header button i {
        float: right;
        font-size: 24px
    }

#accordion .card {
    margin-bottom: 5px;
    border: none
}

.form_return tbody tr td:first-child input {
    border-left: 0
}

.form_return tbody tr:last-child input {
    border-bottom: 0 !important
}

.contactus h1 strong {
    display: block;
    font-size: 16px;
    color: #212529
}

.contactform button.btn {
    background-color: #ff6e1f;
    color: #fff;
    padding: 5px 40px;
    display: block;
    margin: 10px auto
}

.contact_sec ul li {
    list-style: none;
    background-color: #212529;
    color: #fff;
    padding: 10px;
    margin-bottom: 5px;
    border-radius: 4px
}

    .contact_sec ul li p {
        margin: 0;
        width: 92%;
        line-height: 18px
    }

    .contact_sec ul li i, .stockstatuspro i, .topbar img {
        margin-right: 5px
    }

    .contact_sec ul li p strong, .menu > li, .productfront a, ul.nec li strong {
        display: block
    }

.cookie_container {
    position: fixed;
    width: 100%;
    z-index: 99999999;
    display: block;
    bottom: 0;
    background-color: #333333f2;
    padding: 15px 0
}

    .cookie_container h2 {
        color: #fff;
        font-size: 18px
    }

    .cookie_container p {
        color: #fff;
        line-height: 18px;
        font-size: 14px;
        margin: 0
    }

button.btn.btn_accept_cookie {
    color: #fff;
    text-transform: uppercase;
    letter-spacing: .5px;
    font-size: 12px
}

.cookie_container p a {
    color: #ec0000;
    text-decoration: underline
}

.shopbyvehicle li a:before {
    content: "";
    position: absolute;
    left: -20px;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 9999
}

ul#accessories .collapse .nav-link[data-toggle].collapsed:after {
    content: " ▾";
    font-size: 22px;
    width: 15px !important;
    height: 15px !important;
    display: inline-block;
    line-height: 15px;
    opacity: 0
}

ul#accessories .collapse .nav-link[data-toggle]:not(.collapsed):after {
    content: " ▴";
    font-size: 22px;
    width: 15px !important;
    height: 15px !important;
    display: inline-block;
    line-height: 15px;
    color: #00759f;
    opacity: 0
}

.text-truncate {
    background-color: #3f4649;
    color: #fff
}

.p-1, .py-0, .py-1 {
    color: #000
}

.text-truncate:hover {
    color: #f9f9f9
}

.py-1 {
    padding: 10px 16px 10px 0 !important
}

.py-0 {
    padding: 10px 0 !important
}

.p-1 {
    padding: 10px !important;
    position: relative
}

.tab-content.col-sm-9 .row, ul#accessories {
    margin-top: 15px
}

    ul#accessories > li {
        border-bottom: 1px solid #fff
    }

.pl-2 > li, .pl-2 > li > a, .pl-4 > li.nav-item {
    border-bottom: 1px solid #dedede
}

.p-1:before {
    content: "○";
    position: absolute;
    left: -14px;
    color: #00759f
}

.text-truncate > i {
    float: right;
    line-height: 21px
}

.py-1 i {
    float: right;
    line-height: 20px
}

.container.shippingPolicy {
    background-color: #fff;
    margin-bottom: 30px
}

.policies > .row {
    padding: 30px 20px;
    margin-bottom: 30px
}

.policies h1 {
    font-size: 24px;
    margin-top: 20px;
    font-weight: 500
}

.shippingPolicy h5 {
    font-size: 18px;
    margin-top: 20px;
    color: #00759f;
    position: relative;
    margin-bottom: 15px
}

.brandgrid span, .contactdetails p.mainpara, .shippingPolicy li, .shippingPolicy p, .shippingPolicy p strong, .trendright span.excVAT {
    font-size: 14px
}

.shippingPolicy img {
    width: 100%;
    padding: 30px;
    content: "";
    display: block
}

.shippingPolicy h5:before {
    content: "";
    position: absolute;
    width: 103px;
    height: 4px;
    background-color: #3f4649;
    bottom: -4px
}

.shippingPolicy .col-md-2 {
    background-color: #f5f5f5
}

.blok-body li a {
    display: block;
    font-size: 14px;
    color: #fff;
    font-weight: 400;
}

    .blok-body li a i {
        display: none;
    }

ul.tab-menu.nav-pills.col-sm-3.nav-stacked.pr15 li {
    padding: 6px 15px;
    background: #16232b;
}

.nav-pills a {
    display: block;
    color: #212529;
    font-size: 12px
}

.tab-pane li a {
    font-size: 11px;
    color: #000
}

.tab-content.col-sm-9 {
    padding: 5px 20px
}

.nav-pills li.active, .nav-pills li:hover {
    background-color: #8f9091 !important
}

    .nav-pills li.active a, .nav-pills li:hover a {
        color: #f9f9f9 !important
    }

.tab-content.col-sm-9 .row:first-child {
    margin-top: 0
}

ul.tab-menu.nav-pills.col-sm-3.nav-stacked.pr15 li:last-child {
    border: none;
    margin: 0
}

button.btn.btn-view-m {
    padding: 0;
    font-weight: 500;
    border: none;
    color: #eb551e;
    font-size: 12px;
    line-height: 12px;
    text-decoration: underline
}

.priceboxsingle.cross, span.price_valueshow.cross {
    text-decoration: line-through
}

.tab-pane::-webkit-scrollbar {
    width: 5px
}

.tab-pane::-webkit-scrollbar-track {
    background: #c5c5c5
}

.tab-pane::-webkit-scrollbar-thumb {
    background: #3f4649
}

    .tab-pane::-webkit-scrollbar-thumb:hover {
        background: #00759f
    }

span.note {
    font-size: 13px;
    color: #e21e1f
}

.blogCats > h4, .blogsMain h1 {
    font-weight: 600;
    width: max-content;
    color: #707070;
    border-bottom: 4px solid #545454;
    font-size: 24px;
    display: block !important
}

div#productSuggestion span {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    width: 100%;
    font-size: 14px;
    color: #b1b1b1
}

#productSuggestion > img {
    height: min-content;
    margin: 0 auto
}

.menu-mobile {
    width: 100%;
    position: fixed;
    z-index: 99999999 !important;
    background-color: #fff;
    top: 0;
    left: -100%;
    transition: .3s;
    padding: 10px 20px;
}

    .menu-mobile.active {
        left: 0
    }

a#close-menu {
    margin: 1px 15px 0;
    color: #898989;
    position: absolute;
    right: 0
}

.single_pro .tabsdetails .tab-pane {
    height: auto !important;
    overflow: hidden !important
}

.single_pro .modal-header h4 {
    width: 100% !important;
    margin: 0 !important;
    border: none !important;
    font-size: 18px !important;
    line-height: 38px !important
}

main:before {
    position: fixed;
    left: 0;
    right: 0;
    top: 173px;
    background-color: #000000c7;
    z-index: 2;
    content: "";
    bottom: 0;
    transition: .1s;
    visibility: hidden
}

.editProDirect {
    position: fixed;
    right: 5%;
    top: 40%
}

    .editProDirect a.btn.btn-primary {
        background-color: #eb551e;
        border-radius: 50px;
        border: none;
        font-size: 24px;
        height: 50px;
        width: 50px;
        line-height: 38px;
        box-shadow: 0 0 20px 10px #00000026
    }

.blogCats > h4 {
    padding-bottom: 5px;
    margin-bottom: 30px
}

.blogsMain h1 {
    margin: 0 auto 10px
}

.blogCats ul, .blogsMain ul {
    margin: 0;
    padding: 0
}

    .blogCats ul li a, .blogsMain ul li a {
        color: #3f4649;
        font-size: 13px;
        font-weight: 500;
        line-height: 15px !important;
        display: block
    }

.blogCats {
    padding: 20px 15px
}

.blogsMain h1:after {
    content: "";
    position: absolute;
    width: 200px;
    height: 5px;
    background-color: #545454;
    left: 0;
    bottom: -5px
}

.blogsMain .featureImg img {
    width: 100%;
    min-height: 214px;
    object-fit: cover;
    transition: .4s
}

.allBlogs {
    padding: 20px;
    margin-bottom: 15px
}

.blog-cat-name {
    color: #545454;
    margin: 12px 0;
    line-height: 13px
}

.blog-title {
    color: #3f4649;
    margin: 0 0 11px !important;
    transition: .3s;
    font-size: 16px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-weight: 500;
    line-height: 18px
}

.blog-desc {
    color: #3f4649;
    font-size: 13px;
    line-height: 15px;
    transition: .3s
}

.blogColumn, .brandprofile-sec.e-shop-page, .brandsSlider h2.mainheading, .omoss h2.mainheading, .proTabs ul.nav.nav-tabs, .services p.mainpara, .singleFeatured, .singlePost .ratingperpro {
    margin-bottom: 5px;
}

#filterboxleft .card-header span.accicon, .blog-cat-name span.blogDate, .vatdetailbox ul li span, span.moreinfobtn a i {
    float: right
}

.singlePost {
    padding: 20px 25px
}

.postTitle {
    position: relative;
    font-size: 26px;
    margin-bottom: 8px;
    font-weight: 600;
    line-height: 28px;
    padding-right: 135px;
    display: block !important
}

.blogCats ul li a img {
    width: 25%;
    border-radius: 4px;
    margin-right: 5px
}

.blogSingle .blogCats li {
    margin: 20px 0
}

.blogCats ul li a span {
    width: 71%;
    line-height: 15px;
    font-size: 12px;
    font-weight: 500
}

.featureImg, ul.menu.show.hide {
    overflow: hidden
}

.blogColumn:hover .featureImg img {
    transform: scale(1.3)
}

span.eta_pro {
    color: #e21e1f;
    display: block;
    margin: 10px 0;
    font-size: 13px
}

.SalePro, p.Sale {
    color: #fff;
    font-weight: 600;
    position: absolute
}

p.Sale {
    left: 5px;
    top: 12px;
    transform: rotate(314deg);
    z-index: 999999;
    margin: 0
}

.detailbox h5.SaleOffer:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-top: 70px solid #e21e1f;
    border-right: 70px solid transparent;
    left: 0;
    z-index: 0;
    top: 0
}

.SalePro {
    padding: 5px;
    right: 20px;
    top: 20px;
    background-color: #e21e1f;
    border-radius: 100px;
    line-height: 36px
}

span.SalePrice {
    margin-left: 10px;
    font-size: 18px;
    color: #545454;
    margin-right: 6px
}

.priceboxsingle.cross {
    margin: 20px 0 0 !important;
    line-height: 20px;
    font-size: 22px
}

span.SalePriceS {
    font-size: 30px;
    color: #545454;
    font-weight: 700
}

.SaleOffer .detailbox h5 span {
    font-size: 16px;
    color: #3f4649
}

.detailbox h5.SaleOffer span.SalePrice {
    font-size: 32px !important;
    display: block;
    margin: 0
}

.nav-item.dropdown.offer {
    background-color: #e21e1f;
    font-weight: 600
}

.detailbox h5.SaleOffer span {
    font-size: 20px !important;
    color: #000
}

.imageCropper ul li {
    width: 15%;
    display: inline-block;
    vertical-align: top
}

    .imageCropper ul li button {
        background-color: #231f20;
        color: #fff;
        border: none;
        padding: 7px 30px;
        position: relative;
        top: -2px
    }

.popup {
    position: absolute;
    overflow: auto;
    min-width: 10px;
    min-height: 10px;
    z-index: 99999 !important;
    background-color: #231f2024;
    border: 1px solid #231f20;
    text-align: center
}

.popup-header {
    cursor: move;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: transparent
}

.popup .resizer-right {
    width: 5px;
    height: 100%;
    background: 0 0;
    position: absolute;
    right: 0;
    bottom: 0;
    cursor: e-resize
}

.popup .resizer-both, .popup .resizer-bottom {
    height: 5px;
    background: 0 0;
    right: 0;
    position: absolute;
    bottom: 0
}

.popup .resizer-bottom {
    width: 100%;
    cursor: n-resize
}

.popup .resizer-both {
    width: 5px;
    z-index: 10;
    cursor: nw-resize
}

button.ChatStart:before {
    content: "Test Version";
    position: absolute;
    font-size: 10px;
    top: -20px;
    width: auto;
    left: 0;
    border-radius: 4px;
    color: #575455;
    line-height: 9px;
    font-weight: 600
}

@media(min-width:900px) and (max-width:1000px) {
    .navbar-dark .navbar-nav .nav-link {
        font-size: 8px !important
    }
}

.pull-right.online-btn {
    padding: 10px 20px;
    background-color: #ec0000
}

.topbar .col-md-2 {
    text-align: center;
    margin: 5px auto;
    color: #fff;
    font-size: 12px;
    display: flex;
    justify-content: center;
    align-items: center
}

    .topbar .col-md-2:after {
        content: "";
        position: absolute;
        width: 1px;
        background-color: #028dbf;
        height: 20px;
        top: 0;
        right: -10px
    }

.dropdown-toggle::after {
    border-top: 5px solid;
    border-radius: 0;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    color: #fff;
    margin-left: 5px;
    top: 2px;
    position: relative
}

.searchbox input.form-control.mr-sm-6::placeholder {
    letter-spacing: 1.5px;
    font-size: 11px;
    text-transform: uppercase
}

button.btn.btn-secondary.my-2.my-sm-0:focus {
    box-shadow: none !important
}

.syv {
    padding: 0 20px;
    background: url(https://cdn-apexautoparts.azureedge.net/apex-files/files/WebFiles/images/apex-sidebar.jpg) 0 0/cover;
    height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    z-index: 9
}

    .syv select {
        border: none;
        font-size: 12px;
        padding: 6px 3px;
        width: 100%;
        margin-bottom: 10px;
        border-radius: 0
    }

    .syv button {
        border: none;
        color: #fff;
        font-size: 14px;
        width: 100%;
        padding: 5px 0;
        border-radius: 0;
        display: inline-block;
        font-weight: 600
    }

    .syv:after {
        content: "";
        position: absolute;
        border: 16px solid #fff;
        border-right-color: transparent;
        border-top-color: transparent;
        right: -32px;
        top: 0;
        opacity: 0
    }

.sticked a#logo {
    width: 140px !important;
    transition: .3s
}

.brand-bar {
    text-align: center;
    padding-bottom: 50px
}

    .brand-bar p {
        color: #000;
        margin-top: 20px;
        font-size: 13px
    }

.inner-bannre {
    margin-top: 15px;
    margin-bottom: 20px
}

    .inner-bannre h4 {
        color: #fff;
        font-weight: 700;
        font-size: 28px;
        margin-bottom: 20px
    }

    .inner-bannre nav {
        display: block;
        margin: 0 auto
    }

.breadcrumb-item + .breadcrumb-item::before {
    color: #ff6e1f;
    content: "\f054";
    font-family: FontAwesome;
    font-weight: 400
}

.breadcrumb-item.active, p a:hover {
    color: #333
}

.welcome-apex h6 {
    font-size: 14px;
    line-height: 10px
}

.welcome-apex p {
    font-size: 15px;
    line-height: 22px;
    margin: 0
}

.featured-Products h6 {
    font-size: 12px;
    color: #fff;
    margin: 0
}

.brands-wework ul {
    padding: 0 0 0 77px;
    margin: 0;
    width: 100%
}

    .brands-wework ul li {
        float: left;
        border: 1px solid #f5f5f5;
        height: 150px;
        width: 25%;
        display: flex;
        justify-content: center;
        align-items: center;
        transition: .3s;
        background-color: #fff
    }

        .brands-wework ul li img {
            width: 65%
        }

.brands-wework h6 {
    font-size: 12px;
    color: #000
}

.brands-wework .col-md-4 {
    padding-left: 9%
}

.brands-wework ul li:hover {
    transition: .3s;
    box-shadow: 0 0 10px 10px #00000026;
    z-index: 99999;
    transform: scale(1.03)
}

main.pb-3 {
    padding-bottom: 0 !important
}

.rev-cont {
    color: #fff;
    font-style: italic;
    padding: 15px;
    text-align: left;
    line-height: 28px;
    margin-bottom: 40px;
    font-weight: 500
}

.rev-bottom div {
    display: inline-block;
    width: 40%;
    vertical-align: middle;
    color: #fff;
    text-align: right
}

.part-img img {
    width: 40% !important;
    border-radius: 100px;
    margin-left: 10px
}

.rev-cont:after {
    position: absolute;
    top: 100%;
    right: 21%;
    border-width: 15px;
    border-style: solid;
    border-color: #00759f transparent transparent #00759f;
    content: ''
}

.getcode:after, .menu > li > .megadrop, .syv:before, div.outofstockpop {
    top: 0;
    position: absolute
}

.center .rev-cont {
    background-color: #fff;
    color: #00759f
}

    .center .rev-cont:after {
        border-color: #fff transparent transparent #fff
    }

.reviews:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 200px;
    background: linear-gradient(to top,#000,transparent);
    z-index: 0
}

.pro_grid .pro-box {
    display: inline-block;
    width: 23.9%;
    margin: 5px;
    padding: 10px 10px 90px;
    position: relative
}

.sideNavCheckBox {
    cursor: pointer;
    margin: 0
}

#mainheader .col-md-7 {
    padding: 8px 0
}

.dropdown-menu .col-md-2 {
    padding: 0 2px;
    margin-bottom: 4px
}

.pro_grid_default h1 {
    font-size: 22px;
    font-weight: 600;
    margin: 0;
    display: inline-block
}

.myrange3 input[type=number] {
    font-weight: 500;
    width: 100%;
    background-color: #F6F6F6;
    border: 0.5px solid #4F4F4F;
    border-radius: 10px;
    padding: 5px 10px;
}

.myrange3 h4 {
    margin: 0 0 5px !important
}

.myrange3 > span {
    width: 100%;
    display: block
}

.sbv_ul li {
    display: inline-block;
    width: 12%;
    border: 1px solid #00000073
}

.vehicleKnow {
    position: absolute;
    right: 0;
    top: 110px;
    background-color: #002c3d;
    padding: 15px;
    width: 270px;
    z-index: 1;
    transition: .3s;
    box-shadow: 0 0 30px 20px #ffffff52
}

    .vehicleKnow.active {
        right: -280px;
        transition: .3s
    }

    .vehicleKnow h4 {
        font-size: 15px;
        color: #fff
    }

    .vehicleKnow p {
        font-size: 11px;
        color: #fff;
        margin: 0
    }

.outofstockpop .modal-header {
    padding: 0;
    border: none;
    box-shadow: none
}

.outofstockpop h4 {
    font-size: 11px;
    color: #fff;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 12px;
    position: relative;
    padding: 5px 0 5px 10px;
    background-color: #002d3e;
    margin-top: 7px
}

.outofstockpop div {
    background-color: #f1f1f1 !important;
    border: none
}

.outofstockpop .form-control {
    border: 2px solid #00000014 !important;
    padding: 8px 10px;
    font-size: 12px;
    border-radius: 0;
    margin-bottom: 5px
}

.outofstockpop input.btn {
    border: none;
    display: block !important;
    width: 100%;
    background-color: #17a2b8;
    color: #fff;
    border-radius: 0;
    padding: 4px 0;
    margin-bottom: 15px
}

.outofstockpop button.close {
    padding: 0;
    margin-right: 3px;
    margin-top: 1px;
    color: red;
    position: relative;
    z-index: 99;
    font-weight: 600;
    font-family: Roboto,sans-serif;
    opacity: 1
}

.outofstockpop h4:before {
    content: "";
    position: absolute;
    width: 4px;
    height: 36px;
    background-color: #17a2b8;
    left: 0;
    top: 0
}

.sbv_ul a.dropdown-item, ul.tab-menu.nav-pills.col-sm-3.nav-stacked.pr15 li.active {
    background: #ff6e1f1c !important;
    !i;
    !;
    border-left: 5px solid #ff6e1f;
    border-radius: 5px;
}

#productSuggestion > .col-md-4 > a {
    display: block;
    background-color: #f7f7f7;
    padding: 10px;
    margin-bottom: 15px
}

div.outofstockpop {
    left: 0;
    right: 0;
    z-index: 1;
    display: none;
    height: 100%;
    background-color: #f1f1f1
}

.sbv_ul span {
    display: block;
    margin-bottom: 5px
}

.sbv_ul a.dropdown-item {
    padding: 0 0 5px !important;
    text-align: center;
    color: #000 !important;
    font-weight: 600 !important
}

.sbv_ul .dropdown-item:hover {
    background-color: #ed185f !important;
    color: #fff !important
}

ul.sbv_ul {
    overflow-y: scroll;
    max-height: 433px
}

.brandlist p {
    font-size: 12px;
    line-height: 16px;
    color: #fff;
    margin-bottom: 30px
}

.getcode button, input#dcode {
    color: #00759f;
    border: none;
    background-color: transparent
}

a.VBA {
    font-size: 0;
    line-height: 0;
    display: block;
    margin-bottom: 10px
}

.reviews > .container {
    z-index: 9
}

h6.brandtags a.activebrand:after {
    content: "\f00c";
    font-family: FontAwesome;
    margin-left: 5px
}

.getcode {
    position: absolute;
    bottom: 0;
    left: -50px;
    margin: 0 auto;
    background-color: #fff;
    padding: 0 10px;
    z-index: 999999;
    min-width: 285px
}

input#dcode {
    font-weight: 600;
    width: 72px;
    display: inline-block
}

    input#dcode:focus {
        box-shadow: none;
        border: none;
        outline: 0
    }

.getcode:after {
    content: "";
    border: 10px solid #00759f;
    border-color: transparent transparent transparent #fff;
    right: -20px;
    width: 0;
    margin: 0 auto
}

.getcode.active {
    visibility: visible !important;
    opacity: 1 !important;
    transition: .3s;
    left: -90px
}

#mainheader .tab-pane .row .col-md-3 {
    display: inline
}

.blok .tab-content.col-sm-9 {
    max-height: 450px;
    overflow-y: scroll
}

.blok .tab-content div ul li {
    background-color: transparent !important;
    padding: 0 !important;
    margin: 0;
    line-height: 18px;
    display: block
}

div#spec_tab .prospecs {
    background-color: #f7f7f7;
    color: #404040;
    FONT-WEIGHT: 500;
    WIDTH: 33%;
    padding: 3px 12px;
    margin: 2px 0;
    display: inline-block;
    font-size: 12px;
    border: 1px solid #00759f6e
}

    div#spec_tab .prospecs span {
        float: right;
        font-weight: 600;
        color: #00759e
    }

a.about-more {
    color: #ed185e;
    text-decoration: underline
}

.footerwidgets ul li p {
    margin: 0;
    display: inline-block;
    line-height: 18px;
    font-size: 12px;
    width: 90%;
    vertical-align: text-top
}

#headbar ul li a i, .leftalighbox, .leftimage, .prostocknd img, .reqques img, .reqques p, .reqquotebtnsec ul, .reqquotebtnsec ul li span, .satisfactionbar ul li, .trendbox > div {
    vertical-align: middle
}

.shippingPolicy ol {
    list-style: circle
}

.pro_cat .product_detail_grid .pro_title_front {
    height: 56px !important;
    padding: 28px 6px;
    overflow: hidden;
    white-space: break-spaces;
    display: flex !important;
    justify-content: center;
    align-items: center;
    font-size: 12px !important
}

.getcode p {
    color: red;
    font-size: 10px;
    display: inline-block
}

.syv:before {
    content: "";
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ffffff5c;
    z-index: -1
}

.syv span#select2-mainVehicleDD-container {
    font-size: 12px !important;
    border-radius: 0 !important
}

.syv span.select2.select2-container {
    margin-bottom: 8px;
    border: none;
    border-radius: 0
}

.syv .select2-container--default .select2-selection--single {
    border: none;
    border-radius: 0
}

.select2-results__option[aria-selected] {
    font-size: 12px !important
}

@media (max-width:699px) {
    .mobiletopbar .getcode {
        position: initial;
        text-align: center;
        background-color: #efefef;
        padding: 0 0 4px
    }

    .mobiletopbar input#dcode {
        width: 75px !important;
        font-size: 12px
    }

    .mobiletopbar .getcode button {
        padding: 0;
        font-size: 12px
    }

    .mobiletopbar .getcode p {
        margin: 0 !important
    }

    .mobiletopbar label {
        margin: 0;
        font-size: 12px;
        font-weight: 600
    }

    .mobiletopbar .getcode:after {
        display: none
    }

    .mobiletopbar {
        display: block !important
    }

    .blogSingle .postContent table {
        width: 100%;
        display: block;
        overflow-x: auto
    }

    .postContent h2 span, .postContent span {
        font-size: 16px !important
    }

    .postContent h1, .postContent h2, .postContent h3, .postContent h4 {
        font-size: 14px
    }

    .postContent p, .postContent p span {
        font-size: 12px !important
    }
}

.fullcolabstext .fullcoltext, .halfcolabstitle h4, .topsection .owl-dots {
    background-color: #33333396;
    bottom: 0
}

.col-md-12.oosh h5 {
    font-size: 15px;
    width: 24.6%;
    background-color: #f7f7f7;
    padding: 8px
}

.sst .col-md-6.text-right {
    margin-bottom: 15px;
    border-color: #0000002b !important
}

.menu-container {
    width: 100%;
    margin: 0 auto;
    padding: 20px 0
}

.menu a, .menu a:focus, .menu a:link, .menu a:visited, span {
    color: #000;
    text-decoration: none
}

    .menu .col h3, .menu a:hover, .menu ul li:hover:after {
        color: #227087
    }

.menu > li > .megadrop {
    opacity: 0;
    visibility: hidden;
    list-style: none;
    left: 100%;
    right: 0;
    min-height: 100%;
    text-align: left;
    padding: 20px;
    z-index: 99;
    overflow: hidden;
    background-color: #fff;
    border: 1px solid #00000029;
    WIDTH: 900px
}

.menu > li:hover .megadrop {
    opacity: 1;
    visibility: visible;
    margin-top: 0
}

.menu .col {
    width: 14.1%;
    float: left;
    color: #fff;
    margin: 0 0 0 2.2%
}

    #headbar ul, .franicons ul, .menu .col ul, .satisfactionbar ul, .vatdetailbox ul, ul.hot-pro, ul.mobilemainul {
        padding: 0;
        margin: 0
    }

        .menu .col ul li {
            padding: 0;
            list-style: none;
            font-size: 11px
        }

    .menu .col h3 {
        font-size: 16px;
        padding: 10px 0;
        font-weight: 700;
        margin: 5px 0;
        background: #eee
    }

.brandfeatureditem h6, .ourservices h6, a.btn.btnoffer, span#myCartCount {
    font-weight: 500;
    font-family: Poppins,sans-serif
}

.menu .col ul li a {
    display: block;
    padding: 0 0 15px;
    color: #227087
}

    .menu .col ul li a:hover {
        color: #111
    }

.menu li > ul li, .menu > li, .menu > li > .megadrop, .menu > li > ul, .menu > li > ul li ul {
    transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -webkit-transition: .2s ease-in-out;
    -ms-transition: .2s ease-in-out
}

.topbar ul li {
    list-style: none;
    color: #000
}

#headbar ul li a {
    color: #545454;
    font-size: 14px
}

#headbar ul.pull-right li {
    margin-left: 14px;
    display: inline-block
}

.topbar ul.leftul li {
    margin-right: 25px;
    font-size: 16px
}

.searchbox .form-inline.my-6.my-lg-0, .trendbox > a {
    display: block;
    width: 100%
}

.searchbox input#searchbar {
    width: 100%;
    line-height: 0 !important;
    padding: 10px 50px 10px 20px;
    height: auto;
    border-radius: 10px;
    background: linear-gradient(90deg, #FFFFFF 0%, #E7E7E7 100%);
    border: 0.5px solid #4F4F4F;
    color: #292929;
}

.megadrop li a {
    color: #000 !important;
    font-size: 13px !important
}

.megadrop h3 {
    font-size: 18px
}

.fullcoltext h4, .halfcolabstitle h4 {
    font-size: 22px;
    color: #fff
}

.herosection > .col-md-3 {
    position: initial !important
}

span#myCartCount {
    color: #545454 !important;
    font-size: 14px
}

.searchicon {
    position: absolute;
    right: 15px;
    top: 10px;
    color: #000;
    font-size: 15px;
}

.searchbox {
    width: 71%;
    position: relative
}

.header-menu {
    background: #16232b;
    position: relative
}

.menudropdown button.btn {
    background-color: #ed185f;
    padding: 15px 10px !important;
    border-radius: 0
}

.satisfactionbar, .servicedetails a, a.btn.btnoffer {
    background: #16232b;
}

ul.menu.hide {
    height: 0;
    transition: .2s
}

.leftimage {
    margin-right: 10px;
    font-size: 24px
}

.header-menu nav.navbar.navbar-expand-md.navbar-dark.bg-dark {
    margin-top: 0px;
}

.brandsfeatured h2.mainheading, .comparepros, .contactpage h2.mainheading, .privacypolicysec, .row.cartbody {
    margin-bottom: 30px
}

#headbar ul li a i {
    font-size: 20px;
    text-align: center
}

@media(max-width:999px) {
    .payicons, .searchbox input#searchbar {
        width: 100%;
        margin-top: 15px;
    }

    .topbar ul li:nth-child(2) {
        display: none;
    }

    .topbar ul li {
        margin: 0 !important;
    }

    .topbar .col-md-6 {
        display: inline-block;
        width: 50%;
    }

    #mainheader .col-md-4 {
        order: 1;
    }

    #headbar ul.pull-right li:nth-child(2) {
        display: none;
    }

    #headbar ul.pull-right li:last-child {
        float: right;
        padding-right: 16px;
    }

    .hero_section .col-md-3 {
        order: 2;
    }

    .categories_as ul li {
        width: 46%;
        display: inline-block;
        margin: 6px;
    }

    .categories_as {
        margin: 15px 0;
    }

    .cartbtn a.btnbuy img {
        width: 40px;
    }

    .whyChoosebar {
        display: none;
    }

    a.btn.registerbaccount {
        display: block;
        padding: 14px 0 !important;
        font-size: 16px !important;
    }

    .newletterform {
        width: 100%;
    }

    .reg_b_account h6 {
        margin-top: 25px;
    }

    .searchicon {
        top: 25px;
    }

    a#logo img {
        width: 60% !important;
        display: block;
        margin-left: 60px;
        margin-bottom: 10px;
    }

    #headbar ul {
        width: 100%;
        /* text-align: center; */
    }

    .booksummariesvideos .col-md-3 {
        margin-bottom: 20px
    }

        .booksummariesvideos .col-md-3 a:after {
            top: 40%
        }

    .new-left-book {
        margin-bottom: 30px
    }

    .bestselling .owl-nav button.owl-next {
        right: 0
    }

    .bestselling .owl-nav button.owl-prev {
        left: 0
    }

    .menubar-opened {
        display: none !important
    }

    .col-md-2.brandgrid {
        width: 33%
    }

    ul.authorlist li {
        font-size: 12px
    }

    .col-md-2.authorgrid {
        width: 50%
    }

    .bookfront img {
        max-height: initial !important
    }

    .bestselling .bookfront {
        padding: 30px 100px 10px !important
    }

    .e-shop-page .productbox {
        padding: 5px 10px
    }

    .e-shop-page .productdetails, .e-shop-page .productfront {
        vertical-align: middle;
        text-align: left
    }

    .e-shop-page .productbox a {
        text-align: left;
        min-height: unset !important;
        line-height: 14px
    }
}

ul.righttopbar li {
    margin-left: 34px
}

a.btn.btnoffer {
    color: #fff !important;
    border-radius: 10px;
    border: none;
    font-size: 14px !important;
    font-weight: 400;
    padding: 10px 16px;
}

#headbar ul li a.basket img {
    width: 28px !important;
    filter: brightness(0) saturate(100%) invert(61%) sepia(79%) saturate(3587%) hue-rotate(343deg) brightness(98%) contrast(106%);
}

.satisfactionbar {
    padding: 5px 0
}

    .satisfactionbar ul li {
        list-style: none;
        font-size: 11px;
        color: #fff;
        padding: 0 10px;
        font-style: italic
    }

.searchbox input#searchbar::placeholder {
    color: #545454;
    letter-spacing: 0;
    font-weight: 500;
    font-family: Poppins,sans-serif
}

#headbar ul.pull-right {
    position: relative;
    top: 0px;
}

.fullcolabstext img {
    width: 100% !important;
    margin: 0 auto;
    display: block;
    padding-left: 15px
}

.halfcolabstitle h4 {
    position: absolute;
    font-weight: 600;
    margin: 0;
    left: 15px;
    right: 2px;
    padding: 15px 20px;
    letter-spacing: -1px
}

.fullcolabstext {
    position: relative;
    margin-top: 10px;
    padding: 0
}

    .fullcolabstext .fullcoltext {
        position: absolute;
        right: 0;
        top: 0;
        width: 50%;
        padding: 20px
    }

.branddesc h5, .fullcoltext h4 {
    font-weight: 600
}

.fullcoltext p {
    font-size: 12px;
    color: #fff;
    line-height: 15px
}

.topsection {
    padding: 15px 0 0
}

    .topsection .owl-nav {
        position: absolute;
        left: 0;
        right: 0;
        top: 42%;
        width: 100%
    }

        .topsection .owl-nav button.owl-prev {
            left: 0;
            position: absolute;
            background: 0 0 !important;
            background-color: #333333a1 !important
        }

        .topsection .owl-nav button {
            background-color: #33333396 !important;
            height: 50px;
            width: 50px;
            font-size: 42px !important;
            line-height: 0 !important
        }

.bestselling .owl-nav button.owl-next {
    position: absolute;
    right: -70px
}

.topsection .owl-nav button.owl-next {
    right: 1px;
    position: absolute;
    background: 0 0 !important;
    background-color: #333333a1 !important
}

.topsection .owl-dots {
    margin: 0;
    position: absolute;
    width: 100%;
    text-align: center
}

.topsection button.owl-dot span {
    border: 1px solid #fff;
    background-color: transparent;
    height: 12px;
    width: 12px;
    display: block;
    border-radius: 50px
}

.topsection button.owl-dot.active span {
    margin: 0;
    background-color: #fff
}

.topsection button.owl-dot {
    margin: 8px 4px
}

.popularcatslider .owl-item img {
    width: 40% !important;
    margin: 0 auto;
    filter: hue-rotate(148deg)
}

.popularcatslider .item h3 {
    font-size: 9px;
    color: #707070;
    text-align: center;
    line-height: 16px;
    font-weight: 600;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    overflow: hidden;
    margin: 0
}

.mainheading {
    font-weight: 600;
    color: #16232b;
    font-size: 28px;
    display: block !important;
}

.fran li.nav-item, .services li.nav-item {
    border-radius: 0 !important;
    text-align: center
}

.popularcatslider .owl-item {
    position: relative;
    top: 20px
}

.popularcatslider .owl-nav {
    position: absolute;
    left: 0;
    right: 0;
    top: 30%;
    width: 100%
}


    .blogsection .owl-nav button, .popularcatslider .owl-nav button {
        height: 50px;
        width: 50px;
        font-size: 42px !important;
        line-height: 0 !important
    }

.owl-nav button.owl-next {
    right: 1px;
    position: absolute;
    background: linear-gradient(to right,transparent,#f7f7f7) !important
}

.blogsection .owl-nav button span, .owl-nav button span {
    color: #707070;
    font-weight: 600;
    font-size: 60px
}

p.mainpara {
    font-size: 14px !important;
    color: #16232b;
    line-height: 22px !important;
}

.fran .tab-content img, .services .tab-content img {
    width: 100%;
    max-height: 349px
}

.services li.nav-item {
    margin: 5px 0 !important;
    display: inline-block;
    width: 33%
}

.fran li.nav-item {
    display: block !important;
    margin: 0 !important;
    position: absolute;
    width: 165px;
    height: 90px;
    padding-top: 25px
}

    .fran li.nav-item img, .services li.nav-item img {
        width: 25%;
        display: block;
        margin: 0 auto 5px
    }

.fran ul.nav.nav-tabs {
    border: none;
    height: 340px;
    background: url(/images/cart-img.png) center center/90% 90% no-repeat;
    width: 370px;
    margin: 0 auto;
    display: block !important
}

.servicedetails {
    position: absolute;
    top: 0;
    padding: 30px
}

    .servicedetails h3 {
        color: #fff;
        font-size: 30px;
        font-weight: 600
    }

    .servicedetails p {
        color: #fff;
        margin: 0;
        font-size: 16px;
        font-weight: 500;
        line-height: 23px
    }

    .servicedetails a {
        display: block;
        color: #fff;
        width: 140px;
        text-align: center;
        padding: 10px 0;
        margin: 25px auto 0;
        border-radius: 4px
    }

.fran .row {
    padding: 40px 0 10px;
    border: 2px solid #d5d5d5;
    border-radius: 10px
}

.services .nav-tabs .nav-link.active {
    border: none;
    background-color: #0000000f
}

.fran .nav-tabs .nav-link.active {
    border: none;
    background-color: transparent;
    color: #545454
}

.blogsection, .fran, .omoss, .services {
    padding-top: 25px;
    background-color: #fff;
}

    .services .nav-tabs .nav-link {
        padding: 15px 0 !important;
        border-radius: 0 !important;
        font-weight: 400
    }

    .fran .nav-tabs .nav-link {
        padding: 15px !important;
        border-radius: 0 !important;
        font-weight: 500;
        font-size: 16px;
        color: #707070;
        line-height: 18px
    }

        .fran .nav-tabs .nav-link:hover {
            border: none;
            padding: 15px !important
        }

    .fran li.nav-item:first-child {
        top: -30px;
        left: 0
    }

    .fran li.nav-item:nth-child(2) {
        top: -30px;
        right: 0
    }

    .fran li.nav-item:nth-child(3) {
        bottom: 0;
        left: 0
    }

    .fran li.nav-item:nth-child(4) {
        bottom: 0;
        right: 0
    }

.blogbox img {
    width: 100% !important;
    height: 150px;
    object-position: center;
    object-fit: cover
}

#related-products .productfront img, .brandgrid img, .brandsSlider .item img, .faqtab li img, .pcsimg img, .pro-brand-logo img, .utforskatab li a img {
    object-fit: contain;
    object-fit: contain
}

.blogdetail h6 {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 5px
}

.blogdetail h5 {
    font-weight: 600;
    font-size: 15px;
    overflow: hidden;
    display: -webkit-box;
    min-height: 55px
}

#productSuggestion .col-md-4 h6.searchprotitle, .pcsdetail h5, h2.producttitle a {
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.blogdetail p {
    font-size: 16px;
    line-height: 20px;
    margin: 0
}

.blogdetail {
    padding: 10px 10px 36px;
    overflow: hidden;
    height: 111px
}

    .blogdetail a {
        color: #9a9a9a;
        float: right;
        position: absolute;
        right: 10px;
        bottom: 10px
    }

        .blogdetail a i {
            font-weight: 700;
            font-size: 20px !important
        }

.blogbox {
    box-shadow: 0 3px 6px #0000001a;
    background-color: #fff;
    overflow: hidden;
    padding-bottom: 40px
}

.blogsection .owl-carousel {
    padding: 20px 40px 0;
    border: 2px solid #d5d5d5;
    border-radius: 10px
}

.blogsection .owl-nav {
    position: absolute;
    left: 0;
    right: 0;
    top: 40%;
    width: 100%
}

    .blogsection .owl-nav button.owl-next {
        right: 0;
        position: absolute;
        background: linear-gradient(to right,transparent,#f7f7f7) !important
    }

.franicons ul li {
    display: inline-block;
    width: 32%;
    text-align: center;
    font-size: 13px;
    line-height: 15px;
    font-weight: 500;
    margin: 15px 0
}

    .franicons ul li img {
        width: 38%;
        display: block;
        margin: 0 auto
    }

.fran img, .mheader-banner img, .trustpilotlogo img {
    width: 70%;
    margin: 0 auto;
    display: block
}

.franicons {
    padding: 15px 40px
}

.col-md-6.newslettermid, .trustsection {
    padding-top: 50px
}

.shippinglogos, .trustpilotlogo {
    padding: 15px 40px;
    box-shadow: 0 3px 6px #0000001c
}

.shippinglogos {
    border: 12px solid #f7f7f7
}

.newsletterbox img {
    width: 100%;
    max-height: 240px !important
}

.newsletterform {
    position: absolute;
    top: 14px;
    left: 0;
    right: 0
}

    .newsletterform h6 {
        color: #fff;
        font-size: 30px;
        font-weight: 600;
        text-align: center
    }

    .newsletterform p {
        color: #fff;
        width: 49%;
        text-align: center;
        margin: 0 auto 20px
    }

    .newsletterform input {
        width: 50%;
        display: block;
        border-radius: 20px;
        border: none;
        padding: 8px 20px;
        margin: 0 auto
    }

    .footer-area .form-inline button.btn.btn-secondary, .newsletterform a {
        width: 265px;
        margin: 10px auto 0;
        text-align: center;
        padding: 5px 0;
        background-color: #545454;
        display: block
    }

    .newsletterform a {
        color: #fff;
        border-radius: 4px
    }

.blog-singlepage, .shippingpay {
    padding-top: 50px;
    padding-bottom: 50px
}

.featuredsection img {
    width: 100%;
    margin-top: 15px
}

.formlogin {
    padding: 25px 30px;
    box-shadow: 0 3px 6px #0000001c;
    border: 12px solid #f7f7f7
}

    .formlogin h6 {
        font-size: 28px;
        color: #545454;
        width: max-content;
        border-bottom: 3px solid;
        padding-bottom: 5px;
        margin-bottom: 45px;
        font-weight: 600
    }

    .formlogin input {
        display: block;
        border-radius: 50px;
        padding: 9px 20px;
        margin: 0 auto 12px;
        border: 2px solid #545454;
        width: 100%
    }

    .formlogin a {
        display: block;
        float: right;
        color: #707070;
        font-size: 12px
    }

button.btn.btnlogin {
    display: block;
    width: 100%;
    background-color: #545454;
    color: #fff;
    font-size: 12px;
    padding: 15px 0;
    margin-top: 70px
}

.cartbtn a.btnbuy, span.cartbtn.soldout a.btnbuy {
    background-color: #ff6e1f;
}

.featuredsection {
    padding-top: 60px;
    padding-bottom: 40px
}

.footerwidgets p {
    font-size: 12px;
    color: #fff;
    line-height: 18px;
    margin-bottom: 10px
}

img.footlogo {
    margin-bottom: 25px
}

ul.toggle-block {
    padding: 0;
    margin: 0 0 10px
}

    ul.toggle-block li .social-wrap {
        display: inline-block;
        margin-right: 12px
    }

p.copyright i.fa.fa-heart {
    color: #bc0000
}

.adminblogreply span, .copyright p a, .header-image.faq p a, .priceboxsingle span.currencycode, .productfavorit i.flaticon-heart, .strapservsec p strong, .utforskasec a.redtext, .utforskatab .tab-content .tab-pane p.redtext, .utforskatab li a.active, .utforskatab li a:hover, p.copyright a {
    color: #ff6e1f;
}

h4.footer-head {
    font-weight: 600;
    font-size: 12px;
    color: #fff;
    margin-bottom: 40px;
    margin-top: 30px
}

ul.hot-pro li {
    list-style: none;
    line-height: 18px
}

    ul.hot-pro li a {
        font-size: 11px;
        margin: 0;
        color: #fff
    }

.footer-area .form-inline h4 {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px;
    margin-top: 60px
}

.footer-area .form-inline input#newsletter_email {
    width: 100%;
    display: block;
    border-radius: 20px;
    border: none;
    padding: 6px 20px !important;
    margin: 0 auto
}

.footer-area .form-inline button.btn.btn-secondary {
    color: #fff;
    border-radius: 4px;
    border: none
}

.footer-area {
    padding-top: 40px;
    padding-bottom: 20px;
    background: #16232b;
}

.footerwidgets .col-md-1 {
    padding-top: 140px
}

.menuleftsec {
    display: inline-block !important;
    width: 25%
}

.menurightsec {
    display: inline-block;
    width: 100%;
    padding-left: 25px;
    padding-right: 20px;
    padding-top: 10px
}

    .menuleftsec ul li, .menurightsec li {
        background-color: #707070;
        margin-bottom: 4px
    }

    .menurightsec .col-md-3 {
        padding: 0 2px
    }

#productSuggestion .col-md-4 h6.searchprotitle {
    font-weight: 600;
    display: -webkit-box
}

#filterboxleft .card-header {
    border-radius: 0;
    padding: 8px 15px;
    background-color: #fff;
    border-bottom: .75px solid #454545;
}

    #filterboxleft .card-header span {
        color: #454545;
        font-weight: 500;
        letter-spacing: 1px
    }

#filterboxleft .accordion {
    box-shadow: 0 3px 6px #00000026;
    margin-bottom: 20px;
    border-radius: 10px;
    overflow: hidden;
}

#filterboxleft ul {
    padding: 0 10px 0 2px;
    margin: 0;
    max-height: 140px;
    overflow: hidden;
    overflow-y: scroll
}

    #filterboxleft ul li {
        list-style: none;
        margin: 10px 0;
        position: relative
    }

.categorytopimages h4 {
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    text-align: left;
    line-height: 15px
}

.cattosubdetail a, .cattosubdetail a span {
    font-size: 12px;
    color: #545454
}

.categorytopimages .greybg {
    background-color: #333;
    padding: 10px 0 10px 20px;
    text-align: right
}

    .categorytopimages .greybg img {
        width: 35%
    }

.row.bgchange {
    background-color: #333;
    margin: 20px 0 !important
}

.categorytopimages {
    margin-bottom: 50px
}

.cattosubimg {
    width: 25%
}

.cattosubdetail {
    width: 73%;
    padding: 0 10px
}

    .cattosubdetail a {
        line-height: 17px;
        display: block;
        font-weight: 600
    }

.cattosub {
    background-color: #f7f7f7;
    border-radius: 10px;
    box-shadow: 0 3px 6px #0000002e;
    margin: 8px 0;
    padding: 10px 2px;
    text-align: center
}

.faqs a.accordion-toggle, .productbox, ul.detailswithicons li {
    box-shadow: 0 3px 6px #00000014
}

.productbox {
    background-color: #fff;
    padding: 15px;
    margin: 12px 0
}

h2.producttitle {
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    margin-bottom: 3px;
}

    h2.producttitle a {
        display: inline-block;
        color: #111111;
        display: -webkit-box;
        margin-bottom: 0;
        min-height: 32px;
        font-weight: 700;
        line-height: 18px;
    }

.productprice {
    font-size: 29px;
    color: #16232b;
    font-weight: 700;
    display: inline-block;
    vertical-align: middle;
}

span.currency, span.price_valueshow.cross {
    font-size: 30px;
    color: #16232b;
}

.cartbtn a.btnbuy {
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    border-radius: 0;
    transition: .3s
}

.datacenter-tabs .nav-link.active, a.accesa:hover {
    background-color: #ff6e1f !important;
}

.productpurchase {
    display: inline-block;
    vertical-align: middle;
    float: right;
}

.favbtn a.whishlist_trigger.btn.btnfav {
    line-height: 15px;
    padding: 1px 4px
}

span.favbtn {
    float: right;
    position: relative;
    top: -19px;
}

.sidebarbanners img {
    width: 100%;
    margin: 15px 0
}

.trustpilotsec {
    margin-bottom: 60px
}

.proshortdesc {
    color: #292929;
    font-size: 15px;
}

.ratingperpro button.btn.btn-info.btn-lg {
    padding: 0;
    font-size: 13px;
    border: none;
    background-color: transparent;
    color: #4F4F4F;
    display: inline-block;
    =: 400;
}

.product-details .ratingperpro .my-readonly_stars, .revbox .my-readonly_stars {
    display: inline-block;
    margin-right: 10px
}

.includingvatp, .includingvatp span {
    color: #707070;
    font-weight: 500;
    font-size: 16px
}

    .includingvatp small {
        font-size: 10px;
        margin-left: 5px
    }

.proattr, .proattr span {
    font-size: 14px
}

.commentboxtop, .includingvatp {
    margin-bottom: 5px
}

.proattr {
    color: #545454;
    font-weight: 600;
    margin: 3px 0
}

.reqquotebtnsec ul li, .spmethod {
    font-size: 13px
}

.proattr span {
    color: #111111;
    font-weight: 300;
}

    .proattr span a {
        color: #545454
    }

.product-details form ul li a.bulkquote {
    background-color: transparent;
    color: #707070;
    border-color: inherit
}

.product-details form:before {
    content: "";
    position: absolute;
    height: 30px;
    width: 99px;
    border: 1px solid #ff6e1f;
    border-radius: 4px;
    top: -2px;
}

.shipnpaymentmethod {
    margin-top: 40px;
    text-align: center
}

.spmethod {
    color: #707070;
    margin: 10px 0
}

    .spmethod img {
        display: inline-block;
        margin: 7px 0 0
    }

.reqques img {
    display: inline-block;
    width: 6%
}

.reqques p {
    display: inline-block;
    width: 82%;
    font-size: 12px;
    color: #707070;
    margin: 0;
    line-height: 14px
}

.reqquotebtnsec {
    border: 1px solid #70707029;
    border-radius: 4px;
    padding: 10px 10px 0
}

    .reqquotebtnsec button.btn.btnrequestquote {
        display: block;
        background-color: #707070;
        color: #fff;
        font-size: 14px;
        padding: 8px 4px;
        width: 100%;
        margin: 0 auto 10px
    }

    .reqquotebtnsec ul {
        display: inline-block;
        width: 100%;
        padding: 0;
        margin: 0 0 0 5px !important
    }

        .reqquotebtnsec ul li {
            list-style: none;
            margin: 2px 0
        }

.faqs, .faqtab, .requestquotesec {
    margin-top: 25px;
}

.productdetailstrust {
    margin-top: 50px
}

.popularcatpro h4 {
    color: #111111;
    margin: 0 0 10px;
    font-size: 17px;
    font-weight: 400;
}

.pcsdetail h5 {
    font-size: 12px;
    color: #000000;
    font-weight: 400;
    display: -webkit-box;
    line-height: 16px;
}

.pcsdetail h6 {
    color: #ff6e1f;
    font-size: 26px;
    font-weight: 700;
}

    .pcsdetail h6 span {
        font-size: 7px;
        color: #f29423
    }

.pcsdetail a {
    background-color: #4F4F4F;
    color: #fff;
    font-size: 12px;
    padding: 6px 7px;
    border: none;
    display: block;
    text-align: center;
    font-weight: 700;
    border-radius: 10px;
}

    .pcsdetail a img {
        display: inline-block !important;
        width: 15% !important
    }

.pcslideritem {
    background-color: #F6F6F6;
    padding: 10px
}

.relatedbar6 h3 {
    font-size: 24px;
    color: #000000;
    font-weight: 400;
    margin: 25px 0 20px !important
}

.relatedbar6 .productfront {
    margin: 0 0 10px
}

span.excVAT {
    font-size: 13px;
    color: #1a1a1a;
    font-weight: 400;
    margin-left: 0;
    display: inline-block
}

.priceboxsingle span.excVAT {
    font-weight: 500;
    font-size: 18px
}

div#related-products span.favbtn {
    top: -15px
}

.headertextbox {
    background: url(/images/headertextbg.png) 0 0/100% 100%;
    padding: 25px 40px
}

.header-image {
    background-size: 100% !important;
    padding: 42px 0;
    background-repeat: no-repeat !important;
    margin-bottom: 20px
}

.headertextbox h3 {
    color: #fff;
    font-size: 35px;
    font-weight: 600;
    line-height: 50px;
    display: inline-block;
    width: 59%
}

.headertextbox .rightsection {
    display: inline-block;
    width: 20%;
    float: right;
    text-align: center;
    position: relative;
    top: -4px
}

.rightsection h5 {
    font-size: 16px;
    color: #fff;
    font-weight: 500;
    text-align: center;
    margin-bottom: 15px
}

.rightsection button.btn.btn-solution {
    background-color: #ff6e1f;
    font-size: 15px;
    color: #fff;
    font-weight: 600;
    padding: 2px 20px;
    margin: 0 auto;
    box-shadow: 0 0 6px #00000029
}

.datacenter-sec h2 {
    font-size: 40px;
    color: #707070;
    font-weight: 600;
    margin-bottom: 30px
}

.datacenter-sec p {
    font-size: 16px;
    color: #707070;
    line-height: 25px
}

.requestservsec button, .requestservsec h4 {
    color: #fff
}

.datacenterimg img {
    width: 70%;
    margin: 0 auto
}

.datacenter-tabs {
    border: 10px solid #f7f7f7;
    margin-top: 20px;
    margin-bottom: 50px;
    justify-content: center;
    align-items: center
}

    .datacenter-tabs .tab-pane {
        text-align: center;
        padding: 25px
    }

        #enquirymodal h4, .datacenter-tabs .tab-pane img, .proimg, ul.nav.nav-tabs {
            margin-bottom: 10px
        }

        .datacenter-tabs .tab-pane p {
            font-size: 14px;
            line-height: 20px;
            display: none
        }

        .datacenter-tabs .tab-pane button.btn.btnlearnmore {
            background-color: #545454;
            color: #fff;
            font-size: 14px;
            padding: 6px 18px;
            display: none
        }

    .datacenter-tabs .nav-link {
        font-size: 19px;
        font-weight: 600;
        color: #707070;
        padding: 3px 30px;
        position: relative;
        margin: 2px 0;
        width: fit-content
    }

    .datacenter-tabs .nav.flex-column {
        padding: 15px 0
    }

    .datacenter-tabs .nav-link:before {
        content: "";
        position: absolute;
        height: 3px;
        width: 3px;
        background-color: #545454;
        left: 15px;
        top: 15px
    }

.requestservsec {
    background-color: #F6F6F6;
    padding: 20px;
    border-radius: 10px;
    border-top: 10px solid #ff6e1f;
}

    .requestservsec h4 {
        font-size: 19px;
        font-weight: 400;
        color: #292929;
        margin: 0;
        text-transform: initial;
    }

    .requestservsec button {
        background-color: #ff6e1f;
        border: none;
        padding: 4px 30px;
        border-radius: 6px;
        font-weight: 500;
        display: block;
        font-size: 14px;
    }

.datacenter-sec {
    padding-top: 80px
}

.datacenter {
    background: url(/images/Group%20790.png)
}

.brandprofile {
    background: url(/images/brandbanner.png);
    min-height: 220px !important
}

.brandprofile-sec, .paylatersec {
    margin-top: 30px
}

    .brandprofile-sec h2.mainheading {
        margin-bottom: 70px
    }

.brandsfeatured, .contactpage {
    padding-top: 0;
    background-color: #fff;
}

a.brandfeaturedall {
    top: 20px;
    color: #707070;
    font-size: 17px;
    text-underline-position: from-font;
    position: absolute;
    right: 20px
}

.brandfeatureditem h6 {
    position: absolute;
    bottom: 0;
    left: 7px;
    right: 7px;
    background-color: rgb(49 50 50 / 50%);
    color: #fff;
    font-size: 16px;
    padding: 15px 10px
}

.brandstop {
    padding-top: 70px;
    padding-bottom: 80px !important
}

.brandsfeatured .owl-nav.disabled {
    display: block !important;
    position: absolute;
    width: 100%;
    bottom: 170px
}

.brandsfeatured .owl-nav button.owl-prev {
    left: -30px;
    background: 0 0 !important
}

.brandsfeatured .owl-nav button.owl-next {
    right: -30px !important;
    background: 0 0 !important
}

.cat-tag, .faqtab li a.active:before, .faqtab li.active:before, .gotocart a, .nectar-social.fixed > a:before, .ourservices button, .utforskatab li a.active:before, .utforskatab li a:hover:before, a.btn.btnbp {
    background-color: #ff6e1f;
}

.ourservices {
    background: url(/images/ourservices.png)
}

    .ourservices h4 {
        font-size: 50px;
        color: #fff;
        width: 65%;
        line-height: 50px;
        margin-bottom: 15px
    }

    .ourservices h6 {
        color: #fff;
        font-size: 16px
    }

    .ourservices button {
        border: none;
        color: #fff;
        font-weight: 600;
        padding: 10px 30px;
        border-radius: 4px;
        margin-top: 50px
    }

button#confirmOrder {
    background-color: #008b01;
    color: #fff;
    width: 100%;
    font-weight: 600
}

.sidebarsearch {
    border-radius: 0;
    padding: 5px 20px;
    height: auto;
    /* background-color: #f1f1f1; */
    border: none;
    color: #909090;
    font-size: 17px;
    margin-bottom: 10px !important;
    border-bottom: .5px solid #9c9c9c;
}

    .sidebarsearch::placeholder {
        color: #909090
    }

    .sidebarsearch:focus {
        background-color: #f1f1f1;
        color: #0000009e
    }

.pcsimg img {
    height: 150px;
    object-fit: contain;
    background-color: #fff;
    margin-bottom: 10px;
}

#related-products .productfront img {
    height: 140px
}

.ITSr0 {
    background-color: #f9f9f9
}

.blog-share, .post-comment-sec, .strapbg {
    background-color: #f7f7f7
}

.ITSr0 div, .ITSr1 div {
    display: inline-block;
    padding: 11px 20px;
    color: #626262;
    font-size: 14px
}

a.accesa, ul.tab-menu.nav-pills.col-sm-3.nav-stacked.pr15 li.active a {
    color: #292929 !important;
}

.ITSr0 div:first-child, .ITSr1 div:first-child {
    width: 25%;
    border-right: 1px solid #f2f2f2
}

#HTML_SPEC .ITSg {
    padding: 10px 20px;
    color: #545454;
    font-weight: 600
}

div#HTML_SPEC {
    border: 1px solid #0000000d
}

.ITSr0, .ITSr1 {
    border-bottom: 1px solid #f2f2f2
}

.pro_grid_default div#typesList {
    max-height: 179px;
    overflow: hidden;
    overflow-y: scroll
}

.pro_grid_default .productfront img, .productfront img {
    height: 160px;
    object-fit: contain;
    width: 140px;
    object-position: center;
    margin: 0 auto;
    display: block
}

.productquickoverview p.overviewq, a.accesa {
    display: -webkit-box;
    overflow: hidden
}

.modal-open .modal {
    z-index: 999999999 !important
}

.modal.show .modal-dialog {
    position: relative;
    z-index: 9999999999 !important
}

.modal-content {
    z-index: 9999999 !important
}

a.accesa {
    background-color: #fff;
    font-size: 11px;
    font-weight: 400;
    -webkit-line-clamp: 1;
    padding: 5px 10px;
    line-height: 18px;
    transition: .3s;
    max-height: 26px;
}

.blog-thumbnail h2, .blog-thumbnail h6 {
    background-color: #3333337a;
    left: 0;
    right: 0
}

.foraccess .tab-pane .col-md-3 {
    padding: 2px;
    overflow: hidden
}

.autopop button span, a.accesa:hover {
    color: #fff !important
}

.utforskasec p {
    width: 61%;
    color: #3D3D3D;
}

.utforskatab li a img {
    display: inline-block;
    margin-right: 10px;
    width: 26px;
    object-fit: contain;
    height: 26px;
    filter: brightness(0) saturate(100%) invert(61%) sepia(79%) saturate(3587%) hue-rotate(343deg) brightness(98%) contrast(106%);
}

.utforskatab li a {
    display: flex;
    position: relative;
    font-weight: 400;
    color: #16232b;
    !i;
    !;
    font-size: 13px;
    text-align: left;
    line-height: 14px;
    align-items: center;
    width: 100%;
    border: 0.5px solid #16232b;
    border-radius: 10px;
    padding: 12px 12px !important;
    !i;
    !;
    !o;
    !;
}

.utforskatab li {
    position: relative;
    margin: 0 0 15px 0;
}

.utforskatab ul.nav.nav-tabs {
    width: 22%;
    margin-right: 15px;
    border: none;
}

.utforskatab .tab-content .tab-pane {
    background-color: #F6F6F6;
    padding: 20px;
    border-radius: 10px;
}

    .utforskatab .tab-content .tab-pane p {
        width: 100%;
        text-align: left;
        margin-bottom: 24px;
        color: #111111;
        font-size: 13px;
    }

    .utforskatab .tab-content .tab-pane h4 {
        color: #ff6e1f;
        font-weight: 500;
        font-size: 20px;
        margin-bottom: 10px;
    }

.utforskasec {
    background-color: #fff;
    padding-top: 20px;
}

.ourserivesecreq {
    margin-top: 50px;
    margin-bottom: 60px
}

.blog-thumbnail img {
    width: 100%;
    margin: 0
}

.blog-thumbnail h2 {
    position: absolute;
    bottom: 41px;
    color: #fff;
    font-weight: 600;
    margin: 0;
    padding: 10px 20px 0;
    font-size: 28px
}

.blog-thumbnail h6 {
    position: absolute;
    bottom: 0;
    color: #c4c4c4;
    margin: 0;
    padding: 10px 20px 15px;
    font-size: 13px;
    font-weight: 500
}

.blog-share ul {
    padding: 5px 10px
}

    .blog-share ul li {
        list-style: none;
        display: inline-block;
        width: 6%;
        padding: 5px 8px
    }

.blog-article p, .strapservsec p, .usercomment p {
    color: #3D3D3D;
    font-size: 13px;
}

.postdetails {
    border-top: 1px solid #545454;
    padding-top: 10px;
    color: #909090
}

    .commentboxarea label, .postdetails a, p a, p.redtext {
        color: #545454;
        font-weight: 500
    }

.post-comment-sec {
    padding: 30px 40px;
    margin-top: 40px
}

.commentboxarea textarea.commentbox {
    width: 100%;
    border: 1px solid #c3c3c3;
    min-height: 100px
}

.commentboxarea button {
    float: right;
    border: none;
    background-color: #545454;
    color: #fff;
    font-weight: 600;
    padding: 8px 12px;
    border-radius: 4px;
    margin-top: 15px
}

.commentdetails {
    background-color: #fff;
    margin: 20px 0;
    padding: 20px
}

.commentlist {
    display: block;
    width: 100%;
    margin-top: 80px
}

.commentdetails .userimage {
    display: inline-block;
    width: 6%;
    vertical-align: top;
    text-align: center;
    margin-right: 15px
}

.commentdetails .usercomment {
    width: 90%;
    display: inline-block;
    vertical-align: top
}

    .commentdetails .usercomment h4 {
        color: #545454;
        font-size: 17px;
        font-weight: 600;
        margin-bottom: 20px
    }

        .commentdetails .usercomment h4 small {
            color: #707070;
            font-style: italic;
            font-size: 13px;
            margin-left: 20px
        }

.blogsearch input {
    background-color: #f1f1f1;
    border: none;
    border-radius: 50px;
    padding: 10px 20px;
    font-size: 18px;
    width: 80%
}

.sidebar-posts {
    box-shadow: 0 3px 6px #0003;
    margin: 20px 0
}

    .sidebar-posts > h4 {
        font-weight: 600;
        background-color: #ff6e1f;
        color: #fff;
        text-transform: uppercase;
        text-align: center;
        padding: 10px 0;
        font-size: 19px;
        letter-spacing: 1px;
        margin: 0
    }

.sidebarpostsingle .post-thumb {
    width: 25%;
    display: inline-block;
    vertical-align: top;
    margin-right: 10px
}

.sidebarpostsingle .post-text-detail {
    width: 71%;
    display: inline-block;
    vertical-align: top
}

.post-text-detail h4 {
    color: #707070;
    font-size: 13px;
    font-weight: 600;
    line-height: 17px
}

.post-text-detail h6 {
    color: #ff6e1f;
    font-weight: 400;
    font-size: 13px
}

.sidebarpostsingle {
    margin: 15px 0;
    padding: 0 40px
}

.blogpost-list {
    max-height: 360px;
    overflow: hidden;
    overflow-y: scroll
}

.blog-sidebar .newsletterform p, .header-image.aboutus p {
    width: 90%
}

.header-image.aboutus {
    background: url(/images/aboutbanner.png)
}

.omthreero {
    background: url(/images/omosbg.png) 0 0/100% 100%;
    padding: 30px 50px
}

.omthreecontent > .row {
    background-color: #fff;
    padding: 10px;
    margin: 15px 0
}

.omthreero .col-md-2 {
    justify-content: center;
    align-items: center;
    align-content: center;
    display: flex
}

.redgreysec h5 {
    font-weight: 600;
    font-size: 33px;
    margin-bottom: 30px;
    color: #fff;
    line-height: 33px;
}

.redgreysec {
    text-align: center;
    background-size: 100% !important;
    border-radius: 15px;
    margin: 30px 0;
    background-position: center center !important;
}

    .productquickoverview, .redgreysec ul {
        text-align: left;
        padding-left: 20px
    }

    .redgreysec p {
        font-size: 15px;
        color: #fff;
        padding: 0 20px
    }

    .redgreysec ul li {
        list-style: none;
        color: #fff
    }

.greyredbunch {
    background: url(/images/grey-red-bunch.png)
}

.redgreysec .col-md-6 {
    padding: 50px 80px;
}

.redgreybunch {
    background: url(/images/red-grey-bunch.png)
}

.contactus {
    background: url(/images/distriuk-contact-banner.png) center center #042800;
    padding: 8% 0;
    background-size: contain !important
}

    .contactus h4 {
        color: #333;
        font-weight: 600;
        font-size: 32px
    }

    .contactus p {
        color: #333;
        width: 40%;
        margin: 0 auto
    }

.connectwithus {
    background: url(/images/conrtactimg1.png) 0 0/100% 100%;
    padding: 30px 0 300px
}

.contactform {
    position: relative;
    padding: 40px 80px;
    background-color: #fafafa;
    border-radius: 10px
}

.connectwithus h6 {
    font-size: 22px;
    color: #333;
    font-weight: 700;
    text-align: center;
    width: 70%;
    margin: 0 auto
}

.connectwithus ul.sociallinks {
    padding: 0 25px
}

    .connectwithus ul.sociallinks li {
        list-style: none;
        display: inline-block;
        width: 23%;
        padding: 10px
    }

.contactform:after {
    position: absolute;
    left: 40px;
    right: 40px;
    top: 25px;
    bottom: 25px;
    background-color: #fff;
    content: "";
    z-index: 0;
    border-radius: 30px
}

.contactform > .row {
    position: relative;
    z-index: 9
}

.user-box textarea {
    min-height: 220px;
    padding: 10px 15px;
    border-radius: 20px
}

.contactdetails {
    margin-top: 50px;
    padding-bottom: 50px
}

ul.detailswithicons li {
    list-style: none;
    background-color: #fff;
    margin: 20px 0;
    border-radius: 50px;
    font-size: 16px;
    padding: 20px 0 20px 70px;
    position: relative;
    line-height: 16px
}

    ul.detailswithicons li img {
        margin-right: 10px;
        width: 100%;
        filter: hue-rotate(237deg)
    }

.contactdetails .row {
    background-color: #f7f7f7;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 10px
}

img.contactpagelogo {
    width: 270px;
    margin: 0 auto;
    display: block
}

.header-image.aboutus h4 {
    font-size: 32px;
    font-weight: 700
}

.stockstatuspro {
    display: inline-block;
    color: #00c546;
    font-size: 12px;
    padding: 0 7px;
    border-radius: 4px;
    margin-top: 5px;
    border: 2px solid #00c546;
    transition: .3s
}

.produkter {
    background: linear-gradient(180deg, #E7E7E7 0%, #F1F1F1 100%);
    padding: 30px 0 20px;
}

.procatname a {
    font-size: 12px;
    font-weight: 500;
    color: #dc4a56
}

.procatname {
    line-height: 10px;
    margin: 12px 0
}

.stockstatuspro:hover {
    color: #fff;
    background-color: #00c546
}

.cartbtn a.btnbuy:hover {
    box-shadow: 0 3px 6px #0000002e
}

.productquickoverview h4 {
    font-size: 15px;
    font-weight: 500
}

.productquickoverview .shortdescq {
    font-size: 10px;
    line-height: 14px;
    margin-bottom: 8px
}

.productquickoverview .priceboxsingle {
    font-size: 14px;
    font-weight: 600;
    line-height: 13px;
    margin-bottom: 8px
}

.productquickoverview .proattrproductCondition {
    margin-top: 5px;
    color: #545454;
    font-weight: 600;
    font-size: 12px;
    line-height: 10px
}

.productquickoverview p.overviewq {
    margin-top: 10px;
    font-size: 10px;
    color: #ababab;
    font-weight: 500;
    -webkit-line-clamp: 4
}

.productquickoverview .proattrproductCondition span {
    font-size: 8px;
    color: #ababab;
    font-weight: 500;
    font-family: Poppins,sans-serif
}

span.moreinfobtn a {
    border: 1px solid #ff6e1f;
    color: #fff;
    padding: 8px 4px;
    font-size: 11px;
    display: block;
    transition: .3s;
    line-height: 13px;
    background-color: #ff6e1f;
    top: -1px;
    position: relative;
    text-align: center
}

.cartbtn a.btnbuy img {
    margin: 0;
    width: 25px;
    transition: .3s;
    filter: invert(1);
    padding: 1px;
}

span.moreinfobtn {
    width: 75%
}

.prostocknd p {
    margin: 0 0 3px;
    font-size: 11px;
    color: #a1a1a1;
    font-weight: 500;
    line-height: 15px
}

.cartbtn a.btnbuy:hover img {
    transform: rotate(14deg);
    transition: .3s
}

.prostocknd p strong {
    color: #292929;
    font-weight: 400;
}

.services .col-md-4 {
    position: relative;
    padding: 25px 25px;
}

    .services .col-md-4:before {
        content: "";
        position: absolute;
        left: 10px;
        right: 10px;
        top: 10px;
        bottom: 10px;
        background-color: #fff;
        z-index: 0;
        border-radius: 10px;
        box-shadow: 0px 6px 20px 0px #0000001A;
    }

.services h5 {
    position: relative;
    font-weight: 400;
    font-size: 15px;
    color: #16232b;
    line-height: 20px;
}

.services .col-md-4 p {
    position: relative;
    font-size: 15px;
    line-height: 21px;
    margin-top: 35px;
}

.services h5 img {
    width: 9%;
    margin-right: 5px;
    vertical-align: middle;
    filter: brightness(0) saturate(100%) invert(61%) sepia(79%) saturate(3587%) hue-rotate(343deg) brightness(98%) contrast(106%);
}

.serv-box.topbox {
    margin-top: 20px;
    margin-bottom: 100px
}

.serv-box h5 {
    font-weight: 700;
    font-size: 16px
}

.shippingpay img {
    margin: 0 auto;
    display: block;
    width: 100%
}

.newslettersec {
    background: url(/images/newsletter.png) center/100% no-repeat #0c0c0c;
    padding: 20px 0
}

    .newslettersec h4 {
        font-weight: 600;
        margin: 0 auto;
        color: #fff;
        font-size: 21px;
        line-height: 28px
    }

.newletterform input[type=email] {
    width: 100%;
    line-height: 0 !important;
    padding: 10px 50px 10px 20px;
    height: auto;
    border-radius: 10px;
    background-color: #E7E7E7;
    border: none;
}

.newletterform button.btnsubscribe {
    border: none;
    border-radius: 10px;
    background-color: #ff6e1f;
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 4px 4px;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
}

.partnerlogos img {
    display: block;
    margin: 0 auto;
    width: 100%
}

.footerwidgets h4 {
    font-weight: 600;
    color: #fff;
    margin-bottom: 10px;
    font-size: 18px;
    margin-top: 20px;
}

ul.nec li {
    list-style: none;
    margin: 10px 0
}

    ul.nec li i {
        color: #fff;
        width: 25px
    }

ul.socialmedia li {
    list-style: none;
    display: inline-block;
    margin-right: 5px
}

    ul.socialmedia li a {
        background-color: #ff6e1f;
        color: #fff;
        width: 30px;
        display: block;
        text-align: center;
        border-radius: 50px;
        line-height: 30px
    }

ul.footermenu li a {
    color: #fff;
    font-size: 14px
}

a.netsbtn {
    background-color: #fff;
    display: block;
    text-align: center;
    padding: 10px 0;
    border: 2px solid #005776;
    border-radius: 4px;
    margin-bottom: 15px;
    transition: .3s
}

    a.netsbtn:hover {
        background-color: #efefef
    }

div#checkout-container-div {
    position: relative;
    z-index: 999999;
    padding: 0 7px;
    background-color: #367a93;
    box-shadow: 0 3px 15px #00000078;
    margin-bottom: 25px
}

.netsbtn img {
    width: 12%
}

.popularproslider span.moreinfobtn, .produkter span.moreinfobtn {
    width: 71%
}

.cartbtn a.btnbuy, .popularproslider .cartbtn a.btnbuy {
    padding: 0 0;
    border-radius: 4px;
}

.brandsSlider h3 {
    color: #000;
    text-align: center;
    margin-top: 8px;
    line-height: 13px;
    font-size: 12px
}

h4.trapheading, ul.solpagelis li strong {
    font-weight: 600;
    margin-right: 5px;
}

.blogdetail * {
    font-size: 12px !important;
    font-weight: 400;
    margin: 0
}

.strapservsec > div {
    margin: 10px 0;
    padding: 10px 5px;
}

.trapheading img {
    width: 12px;
    margin-left: 10px
}

h4.trapheading {
    font-size: 25px;
    color: #111111;
    margin-top: 10px;
    font-weight: 600;
}

.reqform input, .reqform textarea {
    margin: 10px 5px;
    border-radius: 5px;
    padding: 2px 10px
}

ul.solpagelis li {
    list-style: none;
    position: relative;
    font-size: 15px;
    font-weight: 400;
}

    ul.solpagelis li strong {
        display: inline-block;
        color: #ff6e1f !important;
    }

    ul.solpagelis li:before {
        content: "\f111 ";
        font-family: FontAwesome;
        position: absolute;
        left: -10px;
        color: #ff6e1f;
        font-size: 6px;
        top: 8px;
    }

.reqform {
    margin-top: 25px !important;
    !i;
    !;
}

    .reqform input {
        display: inline-block;
        width: 47%;
        border-radius: 0px;
        border: none;
        border-bottom: 1px solid #3D3D3D;
        background-color: transparent;
    }

    .reqform textarea {
        width: 97.5%;
        border-radius: 0px;
        border: none;
        border-bottom: 1px solid #3d3d3d;
        height: 90px;
        background-color: transparent;
        margin-top: 10px !important;
        !i;
        !;
    }

.utforskatab ul.solpagelis li {
    width: 100%;
    text-align: left
}

.popularcatslider .owl-stage {
    padding: 0 0 16px;
    margin-top: -10px
}

.brandsSlider {
    padding: 35px 0 25px;
    background-color: #fff;
}

    .brandsSlider .item img {
        margin-bottom: 5px;
        height: 100px;
        background-color: #fff;
        border-radius: 10px
    }

    .brandsSlider div#brandsDiv {
    }

.popularcatslider .item {
    height: 100px;
    margin-bottom: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    background-color: #fff;
    padding: 0 10px
}

.header-image.faq, .header-image.privacy, .header-image.requestq {
    padding: 100px 0;
    background-color: #d9d9d9
}

.faqtab .accordion-body, .lookingcontent a {
    padding: 10px 20px;
    !i;
    !i;
    !;
}

.header-image.faq h4 {
    font-size: 30px;
    font-weight: 600;
    color: #ff6e1f
}

.faqs .accordion-toggle.collapsed:after {
    content: "\f067"
}

.faqs .accordion-toggle:after {
    content: "\f068";
    float: right;
    font-family: FontAwesome;
    color: #ff6e1f;
}

.faqtab li img {
    display: inline-block;
    margin-right: 10px;
    width: 26px;
    object-fit: contain;
    height: 26px;
    filter: brightness(0) saturate(100%) invert(61%) sepia(79%) saturate(3587%) hue-rotate(343deg) brightness(98%) contrast(106%);
}

.faqtab li {
    position: relative;
    margin: 0 0 15px 0;
}

    .faqtab li a {
        display: flex;
        position: relative;
        font-weight: 400;
        color: #292929;
        font-size: 13px;
        text-align: left;
        line-height: 14px;
        align-items: center;
        width: 100%;
        border: 0.5px solid #16232b;
        border-radius: 10px;
        padding: 12px 12px !important;
    }

.faqtab .nav-tabs a.active {
    color: #ff6e1f !important;
    background-color: #ff6e1f0d;
    border-color: #ff6e1f;
}

.faqtab .nav-tabs {
    border: none;
    margin-bottom: 50px;
    width: 22%;
    margin-right: 15px;
    border: none;
    display: inline-block;
    vertical-align: top;
}

.faqs a.accordion-toggle {
    display: block;
    background-color: #fff;
    color: #000000;
    padding: 14px 15px;
    font-size: 12px;
    border-radius: 8px;
    border: 0.5px solid #16232b;
}

.faqs .accordion-group {
    margin-bottom: 10px;
    background-color: #fff;
    border-radius: 20px;
}

.page-id-2022 .quote-main, .rqform .inner_row {
    background: #fcfcfc
}

.faqs p {
    font-size: 13px;
    color: #000000;
}

.lookingcontent {
    background: linear-gradient(90deg, #ff6e1f1f 0%, #FFFFFF 100%);
    padding: 22px;
}

    .lookingcontent h3 {
        color: #003600;
        font-size: 24px;
        font-weight: 500;
    }

    .lookingcontent p {
        color: #003600;
        font-size: 12px;
    }

.lookingfor {
    background-color: #fff;
    padding-top: 20px;
    padding-bottom: 20px;
}

.lookingcontent a {
    background-color: #ff6e1f;
    color: #fff;
    border-radius: 6px;
    margin-top: 10px;
    display: inline-block;
    font-size: 14px;
    padding: 10px 15px;
}

.rqform .inner_row .wpb_text_column .wpb_wrapper p img, .rqform .red-bg img, .rqform ul {
    margin: 0 auto
}

.faqtab ul.solpagelis li {
    width: 100%;
    text-align: inherit
}

.serv-box.topbox.text-right {
    position: relative;
    right: -80px;
    left: initial
}

.serv-box.text-right {
    position: relative;
    right: -80px;
    left: inherit
}

.serv-box, .serv-box.topbox {
    position: relative;
    left: -80px
}

.rqform ul {
    text-align: center;
    padding: 0
}

    .rqform ul li {
        position: relative;
        list-style: none;
        width: 48%;
        display: inline-block;
        margin-bottom: 20px;
        margin-right: 8px
    }

        #sec-req ul li:nth-child(6), .rqform ul li:nth-child(5), .rqform ul li:nth-child(6) {
            width: 48%
        }

.rqform input[type=email], .rqform input[type=tel], .rqform input[type=text], .rqform textarea {
    background: 0 0;
    border: 1.5px solid #0000001f;
    border-radius: 0;
    resize: none;
    padding: 15px 55px !important;
    width: 100%;
    display: block
}

.rqform input[type=submit] {
    text-transform: uppercase;
    letter-spacing: 2px;
    width: 100%;
    position: relative;
    padding: 16px 0 !important;
    border-radius: 0 !important;
    font-size: 18px !important;
    background-repeat: no-repeat !important;
    background-color: #545454 !important;
    background-position: center center !important;
    font-weight: 700;
    border: none;
    color: #fff
}

.formbox, .rqform #inr-req {
    border: 2px solid #0000001f;
    position: relative
}

.rqform input[type=email]::placeholder, .rqform input[type=tel]::placeholder, .rqform input[type=text]::placeholder, .rqform textarea::placeholder {
    font-family: GTWalsheimPro-Light
}

.rqform ul li:first-child::before, .rqform ul li:nth-child(2)::before {
    position: absolute;
    content: "\f007";
    left: 25px;
    font-family: fontawesome;
    color: #00000061;
    font-size: 20px;
    top: 16px
}

.rqform ul li:nth-child(3)::before {
    position: absolute;
    content: "\f0ac";
    left: 25px;
    font-family: fontawesome;
    color: #00000061;
    font-size: 20px;
    top: 16px
}

.rqform ul li:nth-child(4)::before, .rqform ul li:nth-child(5)::before, .rqform ul li:nth-child(6)::before, .rqform ul li:nth-child(7)::before, .rqform ul li:nth-child(8)::before {
    left: 25px;
    font-family: fontawesome;
    color: #00000061;
    font-size: 18px;
    top: 16px;
    position: absolute
}

.rqform ul li:nth-child(4)::before {
    content: "\f0e0"
}

#sec-req ul li:nth-child(8), #sec-req ul li:nth-child(9), .rqform ul li:nth-child(3), .rqform ul li:nth-child(8) {
    width: 97%
}

.rqform ul li:nth-child(5)::before {
    content: "\f095"
}

.rqform ul li:nth-child(6)::before {
    content: "\f187"
}

.rqform ul li:nth-child(7)::before {
    content: "\f017"
}

.rqform ul li:nth-child(8)::before {
    content: "\f27b"
}

.rqform #inr-req::before {
    position: absolute;
    background: #fcfcfc;
    content: "";
    width: 50px;
    height: 50px;
    left: 48%;
    border-top: 2px solid #0000001f;
    border-right: 2px solid #0000001f;
    transform: rotate(-45deg);
    top: -28px
}

.rqform .inner_row {
    border: 1px solid #00000021;
    cursor: pointer;
    width: 100% !important;
    margin-left: 0;
    margin-bottom: 20px;
    transition: .5s
}

    .rqform .inner_row .wpb_text_column {
        display: flex;
        height: 160px;
        align-items: center;
        padding: 0 40px
    }

        .rqform .inner_row .wpb_text_column .wpb_wrapper {
            display: flex
        }

            .rqform .inner_row .wpb_text_column .wpb_wrapper p.hover-txt {
                width: 80%;
                padding-left: 20px;
                line-height: 28px;
                display: flex;
                align-content: center;
                align-items: center;
                border-left: 1px solid #dbdbdb;
                margin-left: 40px
            }

            .rqform .inner_row .wpb_text_column .wpb_wrapper p:first-child {
                width: 20% !important
            }

            .rqform .inner_row .wpb_text_column .wpb_wrapper p {
                line-height: 0;
                padding-bottom: 0;
                align-content: center
            }

    .rqform .inner_row:hover {
        transform: scale(1.03);
        transition: .5s;
        box-shadow: 0 0 20px #00000026
    }

.prodetails .prodetailssingle > .label, .productbox > div.label {
    /* box-shadow: 0 2px 1px #00000024; */
    padding: 2px 10px;
    font-size: 13px
}

.rqform .red-bg::before {
    position: absolute;
    content: "";
    background: #565656;
    width: 100px;
    height: 100px;
    z-index: -1;
    left: 30px;
    bottom: -20px;
    transform: rotate(45deg);
    transition: .2s linear
}

.rqform h3 {
    text-align: center;
    margin-top: 60px !important;
    font-size: 21px;
    font-family: GTWalsheimPro-Medium !important;
    color: #000;
    line-height: 20px
}

h4.category, h5.brand {
    font-size: 13px;
    font-weight: 500;
    -webkit-line-clamp: 1;
    overflow: hidden;
    display: -webkit-box;
    color: #3D3D3D;
}

.rqform .vc_col-sm-3 {
    padding: 5%
}

    .rqform .vc_col-sm-3:hover .red-bg::before {
        background: #545454;
        transition: .2s linear
    }

.formbox {
    background-color: #f5f5f5;
    padding: 30px 20px;
    border-radius: 10px;
    margin-top: 40px;
    margin-bottom: 50px
}

.header-image.privacy h4 {
    font-weight: 800;
    font-size: 32px;
    color: #ff6e1f
}

.privacypolicysec ol {
    margin-left: 0;
    margin-bottom: 5px;
    padding: 0
}

#mainheader .col-md-8, .paylatersec h3 {
    padding-top: 5px;
}

.privacypolicysec ol li {
    font-size: 0
}

    .privacypolicysec ol li strong {
        font-size: 30px;
        padding-top: 20px;
        position: relative;
        margin-bottom: 0;
        line-height: 35px;
        color: #1a1b1b;
        display: inline-block
    }

.privacypolicysec p strong {
    font-weight: 600;
    display: inline-block;
    color: #545454 !important
}

.dcodebox {
    display: inline-block;
    width: 49%;
    margin-top: 10px
}

h4.category a {
    color: #3D3D3D;
    font-weight: 400
}

.prostocknd img {
    display: inline-block !important;
    width: 12px !important;
    filter: brightness(0) saturate(100%) invert(61%) sepia(79%) saturate(3587%) hue-rotate(343deg) brightness(98%) contrast(106%);
}

span.cartbtn.soldout img {
    filter: initial
}

span.cartbtn.soldout a {
    background-color: #fefeff !important
}

h5.brand {
    margin: 5px 0 0
}

    h5.brand a {
        color: #3D3D3D;
        font-weight: 400;
        text-decoration: underline;
        text-underline-position: under;
        margin-bottom: 6px;
        display: block;
    }

.trustpilot {
    background-color: #333;
    padding: 25px 0
}

.leftboxtrust h4 {
    color: #fff;
    text-align: center;
    margin: 0
}

.probrandlogo img, .truststars img {
    width: 80%;
    margin: 0 auto;
    display: block
}

.commentboxtop img {
    width: 40% !important;
    display: inline-block !important
}

.commentboxtop p {
    color: #d5d5d5;
    display: inline-block;
    float: right;
    font-size: 10px
}

.commentboxmid h4 {
    color: #fff;
    font-size: 14px;
    margin-bottom: 5px
}

.commentboxmid p {
    font-size: 12px;
    color: #fff;
    margin-bottom: 5px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-height: 12px
}

.commentboxmid h5 {
    color: #9f9f9f;
    font-size: 12px
}

p.showingrev {
    color: #fff;
    font-size: 12px;
    margin: 0
}

.trustlogo svg {
    width: 40%;
    margin: 0 auto;
    display: block
}

.trustpilot .owl-nav {
    position: absolute;
    width: 100%;
    bottom: 80px
}

    .trustpilot .owl-nav button.owl-prev {
        background: 0 0 !important;
        height: auto !important;
        border: 1px solid #fff !important;
        border-radius: 50px;
        width: 30px;
        line-height: 27px;
        left: -40px !important
    }

    .trustpilot .owl-nav button.owl-next {
        background: 0 0 !important;
        height: auto !important;
        border: 1px solid #fff !important;
        border-radius: 50px;
        width: 30px;
        line-height: 27px !important;
        right: -40px !important
    }

    .trustpilot .owl-nav button span {
        font-size: 20px;
        color: #fff !important;
        height: auto !important;
        line-height: 26px
    }

.leftboxtrust {
    height: 100%;
    justify-content: center;
    align-items: center;
    align-content: center;
    display: flex;
    flex-direction: column
}

.newslettersec .col-md-6.text-center:after {
    content: "";
    position: absolute;
    width: 4px;
    background-color: #fff;
    right: 0;
    border-radius: 10px;
    top: 0;
    bottom: 0
}

.newslettersec p {
    font-size: 15px;
    color: #fff;
    font-weight: 500;
    width: 90%;
    line-height: 17px
}

.paylatersec div#faqhead3 {
    padding: 0;
    background-color: #545454;
    text-align: center
}

    .paylatersec div#faqhead3 a.btn.btn-header-link, div#cookieNotice h4 {
        font-weight: 700;
        color: #000;
        font-size: 28px;
    }

.paylatersec h3 {
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 0;
    border-top: 1px solid #dfdfdf;
    color: #333
}

.monthplan {
    font-size: 12px;
    color: #f29423
}

.twotypesfees {
    margin-top: 20px
}

    .twotypesfees .bbc {
        display: inline-block;
        padding: 10px;
        border: 2px solid #f7f7f7;
        width: 49%;
        background-color: #d1d1d1
    }

        .twotypesfees .bbc h4 {
            font-size: 16px;
            font-weight: 700;
            margin: 0 0 2px
        }

        .twotypesfees .bbc p small {
            display: block;
            font-weight: 700;
            font-size: 14px;
            background-color: #fff;
            width: fit-content;
            padding: 2px 10px;
            margin-top: 5px
        }

.topsection .col-md-4, .topsection .col-md-6, .topsection .col-md-8 {
    padding: 0 0 0 15px
}

ul.detailswithicons li span {
    display: inline-block;
    width: 10%;
    margin-left: 10px;
    position: absolute;
    left: -2px;
    top: 18%
}

.googlemaplocation {
    border: 5px solid #333;
    border-radius: 4px
}

.branddetails .col-md-3 {
    text-align: center;
    justify-content: center;
    align-items: center;
    display: flex
}

.branddetails {
    background-color: #eaeced;
    border-radius: 10px;
    padding: 20px 0;
    margin-bottom: 30px;
    box-shadow: 0 3px 6px #00000029
}

.blogtrendbox, .trendbox {
    box-shadow: 0 3px 6px #00000024
}

#faq3 .card-body {
    padding: 0 20px
}

.bbc p {
    font-size: 13px;
    margin: 0
}

#desc_tab img.oneworld {
    width: 4%;
    margin-right: 5px
}

#desc_tab p > strong {
    width: 89%;
    display: inline-block;
    line-height: 15px;
    font-weight: 400;
}

.vatdetailbox {
    background-color: #cfcfcf;
    width: 352px;
    float: right;
    padding: 0 10px;
    margin-right: 17px;
    margin-top: 5px
}

    .vatdetailbox ul li {
        list-style: none;
        font-size: 14px;
        font-weight: 500;
        border-bottom: 1px solid #ffffff63;
        margin: 5px 0
    }

.brandlogo {
    padding: 0 30px
}

.reqquotebtnsec ul li span {
    color: #545454;
    font-size: 40px;
    line-height: 3px;
    height: 4px;
    display: inline-block
}

.shippingoptions {
    margin: 14px 0;
    padding: 0 15px
}

    .shippingoptions label {
        margin: 10px 0;
        font-size: 12px;
        font-weight: 500;
        display: flex;
        column-gap: 10px;
        align-items: center;
    }

        .shippingoptions label input {
            width: 20px
        }

        .shippingoptions label span {
            color: #545454;
            font-weight: 800
        }

.autocomplete div#shippingDiv {
    width: 32%;
    display: inline-block
}

button.banktransferorderbtn {
    border: none;
    display: block;
    width: 100%;
    background-color: #545454;
    color: #fff;
    padding: 10px 0;
    border-radius: 6px
}

#orderForm .nav li a.active {
    background-color: #ff6e1f;
    color: #fff !important
}

#orderForm .nav li a {
    color: #000;
    background-color: #fff;
    padding: 2px 10px !important;
    border-radius: 4px
}

#orderForm .tab-content .tab-pane > label {
    margin-bottom: 10px;
    display: block
}

.brandsSlider p.mainpara {
    margin-bottom: 35px
}

.halfcolabstitle img {
    max-height: 289px !important
}

.popularcatslider h2.mainheading {
    font-size: 26px
}

.trendbox > div {
    display: inline-block;
    width: 49%;
    padding: 10px 5px
}

.trendleft span {
    background-color: #545454;
    color: #fff;
    padding: 5px 20px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    display: block
}

a.addbasketbtn, a.moreinfobtn {
    padding: 5px 10px;
    margin-top: 10px;
    display: block
}

h2.protitle {
    font-size: 13px;
    font-weight: 700
}

a.moreinfobtn {
    border: 1px solid;
    border-radius: 4px;
    color: #545454;
    font-weight: 500
}

a.addbasketbtn {
    background-color: #545454;
    color: #fff;
    border-radius: 4px;
    font-weight: 500
}

.stockstatus {
    font-weight: 600;
    font-size: 12px;
    margin-bottom: 10px
}

.trendright .priceboxsingle {
    font-size: 20px;
    font-weight: 700;
    line-height: 16px
}

.revbox h4 {
    font-size: 12px;
    text-align: center;
    margin: 0
}

.revbox .jq-star {
    width: 100px;
    height: 100px;
    display: inline-block;
    cursor: pointer
}

.revbox .jq-star-svg {
    padding-left: 3px;
    width: 100%;
    height: 100%
}

a.moreinfobtn i {
    float: right;
    position: relative;
    top: 5px;
    font-size: 12px
}

a.addbasketbtn i {
    float: right;
    font-size: 12px;
    position: relative;
    top: 7px
}

#enquirymodal .row, .probrandlogo {
    margin: 5px 0
}

.trendbox {
    border: 2px solid #e0e0e0;
    border-radius: 10px;
    margin: 10px 0
}

.trendsection {
    padding: 20px 0;
    margin: 20px 0
}

.trendbox > img {
    width: 100%;
    border-radius: 10px;
    min-height: 298px
}

.productConditionfront {
    font-size: 17px;
    margin-bottom: 2px;
    color: #16232b;
    font-weight: 600;
}

    .productConditionfront span {
        display: inline-block;
        text-align: center;
        color: #ff6e1f;
        text-transform: capitalize;
        font-weight: 600;
        font-size: 17px;
    }

.leftalighbox {
    display: inline-block;
    width: 80%;
    margin-right: 50px
}

button.btn.btn_accept_cookie {
    display: inline-block;
    vertical-align: middle;
    background-color: #545454;
    padding: 10px 30px
}

div#cookieNotice {
    position: fixed;
    bottom: 0;
    z-index: 999999999999;
    left: 0;
    right: 0;
    background-color: #fff;
    padding: 20px 30px;
    border: 1px solid #ff6e1f;
    width: 470px;
    margin: 0 auto;
    border-radius: 12px;
}

.msg-wrap p {
    color: #000;
    margin-bottom: 10px;
    font-size: 13px;
    line-height: 15px;
}

.btn-wrap button.btn-primary {
    border: none;
    background-color: #ff6e1f;
    text-transform: capitalize;
    font-weight: 500;
    border-radius: 5px;
    font-size: 14px;
    padding: 10px 60px;
    margin: 0 auto;
}

.proattr.productCondition > img {
    /* width: 13px; */
    filter: brightness(0) saturate(100%) invert(61%) sepia(79%) saturate(3587%) hue-rotate(343deg) brightness(98%) contrast(106%);
}

@media (min-width:1700px) {
    .newslettersec .newletterform {
        position: relative;
        right: -30%
    }
}

.requestq h4 {
    color: #ff6e1f;
    font-size: 32px;
    font-weight: 800
}

.requestq p {
    color: #fff;
    font-size: 22px
}

.vatnote {
    font-size: 12px;
    background-color: #212529;
    color: #fff;
    padding: 6px 5px;
    position: absolute;
    top: 40px;
    width: 46%;
    right: 33px;
    border-radius: 5px;
    line-height: 12px
}

    .vatnote:before {
        content: "";
        position: absolute;
        top: -9px;
        border: 5px solid;
        left: 5px;
        border-color: transparent transparent #212529
    }

.enquirybtn button.btn.btn-info.btn-lg {
    font-size: 14px;
    font-weight: 500;
    padding: 5px 40px;
    margin-bottom: 10px
}

#enquirymodal input.btn {
    background-color: #d3222a;
    color: #fff;
    font-weight: 500;
    padding: 2px 20px
}

#enquirymodal .modal-body {
    padding-bottom: 15px;
    border-radius: 10px
}

.brandgrid h4 a {
    color: #545454;
    line-height: 18px
}

.brandgrid h4 {
    text-align: center;
    font-size: 16px;
    line-height: 15px;
    margin-top: 10px
}

.col-md-2.brandgrid {
    text-align: center;
    margin: 10px 0
}

.brandgrid img {
    width: 100%;
    height: 160px;
    border: 2px solid #33333312;
    border-radius: 4px
}

.productbox > div.label {
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    gap: 0px;
    border-radius: 0px 0px 10px 0px;
}

.label.Best-Selling {
    background-color: #ff6e1f;
}

.label.In-Demand {
    background-color: #D9D9D9;
    color: #000 !important;
    !i;
    !;
    !;
    !;
}

.label.Most.Searched {
    background-color: #D9D9D9;
    color: #000;
}

.label.Our.Choice {
    !i;
    !;
    background-color: #D9D9D9;
    color: #000;
}

.editProDirect button.btn.btn-primary {
    background-color: #212529;
    border: none;
    border-radius: 50px;
    height: 50px;
    width: 50px;
    margin: 5px 0;
    font-weight: 600;
    text-align: center;
    display: block;
    font-size: 12px
}

.b-featured-img img, .pro-brand-logo img {
    border-radius: 10px;
    width: 100%
}


.markbannersslider button.owl-prev {
    left: -30px
}

.markbannersslider button.owl-next {
    right: -30px
}

.red-note {
    color: red;
    font-size: 13px
}

.popularcatslider .item h3 span {
    position: absolute;
    left: 10px;
    right: 10px;
    font-size: 11px;
    background-color: #d1d1d1;
    padding: 2px 0;
    opacity: 0;
    transition: .3s;
    top: -10px;
    border-radius: 4px
}

.popularcatslider .item:hover h3 span {
    opacity: 1;
    top: -15px
}

.pro-brand-logo {
    position: absolute;
    left: 30px;
    top: 20px;
    z-index: 9;
    width: 90px
}

    .pro-brand-logo img {
        background-color: #fff;
        padding: 5px
    }

.b-featured-img img, .trendbox > a img {
    object-fit: cover;
    object-position: top
}

.eshopslide .owl-nav {
    position: absolute;
    width: 100%;
    bottom: 115px
}

    .eshopslide .owl-nav button.owl-next {
        right: 0
    }

    .eshopslide .owl-nav button {
        background-color: #fff !important;
        width: 22px;
        line-height: 124px !important
    }

        .eshopslide .owl-nav button span {
            margin-top: -9px;
            display: block
        }

.blogtrendbox {
    border: 2px solid #e0e0e0;
    border-radius: 10px;
    position: relative;
    transition: .3s;
    margin: 10px 0
}

    .blogtrendbox .blog-details, .trendbox > a img {
        width: 100%;
        border-radius: 10px
    }

    .blogtrendbox .blog-details {
        position: absolute;
        bottom: 0;
        padding: 0 20px;
        top: 0;
        left: 0;
        right: 0;
        display: flex;
        flex-direction: column;
        justify-content: end;
        background-color: #000000c9;
        transition: .3s
    }

.blog-details h2 {
    font-size: 18px;
    color: #fff;
    font-weight: 500;
    line-height: 26px;
    margin-top: 10px;
    margin-bottom: 20px
}

.cat-tag {
    width: fit-content;
    padding: 0 10px;
    color: #fff;
    font-weight: 500
}

.blogtrendbox:hover .blog-details {
    justify-content: center;
    transition: .3s;
    background-color: #000000d6
}

.prodetails .prodetailssingle > .label {
    color: #fff;
    border-radius: 4px;
    width: fit-content;
    margin-bottom: 8px
}

a.btn.btnbp {
    color: #fff;
    font-weight: 500;
    font-size: 12px;
    padding: 3px 10px;
    line-height: 14px
}

#mobile_menu .accesh4 {
    color: #fff;
    font-size: 18px;
    display: block;
    margin: 5px 0;
    text-align: left
}

.proattr.productWarrenty a {
    text-decoration: underline;
    color: #333;
    font-weight: 400
}

.proattr.productWarrenty span {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1
}

@media (max-width:1000px) {
    .productfront img, span.moreinfobtn {
        width: 90% !important
    }

    .satisfactionbar ul li {
        display: block;
        width: 100%;
        text-align: left;
        margin: 2px 0;
        border-bottom: 1px solid #4c4c4c;
        padding: 10px 0;
        font-size: 11px
    }

    .topsection {
        padding: 10px
    }

        .topsection .col-md-4 {
            margin-bottom: 0
        }

        .brandsSlider h3, .owl-dots, .productpurchase span.cartbtn, .productsku, .prostocknd p:nth-child(2), .topsection .owl-dots, h4.category {
            /* display: none; */
            font-size: 20px;
        }

    .productdetails, .productfront {
        /* display: inline-block; */
        /* vertical-align: top; */
    }

    .col-md-6.eshopslide, .halfcolabstitle img {
        margin-bottom: 15px
    }

    .topsection .col-md-4 img {
        height: 400px;
        margin-bottom: 15px
    }

    .satisfactionbar ul li:last-child {
        border: none
    }

    .popularcatslider .owl-nav button {
        background: 0 0 !important;
        height: auto !important;
        width: auto !important;
        top: 30px
    }

    .owl-nav button span {
        font-size: 30px
    }

    .brandsSlider .owl-nav.disabled {
        display: none;
    }

        .brandsSlider .owl-nav.disabled button {
            bottom: 30px
        }

    .popularcatslider .item h3 {
        font-size: 10px;
        line-height: 20px;
        text-align: center
    }

    .popularcatslider .item {
        height: auto;
        padding: 5px 0
    }

        .popularcatslider .item h3 span {
            opacity: 1;
            top: -18px;
            font-size: 16px;
            padding: 6px 0;
            background-color: #545454;
            color: #fff
        }

    .productfront {
        /* width: 40%; */
    }

    .productdetails {
        /* width: 57%; */
    }

    .productbox > div.label {
        right: initial;
        left: 10px;
        top: 10px;
        display: none
    }

    .productprice, h2.producttitle a {
        font-size: 32px;
        /* text-overflow: unset !important; */
        /* -webkit-box-orient: unset !important; */
        line-height: 36px;
    }

    .brandsSlider .item img {
        height: 65px;
        padding: 0 10px
    }

    .brandsSlider div#brandsDiv {
        padding-bottom: 15px
    }

    .cattosubdetail, .newletterform button.btnsubscribe {
    }

    .brandsSlider {
        margin: 25px 0
    }

    .categorytopimages {
        margin-bottom: 10px
    }

    .productfront img {
        /* height: 140px !important; */
    }

    span.moreinfobtn a {
        font-size: 0 !important;
        border-radius: 2px;
        padding: 5px 0 2px !important;
        text-align: center
    }

    div#filterboxleft {
        margin-bottom: 0 !important
    }

    .pro_grid_default div#typesList .col-md-4 {
        display: inline-block !important;
        width: 50%;
        margin: 10px 0
    }

    .cattosub {
        margin: 0;
        box-shadow: none;
        border-radius: 2px;
        border: 2px solid #e1e1e1
    }

    .cattosubdetail a {
        line-height: 16px;
        min-height: 24px
    }

    .prostocknd p, h5.brand {
        font-size: 0px;
    }

        h5.brand a {
            font-size: 16px;
        }

    span.moreinfobtn a:before {
        content: "See more - Add to cart";
        font-size: 11px
    }

    .prostocknd {
        /* position: absolute; */
        /* RIGHT: 30px; */
        /* bottom: 0; */
        margin-top: 10px;
    }

        .prostocknd p strong {
            font-size: 16px;
            position: relative;
            left: 5px;
        }
}

#desc_tab h3 {
    color: #545454;
    font-weight: 600;
    font-size: 18px
}

#desc_tab table td {
    border: 1px solid #e7e7e7;
    padding: 10px 15px;
    color: #787878
}

.e-shop-page a {
    text-align: center;
    line-height: 20px
}

.productbox {
    border-radius: 10px;
    overflow: hidden;
}

.e-shop-page h2.producttitle a {
    min-height: 40px
}

.brandprofile-sec.e-shop-page h2.mainheading {
    margin-bottom: 30px !important
}

.protable > p {
    display: inline-block;
    width: 50%;
    margin: 0;
    border: 1px solid #ebebeb;
    float: left;
    padding: 10px;
    background-color: #f6f6f6;
}

    .protable > p:first-child {
        display: block;
        width: 100%;
        border: none;
        font-weight: 600
    }

@media only screen and (max-width:999px) {
    .nectar-social.fixed > a {
        transition: .35s cubic-bezier(.15,.2,.1,1);
        -webkit-transition: .35s cubic-bezier(.15,.2,.1,1);
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    .nectar-social.fixed {
        margin: 0;
        height: 50px;
        pointer-events: none
    }

        .nectar-social.fixed.visible > a {
            -webkit-transform: scale(1);
            transform: scale(1)
        }

        .nectar-social.fixed.visible {
            pointer-events: auto
        }
}

.nectar-social.fixed {
    position: fixed;
    left: 20px;
    bottom: 34px;
    height: 50px;
    width: 50px;
    line-height: 50px;
    z-index: 1000
}

    .nectar-social.fixed > a {
        height: 50px;
        width: 50px;
        line-height: 52px;
        text-align: center;
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 10
    }

        .nectar-social.fixed > a:before {
            display: block;
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            transition: .45s cubic-bezier(.15,.2,.1,1);
            -webkit-transition: .45s cubic-bezier(.15,.2,.1,1);
            height: 100%;
            transform: translateZ(0);
            backface-visibility: hidden;
            border-radius: 50%
        }

        .nectar-social.fixed > a > [class^=icon-].icon-default-style {
            font-size: 16px;
            height: 50px;
            width: 50px;
            line-height: 50px;
            color: #fff;
            left: -1px;
            top: 0;
            z-index: 10;
            position: relative
        }

    .nectar-social.fixed .nectar-social-inner {
        position: absolute;
        height: 50px;
        width: 50px;
        bottom: 0;
        left: 0;
        z-index: 1;
        text-align: center
    }

        .nectar-social.fixed .nectar-social-inner a {
            display: block;
            line-height: 36px;
            height: 36px;
            padding: 0;
            margin: 0;
            width: 36px;
            left: 3px;
            position: absolute;
            opacity: 0;
            border: none;
            top: 0;
            box-shadow: 0 7px 15px rgba(0,0,0,.2);
            border-radius: 50%;
            -webkit-transition: .45s cubic-bezier(.15,.2,.1,1);
            transition: .45s cubic-bezier(.15,.2,.1,1);
            background-color: #545454
        }

            .nectar-social.fixed .nectar-social-inner a:after, .nectar-social.fixed > a:after {
                background-color: #fff;
                position: absolute;
                width: 100%;
                height: 100%;
                top: 0;
                left: 0;
                opacity: 0;
                content: '';
                display: block;
                border-radius: 50%
            }

    .nectar-social.fixed a:after {
        -webkit-transition: opacity .25s cubic-bezier(.15,.2,.1,1);
        transition: opacity .25s cubic-bezier(.15,.2,.1,1)
    }

@keyframes socialButtonFlash {
    0% {
        opacity: 0;
        transform: scale(1)
    }

    25% {
        opacity: .22;
        transform: scale(1.1115)
    }

    100% {
        opacity: 0;
        transform: scale(1.23)
    }
}

.nectar-social.fixed:hover > a:after {
    -webkit-animation: .45s cubic-bezier(.15,.2,.1,1) forwards socialButtonFlash;
    animation: .45s cubic-bezier(.15,.2,.1,1) forwards socialButtonFlash
}

.nectar-social.fixed a:hover:after {
    opacity: .2
}

.nectar-social.fixed:hover > a:before {
    box-shadow: 0 7px 15px rgba(0,0,0,.2);
    -webkit-transform: scale(1.23) translateZ(0);
    transform: scale(1.23) translateZ(0)
}

.nectar-social.fixed .nectar-social-inner a:first-child {
    transform: translateY(0) scale(0);
    -webkit-transform: translateY(0) scale(0)
}

.nectar-social.fixed .nectar-social-inner a:nth-child(2) {
    -webkit-transform: translateY(-36px) scale(0);
    transform: translateY(-36px) scale(0)
}

.nectar-social.fixed .nectar-social-inner a:nth-child(3) {
    -webkit-transform: translateY(-86px) scale(0);
    transform: translateY(-86px) scale(0)
}

.nectar-social.fixed .nectar-social-inner a:nth-child(4) {
    -webkit-transform: translateY(-136px) scale(0);
    transform: translateY(-136px) scale(0)
}

.nectar-social.fixed .nectar-social-inner a:nth-child(5) {
    -webkit-transform: translateY(-186px) scale(0);
    transform: translateY(-186px) scale(0)
}

.nectar-social.fixed:hover .nectar-social-inner a:first-child {
    -webkit-transition: .45s cubic-bezier(.15,.2,.1,1);
    -webkit-transform: translateY(-46px) scale(1);
    transition: .45s cubic-bezier(.15,.2,.1,1);
    transform: translateY(-46px) scale(1);
    opacity: 1
}

.nectar-social.fixed:hover .nectar-social-inner a:nth-child(2) {
    -webkit-transition: .45s cubic-bezier(.15,.2,.1,1);
    -webkit-transform: translateY(-86px) scale(1);
    transition: .45s cubic-bezier(.15,.2,.1,1);
    transform: translateY(-86px) scale(1);
    opacity: 1
}

.nectar-social.fixed:hover .nectar-social-inner a:nth-child(3) {
    -webkit-transition: .45s cubic-bezier(.15,.2,.1,1);
    -webkit-transform: translateY(-126px) scale(1);
    transition: .45s cubic-bezier(.15,.2,.1,1);
    transform: translateY(-126px) scale(1);
    opacity: 1
}

.nectar-social.fixed:hover .nectar-social-inner a:nth-child(4) {
    -webkit-transition: .45s cubic-bezier(.15,.2,.1,1);
    -webkit-transform: translateY(-166px) scale(1);
    transition: .45s cubic-bezier(.15,.2,.1,1);
    transform: translateY(-166px) scale(1);
    opacity: 1
}

.nectar-social.fixed:hover .nectar-social-inner a:nth-child(5) {
    -webkit-transition: .45s cubic-bezier(.15,.2,.1,1);
    -webkit-transform: translateY(-206px) scale(1);
    transition: .45s cubic-bezier(.15,.2,.1,1);
    transform: translateY(-206px) scale(1);
    opacity: 1
}

.nectar-social.fixed:hover {
    height: 340px
}

.nectar-social.fixed a i {
    color: #fff;
    font-size: 14px;
    top: 0;
    padding-right: 0;
    display: block
}

.nectar-social.fixed .nectar-social-inner a i {
    height: 36px;
    line-height: 36px;
    width: 36px
}

.gotocart {
    background-color: #333;
    position: fixed;
    bottom: 8px;
    width: 45%;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 9999;
    padding: 20px;
    border-radius: 4px;
    box-shadow: 0 0 40px #ffffff12;
    color: #fff;
    text-align: right
}

    .gotocart img {
        margin-right: 10px;
        width: 20px;
        filter: brightness(0) saturate(100%) invert(61%) sepia(79%) saturate(3587%) hue-rotate(343deg) brightness(98%) contrast(106%);
    }

    .gotocart button.btn {
        color: #fff;
        background-color: transparent;
        border: 1px solid;
        padding: 2px 10px;
        font-size: 12px;
        margin-right: 10px
    }

    .gotocart .cartitems {
        font-size: 15px;
        display: inline-block;
        float: left;
        margin-bottom: 0
    }

    .gotocart a {
        color: #fff;
        padding: 5px 12px;
        font-size: 12px;
        border-radius: 4px
    }

button.close-cookies {
    float: right;
    border: none;
    background-color: transparent;
    color: #ff6e1f;
    font-size: 15px;
}

.autopop .modal-header {
    padding: 0;
    border: none
}

body .fullcolabstext button.owl-prev {
    left: 15px !important;
    top: -17px !important
}

body .fullcolabstext button.owl-next {
    right: 0 !important;
    top: -17px !important
}

.blogCats > h4:after {
    content: "";
    position: absolute;
    height: 4px;
    width: 50px;
    background-color: #545454;
    left: 0;
    bottom: -2px
}

ul#related_blogs {
    margin-top: 40px !important
}

    ul#related_blogs li {
        border-bottom: 1px solid #e7e7e7;
        padding-bottom: 20px
    }

        ul#related_blogs li:last-child {
            border: none;
            padding: 0
        }

.blogSingle .col-md-3 {
    background-color: #fbfbfb
}

.blogSingle .reviewsbox {
    border-top: 1px solid #f3f3f3;
    padding: 10px 30px;
    border-bottom: 1px solid #f3f3f3
}

.blogSingle .revbody p {
    margin: 0 !important
}

.singlePost .ratingperpro .my-readonly_review_stars, .singlePost .ratingperpro p {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    font-size: 12px
}

.singlePost .ratingperpro .my-readonly_review_stars {
    margin-right: 10px !important
}

.postTitle button.btn.btn-info.btn-lg {
    position: absolute;
    right: 0;
    top: 0;
    padding: 4px 10px;
    background-color: #333;
    border: none;
    font-size: 14px;
    border-radius: 50px
}

.reviewlist li.adminblogreply {
    margin-left: 50px;
    position: relative;
    font-size: 14px
}

    .reviewlist li.adminblogreply:before {
        content: "";
        position: absolute;
        height: 70px;
        width: 40px;
        border-left: 2px solid #e3e3e3;
        border-bottom: 2px solid #e3e3e3;
        left: -30px;
        top: -46px;
        border-radius: 4px;
        z-index: -1
    }

.blogviewed {
    display: inline-block;
    float: right;
    font-size: 10px;
    background-color: #bdb1b1;
    color: #fff;
    border-radius: 50px;
    padding: 2px 12px
}

    .blogviewed i {
        margin-right: 5px;
        color: #545454
    }

.header-image.cartpage {
    background: url(/images/cartpagebanner.png) center center;
    padding: 160px 0;
    margin: 0 !important
}

#shiptodifferentDiv .form-row label {
    float: left;
    font-size: 12px
}

.mheading-box h2 {
    font-size: 26px;
    line-height: 24px;
    margin-bottom: 16px;
    font-weight: 600
}

.mheading-box p {
    line-height: 16px
}

.mheading-box img {
    width: 100%;
    max-height: 260px;
    object-fit: contain
}

.mleadform {
    background-color: #f3f3f3;
    padding: 15px
}

.mheader-banner {
    margin-bottom: 30px;
    background-color: #fff;
    padding: 10px 0
}

.mleadform label {
    width: 49.6%;
    font-size: 12px;
    color: #3c3c3c
}

    .mleadform label input {
        font-size: 12px;
        border-radius: 0
    }

.mnews-box {
    background-color: #f1f1f1;
    padding: 15px 20px;
    margin-top: 40px;
    margin-bottom: 50px
}

.mfirstsiderlayer.foraccess, .msecsiderlayer {
    top: 0;
    bottom: 0;
    right: -100%;
    transition: .3s;
    padding: 10px 15px;
    width: 100%
}

.mnews-box p {
    margin: 0;
    font-size: 13px
}

.mleadform button.btn.btnsend {
    background-color: #333;
    color: #fff;
    border-radius: 2px;
    padding: 2px 25px
}

.mobilemainul li {
    list-style: none;
    margin: 0;
    padding: 10px 0;
    border-bottom: 0.5px solid #dfdfdf;
}

a.mfirstsider {
    padding: 8px 15px;
    display: block;
    width: 100%
}

.mfirstsiderlayer.foraccess {
    position: absolute;
    background-color: #545454
}

.mfirstsiderlayer button.backtocat, button.backtosubcat {
    float: right;
    position: relative;
    right: 0;
    border: none;
    font-size: 15px;
    padding: 0 0 0 40px;
    background-color: transparent;
    color: #fff;
    margin: 0
}

.checkoutrow h3:after, .msecsiderlayer {
    position: absolute;
    background-color: #545454
}

.mfirstsiderlayer li a {
    text-align: left;
    display: block;
    font-size: 18px
}

    .mfirstsiderlayer li a i {
        float: right;
        position: relative;
        top: 3px
    }

ul.mobilechildul {
    padding: 0;
    margin: 23px 0 0
}

@media(min-width:999px) {
    li.mobileshow {
        display: none !important
    }
}

li.mobileshow {
    float: left;
    margin: 0 !important;
    position: relative;
    top: 4px
}

.cartbody tr {
    position: relative;
    display: block;
    margin: 10px 10px;
    background-color: #fff !important;
    border-radius: 10px;
    display: flex;
    padding: 10px 0px;
    justify-content: space-between;
}

strong.Soon.available {
    color: orange
}

.blogsMain ul li {
    margin-bottom: 11px;
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 10px
}

.blogColumn {
    box-shadow: 0 0 6px 6px #8d8d8d17
}

.blogCont {
    padding: 0 10px 10px
}

.checkoutrow .col-md-6 {
    position: relative;
    margin-bottom: 20px;
    padding-left: 25px;
    padding-right: 25px
}

.checkoutrow h3:after {
    content: "";
    left: 0;
    right: 0;
    top: 33px;
    height: 2px
}

.cartbody .table-striped tbody tr:first-child th:first-child {
    width: 70%
}

#stripe input {
    width: 100%;
    background-color: transparent
}

.stripe-logo img {
    display: inline-block;
    width: 10%
}

button#stripePayButton {
    margin-bottom: 10px;
    width: 100%;
    border: none;
    background-color: #ff6e1f;
    padding: 10px 0;
    border-radius: 4px
}

@media (max-width:999px) {
    .serv-box.text-right, .serv-box.topbox.text-right {
        text-align: left !important;
        right: 0
    }

    .utforskatab .tab-content {
        width: 100% !important;
    }

    .branddesc, .datacenterimg, .gotocart, .redgreysec ul, .utforskatab ul.nav.nav-tabs, h1.mainheading, h2.mainheading {
        text-align: center;
        padding-left: 0;
        width: 100%;
    }

    .datacenter, .header-image.faq, .ourservices {
        background-size: 100% 100% !important
    }

    h1.mainheading, h2.mainheading {
        =: 100%;
        font-size: 20px !important;
        text-align: left;
    }

    .popularcatslider .owl-item img {
        width: 30% !important
    }

    .popularcatslider .owl-nav {
        top: 30px !important
    }

    .popularcatslider .owl-stage {
        padding: 0 0 30px !important
    }

    .popularcatslider .owl-carousel.owl-theme {
        padding: 0 17px 0 15px !important
    }

    .brandlogo, .reqform input, .searchbox, .shippingpay img, p.mainpara {
        width: 100%
    }

    .faqtab .nav-tabs {
        width: 100%;
    }

    .faqtab .tab-content {
        width: 100% !important;
    }

    .categories_as ul li a {
        display: flex;
        padding: 10px 10px;
    }

    .serv-box.topbox.text-right {
        margin: 0
    }

    .markbannersslider button.owl-next {
        right: 0
    }

    .serv-box.topbox {
        left: 0;
        margin: 10px 0 0
    }

    .serv-box {
        left: 0
    }

    .trustpilot .owl-nav button.owl-next, body .fullcolabstext button.owl-next {
        right: 0 !important
    }

    .markbannersslider button.owl-prev, .trustpilot .owl-nav button.owl-prev, body .fullcolabstext button.owl-prev {
        left: 0 !important
    }

    #mainheader .col-md-8 {
        padding-top: 0;
        order: 2;
    }

    #headbar ul.pull-right {
        margin-top: -104px;
    }

    .topsection .col-md-8 > .row {
        margin: 0 !important
    }

    .col-md-6.halfcolabstitle, .fullcolabstext img {
        padding: 0
    }

    .topsection .col-md-4, .topsection .col-md-6, .topsection .col-md-8 {
        padding: inherit
    }

    .markbannersslider .owl-nav.disabled {
        display: none !important
    }

    .newslettersec {
        background-image: none
    }

    .headertextbox h3 {
        font-size: 12px;
        line-height: 14px;
        display: block;
        width: 100%
    }

    .headertextbox {
        padding: 10px
    }

        .headertextbox .rightsection {
            float: initial;
            width: 100%;
            text-align: left
        }

    .rightsection h5 {
        font-size: 11px;
        text-align: left;
        margin: 0 0 5px
    }

    .rightsection button.btn.btn-solution {
        font-size: 12px;
        padding: 2px 10px
    }

    h4.trapheading {
        font-size: 22px
    }

    .requestservsec {
        padding: 20px
    }

    .ourservicesecreq iframe {
        width: 100%;
    }

    .datacenter {
        padding: 15px 0
    }

    .ourservices {
        padding: 10px 0 30px
    }

        .ourservices h4 {
            width: 100%;
            font-size: 22px;
            margin: 0
        }

        .brandgrid h4 a, .header-image.faq p, .ourservices h6, .requestq p, ul.solpagelis li {
            font-size: 12px;
        }

        .ourservices button {
            margin: 10px 0 0;
            font-size: 12px;
            padding: 7px 20px
        }

    .brandprofile-sec h2.mainheading, .faqtab li img, .utforskatab li {
        margin-bottom: 20px
    }

    .utforskatab li {
        width: 33% !important;
        display: inline-block !important;
        margin-right: 0 !important
    }

        .utforskatab li a:before {
            height: 60px;
            width: 60px;
            top: 0
        }

        .utforskatab li a img {
            width: 30%;
            margin-bottom: 20px
        }

        .utforskatab li a {
            font-size: 16px !important;
            line-height: 14px
        }

        .utforskatab li.active:after {
            bottom: 0
        }

    .utforskatab {
        margin-top: 50px !important
    }

    .header-image.faq .col-md-9 {
        padding-left: 140px
    }

    .header-image.faq {
        padding: 10px 0 0
    }

        .header-image.faq h4 {
            font-size: 18px;
            margin-bottom: 4px
        }

    .faqtab ul.nav.nav-tabs li {
        width: 100% !important;
        !i;
        !;
        margin: 0 0 10px !important
    }

    .faqtab li a {
        line-height: 12px;
        font-size: 16px;
    }

    .lookingcontent {
        padding: 14px 20px
    }

        .lookingcontent h3 {
            font-size: 12px;
            margin-bottom: 5px
        }

        .lookingcontent p {
            font-size: 10px;
            margin-bottom: 0
        }

        .lookingcontent a {
            font-size: 12px;
            padding: 4px 10px
        }

    .header-image.aboutus h4 {
        font-size: 22px !important
    }

    .header-image.aboutus p {
        font-size: 12px !important;
        width: 100%
    }

    .header-image.aboutus {
        padding: 15px 0 0
    }

    .omoss {
        padding-top: 10px
    }

    .imgbox, .partnerlogos, .satisfactionbar, .singleprosidead, .utforskatab .tab-pane .col-md-6 img, .vatnote:before, img.desktop {
        display: none
    }

    li.nav-item.dropdown.show .dropdown-menu.show > .container {
        position: relative;
        background-color: #333
    }

    .omthreero {
        padding: 5px 15px
    }

    .redgreysec .col-md-6 {
        padding: 18px;
        width: 50%
    }

    .greyredbunch.redgreysec, .redgreybunch.redgreysec {
        background-size: 150% !important;
    }

    .redgreysec h5 {
        font-size: 18px;
        margin-bottom: 10px;
        line-height: 17px;
    }

    ul.solpagelis li:before {
        color: #fff;
        position: initial;
    }

    .redgreysec p {
        font-size: 10px;
        margin: 0;
        padding: 5px 12px;
    }

    img.contactpagelogo {
        margin-bottom: 15px
    }

    .contactform {
        padding: 20px 30px
    }

        .contactform:after {
            right: 10px;
            left: 10px;
            top: 10px;
            bottom: 10px
        }

    .contactus {
        padding: 40px 0;
        margin: 0
    }

    .requestq h4 {
        font-size: 20px;
        margin: 0 0 10px
    }

    .rqform ul li, .solpagelis li {
        width: 100% !important
    }

    .pcsdetail a img {
        width: 5% !important
    }

    .vatnote {
        font-size: 13px;
        background-color: #212529;
        color: #fff;
        padding: 6px 5px;
        position: absolute;
        top: 45px;
        width: 46%;
        right: 13px;
        border-radius: 5px;
        line-height: 12px;
        display: none;
    }

    body .fullcolabstext button.owl-next, body .fullcolabstext button.owl-prev {
        top: -19px !important;
        height: 45px;
        font-size: 12px !important;
        width: 20px !important
    }

    .ourservicespage .col-md-4 img {
        width: 50%;
        margin: 0 auto;
        display: block
    }

    .strapservsec > div {
        margin-top: 10px;
        margin-bottom: 10px
    }

    .ourservicespage > .container {
        padding: 0 30px
    }

    .brandlogo img {
        height: 60px;
        object-fit: contain;
        width: 90%;
        margin-bottom: 15px
    }

    a.brandfeaturedall {
        top: -30px;
        font-size: 12px
    }

    .brandgrid img {
        height: 100px;
        padding: 0 10px
    }

    .datacenter-sec {
        padding-top: 20px
    }

    .datacenter-tabs div {
        flex: auto;
        max-width: 100% !important
    }

    .gotocart .cartitems {
        font-size: 15px;
        margin-bottom: 10px
    }

    .gotocart {
        width: 80%;
        padding: 10px
    }

    .branddetails {
        padding: 20px 12px
    }

    div#products {
        padding: 0 !important
    }

    .productbox {
        /* padding: 5px 0 20px; */
        position: relative;
    }

    a .popularproslider .prostocknd {
        bottom: 3px !important
    }

    .cartbody tr {
        padding-bottom: 14px
    }
}

@media (min-width:999px) {
    img.mobile {
        display: none
    }
}

.reg_b_account {
    background-color: #fff;
    padding-top: 40px;
    padding-bottom: 30px;
}

    .reg_b_account ul {
        margin-top: 25px
    }

    .reg_b_account a.btn.registerbaccount {
        background-color: #ff6e1f;
        border-radius: 10px;
        font-size: 13px;
        margin-bottom: 20px;
        padding: 6px 20px;
        font-weight: 500;
        margin-top: 20px;
        color: #fff;
    }

.righttopbar img {
    width: 30px
}

.reg_b_account h6 {
    color: #292929;
    font-size: 16px;
    font-weight: 400;
}

.omthreecontent .imgbox {
    background-color: #545454;
    height: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center
}

    .omthreecontent .imgbox h4 {
        color: #fff;
        font-size: 42px;
        font-weight: 700
    }

.halfpage {
    max-height: 360px;
    overflow-y: scroll
}

#Shipping li {
    width: 100%;
    text-align: left;
}

.user_li img {
    width: 18px;
    filter: invert(1);
}

#headbar .topbar ul {
    line-height: 28px;
}

div#desktop_menu {
    padding: 0;
}

#desktop_menu ul.navbar-nav.mr-auto {
    width: 100%;
}

.categories_as ul {
    padding: 0;
    margin: 0;
}

    .categories_as ul li a h3 {
        font-size: 14px;
        font-weight: 400;
        display: inline-block;
        color: #292929;
        width: 72%;
        margin: 0;
        line-height: 16px;
    }

    .categories_as ul li a img {
        width: 35px;
        display: inline-block;
        margin-right: 10px;
        height: 35px;
        object-fit: contain;
    }

    .categories_as ul li {
        border: 0.5px solid #292929;
        list-style: none;
        margin-bottom: 15px;
        border-radius: 10px;
        padding: 6px 0;
    }

        .categories_as ul li a {
            padding: 0 10px;
            display: flex;
            align-items: center;
        }

.hero_mid_img img {
    width: 100%;
    aspect-ratio: 1/1.1;
}

.hero_side_img img {
    width: 100%;
    max-height: 240px;
    object-fit: contain;
}

.hero_section {
    padding-top: 15px;
    background-color: #fff;
}

img.hero_img_top {
    margin-bottom: 10px;
}

.popularproslider {
    background-color: #F1F1F1;
    padding: 30px 0 10px;
}

.productsku strong {
    color: #3D3D3D;
    font-weight: 500;
}

.productsku strong {
    color: #3D3D3D;
    font-weight: 500;
}

sdsds {
}

.section_simplify {
    background: linear-gradient(93.72deg, #FFFFFF 34.24%, #C3C3C3 99.61%);
    padding: 20px 0;
}

    .section_simplify h2 {
        color: #16232b;
        font-weight: 600;
        font-size: 34px;
    }

    .section_simplify h6 {
        color: #16232b;
        font-size: 22px;
        font-weight: 400;
        line-height: 20px;
    }

    .section_simplify p {
        font-size: 19px;
        line-height: 22px;
    }

        .section_simplify p strong {
            display: block;
            line-height: 25px;
        }

    .section_simplify div img {
        width: 100%;
    }

.tobottom {
    margin-top: 90px;
}

.popularproslider .owl-dots {
    background-color: #fff;
    border-radius: 10px;
    height: 10px;
    line-height: 10px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

    .popularproslider .owl-dots button.owl-dot.active {
        background-color: #B0B0B0;
        height: 10px;
        border-radius: 10px;
        width: 50%;
    }

    .popularproslider .owl-dots button.owl-dot {
        height: 10px;
        border-radius: 10px;
    }

.brandsSlider .owl-dots {
    display: block;
    background-color: #E8E8E8;
    border-radius: 10px;
    height: 10px;
    line-height: 10px;
    margin-top: 15px;
}

    .brandsSlider .owl-dots button.owl-dot.active {
        background-color: #B0B0B0;
        width: 25%;
        height: 10px;
        border-radius: 10px;
    }

    .brandsSlider .owl-dots button.owl-dot {
        width: 11px;
        height: 10px;
        border-radius: 10px;
    }

.markbannersslider {
    background-color: #F1F1F1;
    padding: 20px 0;
}

.services h2.mainheading strong {
    color: #16232b;
    font-size: 34px;
    font-weight: 600;
    display: block;
    margin-bottom: 10px;
}

.services h2.mainheading {
    color: #16232b;
    font-size: 22px;
    font-weight: 400;
}

.services .col-md-4:after {
    content: "";
    position: absolute;
    left: 10px;
    right: 10px;
    height: 1px;
    background-color: #16232b;
    top: 66px;
}

.services {
    /* background: url(/images/services_bg.png); */
    background-size: 100% 100%;
    background-repeat: no-repeat;
    padding-bottom: 20px;
}


.produkter .owl-dots {
    display: block;
    background-color: #ffffff;
    border-radius: 10px;
    height: 10px;
    line-height: 10px;
}

    .produkter .owl-dots button.owl-dot.active {
        background-color: #B0B0B0;
        width: 25%;
        height: 10px;
        border-radius: 10px;
    }

    .produkter .owl-dots button.owl-dot {
        width: 11px;
        height: 10px;
        border-radius: 10px;
    }

.whyChoosebar h2 {
    color: #292929;
    font-size: 23px;
    align-content: center;
    height: 100%;
}

    .whyChoosebar h2 span {
        width: 25%;
        display: inline-block;
        vertical-align: middle;
    }

        .whyChoosebar h2 span img {
            width: 100%;
            filter: grayscale(1);
        }

.whyChoosebar ul {
    padding: 0;
    margin: 0;
}

    .whyChoosebar ul li {
        list-style: none;
        display: inline-block;
        width: 19%;
        vertical-align: top;
        font-size: 13px;
        text-align: center;
        line-height: 19px;
        padding: 0 4px;
    }

        .whyChoosebar ul li img {
            display: block;
            margin: 0 auto 10px;
            width: 35px;
        }


.whyChoosebar {
    box-shadow: 0px 7px 36.8px 0px #00000040;
    padding: 15px 0 15px;
    margin-bottom: 35px;
    background-color: #fff;
}

.whychoose h5 {
    font-size: 18px;
    color: #292929;
    font-weight: 600;
    margin-bottom: 2px;
}

    .whychoose h5 img {
        width: 13px;
        filter: brightness(0) saturate(100%) invert(61%) sepia(79%) saturate(3587%) hue-rotate(343deg) brightness(98%) contrast(106%);
    }

.whychoose p {
    font-size: 12px;
    color: #292929;
    margin: 0;
    line-height: 16px;
}

.whychoose {
    background: linear-gradient(180deg, #E7E7E7 0%, #F1F1F1 100%);
    padding-bottom: 20px;
}

.wc_inner_col {
    box-shadow: 0px 6px 11px 0px #00000026;
    background-color: #fff;
    border-radius: 10px;
    padding: 16px 20px;
    margin-bottom: 15px;
    min-height: 88px;
}

.reg_b_account h4 {
    color: #16232b;
    font-size: 29px;
    font-weight: 400;
}

.reg_b_account ul {
    padding: 0 0px 0px 25px;
    margin: 0;
}

    .reg_b_account ul li {
        color: #292929;
        font-size: 16px;
    }

.newletterform small {
    color: #292929;
    font-size: 16px;
    font-weight: 400;
    display: block;
}

.newletterform {
    position: relative;
    width: 60%;
}

    .newletterform button.btnsubscribe img {
        padding: 3px 6px;
        width: 36px;
    }

img.poptionimg {
    margin-bottom: 30px;
}

.footerwidgets ul li p a {
    color: #fff;
}

.footer_about {
    background-color: #fff;
    padding: 20px 20px;
    border-radius: 10px;
}

    .footer_about h4 {
        margin: 0;
        font-weight: 400;
        font-size: 24px;
        margin-bottom: 15px;
        display: flex;
        align-items: center;
    }

        .footer_about h4 span {
            display: inline-block;
            width: 14%;
            height: 100%;
        }

            .footer_about h4 span img {
                display: block;
                width: 100%;
            }

        .footer_about h4 strong {
            display: inline-block;
            width: 85%;
            color: #000000;
            font-size: 20px;
            font-weight: 400;
            padding-left: 12px;
        }

h3.eshop_cat_name {
    color: #292929;
    font-size: 14px;
    font-weight: 600;
    margin-top: 10px;
    margin-left: -4px;
}

.cat_desc p {
    margin: 0;
}

.cat_desc {
    margin-bottom: 20px;
}

#filterboxleft .accordion card {
    border-radius: 20px;
}

.myrange3 > span label {
    font-size: 12px;
    color: #6D6D6D;
    font-weight: 400;
    margin: 0;
}

.single_pro {
    background-color: #fff;
}

small.brandName a {
    color: #454545;
    font-size: 15px;
    text-decoration: underline;
    text-underline-position: under;
}

small.brandName {
    margin-bottom: 10px;
    display: block;
}

.pro_overview_box h5 {
    font-size: 17px;
    margin-bottom: 2px;
    color: #3D3D3D;
    font-weight: 600;
    margin: 0;
}

.pro_overview_box {
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 9;
    overflow: hidden;
    display: -webkit-box;
    margin-bottom: 0;
    min-height: 32px;
    line-height: 22px;
    color: #454545;
}

    .pro_overview_box p {
        font-size: 14px;
    }

.proTabParent {
    background-color: #f6f6f6;
    padding-bottom: 20px !important;
    margin-top: 15px;
}

.singleProRel {
    background-color: #F1F1F1;
    margin-left: -50px;
    margin-right: -54px;
    padding-top: 10px;
    padding-bottom: 25px;
    margin-top: 15px;
}

.priceboxsingle {
    display: inline-block;
    width: 68%;
    vertical-align: top;
    color: #111111;
    font-size: 36px;
    font-weight: 700;
}

.pricebox_singel_pro .product-details {
    display: inline-block;
    width: 30%;
    vertical-align: top;
}

span.currencycode {
    color: #111111 !important;
    font-size: 36px;
    font-weight: 700;
}

.addToCartBox ul {
    margin: 0;
    padding: 0;
}

    .addToCartBox ul li {
        list-style: none;
    }

        .addToCartBox ul li a {
            background-color: #ff6e1f;
            color: #fff;
            display: block;
            text-align: center;
            border-radius: 10px;
            font-weight: 700;
            padding: 8px 0;
            margin-top: 10px;
        }

.pricebox_singel_pro {
    border: 1px solid #ff6e1f;
    border-radius: 10px;
    padding: 15px 15px;
    position: sticky;
    top: 20px;
}

.loginpage {
    background-color: #fff;
    padding-top: 50px;
}

    .loginpage img.inner-pg-logo {
        width: 60%;
        margin: 0 auto 60px;
        display: block;
    }

.loginform p {
    color: #6C7275;
    font-weight: 600;
    /* text-align: center; */
    margin: 10px 0 0;
}

.loginform h4 {
    margin: 0;
    color: #141718;
    font-weight: 500;
    font-size: 40px;
}

.loginform {
    width: 90%;
    margin: 0 auto;
    height: 100%;
    align-content: center;
}

    .loginform.signup .form-control::placeholder {
        font-size: 14px;
    }


.lef-img-box {
    height: 100%;
    position: relative;
    align-content: center;
}

a#signinlink {
    color: #ff6e1f;
    font-weight: 400;
}

.ourservicespage {
    background-color: #fff;
    padding-top: 20px;
}

.pg-solution h2.mainheading {
    color: #ff6e1f;
    font-size: 34px;
    font-weight: 600;
}

.pg-solution p.mainpara {
    font-size: 15px !important;
    color: #16232b;
    font-weight: 400;
    margin-bottom: 25px;
}

.pg-solution h4 {
    font-size: 26px;
    color: #111111;
    font-weight: 400;
}

.pg-solution .subpara {
    font-size: 15px;
    font-weight: 400;
}

.grayScale {
    padding: 20px;
}

ul.solpagelis {
    padding: 0 0 0 15px;
}

    ul.solpagelis.list_colored li {
        color: #ff6e1f;
    }

.ourservicesecreq h2.mainheading {
    color: #16232b;
    font-size: 34px;
    font-weight: 600;
}

.ourservicesecreq p.mainpara {
    font-size: 12px !important;
    color: #222222;
    font-weight: 400;
    line-height: 18px !important;
}

.ourservicesecreq ul {
    padding: 0;
    margin: 0;
    width: 53%;
}

    .ourservicesecreq ul li {
        list-style: none;
        margin-bottom: 20px;
    }

        .ourservicesecreq ul li .btn-chatUs {
            display: block;
            background-color: #ff6e1f;
            color: #fff;
            font-size: 14px;
            padding: 4px 10px;
            margin-top: 5px;
        }

        .ourservicesecreq ul li label {
            color: #111111;
            font-weight: 600;
            font-size: 18px;
            margin: 0;
            display: block;
        }

        .ourservicesecreq ul li .btn-chatUs span {
            margin-right: 5px;
        }

        .ourservicesecreq ul li a {
            color: #ff6e1f;
            font-weight: 600;
            font-size: 14px;
        }

        .ourservicesecreq ul li p {
            display: inline-block;
            margin-right: 5px;
            margin-bottom: 0;
        }

.reqform textarea:focus, .reqform input:focus {
    outline: none;
}

.reqform textarea::placeholder, .reqform input::placeholder {
    font-size: 12px !important;
    color: #3D3D3D;
}

.ourservicesecreq {
    padding-top: 80px;
    padding-bottom: 50px;
}

.pg-services h2.mainheading {
    color: #ff6e1f;
    font-size: 24px;
    font-weight: 600;
}

    .pg-services h2.mainheading strong {
        font-weight: 300;
        display: block;
    }

.pg-services p.mainpara {
    width: 100%;
    color: #16232b;
    font-size: 13px !important;
    line-height: 15px !important;
}

.pg-services h6 {
    color: #292929;
    font-weight: 400;
    font-size: 18px;
    margin-top: 60px;
}

.side_img_box img {
    width: 100%;
}

.utforskatab > ul, .utforskatab > div {
    display: inline-block;
    vertical-align: top;
}

.utforskatab .tab-content {
    width: 76%;
}

.utforskatab li a.active {
    color: #ff6e1f !important;
    background-color: #ff6e1f0a;
    border-color: #ff6e1f;
}

.pg-services {
    margin-bottom: 10px;
}

.faqtab .tab-content {
    width: 76%;
    display: inline-block;
    vertical-align: top;
}

.faqtab .tab-pane {
    background-color: #F6F6F6;
    padding: 20px;
    border-radius: 10px;
}

.faqsec {
    background-color: #fff;
    padding-top: 20px;
}

.faqtab .tab-pane .mainheading {
    font-size: 20px;
    color: #ff6e1f;
    font-weight: 500;
}

.lookingcontent img {
    width: 100%;
}

.less-Width {
    width: 90%;
    margin: 0 auto;
    padding: 30px 0;
}

    .less-Width h3 {
        font-weight: 400;
        color: #111111;
        text-align: center;
        text-transform: uppercase;
        letter-spacing: 2px;
    }

    .less-Width p {
        color: #3D3D3D;
    }

    .less-Width .col-md-12 {
        border-top: 0.5px solid #085F09;
        padding: 25px 0;
    }

    .less-Width ul {
        padding: 0;
        margin: 0;
    }

        .less-Width ul li {
            list-style: none;
            color: #000;
        }

.contactpage .ourservicesecreq {
    padding-top: 25px;
    padding-bottom: 25px;
}

.ourservicesecreq iframe {
    border: 1px solid #222222 !important;
}

.productsku {
    -webkit-line-clamp: 1;
    overflow: hidden;
    display: -webkit-box;
    color: #3D3D3D;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
}

.proTabs li a {
    color: #000000;
    font-size: 14px;
}

    .proTabs li a.active {
        font-weight: 600;
    }

.proTabs li {
    margin-right: 20px;
}

.delivery_time {
    font-size: 14px;
}

    .delivery_time strong {
        color: #111111;
        font-weight: 300;
    }

#headbar ul.pull-right li:last-child {
    padding-right: 15px;
}

.lef-img-box img {
    width: 100%;
}

#cookieNotice .btn-wrap {
    text-align: center;
}

div#cookieNotice h4 img {
    margin-left: 10px;
}

button.close-cookies i {
    font-weight: 300;
}

.msg-wrap p a {
    text-decoration: underline;
    color: #000;
}

.prodetails button.accordion-button {
    border: none;
    font-size: 16px;
    width: 100%;
    text-align: left;
    padding: 8px 10px;
    background-color: transparent;
}

.prodetails .accordion-item {
    border: 1px solid #f1f1f1;
    margin-bottom: 10px;
    border-radius: 4px;
}

    .prodetails .accordion-item .accordion-body {
        padding: 0 10px;
    }

        .prodetails .accordion-item .accordion-body li {
            margin-bottom: 10px;
            font-size: 14px;
        }


@media(max-width:599px) {
    #headbar .topbar ul a, .mm-module h4 {
        font-size: 10px;
    }

    .righttopbar img {
        width: 15px
    }

    div#cookieNotice {
        width: 90% !important;
        bottom: 15px;
    }

    .singleProRel {
        margin: 0 0 !important;
    }

    .prodetails {
        overflow: hidden;
    }

    .ratingperpro {
        display: none;
    }

    .nectar-social.fixed.visible {
        display: none;
    }

    .prodetails .col-md-4 {
        order: 1;
    }

    .prodetails .col-md-8 {
        order: 2;
    }

    .desktok {
        display: none !important;
    }

    .popularcatpro {
        padding: 0 20px;
    }

    .pcslideritem {
        display: flex;
        column-gap: 10px;
        align-items: center;
    }

    .proTabs ul {
        display: flex;
        margin: 0 !important;
        column-gap: 5px;
        row-gap: 2px;
        margin-bottom: 8px !important;
    }

    .proTabs li a {
        background-color: #2a750021;
        color: #2a7500ad;
        border-radius: 10px;
        padding: 2px 10px;
        font-size: 13px;
    }

    body .proTabs ul.nav.nav-tabs li {
        margin: 0 !important;
        width: fit-content !important;
    }

    div#desc_tab > p {
        display: flex;
        align-items: start;
    }

        div#desc_tab > p img {
            width: 10% !important;
        }

    .proTabs li a.active {
        color: #2a7500;
    }
}

@media (min-width:599px) {
    .mobile {
        display: none !important;
    }
}

/*Quick Cart Sidebar*/
.quickCartSideBar {
    position: fixed;
    width: 37%;
    background-color: #fff;
    max-width: 500px;
    right: -100%;
    z-index: 99;
    height: 100%;
    top: 0;
    transition: .3s ease;
}

    .quickCartSideBar.active {
        right: 0;
    }

.qcdbHeader {
    border-bottom: 1px solid rgba(231, 231, 231, 1);
    padding: 12px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .qcdbHeader p img {
        width: 20px;
        margin-right: 5px;
    }

    .qcdbHeader p {
        font-size: 18px;
        color: #000;
        margin: 0;
    }

    .qcdbHeader button.btn {
        padding: 0;
        border: none;
        font-family: cursive;
        font-weight: 600;
        font-size: 12px;
    }

.qcdbBody {
    padding: 20px 0;
    overflow-y: scroll;
    max-height: 68vh;
}

@media(max-width:767px) {
    .quickCartSideBar {
        position: fixed;
        width: 85%;
    }

    .qcdbBody {
        max-height: 75vh;
    }
}

.qcdbBody ul {
    padding: 0 20px;
    margin: 0;
}

    .qcdbBody ul li {
        list-style: none;
        margin: 5px 0;
    }

.qcdbBody .productListqcart .productImgLeft {
    width: 50%;
}

.qcdbBody .productListqcart {
    display: flex;
    align-items: start;
}

    .qcdbBody .productListqcart .productImgLeft img {
        width: 100%;
    }

    .qcdbBody .productListqcart .proInfo a.proCat {
        color: rgba(69, 69, 69, 1);
        font-size: 15px;
        text-decoration: underline;
    }

    .qcdbBody .productListqcart .proInfo h4 {
        font-size: 16px;
        font-weight: 700;
        margin: 8px 0 25px;
    }

    .qcdbBody .productListqcart .proInfo .proActions {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        align-items: center;
    }

.proActions .proQuanity {
    display: flex;
    width: 32%;
    border: 0.5px solid rgba(0, 78, 181, 1);
    border-radius: 8px;
    padding: 0 5px;
}

.proActions .btnRemove {
    width: 100%;
    text-align: right;
    margin-top: 10px;
}

.proActions .proPrice {
    width: 68%;
    text-align: right;
    color: rgba(17, 17, 17, 1);
    font-size: 28px;
    font-weight: 600;
}

.proActions .proQuanity input {
    border: none;
    padding: 0 0;
    height: auto;
    text-align: center;
}

.proActions .proQuanity .btn {
    font-size: 19px;
    padding: 0 10px;
}

.qcdbHeader button.btn:focus {
    outline: none !important;
    border: none;
    box-shadow: none;
}


.proActions .proQuanity .btn:focus {
    outline: none !important;
    border: none;
    box-shadow: none;
}

.proActions .btnRemove .btn {
    padding: 0;
}

    .proActions .btnRemove .btn img {
    }

.qcdbFooter {
    border-top: 1px solid rgba(231, 231, 231, 1);
    padding: 10px 20px;
}

    .qcdbFooter .totalCartAmount {
        text-align: right;
        color: rgba(17, 17, 17, 1);
        font-size: 28px;
        font-weight: 600;
    }

    .qcdbFooter a.btn {
        display: block;
        font-weight: 700;
        background-color: rgba(0, 78, 181, 1);
        margin: 5px 0;
        border-radius: 16px;
        color: #fff;
        padding: 8px 0;
    }

/*Quick Cart Sidebar*/


.cartBg {
    background-color: #F6F6F6;
}

.productTotalCount {
    display: flex;
    justify-content: space-between;
    background-color: #fff;
    padding: 15px 15px;
    border-radius: 10px;
    margin: 0 10px 10px;
}

    .productTotalCount h5 {
        font-size: 22px;
        font-weight: 700;
        margin: 0;
    }

.cartbody span.heading_cart_title .proSKU, .cartbody span.heading_cart_title .proSKU span {
    color: #4F4F4F;
    font-size: 14px;
}

.cartbody span.heading_cart_title .proSKU {
    margin: 5px 0;
}

.cartbody span.heading_cart_title .proStock {
    font-size: 12px;
    color: #111111;
}

    .cartbody span.heading_cart_title .proStock img {
        width: 14px;
    }

.cartbody td .cross-btn {
    position: absolute;
    right: 0;
    bottom: -35px;
    color: #111111;
    font-size: 14px;
}

    .cartbody td .cross-btn img {
        width: 14px;
    }

.row.cart-btns {
    transform: translate(0px, 4px);
}

span.totalBar {
    font-size: 20px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    margin: 5px 0;
    padding: 14px 0;
}

.dcodebox .theme-btn {
    padding: 5px 5px !important;
    font-size: 10px !important;
}

.cartbody th.bold {
    font-weight: 700;
}

.cartbody td.bold {
    font-weight: 700;
}

.refundBanner {
    margin-top: 15px;
}

    .refundBanner img {
        width: 100%;
    }

.qcdbBody p {
    padding: 0 25px;
}

.qcdbFooter a.btn.btnCartLogin {
    background-color: #AEE7FF;
    color: #000;
}

.qcdbFooter a.btn.btnCreateAccount {
    background-color: #3D3D3D;
}

.qcdbFooter a.btn.btnWOAccount {
    background: none;
    border: 1px solid #000;
    color: #000;
}

.customerDetails h4 {
    color: #292929;
    font-size: 28px;
    font-weight: 400;
    margin-bottom: 15px;
}

.customerEmailBox label {
    color: #111111;
    font-size: 16px;
    font-weight: 400;
}

.customerEmailBox input[type='text'] {
    background-color: #E7E7E7;
    border: none;
    border-radius: 8px;
    margin-bottom: 15px;
}

.customerEmailBox .btn {
    background-color: #ff6e1f;
    color: #fff;
    border-radius: 10px;
    padding: 6px 40px;
    float: right;
}

.customerEmailBox {
    background-color: #fff;
    border-radius: 6px;
    padding: 20px 24px;
}

.pagebody.pgCheckout {
    background-color: #F6F6F6;
    padding-top: 50px;
    padding-bottom: 60px;
}

.deliveryInfoForm {
    background-color: #FAFAFA;
    padding: 25px;
    margin-bottom: 50px;
}

    .deliveryInfoForm h4 {
        color: #111111;
        font-size: 22px;
        font-weight: 500;
        margin-bottom: 5px;
    }

    .deliveryInfoForm p {
        color: #111111;
        font-size: 13px;
    }

    .deliveryInfoForm label {
        font-size: 16px;
        font-weight: 400;
        color: #111111;
    }

    .deliveryInfoForm input {
        background-color: #E7E7E7;
        border-radius: 8px;
        border: none;
        margin-bottom: 15px;
    }

.deliveryInfoBox h4 {
    color: #292929;
    font-size: 28px;
    font-weight: 400;
}

.deliveryInfoBox select {
    border: none;
    background-color: #E7E7E7;
    border-radius: 8px;
}

.deliveryInfoBox label {
    color: #111111;
    font-size: 16px;
}

.deliveryInfoBox input {
    background-color: #E7E7E7;
    border: none;
    border-radius: 8px;
}

.deliveryInfoBox .form-group.autocomplete {
    background-color: #fff;
    padding: 15px 15px;
}

.paymentMethod {
    margin-top: 40px;
}

    .paymentMethod .paymentGatewaySelection {
        background-color: #fff;
        padding: 10px 25px;
    }

        .paymentMethod .paymentGatewaySelection label {
            font-weight: 500;
            font-size: 28px;
        }

.paymentMethodForms {
    background-color: #FFFFFF;
    margin-top: 10px;
}

    .paymentMethodForms ul.nav.nav-tabs {
        padding: 0 25px;
        flex-direction: column;
    }

#stripe .col-md-6 {
    padding: 0 8px;
}

.pgCheckout .col-md-4 h4 {
    font-size: 24px;
    color: #292929;
    font-weight: 400;
}

ul.proCheckoutList {
    padding: 0;
}

    ul.proCheckoutList li {
        list-style: none;
        margin-bottom: 10px;
        border-bottom: 1px solid #f0f0f0;
        padding-bottom: 10px;
    }

.prodetailsli {
    display: flex;
    align-items: start;
}

    .prodetailsli img {
        width: 70px;
        object-fit: contain;
    }

.cartTotal {
    background-color: #fff;
    border-radius: 10px;
    padding: 15px;
}

.totalAccount ul {
    padding: 0;
    margin: 0;
}

    .totalAccount ul li {
        list-style: none;
        display: flex;
        justify-content: space-between;
    }

.prodetailsli .proTitleInfo {
    display: flex;
    align-items: start;
    column-gap: 5px;
}

.proTitleInfo .quantityPrice {
    width: 66%;
    display: flex;
    flex-direction: column;
    text-align: right;
}

    .proTitleInfo .quantityPrice span {
        display: block;
        width: max-content;
    }

.proTitleInfo .brandnTitle span {
    display: block;
}

.proTitleInfo .brandnTitle {
    line-height: 18px;
    font-size: 14px;
}

.totalAccount ul li.sum_last {
    border-top: 1px solid #ccc !important;
    padding-top: 10px;
}

body div#stripe {
    background-color: #fff !important;
    padding: 0px 30px;
    border-radius: 10px;
}

body #stripe input {
    width: 100%;
    background-color: transparent;
    border: 1px solid #ccc !important;
    padding: 10px 10px !important;
    font-size: 14px;
    margin: 5px 0;
}

.theme-btn:hover {
    color: #fff !important
}

.paymentMethodForms .nav-tabs a {
    font-weight: 500;
    font-size: 28px;
    position: relative;
    padding-left: 20px !important;
    color: #16232b;
}

    .paymentMethodForms .nav-tabs a:before {
        content: "";
        position: absolute;
        height: 15px;
        width: 15px;
        border: 1px solid #000;
        border-radius: 50px;
        left: 0;
        top: 11px;
    }

    .paymentMethodForms .nav-tabs a.active:after {
        content: "";
        position: absolute;
        left: 2.6px;
        top: 13.5px;
        background-color: #000000;
        height: 10px;
        width: 10px;
        border-radius: 50px;
    }

div#revolut {
    background-color: #fff !important;
}

.deliveryInfoBox #revolut input {
    padding: 0 10px !important;
    border: 1px solid #ccc;
    margin: 5px 0;
}

@media(max-width:450px) {
    .refundBanner.desktop {
        display: none;
    }

    .refundBanner.mobile {
        display: block !important;
        margin-bottom: 10px
    }
}


.pgCheckout .checkoutTotalBox {
    position: sticky;
    top: 10px;
}

.footerwidgets .footer_about p {
    color: #16232b;
}