ID not found in the URL.
<meta property="og:image" content="https://marautoparts.com/storage/app/public/company/{&quot;id&quot;:12,&quot;type&quot;:&quot;company_web_logo&quot;,&quot;value&quot;:&quot;2023-09-06-64f83bc8afeaa.png&quot;,&quot;created_at&quot;:null,&quot;updated_at&quot;:&quot;2023-09-06T14:43:52.000000Z&quot;}"/>
    <meta property="og:title" content="Products of {&quot;id&quot;:11,&quot;type&quot;:&quot;company_name&quot;,&quot;value&quot;:&quot;MAR&quot;,&quot;created_at&quot;:null,&quot;updated_at&quot;:&quot;2021-02-27T18:11:53.000000Z&quot;} "/>
    <meta property="og:url" content="https://marautoparts.com">
    <meta property="og:description" content="<h1>من نحن</h1>

<p>&nbsp;<br />
موقع MAR.كوم عبارة عن متجر متقدم ع�">

    <meta property="twitter:card" content="https://marautoparts.com/storage/app/public/company/{&quot;id&quot;:12,&quot;type&quot;:&quot;company_web_logo&quot;,&quot;value&quot;:&quot;2023-09-06-64f83bc8afeaa.png&quot;,&quot;created_at&quot;:null,&quot;updated_at&quot;:&quot;2023-09-06T14:43:52.000000Z&quot;}"/>
    <meta property="twitter:title" content="Products of {&quot;id&quot;:11,&quot;type&quot;:&quot;company_name&quot;,&quot;value&quot;:&quot;MAR&quot;,&quot;created_at&quot;:null,&quot;updated_at&quot;:&quot;2021-02-27T18:11:53.000000Z&quot;}"/>
    <meta property="twitter:url" content="https://marautoparts.com">
    <meta property="twitter:description" content="<h1>من نحن</h1>

<p>&nbsp;<br />
موقع MAR.كوم عبارة عن متجر متقدم ع�">

    <style>
        .for-count-value {

        left: 0.6875 rem;;
        }

        .for-count-value {

        left: 0.6875 rem;
        }

        .for-brand-hover:hover {
            color: #073b74;
        }

        .for-hover-lable:hover {
            color: #073b74       !important;
        }

        .page-item.active .page-link {
            background-color: #073b74      !important;
        }

        .for-shoting {
            padding- left: 9px;
        }

        .sidepanel {
        right: 0;
        }
        .sidepanel .closebtn {
        left: 25 px;
        }
        @media (max-width: 360px) {
            .for-shoting-mobile {
                margin- left: 0% !important;
            }

            .for-mobile {

                margin- right: 10% !important;
            }

        }

        @media (max-width: 500px) {
            .for-mobile {

                margin- right: 27%;
            }
        }

    </style>
    <style>
.ptype-tiles-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    list-style: none;
    overflow: hidden;
}

.ptype-tiles-list-item {
    border: 2px solid #f0f0f0;
    border-radius: 4px;
    box-sizing: border-box;
    overflow: hidden;
    padding: 15px;
    position: relative;
}

.ptype-tiles-list-item:hover {
    border-color: #d8d8d8;
}

.ptype-tiles-list-item::after {
    content: "";
    height: 10px;
    position: absolute;
    right: 22px;
    top: 50%;
    transform: translateY(-50%);
    width: 13px;
}

.ptype-tiles-list-item-link {
    background-position: 12px 50%;
    background-repeat: no-repeat;
    background-size: 62px auto;
    box-sizing: border-box;
    color: #111;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    font-size: 1.5em;
    justify-content: center;
    line-height: 1.4;
    min-height: 64px;
    padding-left: 86px;
    padding-right: 40px;
}

.ptype-tiles-list-item-title {
    display: block;
    /*max-width: 165px;*/
    font-size: 21px;
}

@media (max-width: 767px) {
    .ptype-tiles-list {
            padding-left: 7px !important;
        grid-template-columns: repeat(1, 1fr);
        text-align: center;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .ptype-tiles-list {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .ptype-tiles-list {
        grid-template-columns: repeat(3, 1fr);
    }
}
body
		{
			background-image: url("public/assets/front-end/background-image.png") !important;
		}
        .form-container {
  max-width: 400px;
  margin: 0 auto;
}

.form-group {
  margin-bottom: 20px;
}

label {
  display: block;
  font-weight: bold;
}

.form-control {
  width: 100%;
  padding: 10px;
  font-size: 16px;
  border-radius: 4px;
  border: 1px solid #ccc;
}

.form-control-file {
  width: 100%;
  padding: 10px;
}

.checkbox-group {
  display: flex;
  align-items: center;
}

.form-check-input {
  margin-right: 5px;
}
</style>





<!DOCTYPE html>
<html lang="sa">
<head>
    <meta charset="utf-8">
    <title>
        Best-selling منتجات    </title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="apple-touch-icon" sizes="180x180"
          href="https://marautoparts.com/storage/app/public/company/2023-09-06-64f83bc8b0d6d.png">
    <link rel="icon" type="image/png" sizes="32x32"
          href="https://marautoparts.com/storage/app/public/company/2023-09-06-64f83bc8b0d6d.png">

    <link rel="stylesheet" media="screen"
          href="https://marautoparts.com/public/assets/front-end/vendor/simplebar/dist/simplebar.min.css"/>
    <link rel="stylesheet" media="screen"
          href="https://marautoparts.com/public/assets/front-end/vendor/tiny-slider/dist/tiny-slider.css"/>
    <link rel="stylesheet" media="screen"
          href="https://marautoparts.com/public/assets/front-end/vendor/drift-zoom/dist/drift-basic.min.css"/>
    <link rel="stylesheet" media="screen"
          href="https://marautoparts.com/public/assets/front-end/vendor/lightgallery.js/dist/css/lightgallery.min.css"/>
    <link rel="stylesheet" href="https://marautoparts.com/public/assets/back-end/css/toastr.css"/>
    <!-- Main Theme Styles + Bootstrap-->
    <link rel="stylesheet" media="screen" href="https://marautoparts.com/public/assets/front-end/css/theme.min.css">
    <link rel="stylesheet" media="screen" href="https://marautoparts.com/public/assets/front-end/css/slick.css">
    <link rel="stylesheet" media="screen" href="https://marautoparts.com/public/assets/front-end/css/font-awesome.min.css">
    <!--    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">-->
    <link rel="stylesheet" href="https://marautoparts.com/public/assets/back-end/css/toastr.css"/>
    <link rel="stylesheet" href="https://marautoparts.com/public/assets/front-end/css/master.css"/>
    <link
        href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&family=Titillium+Web:wght@400;600;700&display=swap"
        rel="stylesheet">
    
    <link rel="stylesheet" href="https://marautoparts.com/public/css/lightbox.css">
    <link rel="stylesheet" href="https://marautoparts.com/public/assets/back-end/vendor/icon-set/style.css">
    
    <link rel="stylesheet" href="https://marautoparts.com/public/assets/front-end/css/home.css"/>
    <link rel="stylesheet" href="https://marautoparts.com/public/assets/front-end/css/responsive1.css"/>


    <link rel="stylesheet" href="https://marautoparts.com/public/assets/front-end/css/style.css">
    
    <meta name="_token" content="liPD1dQgrbfKUzd4PdNJ0LZrC8Y69CmRmau3jjTY">
    
    <!--to make http ajax request to https-->
    <!--<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">-->
    <style>
        .rtl {
            direction: rtl;
        }

        .password-toggle-btn .password-toggle-indicator:hover {
            color: #073b74;
        }

        .password-toggle-btn .custom-control-input:checked ~ .password-toggle-indicator {
            color: #edbd0c;
        }

        .dropdown-item:hover, .dropdown-item:focus {
            color: #073b74;
        }

        .dropdown-item.active, .dropdown-item:active {
            color: #edbd0c;
        }

        .navbar-light .navbar-tool-icon-box {
            color: #073b74;
        }

        .search_button {
            background-color: #073b74;
        }


        .navbar-stuck-menu {
            background-color: #073b74;
        }

        .mega-nav .nav-item .nav-link {
            color: #073b74                           !important;
        }
        .checkbox-alphanumeric label:hover {
            border-color: #073b74;
        }

        ::-webkit-scrollbar-thumb:hover {
            background: #edbd0c        !important;
        }

        [type="radio"] {
            border: 0;
            clip: rect(0 0 0 0);
            height: 1px;
            margin: -1px;
            overflow: hidden;
            padding: 0;
            position: absolute;
            width: 1px;
        }

        [type="radio"] + span:after {
            box-shadow: 0 0 0 0.10em#edbd0c;
        }

        [type="radio"]:checked + span:after {
            background: #edbd0c;
            box-shadow: 0 0 0 0.10em#edbd0c;
        }
        .navbar-tool .navbar-tool-label {
            background-color: #edbd0c!important;
        }

        .btn--primary {
            color: #fff;
            background-color: #073b74!important;
            border-color: #073b74!important;
        }

        .btn--primary:hover {
            color: #fff;
            background-color: #073b74!important;
            border-color: #073b74!important;
        }

        .btn-secondary {
            background-color: #edbd0c!important;
            border-color: #edbd0c!important;
        }

        .btn-outline-accent:hover {
            color: #fff;
            background-color: #073b74;
            border-color: #073b74;
        }

        .btn-outline-accent {
            color: #073b74;
            border-color: #073b74;
        }

        .text-accent {
            color: #073b74;
        }

        a:hover {
            color: #edbd0c;
        }

        .active-menu {
            color: #edbd0c!important;
        }

        .page-item.active > .page-link {
            box-shadow: 0 0.5rem 1.125rem -0.425rem#073b74


        }

        .page-item.active .page-link {
            background-color: #073b74;
        }

        .btn-outline-accent:not(:disabled):not(.disabled):active, .btn-outline-accent:not(:disabled):not(.disabled).active, .show > .btn-outline-accent.dropdown-toggle {
            background-color: #edbd0c;
            border-color: #edbd0c;
        }

        .btn-outline-primary {
            color: #073b74;
            border-color: #073b74;
        }

        .btn-outline-primary:hover {
            background-color: #edbd0c;
            border-color: #edbd0c;
        }

        .btn-outline-primary:focus, .btn-outline-primary.focus {
            box-shadow: 0 0 0 0#edbd0c;
        }

        .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle {
            background-color: #073b74;
            border-color: #073b74;
        }

        .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus {
            box-shadow: 0 0 0 0#073b74;
        }
        .for-discoutn-value {
            background: #073b74;
        }
        .dropdown-menu {
            margin-right: -8px !important;
        }
    </style>

        
        </head>
<!-- Body-->
<body class="toolbar-enabled">
    
    <span id="order_again_url" data-url="https://marautoparts.com/cart/order-again"></span>

<!-- Sign in / sign up modal-->
<div class="modal fade" id="popup-modal">
        <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content">
                <div class="modal-header border-0 __p-1px">
                    <button type="button" class="close __close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body cursor-pointer __p-3px" onclick="location.href='https://Parts &amp; Accessories _ Car, Truck, SUV, Jeep_files/hh'">
                    <img class="d-block w-100"
                         onerror="this.src='https://marautoparts.com/public/assets/front-end/img/image-place-holder.png'"
                         src="https://marautoparts.com/storage/app/public/banner/2024-03-06-65e87a672a45f.png"
                         alt="">
                </div>
            </div>
        </div>
    </div>
    <script>
 document.body.style.overflowX = 'hidden';
document.documentElement.style.overflowX = 'hidden';

// باستخدام jQuery
$('body').css('overflow-x', 'hidden');
$('html').css('overflow-x', 'hidden');
```
    
</script>

<!-- Navbar-->
<!-- Quick View Modal-->
<div class="modal-quick-view modal fade" id="quick-view" tabindex="-1">
    <div class="modal-dialog modal-xl">
        <div class="modal-content" id="quick-view-modal">

        </div>
    </div>
</div>
<!-- Navbar Electronics Store-->
<style>
@media (min-width: 768px) {
    .navbar-expand-md .navbar-collapse {
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-preferred-size: auto !important;
        flex-basis: auto !important;
        flex-direction: row !important;
        justify-content: space-around;
        flex-wrap: nowrap !important;
    }
}

.row1 {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-wrap: wrap !important;
    flex-wrap: nowrap !important;
    margin-right: -5px !important;
    margin-left: -5px !important;
    flex-direction: row !important;
    justify-content: center !important;
}

.for-count-value {
    color: $web_config['primary_color'];
}

.count-value {
    color: {
            {
            $web_config['primary_color']
        }
    }

    ;
}

@media (min-width: 768px) {
    .navbar-stuck-menu {
        background-color: {
                {
                $web_config['primary_color']
            }
        }

        ;
    }
}

@media (max-width: 767px) {
    .search_button .input-group-text i {
        color: {
                {
                $web_config['primary_color']
            }
        }

         !important;
    }

    .navbar-expand-md .dropdown-menu>.dropdown>.dropdown-toggle {
        padding- {
                {
                Session: :get('direction')==='rtl'? 'left': 'right'
            }
        }

        : 1.95rem;
    }

    .mega-nav1,
    .mega-nav1 .nav-link {
        color: {
                {
                $web_config['primary_color']
            }
        }

         !important;
    }
}

@media (max-width: 471px) {

    .mega-nav1,
    .mega-nav1 .nav-link {
        color: {
                {
                $web_config['primary_color']
            }
        }

         !important;
    }
}
</style>
<style>
    body {
      font-family: Arial, sans-serif;
      background-color: #f2f2f2;
      margin: 0;
      padding: 20px;
    }

    h1 {
      text-align: center;
      margin-bottom: 20px;
    }

    table {
      width: 100%;
      border-collapse: collapse;
      margin-bottom: 20px;
    }

    th, td {
      padding: 10px;
      text-align: left;
      border-bottom: 1px solid #ddd;
    }

    th {
      background-color: #f2f2f2;
      font-weight: bold;
    }

    .no-data {
      text-align: center;
      color: #999;
      font-style: italic;
    }

    .link {
      color: blue;
      text-decoration: underline;
    }
    .cookiscss {
  position: relative;
  width: 32%;
  height: auto; /* يمكنك ضبط ارتفاع المربع حسب حجم الصورة */
}

.cookiscss {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(-50%, -50%);
  max-width: 100%;
  height: auto;
}
.navbar-tool-icon-box {
    position: relative;
}

.navbar-tool-icon-box::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: transparent;
    border: 2px solid transparent;
    transition: all 0.3s ease;
    pointer-events: none;
}

.navbar-tool-icon-box:hover::after {
    border-color: gold;
}
@media (max-width: 767px) {
  .display {
    display: none;
  }
}
  </style>
  


<header class="box-shadow-sm rtl __inline-10">
    <!-- Topbar-->
    <div class="topbar">
        <div class="container">

            <div>
                <div
                    class="topbar-text dropdown d-md-none mr-auto">
                    <a class="topbar-link" href="tel: 0000">
                        <i class="fa fa-phone"></i> 0000
                    </a>
                </div>
                <div class="d-none d-md-block mr-2 text-nowrap">
                    <a class="topbar-link d-none d-md-inline-block" href="tel:0000">
                        <i class="fa fa-phone"></i> 0000
                    </a>
                </div>
            </div>

            <div>
                                                <div
                    class="topbar-text dropdown disable-autohide mr-4">
                    <a class="topbar-link dropdown-toggle" href="#" data-toggle="dropdown">
                        <span>ٍريال SAR       </span>
                    </a>
                    <ul class="dropdown-menu dropdown-menu-right"
                        style="min-width: 160px!important;text-align: right;">
                                                <li class="dropdown-item cursor-pointer" onclick="currency_change('USD')">
                            USD
                        </li>
                                                <li class="dropdown-item cursor-pointer" onclick="currency_change('BDT')">
                            BDT
                        </li>
                                                <li class="dropdown-item cursor-pointer" onclick="currency_change('INR')">
                            Indian Rupi
                        </li>
                                                <li class="dropdown-item cursor-pointer" onclick="currency_change('EUR')">
                            Euro
                        </li>
                                                <li class="dropdown-item cursor-pointer" onclick="currency_change('JPY')">
                            YEN
                        </li>
                                                <li class="dropdown-item cursor-pointer" onclick="currency_change('MYR')">
                            Ringgit
                        </li>
                                                <li class="dropdown-item cursor-pointer" onclick="currency_change('ٍريال')">
                            SAR
                        </li>
                                            </ul>
                </div>
                
                                <div class="topbar-text dropdown disable-autohide  __language-bar text-capitalize">
                    <a class="topbar-link dropdown-toggle" href="#" data-toggle="dropdown">
                                                                                                                        <img class="mr-2" width="20"
                            src="https://marautoparts.com/public/assets/front-end/img/flags/sa.png" alt="Eng">
                        عربي
                                                                    </a>
                    <ul class="dropdown-menu dropdown-menu-right"
                        style="text-align: right;">
                                                                        <li>
                            <a class="dropdown-item pb-1" href="https://marautoparts.com/lang/en">
                                <img class="mr-2" width="20"
                                    src="https://marautoparts.com/public/assets/front-end/img/flags/en.png"
                                    alt="english" />
                                <span style="text-transform: capitalize">english</span>
                            </a>
                        </li>
                                                                                                <li>
                            <a class="dropdown-item pb-1" href="https://marautoparts.com/lang/sa">
                                <img class="mr-2" width="20"
                                    src="https://marautoparts.com/public/assets/front-end/img/flags/sa.png"
                                    alt="عربي" />
                                <span style="text-transform: capitalize">عربي</span>
                            </a>
                        </li>
                                                                    </ul>
                </div>
            </div>
        </div>
    </div>

    <div class="navbar-sticky bg-light mobile-head">
        <div class="navbar navbar-expand-md navbar-light">
            <div class="container ">
                <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse">
                    <span class="navbar-toggler-icon"></span>
                </button>
                <a class="navbar-brand d-none d-sm-block mr-3 flex-shrink-0 __min-w-7rem"
                    href="https://marautoparts.com">
                    <img class="__inline-11"
                        src="https://marautoparts.com/storage/app/public/company/2023-09-06-64f83bc8afeaa.png"
                        onerror="this.src='https://marautoparts.com/public/assets/front-end/img/image-place-holder.png'"
                        alt="MAR" />
                </a>
                <a class="navbar-brand d-sm-none mr-2"
                    href="https://marautoparts.com">
                    <img class="mobile-logo-img __inline-12"
                        src="https://marautoparts.com/storage/app/public/company/2023-09-06-64f83bc8b0447.png"
                        onerror="this.src='https://marautoparts.com/public/assets/front-end/img/image-place-holder.png'"
                        alt="MAR" />
                </a>
                <!-- Search-->
                <div class="input-group-overlay d-none d-md-block mx-4"
                    style="text-align: right">
                    <form action="https://marautoparts.com/products" type="submit" class="search_form">
                        <input class="form-control appended-form-control search-bar-input" type="text"
                            autocomplete="off" placeholder="البحث هنا..." name="name">
                        <button class="input-group-append-overlay search_button" ste type="submit"
                            style="border-radius: 7px 0px 0px 7px; right: unset; left: 0;top:0">
                            <span class="input-group-text __text-20px">
                                <i class="czi-search text-white"></i>
                            </span>
                        </button>
                        <input name="data_from" value="search" hidden>
                        <input name="page" value="1" hidden>
                        <diV class="card search-card __inline-13">
                            <div class="card-body search-result-box __h-400px overflow-x-hidden overflow-y-auto"></div>
                        </diV>
                    </form>
                </div>
                <!-- Toolbar-->
                <div class=" navbar-toolbar d-flex flex-shrink-0 align-items-center">
                    <a class="navbar-tool-icon-box navbar-tool navbar-stuck-toggler" href="#">
                        <span class="navbar-tool-tooltip">توسيع القائمة</span>
                        <div class="display navbar-tool-icon-box">
                            <i class="navbar-tool-icon czi-menu open-icon"></i>
                            <i class="navbar-tool-icon czi-close close-icon"></i>
                        </div>
                    </a>
                    <div class="navbar-tool-icon-box navbar-tool dropdown mr-md-3">
    <a class="navbar-tool-icon-box bg-secondary dropdown-toggle" href="https://marautoparts.com/wishlists">
        <span class="navbar-tool-label">
            <span class="countWishlist">0</span>
        </span>
        <i class="navbar-tool-icon czi-heart"></i>
    </a>
</div>
                                        <div class="dropdown">
                        <a class="navbar-tool mr-md-3"
                            type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                            <div class="navbar-tool-icon-box bg-secondary">
                                <div class="navbar-tool-icon-box bg-secondary">
                                    <svg width="16" height="17" viewBox="0 0 16 17" fill="none"
                                        xmlns="http://www.w3.org/2000/svg">
                                        <path
                                            d="M4.25 4.41675C4.25 6.48425 5.9325 8.16675 8 8.16675C10.0675 8.16675 11.75 6.48425 11.75 4.41675C11.75 2.34925 10.0675 0.666748 8 0.666748C5.9325 0.666748 4.25 2.34925 4.25 4.41675ZM14.6667 16.5001H15.5V15.6667C15.5 12.4509 12.8825 9.83341 9.66667 9.83341H6.33333C3.11667 9.83341 0.5 12.4509 0.5 15.6667V16.5001H14.6667Z"
                                            fill="#1B7FED" />
                                    </svg>

                                </div>
                            </div>
                        </a>
                        <div class="dropdown-menu __auth-dropdown dropdown-menu-right"
                            aria-labelledby="dropdownMenuButton"
                            style="text-align: right;">
                            <a class="dropdown-item" href="https://marautoparts.com/customer/auth/login">
                                <i
                                    class="fa fa-sign-in mr-2"></i>
                                تسجيل الدخول
                            </a>
                            <div class="dropdown-divider"></div>
                            <a class="dropdown-item" href="https://marautoparts.com/customer/auth/sign-up">
                                <i
                                    class="fa fa-user-circle mr-2"></i>التسجيل
                            </a>
                        </div>
                    </div>
                                        <div id="cart_items">
                        <div class="navbar-tool dropdown mr-md-3"
     style="margin-left: 6px">
    <a class="navbar-tool-icon-box bg-secondary dropdown-toggle" href="https://marautoparts.com/shop-cart">
        <span class="navbar-tool-label">
                        0
        </span>
        <i class="navbar-tool-icon czi-cart"></i>
    </a>
    <a class="navbar-tool-text mr-2" href="https://marautoparts.com/shop-cart"><small>سلتي</small>
        SAR       0
    </a>
    <!-- Cart dropdown-->
    <div class="dropdown-menu dropdown-menu-left __w-20rem ">
        <div class="widget widget-cart px-3 pt-2 pb-3">
                            <div class="widget-cart-item">
                    <h6 class="text-danger text-center m-0"><i
                            class="fa fa-cart-arrow-down"></i> فارغة سلة
                    </h6>
                </div>
                    </div>
    </div>
</div>


                    </div>
                </div>
            </div>
        </div>
        <div class="navbar navbar-expand-md navbar-stuck-menu">
            <div class="container px-10px">
                <div class="collapse navbar-collapse" id="navbarCollapse"
                    style="text-align: right; ">

                    <!-- Search-->
                    <div class="input-group-overlay d-md-none my-3">
                        <form action="https://marautoparts.com/products" type="submit" class="search_form">
                            <input class="form-control appended-form-control search-bar-input-mobile" type="text"
                                autocomplete="off" placeholder="بحث" name="name">
                            <input name="data_from" value="search" hidden>
                            <input name="page" value="1" hidden>
                            <button class="input-group-append-overlay search_button" type="submit"
                                style="border-radius: 7px 0px 0px 7px; right: unset; left: 0;">
                                <span class="input-group-text __text-20px">
                                    <i class="czi-search text-white"></i>
                                </span>
                            </button>
                            <diV class="card search-card __inline-13">
                                <div class="card-body search-result-box" id=""
                                    style="overflow:scroll; height:400px;overflow-x: hidden"></div>
                            </diV>
                        </form>
                    </div>



                    <ul class="navbar-nav mega-nav1 pr-2 pl-2 d-block d-xl-none">
                        <!--mobile-->

                    </ul>
                    <ul class="navbar-nav" style="padding-right: 0px">
                        <li class="nav-item dropdown ">
                            <a class="nav-link" style="font-size: 17px;" href="https://marautoparts.com">الصفحة الرئيسية</a>
                        </li>


                                                
                                                                        <li class="nav-item dropdown ">
                            <a class="nav-link" style="font-size: 17px;"  href="https://marautoparts.com/sellers">جميع البائعين</a>
                        </li>

                                                                        <li class="nav-item">
                            <div class="dropdown">
                                <button class="btn dropdown-toggle text-white" style="font-size: 17px;" type="button"
                                    id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true"
                                    aria-expanded="false"
                                    style="padding-right: 0">
                                    البائع المنطقة
                                </button>
                                <div class="dropdown-menu __dropdown-menu-3 __min-w-165px"
                                    aria-labelledby="dropdownMenuButton"
                                    style="text-align: right;">
                                    <a class="dropdown-item" href="https://marautoparts.com/shop/apply">
                                        كن
                                        البائع
                                    </a>
                                    <div class="dropdown-divider"></div>
                                    <a class="dropdown-item" href="https://marautoparts.com/seller/auth/login">
                                        البائع تسجيل الدخول
                                    </a>
                                </div>
                            </div>
                        </li>
                                                <li class="nav-item dropdown ">

                        
                            <li class="nav-item dropdown ">
                            <button type="button" style="font-size: 17px; padding: 13px 1px 0px;"class="btn toggle text-white" data-toggle="modal"
                                data-target="#exampleModal">
                                الكراج   
                            </button>
                        </li>
                                                    <!-- Modal -->
                            <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog"
                                aria-labelledby="exampleModalLabel" aria-hidden="true">
                                <div class="modal-dialog" role="document">
                                    <div class="modal-content">
                                        <div class="modal-header">
                                        <script>
                    // تنظيف المودال عند فتحه
                    $('#exampleModal').on('show.bs.modal', function () {
                        // قم بإعادة تعيين محتوى المودال إلى القيم الافتراضية هنا
                    });
                </script>
                                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                <span aria-hidden="true">&times;</span>
                                            </button>
                                        </div>
                                        <div class="modal-body">
                                        <!-- $output .= '<img class="cookiscss lazy-load mr-2" style="width: 40%;
                     right: 135%;
                     bottom: -83px;" src="' . $imagePath . '" data-src="' . $imagePath . '" alt="' . $ancestor->name . '">'; // تحديث هنا   -->
                                        <p class="mt-4">لا توجد بيانات مخزنة</p>



                                        </div>
                                        <div class="modal-footer">
                                           
                                        </div>
                                    </div>
                                </div>
                            </div>                         
                        </li>

                                            </ul>
                </div>
            </div>
        </div>
    </div>
</header>

<!-- Page title-->

<span id="authentication-status" data-auth="false"></span>


    <div class="row">
        <div class="col-12" style="margin-top:10rem;position: fixed;z-index: 9999;">
            <div id="loading" style="display: none;">
               <center>
                <img width="200"
                     src="https://marautoparts.com/storage/app/public/company/2024-02-08-65c4e67b7ea27.png"
                     onerror="this.src='https://marautoparts.com/public/assets/front-end/img/loader.gif'">
               </center>
            </div>
        </div>
    </div>


<!-- Page Content-->

    <!-- Page Title-->
    <div class="d-flex w-100 justify-content-center align-items-center mb-3 __min-h-70px __inline-35" style="background:#073b7410;">

        <div class="text-capitalize container text-center">
            <span class="__text-18px font-semibold">Best-selling منتجات </span>
        </div>

    </div>
      <section class="bg-transparent mb-3 search-results" id="searchResults" >
    <div class="cont">
        <div class="row ">
            <div class="col-12">
                            </div>
        </div>
    </div> 
</section>

<div class="ptype-tiles-container">
    <ul class="ptype-tiles-list">
    <style>
  .row1 {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-wrap: wrap !important;
    flex-wrap: nowrap !important;
    margin-right: -100px !important;
    margin-left: -96px !important;
    flex-direction: row !important;
    /* width: 114%; */
    justify-content: center;
  }

  .row3 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px;
    justify-content: flex-end;
    flex-direction: row;
  }
</style>

<style>
  .centered-selects {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  @media (max-width: 768px) {
    .centered-selects {
      flex-direction: column;

    }

    .margin {
      max-width: 53%;
      margin-right: 11px;
      max-height: 31%;

    }
  }

  @media (max-width: 768px) {


    .marginwid {
      width: 187%;
      /* margin-right: 3px; */
      margin-right: -9px;

    }
  }


  @media (max-width: 768px) {
    .centered-selects {
      flex-direction: column;
    }

    /*.margin {*/
    /*    margin-bottom: -3px;*/

    /*}*/
  }

  .new {
    background: #fff;
    border: 1px solid #757575;
    border-radius: 4px;
    box-sizing: border-box;
    color: #444;
    cursor: pointer;
    flex: 1;
    min-height: 52px;
    position: absolute;
    text-align: left;
    width: 100%;
  }

  .fix {
    flex: 1;
    margin-bottom: 8px;
    min-height: 48px;
    position: relative;
  }

  @media  only screen and (min-width: 1281px) and (max-width: 1600.98px) {
    .head-nav-title {
      font-size: 5.4em !important;
    }
  }

  @media  only screen and (min-width: 741px) {
    .head-nav-title {
      line-height: 1.1;
      margin-bottom: 20px;
    }
  }

  @media  only screen and (max-width: 741px) {
    .head-nav-subtitle {
      color: #0a0a0a;
      display: block;
      font-size: 2.1em;
      line-height: 1.2;
      margin-bottom: 48px;
    }
  }

  @media  only screen and (min-width: 741px) {
    .head-nav-subtitle {
      color: #fff;
      display: block !important;
      font-size: 2.1em;
      line-height: 1.2;
      margin-bottom: 48px;
    }
  }

  .head-nav-subtitle.-with-mmy {
    margin-bottom: 32px;
  }

  .value {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    box-sizing: border-box;
    color: #111;
    display: block;
    font-size: 14px;
    height: 16px;
    left: 0;
    line-height: 1;
    padding-left: 20px;
    padding-right: 30px;
    position: absolute;
    top: 26px;
    width: 92%;
  }

  /* @media  only screen and (min-width: 741px)
{
.select-vehicle-button {
    padding: 22px 0;
}
} */
  .select-vehicle-button {

    align-items: center;
    background: #d4252a;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    display: flex;
    font: 500 1.4em/1.2 "Roboto", "Arial", "Helvetica", sans-serif;
    justify-content: center;
    min-width: 40px;
    /* padding: 14px; */
    text-align: center;
    /*border-radius: 50px;*/
    text-transform: uppercase;
  }

  /* @media  only screen and (min-width: 741px)
{
.select-vehicle-button {
    padding: 22px 0;
}
} */
  @media  only screen and (min-width: 741px) {
    .select-vehicle-button.-after-selects {
      margin-left: 8px;
      width: 10%;
    }
  }

  .centered-text {
    position: absolute;
    top: 2%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 5.4em;
    color: white;
  }

  @media  only screen and (min-width: 1281px) and (max-width: 1600.98px) {
    .head-nav-title {
      font-size: 5.4em;
    }
  }

  .head-nav-title {
    color: #fff;
    font-size: 2.4em;
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 10px;
    text-transform: uppercase;
  }

  @media  only screen and (min-width: 741px) {
    .head-nav-title {
      line-height: 1.1;
      margin-bottom: 20px;
    }
  }

  @media  screen and (max-width: 1024px) {
    .centered-text {
      display: none;
    }
  }

  .head-nav-subtitle.-with-mmy {
    margin-bottom: 32px;
  }


  @media  only screen and (min-width: 741px) and (max-width: 1023.98px) {
    .head-nav-subtitle.-with-mmy {
      font-size: 1.8em;
    }
  }

  .head-nav-subtitle.-with-mmy {
    margin-bottom: 32px
  }

  .ptype-grid {
    display: flex;
    flex-flow: wrap;
    flex-direction: row;
    list-style: none;
    margin: 16px 0 32px;
    overflow: hidden;
  }

  @media  only screen and (min-width: 1024px) {
    .ptype-grid.-col-5>.li {
      margin: 8px .65%;
      width: 18.7%;
    }
  }

  @media  only screen and (min-width: 741px) {
    .ptype-grid.-col-5>.li::before {
      content: attr(data-qty);
    }
  }


  @media  only screen and (min-width: 1281px) {

    .ptype-grid.-col-5 .ptype-grid-img,
    .ptype-grid.-col-6 .ptype-grid-img {
      width: 170px;
    }
  }

  @media  only screen and (min-width: 1281px) {
    .ptype-grid-img {
      top: 30px;
      width: 170px;
    }
  }

  .lazy-loaded.-no-touch {
    transition: opacity .5s;
  }

  .ptype-grid-img {
    height: auto;
    left: 0;
    margin: auto;
    max-width: 100%;
    position: absolute;
    right: 0;
    top: 22%;
    width: 90%;
  }

  @media  only screen and (min-width: 1281px) {
    .ptype-grid-a {
      padding-top: 170px;
    }
  }

  @media  only screen and (min-width: 1024px) {
    .ptype-grid-a {
      font-size: 1.6em;
      left: auto;
    }
  }

  @media  only screen and (min-width: 421px) {
    .ptype-grid-a {
      padding-bottom: 24px;
    }
  }

  .ptype-grid-a {
    box-sizing: border-box;
    color: #111;
    display: flex;
    flex-flow: wrap;
    flex-direction: column;
    font-size: 1.4em;
    font-weight: 500;
    left: 0;
    line-height: 1.3;
    padding: 100% 8px 12px;
    position: relative;
    table-layout: fixed;
    text-decoration: none;
    width: 100%;
  }


  .ptype-grid-title {
    display: block;
    font-weight: 400;
    padding-bottom: 6px;
  }

  .ptype-grid-a::before {
    content: "";
    display: block;
    height: 150%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
  }

  @media  only screen and (min-width: 1024px) {
    .ptype-grid-a {
      font-size: 1.6em;
      left: auto;
    }
  }

  @media  only screen and (min-width: 741px) and (max-width: 1023.98px) {
    .head-nav-inner.-with-mmy {
      max-width: 920px;
    }
  }

  .head-nav-subtitle {
    display: none
  }

  @media  only screen and (max-width: 767px) {
    .w-1000 {
      width: auto !important;
      margin-left: auto !important;
      margin-right: auto !important;
    }

    .ccimg {
      max-width: 200% !important;

      max-width: 200%;
      height: auto;
      vertical-align: middle;
      margin-left: auto;
      margin-right: auto;
    }
  }

  /*@media  only screen and (min-width: 767px) {*/
  /*  .w-1000 {*/
  /*    width: 100% !important;*/

  /*  }*/
  /*}*/
</style>
<style>
  .aside-fixed {
    margin-top: 0;
    position: fixed;
    top: 0;
    transform: translateZ(0)
  }

  .aside-fixed.aside-bottom {
    bottom: 0;
    position: absolute;
    top: auto
  }

  .aside-fixed .aside-filters {
    box-sizing: border-box;
    overflow-x: hidden;
    overflow-y: auto
  }

  .aside-minus.aside-plus+.aside-block {
    display: none
  }

  .aside-minus::after {
    bottom: 0;
    content: "";
    height: 12px;
    left: 20px;
    margin: auto;
    position: absolute;
    top: 0;
    width: 12px
  }

  .aside-plus::after {
    content: ""
  }

  .products-panel-mobile-wrapper {
    border-collapse: collapse;
    display: table;
    margin-bottom: 20px;
    margin-top: 10px;
    max-height: 40px;
    table-layout: fixed;
    width: 100%
  }

  .products-panel-mobile-wrapper.-article {
    float: left;
    margin: 0 0 38px 4px;
    width: auto
  }

  .products-panel-mobile-wrapper>div:first-child {
    padding-left: 3px
  }

  .products-panel-mobile-wrapper>div:last-child {
    padding-right: 3px
  }

  .products-panel-mobile-item-ymm,
  .products-panel-mobile-item-view-mode-list,
  .products-panel-mobile-item-view-mode-grid,
  .products-panel-mobile-item-filter {
    background-clip: padding-box !important;
    background-repeat: no-repeat;
    color: #111;
    display: table-cell;
    font-size: 1.3em;
    font-weight: 500;
    line-height: 38px;
    min-height: 38px;
    padding-bottom: 0 !important;
    padding-top: 0 !important;
    position: relative;
    text-align: center;
    text-transform: uppercase
  }

  .products-panel-mobile-item-ymm::after,
  .products-panel-mobile-item-view-mode-list::after,
  .products-panel-mobile-item-view-mode-grid::after,
  .products-panel-mobile-item-filter::after {
    display: none
  }

  .products-panel-mobile-item-ymm.-sort,
  .products-panel-mobile-item-filter.-sort {
    width: 30%
  }

  .products-panel-mobile-item-ymm.-filter,
  .products-panel-mobile-item-filter.-filter {
    width: 100%
  }

  .products-panel-mobile-title {
    margin: 0 3px
  }

  .products-panel-mobile-item-view-mode-list,
  .products-panel-mobile-item-view-mode-grid {
    cursor: pointer;
    text-indent: -999em;
    width: 42px
  }

  .products-panel-mobile-item-view-mode-list.active,
  .products-panel-mobile-item-view-mode-grid.active {
    cursor: default
  }

  .products-panel-mobile-item-view-mode-list>.inner,
  .products-panel-mobile-item-view-mode-grid>.inner {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 22px 22px;
    border: 0;
    margin: 0 5px
  }

  .products-panel-mobile-item-view-mode-list>.inner {
    background-image: url(53339a30.svg);
    margin-right: 0
  }

  .products-panel-mobile-item-view-mode-list.active>.inner {
    background-image: url(fe57e865.svg)
  }

  .products-panel-mobile-item-view-mode-grid>.inner {
    background-image: url(da5df19b.svg);
    margin-left: 0
  }

  .products-panel-mobile-item-view-mode-grid.active>.inner {
    background-image: url(2340e8e7.svg)
  }

  .aside-ymm {
    position: relative
  }

  .aside-ymm .aside-slcts-h {
    margin-top: 16px;
    padding: 0
  }

  .aside-slcts-h {
    margin: 0 10px;
    padding: 0 8px
  }

  .select-block-preloader {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1000
  }

  .select-block-preloader::after {
    animation: preloader-rotate .7s infinite linear;
    background: url() 50% 50% no-repeat;
    background-size: contain;
    content: "";
    height: 30px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transform-origin: 50% 50%;
    width: 30px
  }

  .select-block-preloader.nopreload::after {
    content: none !important
  }

  .aside-slct-load {
    background-color: rgba(0, 0, 0, .5);
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 25
  }

  .aside-slct-load::after {
    animation: preloader-rotate .7s infinite linear;
    background: url() 50% 50% no-repeat;
    background-size: contain;
    content: "";
    height: 30px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transform-origin: 50% 50%;
    width: 30px
  }

  .aside-slct-load.nopreload::after {
    content: none !important
  }

  .aside-slct-load::after {
    background-image: url()
  }

  .aside-slct-load.-index-mmy {
    border-radius: 4px
  }

  .aside-slct-load.-rounded {
    border-radius: inherit
  }

  .aside-slct-load.-inside-tab::after {
    display: none
  }

  .subcats-h {
    margin: 16px 0 5px 0
  }

  .subcats1 {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    width: 100%
  }

  .subcats1-item {
    background: #fff;
    border: 2px solid #f0f0f0;
    border-radius: 4px;
    box-sizing: border-box;
    color: #444;
    flex-direction: column;
    font-size: 1.5em;
    justify-content: center;
    line-height: 1.1;
    margin: 0 1% 12px;
    order: 999;
    padding: 8px 28px 8px .8em;
    position: relative;
    text-transform: capitalize;
    width: 48%
  }

  .subcats1-item:hover {
    border-color: #d8d8d8;
    text-decoration: none
  }

  .subcats1-item::after {
    background-size: 100% auto;
    content: "";
    height: 100%;
    position: absolute;
    right: 12px;
    top: 0;
    width: 7px;
    z-index: 3
  }

  .aside-filters-title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    align-items: center;
    color: #444;
    cursor: pointer;
    display: flex;
    font-size: 1.4em;
    font-weight: 500;
    height: 50px;
    line-height: 50px;
    padding: 0 40px 0 50px;
    position: relative;
    text-transform: uppercase
  }

  .aside-filters-title::before {
    border-top: 1px solid #d8d8d8;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
  }

  .aside-filters-title.aside-vehicle-toggle,
  .aside-filters-title.aside-vehicle-toggle::before {
    display: none
  }

  .aside-filters-title>.selected {
    color: #757575;
    font-size: .85em;
    font-weight: 400;
    margin-left: 10px;
    text-transform: none
  }

  .aside-filters-title>.checked {
    display: none
  }

  .aside-filter-block {
    max-height: none
  }

  .aside-filter-block:not(.aside-slcts-h) {
    overflow: hidden
  }

  .aside-filters {
    list-style: none;
    max-height: none;
    overflow: hidden;
    padding-bottom: 12px;
    position: relative;
    z-index: 1
  }

  .aside-filters.-filter-rating>li:first-child {
    margin-top: 1px
  }

  .aside-filters>li {
    position: relative
  }

  .aside-filters>li.item {
    cursor: pointer;
    font-size: 1.2em;
    line-height: 1.2;
    margin: 0;
    padding: 12px 20px
  }

  .aside-filters>li.item:hover {
    background-color: #f0f0f0
  }

  .aside-filters>li.item.-active {
    background-color: #717d90;
    color: #fff;
    font-weight: 700
  }

  .aside-image-preview-icon {
    background-size: 15px 15px;
    bottom: 0;
    height: 34px;
    margin: auto 0;
    position: absolute;
    right: 8px;
    top: 0;
    width: 34px;
    z-index: 1
  }

  .aside-filters-item {
    cursor: pointer;
    display: inline-block;
    font-size: 1.5em;
    font-weight: 400;
    line-height: 1.4;
    padding: 10px 0 10px 52px
  }

  .aside-filters-item:hover {
    text-decoration: underline
  }

  .aside-filters-item.disabled {
    cursor: default;
    opacity: .5
  }

  .aside-filters-item.disabled:hover,
  .aside-filters-item.disabled:hover>a,
  .aside-filters-item.disabled:hover>i {
    cursor: default;
    text-decoration: none
  }

  .aside-filters-item.aside-filters-item-has-preview {
    margin-right: 40px
  }

  .aside-filters-item.aside-filters-item-has-link {
    padding-bottom: 10px;
    padding-left: 20px
  }

  .aside-filters-item.-two-line-center,
  .aside-filters-item.-two-line-center>a {
    align-items: center;
    display: flex
  }

  .aside-filters-item.-two-line-center:hover,
  .aside-filters-item.-two-line-center>a:hover {
    text-decoration: none
  }

  .aside-filters-item.-two-line-center:hover>.aside-filters-item-value-two-line,
  .aside-filters-item.-two-line-center>a:hover>.aside-filters-item-value-two-line {
    text-decoration: underline
  }

  .aside-filters-item,
  .aside-filters-item>a {
    color: #444
  }

  .aside-filters-item>input {
    display: none
  }

  .aside-filters-item.-icon {
    padding-right: 20px
  }

  .aside-filters-item.-icon.-two-line-center::after {
    bottom: 8px;
    margin: auto 0
  }

  .aside-filters-item-current {
    display: inline-block;
    line-height: 1.6;
    margin: 18px 0 0;
    padding: 0 0 0 34px;
    position: relative
  }

  .aside-filters-item-current::after {
    background-repeat: no-repeat;
    background-size: 20px auto;
    box-sizing: border-box;
    height: 20px;
    width: 20px;
    background-image: url(59b7dbc5.svg);
    content: "";
    left: 0;
    position: absolute;
    top: 1px
  }

  .checked .aside-filters-item-current::after {
    background-repeat: no-repeat;
    background-size: 20px auto;
    box-sizing: border-box;
    height: 20px;
    width: 20px;
    background-image: url(25396e61.svg)
  }

  .aside-filters-rating {
    background-position: 0 32%;
    display: block;
    padding-left: 100px
  }

  .aside-filters-back-link {
    display: inline-block;
    line-height: 1.4;
    position: relative
  }

  .aside-filters-back-link::before {
    background-size: 100% 100%;
    content: "";
    height: 36px;
    left: -6px;
    position: absolute;
    top: 4px;
    width: 36px
  }

  .aside-filters-back-link>.cat-title {
    color: #757575;
    font-size: 11px;
    font-weight: 400;
    padding-left: 36px
  }

  .aside-filters-back-link>.cat-name {
    color: #444;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    padding-left: 36px;
    text-transform: uppercase
  }

  .aside-filters-back-link>.cat-name:hover {
    text-decoration: underline
  }

  .aside-filters-item-value-two-line>b {
    display: block;
    white-space: nowrap
  }

  .aside-filters-item-value-two-line>b::after {
    color: #757575;
    content: attr(data-text);
    font-size: .8em;
    font-weight: 400
  }

  .aside-filters-clear-wrap {
    display: none
  }

  .aside-filters-clear-wrap::before {
    background-color: #d8d8d8;
    content: "";
    height: 1px;
    left: 20px;
    position: absolute;
    right: 20px;
    top: 0
  }

  .aside-filters-clear-wrap.-without-top-border::before {
    display: none
  }

  .aside-filters-summary.-mobile,
  .aside-filters-block,
  .filter-section,
  .filter-section-block.aside-minus.aside-plus {
    border-bottom: 4px solid #f0f0f0;
    margin: 0 0 -1px
  }

  .aside-filters-summary.-mobile,
  .aside-filters-block {
    padding: 15px 20px
  }

  .aside-filters-block {
    background: #fff;
    box-sizing: border-box;
    display: none;
    height: 68px;
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 320px;
    z-index: 5
  }

  .aside-filters-block.-article {
    align-items: center;
    border-bottom-color: #d8d8d8;
    height: auto;
    padding: 16px 20px
  }

  .aside-filters-block .aside-filters-btns {
    align-items: center;
    display: flex
  }

  .aside-filters-button {
    margin-left: 10px;
    width: 76px
  }

  .aside-filters-button.-half-width {
    width: 48.5%
  }

  .aside-filters-button.-half-width:first-child {
    margin-left: 0;
    margin-right: 1.5%
  }

  .aside-filters-button.-half-width:last-child {
    margin-left: 1.5%;
    margin-right: 0
  }

  .aside-filters-counter>.txt>.counter,
  .filter-counter {
    background-color: #d4252a;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    font-size: 10px;
    font-weight: 700;
    height: 15px;
    line-height: 15px;
    margin-left: 5px;
    text-align: center;
    width: 15px
  }

  .filter-counter {
    display: inline-block;
    vertical-align: 2px
  }

  .filter-counter.-light-grey {
    background-color: #f0f0f0;
    border-color: #f0f0f0;
    color: #444
  }

  .filter-counter.-dark-blue {
    background-color: #022344;
    border-color: #022344;
    color: #fff
  }

  .filter-counter.-article {
    border-radius: 40px;
    font-size: 1.4em;
    font-weight: 400;
    height: 40px;
    line-height: 38px;
    margin-left: 0;
    text-transform: none;
    width: 49%
  }

  .filter-counter.-article+.aside-filters-button {
    margin-left: 2%
  }

  .aside-filters-counter {
    line-height: 1
  }

  .aside-filters-counter>.txt {
    display: block;
    margin-bottom: 4px
  }

  .aside-filters-counter>.txt>.title {
    color: #111;
    font-size: 2em;
    font-weight: 500
  }

  .aside-filters-counter>.txt>.counter {
    margin-left: 8px;
    vertical-align: 3px
  }

  .aside-filters-counter>.results {
    color: #757575;
    font-size: 1.2em;
    line-height: 1.2
  }

  .aside-filters-counter>span {
    vertical-align: top
  }

  .aside-filter-border-separator {
    background-color: #d8d8d8;
    height: 1px
  }

  .article-filter-summary-holder {
    overflow: hidden
  }

  .aside-filters-summary {
    display: none;
    margin: 0 8px 20px;
    text-transform: lowercase
  }

  .aside-filters-summary.-mobile {
    display: none;
    padding-bottom: 11px
  }

  .aside-filters-summary.-show {
    display: block
  }

  .aside-filters-search {
    overflow: hidden;
    padding: 12px 20px
  }

  .aside-filters-view-less,
  .aside-filters-view-more {
    display: none
  }

  .right-panel .aside-filters-view-less,
  .right-panel .aside-filters-view-more {
    display: none !important
  }

  .right-panel.-show-sort-products>.refine-search-rsp {
    padding-top: 77px
  }

  .aside-filters-view-more {
    margin-top: 16px
  }

  .aside-filters-view-less {
    padding-top: 12px
  }

  .aside-filter-moreless {
    display: none
  }

  .aside-filters.-has-hidden+.aside-filter-moreless>.aside-filters-view-more {
    display: none
  }

  .refine-search-rsp {
    padding-top: 67px;
    text-align: left
  }

  .refine-search-rsp.-article {
    padding-top: 100px
  }

  .refine-search-rsp>.aside-sorting {
    display: none
  }

  .refine-search-rsp>.aside-sorting>.filter-section>.title {
    font-size: 2em;
    font-weight: 500;
    margin-top: 5px
  }

  .aside-block-list {
    padding: 18px 20px 35px
  }

  .aside-params-list {
    list-style: none;
    margin-bottom: 15px
  }

  .aside-params-list-item {
    color: #444;
    font-size: 1.4em;
    line-height: 2.25
  }

  .aside-params-list-item>.title {
    display: block;
    float: left;
    font-weight: 500;
    text-transform: uppercase;
    width: 150px
  }

  .aside-price-range-filter {
    padding: 10px 20px 15px;
    position: relative
  }

  .aside-price-range-filter.disabled {
    opacity: .5
  }

  .aside-price-range-form {
    display: flex;
    justify-items: stretch
  }

  .aside-price-range-slider {
    padding: 28px 4px 4px
  }

  .aside-price-range-button-holder {
    display: flex;
    margin-left: 1px;
    width: 24%
  }

  .aside-filters-template:nth-last-of-type(1) {
    display: block;
    height: 200px;
    position: relative
  }

  .aside-filters-template:nth-last-of-type(1)::after {
    animation: preloader-rotate .7s infinite linear;
    background-size: contain;
    content: "";
    height: 30px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transform-origin: 50% 50%;
    width: 30px
  }

  .aside-filters-template:nth-last-of-type(1).nopreload::after {
    content: none !important
  }

  .plab-info-block {
    align-items: center;
    background-color: #f0f0f0;
    background-position: 8px 50%;
    background-repeat: no-repeat;
    background-size: 34px 34px;
    border-radius: 4px;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    margin: 20px 8px;
    overflow: hidden;
    padding: 12px 8px 12px 50px
  }

  .plab-info-block-txt {
    color: #111;
    font-size: 1.2em;
    line-height: 1.16;
    padding-right: 10px
  }

  .plab-info-block-bts {
    display: flex;
    flex-wrap: nowrap;
    min-width: 60%
  }

  .extended-info-block {
    margin: 8px 8px 32px;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap
  }

  .extended-info-block-col {
    box-sizing: border-box;
    display: inline-block;
    min-width: 190px;
    padding: 20px 0;
    position: relative;
    vertical-align: top;
    white-space: normal
  }

  .extended-info-block-col.-video {
    background-position: 96% 0;
    background-repeat: no-repeat;
    background-size: contain;
    width: 40%
  }

  .extended-info-block-col.-info {
    background-position-x: 32%;
    background-repeat: no-repeat;
    background-size: cover;
    margin-left: 1%;
    padding-left: 15px;
    width: 59%
  }

  .extended-info-block-col>.col-content {
    color: #111;
    height: 42px;
    margin-bottom: 14px;
    overflow: hidden;
    width: 8em
  }

  .extended-info-block-col>.col-content>.title {
    font-size: 1.1em;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 8px
  }

  .extended-info-block-col>.col-content>.descr {
    display: none
  }

  .extended-info-block-col>.col-link {
    color: #111;
    font-size: .9em;
    font-weight: 700;
    line-height: 1.8;
    padding-right: 14px;
    text-transform: uppercase
  }

  .extended-info-block-col>.col-link::after {
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
  }

  .extended-info-block-col.-video>.col-link::before {
    height: 40px;
    width: 40px;
    background-size: contain;
    content: "";
    position: absolute;
    right: 30%;
    top: 34px
  }

  .extended-info-block-col.-video>.col-link:hover::before {
    transform: scale(1.04)
  }

  .simple-info-block {
    background: #f0f0f0;
    border-radius: 4px;
    height: 48px;
    line-height: 1.25;
    margin: 16px 8px;
    overflow: hidden;
    padding: 0 19px 0 50px;
    position: relative
  }

  .simple-info-block>.featured {
    display: none
  }

  .simple-info-block>.brief-text {
    color: #111;
    margin-top: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
  }

  .simple-info-block>.brief-text>.title {
    display: inline;
    font-weight: 700
  }

  .simple-info-block>.brief-text>.descr {
    display: none
  }

  .simple-info-block>.author {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 50%;
    height: 40px;
    left: 4px;
    position: absolute;
    top: 4px;
    width: 40px
  }

  .simple-info-block>.link {
    border: 1px solid #111;
    border-radius: 4px;
    box-sizing: border-box;
    color: #111;
    float: right;
    font-weight: 700;
    margin-left: 10px;
    margin-top: 8px;
    padding: 6px 18px;
    text-align: center
  }

  .simple-info-block>.link:hover {
    background-color: rgba(0, 0, 0, .06);
    text-decoration: none
  }

  .simple-info-block>.link>span {
    display: none
  }

  .simple-info-block>.link,
  .simple-info-block>.brief-text>.title,
  .simple-info-block>.brief-text>.descr {
    font-size: 1.4em
  }

  .pagination {
    font-size: 1.4em;
    margin-top: 8px;
    overflow: hidden;
    text-align: center
  }

  .pagination-txt {
    color: #757575;
    margin-bottom: 24px
  }

  .pagination-btn {
    border: 1px solid #a9a9a9;
    border-radius: 4px;
    color: #444;
    float: left;
    height: 40px;
    line-height: 40px;
    margin: 0 2px;
    min-width: 30px;
    padding: 0 3px;
    text-align: center
  }

  .pagination-btn:hover,
  .pagination-btn.active {
    text-decoration: none
  }

  .pagination-btn:not(.active):hover {
    border-color: #444
  }

  .pagination-btn.active {
    border-color: #444;
    cursor: default;
    font-weight: 700
  }

  .pagination-prev,
  .pagination-next {
    background-color: #fff;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 6px;
    border: 1px solid #a9a9a9;
    border-radius: 4px;
    color: #444;
    float: left;
    line-height: 40px;
    overflow: hidden;
    text-indent: -500px;
    width: 40px
  }

  .pagination-prev:not(.active):hover,
  .pagination-next:not(.active):hover {
    border-color: #444;
    color: #111;
    text-decoration: none
  }

  .pagination-prev.active,
  .pagination-next.active {
    cursor: default;
    opacity: .5
  }

  .pagination-prev {
    background-image: url(e6ebcf0d.svg);
    margin-right: 4px
  }

  .pagination-next {
    background-image: url(0fed367f.svg);
    margin-left: 4px
  }

  .pagination-load-next-btn-h {
    margin: 32px 8px 40px;
    text-align: center
  }

  .pagination-h1 {
    border: 0 !important;
    clear: both !important;
    color: #111;
    display: block !important;
    font-size: 2.3em !important;
    height: 101px !important;
    line-height: 100px !important;
    margin: 0 8px 16px !important;
    padding: 0 !important;
    position: relative;
    text-align: center;
    width: 100% !important
  }

  .pagination-h1::before {
    display: none !important
  }

  .pagination-h1>span {
    background: #fff;
    display: inline-block;
    padding: 0 16px;
    position: relative;
    z-index: 3
  }

  .pagination-h1>i {
    border-bottom: 1px solid #d8d8d8;
    height: 0;
    left: 0;
    position: absolute;
    top: 51px;
    width: 100%
  }

  .mobile-pagination-holder {
    display: inline-block;
    margin: 0 auto
  }

  .featured-img-h {
    display: block;
    margin: 32px 8px;
    position: relative
  }

  .featured-img {
    display: block;
    height: auto;
    position: relative;
    width: 100%
  }

  .featured-brands-wrap {
    margin: 0 8px
  }

  .additional-brands {
    display: none
  }

  .additional-brands.-with-indent {
    margin: 32px 0 -32px
  }

  .additional-brands+.shifter {
    margin-top: 0 !important
  }

  .featured-brands {
    background: #fff;
    list-style: none;
    margin: 16px 0;
    overflow: hidden
  }

  .featured-brands-no-result {
    color: #111;
    display: block;
    font-size: 2.6em;
    line-height: 1;
    margin: 4px 0 20px;
    text-align: center
  }

  .featured-brands-li {
    box-sizing: border-box;
    float: left;
    text-align: center;
    width: 33.333%
  }

  .featured-brands-li.-additional.-half-size>.featured-brands-item {
    float: none;
    width: auto
  }

  .featured-brands-li.-about-us {
    max-width: 220px;
    width: 100%
  }

  .featured-brands-item {
    box-sizing: border-box;
    margin: 0 3% 6%;
    position: relative;
    width: auto
  }

  .no-touch .featured-brands-item:hover {
    border-color: #d8d8d8
  }

  .featured-brands-item.-additional {
    width: auto
  }

  .featured-brands-a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #757575;
    display: block;
    font-size: 1.2em;
    line-height: 1.1;
    padding: 43.5% 8px 10%;
    position: relative;
    text-decoration: underline;
    text-indent: -99em
  }

  .featured-brands-a:hover {
    text-decoration: none
  }

  .featured-brands-a::after {
    background: rgba(0, 0, 0, .06);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: background 150ms ease-out;
    width: 100%;
    z-index: 2
  }

  .featured-brands-a:hover::after {
    background: rgba(0, 0, 0, .06)
  }

  .featured-brands-a.-empty::after {
    display: none
  }

  .featured-brands-img {
    bottom: 0;
    left: 0;
    margin: auto;
    max-height: 90%;
    max-width: 90%;
    position: absolute;
    right: 0;
    top: 0
  }

  .top-featured-brand {
    background: #111;
    box-sizing: border-box;
    margin: 0 1%;
    position: relative;
    width: 98%
  }

  .top-featured-brand::before {
    background: #111;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity .3s;
    width: 100%;
    z-index: 1
  }

  .top-featured-brand::after {
    background: #d8d8d8;
    content: "";
    display: block;
    padding-top: 38%
  }

  .top-featured-brand:hover::before {
    opacity: .2
  }

  .top-featured-brand .top-featured-brand-img {
    background-color: #111;
    display: block;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
  }

  .top-featured-brand>.description {
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    left: 0;
    padding: 24px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2
  }

  .top-featured-brand>.description>.link,
  .top-featured-brand>.description>.txt {
    color: #fff;
    max-width: 430px
  }

  .top-featured-brand>.description>.txt {
    display: block;
    font-size: 1.3em;
    height: 2.8em;
    line-height: 1.4;
    overflow: hidden
  }

  .top-featured-brand>.description>.link {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    box-sizing: border-box;
    font-size: 2.4em;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 8px;
    width: 100%
  }

  .top-featured-brand>.description>.link:hover {
    text-decoration: none
  }

  .top-featured-brand>.description>.link::before {
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
  }

  .plab-pagination,
  .prod-list-adj-bar {
    color: #757575;
    line-height: 52px
  }

  .prod-list-adj-bar {
    overflow: hidden
  }

  .plab-title {
    display: inline-block;
    font-size: 14px;
    margin-right: 10px
  }

  .plab-pagination {
    display: none
  }

  .plab-sorting-tool-select {
    background-color: #fff;
    border: 1px solid #757575;
    border-radius: 4px;
    height: 38px;
    position: relative
  }

  .plab-sorting-tool {
    float: left;
    overflow: hidden
  }

  .plab-sorting-tool.disabled {
    opacity: .5
  }

  .plab-sorting-tool-wrap {
    display: none
  }

  .plab-sorting-tool-select {
    float: right;
    font-size: 1.3em;
    overflow: hidden
  }

  .plab-sorting-tool-radio {
    float: right;
    list-style-type: none;
    margin: 0 32px 0 0;
    overflow: hidden
  }

  .plab-sorting-tool-radio>.radio-button {
    border-color: #757575;
    border-style: solid;
    border-width: 1px 1px 1px 0;
    box-sizing: border-box;
    color: #444;
    float: left;
    overflow: hidden;
    position: relative;
    width: 55px
  }

  .plab-sorting-tool-radio>.radio-button:first-child {
    border-bottom-left-radius: 4px;
    border-left-width: 1px;
    border-top-left-radius: 4px
  }

  .plab-sorting-tool-radio>.radio-button:last-child {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px
  }

  .plab-sorting-tool-radio>.radio-button.-checked {
    background-color: #757575
  }

  .plab-sorting-tool-radio>.radio-button.-checked>.label {
    color: #fff
  }

  .plab-sorting-tool-radio>.radio-button.-checked+.radio-button {
    border-left-color: rgba(0, 0, 0, 0)
  }

  .plab-sorting-tool-radio>.radio-button>.input {
    display: none
  }

  .plab-sorting-tool-radio>.radio-button>.label {
    cursor: pointer;
    display: block;
    font-size: 14px;
    line-height: 52px;
    padding: 0 10px;
    text-align: center
  }

  .plab-sorting-tool-sorter {
    line-height: 1em;
    margin-right: 20px;
    padding: 1px;
    width: 230px
  }

  .plab-view-mode {
    display: none
  }

  .plab-view-mode-list,
  .plab-view-mode-grid {
    background-position: 50%;
    background-repeat: no-repeat;
    cursor: pointer;
    float: right;
    height: 52px;
    margin: -1px 0;
    position: relative;
    width: 40px;
    z-index: 5
  }

  .plab-view-mode-grid {
    background-image: url(da5df19b.svg);
    background-size: 22px 22px
  }

  .plab-view-mode-grid.active {
    background-image: url(2340e8e7.svg);
    cursor: default
  }

  .plab-view-mode-list {
    background-image: url(53339a30.svg);
    background-size: 22px 22px;
    border-radius: 2px 0 0 2px;
    margin-left: -1px
  }

  .plab-view-mode-list.active {
    background-image: url(fe57e865.svg);
    cursor: default
  }

  @media  only screen and (min-width: 421px) {
    .products-panel-mobile-title {
      margin: 0 5px
    }

    .products-panel-mobile-item-view-mode-list,
    .products-panel-mobile-item-view-mode-grid {
      width: 46px
    }

    .subcats-h {
      margin: 32px 0 21px 0
    }

    .subcats1-item {
      font-size: 1.6em
    }

    .extended-info-block {
      margin: 16px 8px 0;
      overflow: hidden
    }

    .featured-brands {
      margin: 32px 0
    }

    .top-featured-brand>.description {
      padding-bottom: 30px
    }
  }

  @media  only screen and (min-width: 741px) {
    .aside-ymm .select-vehicle-col {
      margin-bottom: 8px
    }

    .aside-slcts-h {
      padding: 0
    }

    .subcats1-item {
      padding-left: 20px;
      padding-right: 36px
    }

    .subcats1-item::after {
      right: 22px
    }

    .refine-search-rsp.-article {
      padding-top: 0
    }

    .plab-info-block {
      background-position: 20px center;
      background-size: 44px 44px;
      padding: 12px 12px 12px 90px
    }

    .plab-info-block-bts {
      min-width: 38%
    }

    .extended-info-block-col.-info {
      background-position-x: 0;
      padding-left: 30px
    }

    .extended-info-block-col.-info>.col-content {
      width: 36%
    }

    .extended-info-block-col>.col-content {
      width: 54%
    }

    .extended-info-block-col>.col-link {
      background-size: 8px 10px;
      font-size: 1.3em
    }

    .simple-info-block {
      border-radius: 4px;
      height: 60px;
      margin: 32px 8px 42px;
      padding: 0 16px 0 13%
    }

    .simple-info-block>.featured {
      background-position: right center;
      background-repeat: no-repeat;
      background-size: cover;
      display: block;
      height: 100%;
      left: 0;
      margin: 0;
      position: absolute;
      top: 0;
      width: 11%
    }

    .simple-info-block>.brief-text>.title {
      margin-left: 20px;
      padding-right: 4px
    }

    .simple-info-block>.brief-text>.title::after {
      content: ":";
      display: inline
    }

    .simple-info-block>.brief-text>.descr {
      display: inline;
      margin: 0
    }

    .simple-info-block>.author {
      float: right;
      margin: 10px 30px 10px 20px;
      position: static
    }

    .simple-info-block>.link {
      height: 40px;
      margin-left: 0;
      margin-top: 10px;
      padding: 8px 38px 0
    }

    .simple-info-block>.link>span {
      display: inline
    }

    .simple-info-block>.link,
    .simple-info-block>.brief-text>.title,
    .simple-info-block>.brief-text>.descr {
      font-size: 1.8em
    }

    .pagination-btn {
      height: 48px;
      line-height: 48px;
      min-width: 42px
    }

    .pagination-prev,
    .pagination-next {
      box-sizing: border-box;
      line-height: 48px;
      overflow: visible;
      text-indent: 0;
      width: 102px
    }

    .pagination-prev {
      background-position: 24% 50%;
      padding: 0 24px 0 42px
    }

    .pagination-next {
      background-position: 76% 50%;
      padding: 0 42px 0 24px
    }

    .pagination-load-next-btn-h {
      margin-left: auto;
      margin-right: auto;
      max-width: 380px
    }

    .plab-title {
      display: inline
    }
  }

  @media  only screen and (min-width: 741px)and (max-width:1023.98px) {
    .products-panel-mobile-wrapper.-article {
      display: none
    }

    .subcats1-item {
      margin-left: .75%;
      margin-right: .75%;
      width: 31.733%
    }

    .aside-filters-block {
      width: 380px
    }

    .aside-filters-block.-article {
      display: none
    }

    .extended-info-block-col {
      min-width: 360px
    }

    .extended-info-block-col.-video {
      background-position: 110% 0
    }

    .extended-info-block-col>.col-content {
      height: 8em;
      margin-bottom: 38px
    }

    .extended-info-block-col>.col-content>.title {
      font-size: 2em
    }

    .extended-info-block-col.-video>.col-link::before {
      height: 70px;
      width: 70px;
      right: 20%;
      top: 4em
    }

    .pagination-txt {
      margin-bottom: 12px
    }

    .featured-brands-li {
      width: 20%
    }

    .top-featured-brand {
      width: 48%
    }

    .top-featured-brand>.description>.link {
      font-size: 2.7em
    }

    .plab-sorting-tool-select {
      margin-left: 0
    }
  }

  @media  only screen and (min-width: 741px)and (max-width:1280.98px) {
    .plab-info-block-txt {
      font-size: 1.4em;
      padding-right: 14px
    }
  }

  @media  only screen and (min-width: 1024px) {
    .aside {
      margin: 0 0 0 8px
    }

    .aside.-desktop-hide {
      display: none
    }

    .aside-limiter {
      float: left;
      position: relative
    }

    .aside-fixed .plab-pagination {
      display: none
    }

    .aside-plus>.filter-counter {
      opacity: 1
    }

    .products-panel-mobile-wrapper {
      display: none
    }

    .aside-ymm {
      border: 1px solid #d8d8d8;
      border-radius: 4px;
      margin-bottom: 8px;
      padding-bottom: 8px;
      padding-top: 0;
      z-index: 4
    }

    .aside-ymm .aside-slcts-h {
      margin-top: 0
    }

    .subcats1-item {
      margin-left: .5%;
      margin-right: .5%;
      width: 32.333%
    }

    .aside-filters-title {
      font-size: 1.6em;
      font-weight: 700;
      height: auto;
      line-height: 1.18;
      overflow: visible;
      padding: 20px 40px 20px 54px;
      white-space: normal
    }

    .aside-filters-title::before {
      left: 20px;
      right: 20px;
      top: -1px
    }

    .aside-filters-title.aside-vehicle-toggle {
      display: block
    }

    .aside-filter-block.-hide {
      max-height: 0
    }

    .aside-filter-block.-expanded {
      max-height: none
    }

    .aside-filter-block.-expanded.-animate {
      animation: aside-filter-slide-down .6s
    }

    .aside-filter-block.-collapsed {
      max-height: 0
    }

    .aside-filter-block.-collapsed.aside-slcts-h {
      overflow: hidden
    }

    .aside-filter-block.-collapsed.-animate {
      animation: aside-filter-slide-up .6s
    }

    .aside-filters {
      max-height: 130em;
      overflow: auto;
      padding-bottom: 16px
    }

    .aside-filters>li {
      margin-bottom: 12px;
      margin-left: 20px;
      margin-right: 20px
    }

    .aside-filters>li.item {
      font-size: 1.4em
    }

    .aside-image-preview-icon {
      height: 15px;
      margin: 0;
      right: 0;
      top: 4px;
      width: 15px
    }

    .aside-image-preview-icon.-in-title {
      right: 20px;
      top: 50%;
      transform: translateY(-50%)
    }

    .aside-filters-item {
      line-height: 1.6666;
      padding: 0 0 0 34px
    }

    .aside-filters-item.aside-filters-item-has-preview {
      margin-right: 20px
    }

    .aside-filters-item.aside-filters-item-has-link {
      padding-bottom: 0;
      padding-left: 0
    }

    .aside-filters-item.-icon {
      padding-right: 0
    }

    .aside-filters-item.-icon.-two-line-center::after {
      bottom: 0
    }

    .aside-filters-back-link {
      line-height: 1.4666
    }

    .aside-filters-clear-wrap {
      display: block;
      padding: 25px 20px 24px;
      position: relative
    }

    .filter-counter {
      opacity: 0;
      transition: all .15s
    }

    .aside-filter-border-separator {
      display: none
    }

    .aside-filters-summary.-mobile {
      display: none !important
    }

    .aside-filters-search {
      padding: 1px 20px 22px
    }

    .aside-filters-view-less,
    .aside-filters-view-more {
      background-size: 19px 19px;
      color: #3761bf;
      cursor: pointer;
      display: inline-block;
      font-size: 1.5em;
      font-weight: 700;
      padding-bottom: 22px;
      padding-left: 52px;
      position: relative
    }

    .aside-filter-moreless {
      display: block
    }

    .aside-fixed .aside-filter-moreless {
      display: none
    }

    .aside-filters.-searching+.aside-filter-moreless {
      display: none
    }

    .aside-filters.-has-hidden.-hide-extra:not(.-searching)>.-may-hide {
      display: none
    }

    .aside-fixed .aside-filters.-has-hidden.-hide-extra>.-may-hide {
      display: list-item
    }

    .aside-filters.-has-hidden.-hide-extra+.aside-filter-moreless>.aside-filters-view-more {
      display: inline-block
    }

    .aside-filters.-has-hidden.-hide-extra+.aside-filter-moreless>.aside-filters-view-less {
      display: none
    }

    .refine-search-rsp {
      border: 1px solid #d8d8d8;
      border-radius: 4px;
      overflow: hidden;
      padding-top: 0
    }

    .aside-price-range-filter {
      padding: 10px 0 0
    }

    .plab-info-block {
      margin: 0 0 32px;
      width: 100%
    }

    .extended-info-block-col {
      min-width: 0;
      padding: 34px 0 24px
    }

    .extended-info-block-col>.col-content {
      height: 146px;
      margin-bottom: 22px
    }

    .extended-info-block-col>.col-content>.title {
      font-size: 2.4em
    }

    .extended-info-block-col>.col-content>.descr {
      color: #444;
      display: block;
      font-size: 1.3em;
      line-height: 1.8;
      text-align: left
    }

    .extended-info-block-col.-video>.col-link::before {
      height: 90px;
      width: 90px;
      left: 55%;
      right: auto;
      top: 6em
    }

    .pagination {
      margin: 32px 8px 0
    }

    .pagination-txt {
      float: left;
      margin: 16px 32px 0 0
    }

    .mobile-pagination-holder {
      float: right
    }

    .additional-brands {
      display: block;
      list-style-type: none;
      margin: 0 8px 40px
    }

    .additional-brands>.item {
      background-color: #d8d8d8;
      box-sizing: border-box;
      float: left;
      padding: 0 0 26.2%;
      position: relative;
      width: 33.333%
    }

    .additional-brands>.item:hover>.inner::before {
      opacity: .3
    }

    .additional-brands>.item>.inner {
      box-sizing: border-box;
      height: 100%;
      left: 0;
      overflow: hidden;
      position: absolute;
      top: 0;
      width: 100%;
      z-index: 1
    }

    .additional-brands>.item>.inner::before {
      background: #111;
      content: "";
      height: 100%;
      left: 0;
      opacity: 0;
      position: absolute;
      top: 0;
      transition: opacity 300ms ease-out;
      width: 100%;
      z-index: -1
    }

    .additional-brands>.item>.inner>.title {
      color: #111;
      display: block;
      text-indent: -99em
    }

    .additional-brands>.item>.inner>.title::after {
      content: "";
      height: 100%;
      left: 0;
      opacity: 0;
      position: absolute;
      top: 0;
      width: 100%
    }

    .additional-brands>.item>.img {
      height: auto;
      left: 0;
      position: absolute;
      top: 0;
      width: 100%
    }

    .featured-brands-no-result {
      margin: 20px 0 24px
    }

    .featured-brands-li {
      width: 16.666%
    }

    .featured-brands-li.-additional {
      width: 33.3334%
    }

    .featured-brands-li.-additional.-half-size {
      width: 16.666%
    }

    .featured-brands-li.-about-us {
      max-width: 320px;
      width: 20%
    }

    .featured-brands-item.-additional {
      float: left;
      margin: 0 1.7%;
      width: 46.6%
    }

    .featured-brands-item.-additional.-empty {
      display: none
    }

    .top-featured-brand {
      margin-left: .75%;
      margin-right: .75%;
      width: 48.5%
    }

    .top-featured-brand>.description>.txt {
      font-size: 1.4em;
      height: 2.6em;
      line-height: 1.3
    }

    .top-featured-brand>.description>.link {
      font-size: 3.1em
    }

    .prod-list-adj-bar {
      display: flex;
      flex-wrap: wrap;
      margin: 32px 8px 16px
    }

    .plab-pagination {
      display: block;
      flex-grow: 1;
      font-size: 1.6em;
      margin-right: 12px;
      text-align: right
    }

    .plab-sorting-tool {
      align-items: center;
      display: flex;
      line-height: 52px
    }

    .plab-sorting-tool.-grow {
      flex-grow: 1
    }

    .plab-sorting-tool-wrap {
      display: block;
      float: left;
      overflow: hidden
    }

    .plab-view-mode {
      display: block;
      float: right
    }
  }

  @media  only screen and (min-width: 1024px)and (max-width:1280.98px) {
    .extended-info-block-col.-video {
      background-position: 116% 100%
    }

    .additional-brands>.item>.inner {
      padding-top: 16%
    }
  }

  @media  only screen and (min-width: 1024px)and (max-width:1600.98px) {
    .aside {
      width: 230px
    }

    .aside-filters-clear-wrap {
      padding-left: 20px;
      padding-right: 20px
    }

    .aside-filters-view-more {
      background-position: 20px 0
    }

    .aside-params-list-item>.title {
      width: 120px
    }

    .extended-info-block-col>.col-content>.descr {
      margin: 0
    }
  }

  @media  only screen and (min-width: 1281px) {
    .subcats1.-five-columns>.subcats1-item {
      width: 19%
    }

    .plab-info-block-txt {
      font-size: 1.8em;
      padding-right: 40px
    }
  }

  @media  only screen and (min-width: 1601px) {
    .aside {
      width: 260px
    }

    .aside-filters-title {
      padding-left: 44px
    }

    .extended-info-block-col>.col-content>.descr {
      margin: 16px 0 0
    }

    .plab-sorting-tool-sorter {
      margin-right: 40px;
      width: 260px
    }
  }

  @keyframes  rotation {
    0% {
      transform: rotate(0deg)
    }

    100% {
      transform: rotate(360deg)
    }
  }

  @keyframes  show-opts {
    from {
      opacity: 0
    }

    to {
      opacity: 1
    }
  }

  @keyframes  show-from-left {

    0%,
    50% {
      opacity: 0;
      transform: translateX(-100px)
    }

    100% {
      opacity: 1;
      transform: translateX(0)
    }
  }

  @keyframes  show-from-right {

    0%,
    50% {
      opacity: 0;
      transform: translateX(100px)
    }

    100% {
      opacity: 1;
      transform: translateX(0)
    }
  }

  @keyframes  controls-animation {

    0%,
    85% {
      opacity: 1;
      transform: translateY(0)
    }

    100% {
      opacity: 0;
      transform: translateY(100%)
    }
  }

  @keyframes  aside-filter-slide-up {
    0% {
      max-height: 800px
    }

    100% {
      max-height: 0
    }
  }

  @keyframes  aside-filter-slide-down {
    0% {
      max-height: 0
    }

    100% {
      max-height: 800px
    }
  }

  .landing-pages-description a {
    font-weight: 400 !important
  }

  .landing-pages-description h2 {
    font-size: 1.8em;
    margin: 1.8em 8px 1em
  }

  .landing-pages-description ul {
    font-size: 1.4em;
    margin: 1em 8px 1em 2em
  }

  .landing-pages-description ul>li {
    line-height: 1.8;
    margin: 1em 0
  }

  .green {
    color: #068922 !important
  }

  .gray {
    color: #444 !important
  }

  .black {
    color: #111 !important
  }

  .white {
    color: #fff
  }

  .red {
    color: #d4252a !important
  }

  .orange {
    color: #ffac00 !important
  }

  .red_border {
    border-color: #d4252a !important;
    box-shadow: #d4252a 0 0 2px
  }

  .pointer {
    cursor: pointer
  }

  .phone-link,
  .phone-link:focus,
  .phone-link:hover {
    color: inherit !important;
    cursor: default;
    font-weight: inherit;
    text-decoration: none
  }

  .h2 {
    color: #111;
    display: block;
    font: 700 2em/1 "Roboto", "Arial", "Helvetica", sans-serif;
    margin: 26px 8px 16px;
    text-align: center;
    text-transform: uppercase
  }

  .h2 b,
  .h2 strong {
    font-weight: inherit
  }

  .h2 a {
    color: inherit
  }

  .h3 {
    color: #111;
    display: block;
    font-size: 1.7em;
    font-weight: 400;
    line-height: 1.2;
    margin: 16px 2%
  }

  .h3>b {
    font-weight: 500
  }

  .simple-btn-h1-change-vehicle,
  .simple-btn {
    -webkit-appearance: none;
    appearance: none;
    background-color: #3761bf;
    border: none;
    border-radius: 4px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: "Roboto", "Arial", "Helvetica", sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
    margin: 0;
    outline: none;
    padding: 14px 16px;
    text-align: center;
    text-transform: uppercase
  }

  .simple-btn-h1-change-vehicle:focus,
  .simple-btn:focus {
    outline: none
  }

  .simple-btn-h1-change-vehicle:hover,
  .simple-btn:hover {
    background-color: #3157ab;
    text-decoration: none
  }

  .simple-btn.-more-details::before,
  .simple-btn.-actions-wishlist::before,
  .simple-btn.-actions-filter::before,
  .simple-btn.-actions-video::before,
  .simple-btn.-actions-sort::before,
  .simple-btn.-actions-next::before,
  .simple-btn.-actions-cart::before,
  .simple-btn.-actions-view::before {
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 10px 12px;
    content: "";
    display: inline-block;
    height: 12px;
    margin-right: 5px;
    vertical-align: -2px;
    width: 10px
  }

  .group-buttons {
    display: flex
  }

  .group-buttons.-wrap {
    flex-wrap: wrap
  }

  .group-buttons.-right {
    justify-content: flex-end
  }

  .group-buttons.-center {
    justify-content: center
  }

  .simple-btn.-load-next::before {
    background-size: 19px auto;
    content: "";
    display: inline-block;
    height: 20px;
    margin-right: 10px;
    transform: translateZ(0);
    transform-origin: 50% 50%;
    vertical-align: middle;
    width: 20px
  }

  .simple-btn.-load-next.active {
    cursor: default;
    opacity: .7
  }

  .simple-btn.-load-next.active::before {
    animation: rotation 1s infinite linear
  }

  .simple-btn.-disabled {
    background-color: #a9a9a9;
    cursor: default
  }

  .simple-btn.-success {
    background-color: #068922
  }

  .simple-btn.-success:hover {
    background-color: #05711c
  }

  .simple-btn.-warning {
    background-color: #ffac00
  }

  .simple-btn.-warning:hover {
    background-color: #e69b00
  }

  .simple-btn.-danger {
    background-color: #d4252a
  }

  .simple-btn.-danger:hover {
    background-color: #be2126
  }

  .simple-btn.-transparent {
    background-color: rgba(0, 0, 0, 0);
    color: #111;
    position: relative
  }

  .simple-btn.-transparent:hover {
    background-color: rgba(0, 0, 0, .06)
  }

  .simple-btn.-transparent::after {
    border: 1px solid #111;
    border-radius: 4px;
    box-sizing: border-box;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
  }

  .simple-btn.-transparent.-disabled {
    cursor: default;
    opacity: .3
  }

  .simple-btn.-po-change-vehicle {
    background-color: rgba(0, 0, 0, 0);
    color: #fff;
    font-size: 10px;
    padding: 9px 10px;
    position: relative
  }

  .simple-btn.-po-change-vehicle:hover {
    background-color: rgba(0, 0, 0, .25)
  }

  .simple-btn.-po-change-vehicle::after {
    border: 1px solid #fff;
    border-radius: 4px;
    box-sizing: border-box;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
  }

  .simple-btn.-actions-view::before {
    background-image: url(ca4806dc.svg);
    background-position: 100% 75%;
    background-size: 11px 11px;
    content: attr(data-text);
    height: auto;
    padding-right: 16px;
    width: auto
  }

  .simple-btn.-actions-view.-expanded::before {
    background-image: url(4813f2bb.svg);
    content: attr(data-text-expanded)
  }

  .simple-btn.-actions-cart::before {
    background-image: url(bf2bf47d.svg);
    background-position: 50% 75%;
    background-size: 23px 22px;
    height: 30px;
    margin-right: 0;
    vertical-align: 0;
    width: 29px
  }

  .simple-btn.-actions-next::before {
    background-image: url(1f61c61f.svg);
    background-size: 16px 16px;
    height: 16px;
    vertical-align: middle;
    width: 16px
  }

  .simple-btn.-actions-sort::before {
    background-image: url(6100e271.svg)
  }

  .simple-btn.-actions-video::before {
    background-image: url(d5bf69a0.svg)
  }

  .simple-btn.-actions-filter::before {
    background-image: url(8d719e4a.svg)
  }

  .simple-btn.-actions-wishlist::before {
    background-image: url(c30f4d64.svg)
  }

  .simple-btn.-hidden-icon::before {
    content: none
  }

  .simple-btn.-back-arrow::before {
    background-image: url(57b53673.svg);
    background-position: 0 1px;
    background-repeat: no-repeat;
    background-size: auto 11px;
    content: "";
    display: inline-block;
    height: 16px;
    margin-right: 5px;
    vertical-align: middle;
    width: 10px
  }

  .simple-btn.-thin {
    font-size: 1em;
    font-weight: 400;
    line-height: 1.8;
    padding: 0 10px;
    text-transform: none
  }

  .simple-btn.-upsale {
    bottom: 11px;
    font-size: 1.1em;
    line-height: 1.4;
    padding: 7px;
    position: absolute !important
  }

  .simple-btn.-large {
    line-height: 1;
    padding-bottom: 19px;
    padding-top: 19px
  }

  .simple-btn.-small {
    font-size: 12px;
    padding-bottom: 9px;
    padding-top: 9px
  }

  .simple-btn.-wide {
    padding-left: 10px;
    padding-right: 10px;
    width: 100%
  }

  .simple-btn.-short {
    padding-left: 20px;
    padding-right: 20px
  }

  .simple-btn.-mobile-wide {
    box-sizing: border-box;
    display: block;
    padding-left: 8px;
    padding-right: 8px;
    width: 100%
  }

  .simple-btn.-facebook-icon {
    background-image: url(e1a94b47.svg);
    background-position: 14px 50%;
    background-repeat: no-repeat
  }

  .simple-btn.-fixed-toolbar-btn {
    float: right;
    font-size: 1em;
    padding: 8px 10px
  }

  .simple-btn.-more-details {
    align-self: flex-end;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #3761bf;
    color: #3761bf;
    padding: 8px 0;
    width: 112px
  }

  .simple-btn.-more-details::before {
    background-image: url(03a05b5c.svg);
    background-position: 100% 50%;
    background-size: 11px auto;
    content: "See more";
    height: auto;
    margin-right: 0;
    padding-right: 16px;
    width: auto
  }

  .simple-btn-h1-change-vehicle {
    background-color: #fff;
    border: 1px solid #3761bf;
    color: #3761bf;
    font-size: 12px;
    padding-bottom: 6px;
    padding-top: 6px
  }

  .simple-btn-h1-change-vehicle:hover {
    background-color: #f0f0f0
  }

  .simple-btn-h1-change-vehicle::after {
    content: "Change Vehicle"
  }

  .simple-btn-h1-change-vehicle.-change-size::after {
    content: "Change Size"
  }

  .universal-label {
    color: #111;
    font-size: 1.3em;
    list-style: none;
    overflow: hidden
  }

  .universal-label.-list>.li {
    margin: 0 3px 3px 0
  }

  .universal-label>.li {
    background-color: #ffde99;
    border-radius: 4px;
    cursor: pointer;
    float: left;
    line-height: 1.3;
    padding: 5px 32px 5px 12px;
    position: relative
  }

  .universal-label>.li::after {
    background-size: 8px auto;
    border-radius: 8px;
    bottom: 0;
    content: "";
    height: 16px;
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    width: 16px
  }

  .universal-label>.li:hover {
    background-color: #ffd680
  }

  .universal-label>.li:focus {
    background-color: #ffcd66
  }

  .universal-label>.li.-for-select {
    background-color: #c4c9d2
  }

  .universal-label>.li.-for-select::after {
    background-color: #7b889b
  }

  .universal-label>.li.-for-select:hover {
    background-color: #b5bcc7
  }

  .universal-label>.li.-for-search-mmy {
    padding-right: 24px
  }

  .universal-label>.li.-for-search-mmy>.truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    font-weight: 700;
    margin-right: 8px;
    vertical-align: middle;
    width: 100px
  }

  .simple-btn-accordion-btn {
    color: #111;
    cursor: pointer;
    display: inline-block;
    font-size: 1.6em;
    font-weight: 500;
    line-height: 1.18;
    margin-bottom: 24px;
    padding-left: 46px;
    position: relative
  }

  .simple-btn-accordion-btn:hover>.inner {
    text-decoration: none
  }

  .simple-btn-accordion-btn::before {
    background-color: #3761bf;
    border-radius: 50%;
    color: #fff;
    content: "+";
    font-size: 1.5rem;
    font-weight: 400;
    left: 0;
    line-height: 28px;
    padding: 2px 0;
    position: absolute;
    text-align: center;
    top: -4px;
    width: 32px
  }

  .simple-btn-accordion-btn.-opened::before {
    content: "-"
  }

  .simple-btn-accordion-btn>.inner {
    text-decoration: underline
  }

  .form-field-group {
    position: relative
  }

  .form-field-group::before,
  .form-field-group::after {
    clear: both;
    content: "";
    display: table
  }

  .form-field-group.-with-right-button {
    display: flex;
    flex-wrap: wrap
  }

  .form-field-group.-with-right-button>.right-btn-holder {
    width: 100%
  }

  .form-field-group.-with-right-button .simple-btn.-large {
    padding-bottom: 20px;
    padding-top: 20px
  }

  .form-field.-hidden,
  .form-field.-hidden+.form-field-bottom-label,
  .form-field-check-radio.-hidden,
  .form-field-check-radio.-hidden+.form-field-bottom-label {
    display: none
  }

  .form-field {
    background: #fff;
    border: 1px solid #757575;
    box-sizing: border-box;
    margin-bottom: 16px;
    position: relative;
    transition: box-shadow .2s ease, border-color .2s;
    width: 100%
  }

  .form-field.-error-field:not(.-focus) {
    border-color: #d4252a;
    box-shadow: 0 0 0 1px #d4252a
  }

  .form-field.-error-field:not(.-focus)>label {
    color: #d4252a
  }

  .form-field.-error-field:not(.-focus).-select::before {
    background-image: url(6ef2231b.svg)
  }

  .form-field.-focus,
  .form-field.-error-field.-focus {
    border-color: #3761bf;
    box-shadow: 0 0 0 1px #3761bf
  }

  .form-field.-disabled {
    background-color: #f8f8f8;
    border-color: #a9a9a9
  }

  .form-field.-disabled label {
    opacity: .5
  }

  .form-field.-disabled input,
  .form-field.-disabled textarea,
  .form-field.-disabled select {
    opacity: .6
  }

  .form-field,
  .form-field input,
  .form-field textarea,
  .form-field select {
    border-radius: 4px
  }

  .form-field>label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #757575;
    display: block;
    font-size: 1.3em;
    left: 0;
    line-height: 1.2;
    max-width: 100%;
    pointer-events: none;
    position: absolute;
    text-indent: 16px;
    top: 18px;
    transition: top .2s;
    z-index: 3
  }

  .form-field>label>.required {
    color: #ffac00;
    margin-left: 4px
  }

  .form-field.-mark::after {
    background-position: right center;
    background-repeat: no-repeat;
    bottom: 0;
    content: "";
    height: 24px;
    margin: auto 0;
    padding-right: 0;
    pointer-events: none;
    position: absolute;
    right: 10px;
    top: 0;
    width: 24px;
    z-index: 1
  }

  .form-field.-mark.-button::after {
    right: 50px
  }

  .form-field.-mark.-error-field>.password-show-btn {
    right: 30px
  }

  .form-field.-mark.-error-field>input {
    padding-right: 80px
  }

  .form-field.-mark.-error-field::after {
    background-image: url(5cbc40ec.svg);
    background-size: 24px auto
  }

  .form-field.-mark.-zoom>label {
    right: 36px
  }

  .form-field.-mark.-zoom>input {
    padding-right: 36px
  }

  .form-field.-mark.-zoom::after {
    background-size: 17px auto
  }

  .form-field.-mark.-preloader::after {
    animation: preloader-rotate .7s infinite linear;
    background-size: contain;
    content: "";
    height: 18px;
    left: auto;
    position: absolute;
    top: 20px;
    transform: translate(-50%, -50%);
    transform-origin: 50% 50%;
    width: 18px
  }

  .form-field.-mark.-preloader.nopreload::after {
    content: none !important
  }

  .form-field.-mark.-preloader::after {
    right: 0
  }

  .form-field.-placeholder {
    background: #f0f0f0
  }

  .form-field.-placeholder>.placeholder {
    color: #757575;
    display: block;
    font-size: 1.4em;
    padding: 19px 0;
    pointer-events: auto;
    text-indent: 16px
  }

  .form-field.-placeholder>.input {
    display: none
  }

  .form-field.-price-range {
    margin: 0 1px;
    width: 38%
  }

  .form-field.-price-range:first-child {
    margin-left: 0
  }

  .form-field.-button {
    padding-right: 70px
  }

  .form-field.-button>input {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
  }

  .form-field.-copylnk {
    position: absolute
  }

  .form-field.-in-row:not(.-error-field) {
    margin-bottom: 0
  }

  .form-field>input,
  .form-field>textarea,
  .form-field select {
    background: rgba(0, 0, 0, 0);
    border: none;
    color: #111;
    font: 1rem "Roboto", "Arial", "Helvetica", sans-serif;
    position: relative;
    width: 100%
  }

  .form-field>input:focus,
  .form-field>textarea:focus,
  .form-field select:focus {
    outline: none
  }

  .form-field>input,
  .form-field>textarea {
    box-sizing: border-box;
    outline: none;
    z-index: 1
  }

  .form-field.-input.-focus>label,
  .form-field.-input.-not-empty>label,
  .form-field.-select>label {
    font-size: 1.1em;
    top: 8px
  }

  .form-field.-input.-focus>label+input,
  .form-field.-input.-not-empty>label+input,
  .form-field.-select>label+input {
    padding-bottom: 8px;
    padding-top: 26px
  }

  @supports  selector(:has(*)) {
    .form-field.-input:has(input:-webkit-autofill)>label {
      font-size: 1.1em;
      top: 8px
    }

    .form-field.-input:has(input:-webkit-autofill)>label+input {
      padding-bottom: 8px;
      padding-top: 26px
    }
  }

  .form-field.-input {
    overflow: hidden
  }

  .form-field.-input.-small>label {
    text-indent: 12px
  }

  .form-field.-input.-small>input {
    padding-left: 12px;
    padding-right: 10px
  }

  .form-field.-input>input {
    -webkit-appearance: none;
    appearance: none;
    height: 50px;
    padding: 18px 16px 17px
  }

  .form-field.-textarea {
    overflow: hidden
  }

  .form-field.-textarea>label {
    background: #fff;
    box-shadow: 0 0 4px 4px #fff;
    padding-top: 18px;
    top: 0;
    transition: padding-top .2s linear;
    width: 96%
  }

  .form-field.-textarea.-focus>label,
  .form-field.-textarea.-not-empty>label {
    padding-top: 7px
  }

  .form-field.-textarea>textarea {
    -webkit-appearance: none;
    appearance: none;
    font-size: 1.6em;
    min-height: 7.8em;
    overflow-y: auto;
    padding: 28px 16px 8px;
    resize: none
  }

  .form-field.-textarea>textarea.-big {
    height: 220px
  }

  .form-field.-select {
    text-indent: 0
  }

  .form-field.-select::before {
    background-size: 13px auto;
    bottom: 0;
    content: "";
    cursor: pointer;
    height: 8px;
    margin: auto;
    pointer-events: none;
    position: absolute;
    right: 17px;
    top: 1px;
    transition: transform .1s;
    width: 13px;
    z-index: 1
  }

  .form-field.-select::after {
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 32%);
    content: "";
    height: 100%;
    pointer-events: none;
    position: absolute;
    right: 4px;
    top: 0;
    width: 30px
  }

  .form-field.-select.-disabled::after {
    background: rgba(0, 0, 0, 0)
  }

  .form-field.-select.-focus::before {
    transform: rotate(180deg)
  }

  .form-field.-select.-empty.-not-focus>label {
    font-size: 1.3em;
    top: 18px
  }

  .form-field.-select.-small::before,
  .form-field.-select.-short::before {
    right: 12px
  }

  .product-list-qty-selector .form-field.-select.-small>label {
    font-size: .85em;
    top: 6px
  }

  .form-field.-select.-small+.form-field-error-message {
    margin: 0;
    text-align: left
  }

  .form-field.-select.-low {
    margin-bottom: 0
  }

  .form-field.-select.-low::before {
    right: 8px
  }

  .form-field.-select.-low::after {
    width: 20px
  }

  .form-field.-select.-low>label {
    display: none
  }

  .form-field.-select.-low>select {
    height: 34px;
    padding: 8px 25px 8px 8px
  }

  .form-field.-select>label {
    top: 8px
  }

  .form-field.-select>label+select {
    padding: 26px 25px 6px 16px
  }

  .form-field.-select>select {
    -webkit-appearance: none;
    appearance: none;
    box-sizing: border-box;
    height: 52px;
    padding: 16px 25px 16px 16px
  }

  .form-field.-select>select[disabled] {
    opacity: .6;
    position: relative;
    z-index: 3
  }

  .form-field.-select>select:focus {
    outline: 0
  }

  .form-field.-with-search-button {
    padding-right: 40px
  }

  .form-field.-with-search-button>.search-button {
    background-size: 25px auto;
    cursor: pointer;
    height: 100%;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    z-index: 1
  }

  .checkout-input.-small-control .form-field.-select::before {
    right: 10px
  }

  .form-field-check-radio {
    margin-bottom: 20px
  }

  .form-field-check-radio.-checkout-checkbox-group {
    margin-bottom: 0
  }

  .form-field-check-radio.-checkout {
    margin-top: 20px;
    min-height: 20px
  }

  .form-field-check-radio.-indent-account {
    margin-bottom: 16px;
    padding-top: 10px
  }

  .form-field-check-radio.-desktop-horizontal {
    margin-bottom: 14px
  }

  .form-field-check-radio.-desktop-horizontal>label {
    margin: 1px 20px 14px 0
  }

  .form-field-check-radio.vendor-portal {
    display: inline-block;
    width: 136px
  }

  .form-field-check-radio.vendor-portal.-column {
    display: block;
    width: 148px
  }

  .form-field-check-radio.installation-opt-service-info {
    margin-bottom: 0;
    padding-left: 30px
  }

  .form-field-check-radio.-switch .text {
    display: block;
    font-size: 1em;
    padding-left: 44px;
    position: relative
  }

  .form-field-check-radio.-switch .text::before {
    background: #a9a9a9;
    border-radius: 16px;
    content: "";
    height: 14px;
    left: 0;
    position: absolute;
    top: 4px;
    width: 34px
  }

  .form-field-check-radio.-switch .text::after {
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 1px 3px 0 #a9a9a9;
    content: "";
    display: block;
    height: 20px;
    left: 0;
    position: absolute;
    top: 0;
    width: 20px
  }

  .form-field-check-radio.-switch input:checked+.text::before {
    background-color: #f6e4b3
  }

  .form-field-check-radio.-switch input:checked+.text::after {
    background-color: #ffac00;
    left: 14px
  }

  .form-field-check-radio.-switch input[disabled]+.text {
    cursor: default
  }

  .form-field-check-radio.-switch input[disabled]+.text::before {
    background-color: #f0f0f0
  }

  .form-field-check-radio.-switch input:checked[disabled]+.text::before {
    background-color: #d8d8d8
  }

  .form-field-check-radio.-switch input:checked[disabled]+.text::after {
    background-color: #a9a9a9
  }

  .form-field-check-radio+.form-field-error-message {
    margin-left: 30px
  }

  .form-field-check-radio>label {
    display: block;
    margin-top: 10px;
    min-height: 20px;
    min-width: 20px;
    position: relative
  }

  .form-field-check-radio>label:hover>.text,
  .form-field-check-radio>label:hover>i {
    cursor: pointer
  }

  .form-field-check-radio>label:first-child {
    margin-top: 0
  }

  .form-field-check-radio>label.-bold>.text {
    font-weight: 700
  }

  .form-field-check-radio.-horizontal>label {
    display: inline-block
  }

  .form-field-check-radio.-horizontal-center {
    text-align: center
  }

  .form-field-check-radio.-horizontal-center>label {
    display: inline-block;
    margin: 0 0 0 20px
  }

  .form-field-check-radio.-horizontal-center>label:first-child {
    margin-left: 0
  }

  .form-field-check-radio .text {
    color: #111;
    cursor: default;
    display: inline-block;
    font: 14px/22px "Roboto", "Arial", "Helvetica", sans-serif;
    padding-left: 30px;
    -webkit-user-select: none;
    user-select: none
  }

  .form-field-check-radio .text.-font-fixed {
    font-size: 13px;
    line-height: 18px
  }

  .form-field-check-radio .text.-bold {
    font-weight: 500
  }

  .form-field-check-radio .text>.required {
    color: #ffac00
  }

  .form-field-check-radio input {
    left: 0;
    opacity: 0;
    position: absolute
  }

  .form-field-check-radio i {
    content: "";
    left: 0;
    position: absolute;
    top: 0
  }

  .form-field-check-radio input[type=checkbox]+i {
    background-repeat: no-repeat;
    background-size: 20px auto;
    box-sizing: border-box;
    height: 20px;
    width: 20px;
    background-image: url(59b7dbc5.svg)
  }

  .form-field-check-radio input[type=checkbox]:checked+i {
    background-repeat: no-repeat;
    background-size: 20px auto;
    box-sizing: border-box;
    height: 20px;
    width: 20px;
    background-image: url(25396e61.svg)
  }

  .form-field-check-radio input[type=checkbox][disabled]+i {
    background-repeat: no-repeat;
    background-size: 20px auto;
    box-sizing: border-box;
    height: 20px;
    width: 20px;
    background-image: url(aef42de8.svg)
  }

  .form-field-check-radio input[type=checkbox]:checked[disabled]+i {
    background-repeat: no-repeat;
    background-size: 20px auto;
    box-sizing: border-box;
    height: 20px;
    width: 20px;
    background-image: url(f9cef330.svg)
  }

  .form-field-check-radio input[type=radio]+i {
    background-repeat: no-repeat;
    background-size: 20px auto;
    box-sizing: border-box;
    height: 20px;
    width: 20px;
    background-image: url(e7d8e410.svg)
  }

  .form-field-check-radio input[type=radio]:checked+i {
    background-repeat: no-repeat;
    background-size: 20px auto;
    box-sizing: border-box;
    height: 20px;
    width: 20px;
    background-image: url(1050b11b.svg);
    cursor: default
  }

  .form-field-check-radio input[type=radio][disabled]+i {
    background-image: url(6e2a8b81.svg)
  }

  .form-field-check-radio input[type=radio]:checked[disabled]+i {
    background-repeat: no-repeat;
    background-size: 20px auto;
    box-sizing: border-box;
    height: 20px;
    width: 20px;
    background-image: url(d989eaf4.svg)
  }

  .form-field-check-radio input[disabled]+i {
    background-color: #f8f8f8;
    cursor: default
  }

  .form-field-check-radio input[disabled]+i+.text {
    color: #757575;
    cursor: default;
    opacity: .5
  }

  .form-field-label {
    color: #111;
    cursor: default;
    display: inline-block;
    font-size: 1.5em;
    padding-left: 30px;
    position: relative
  }

  .form-field-label:hover {
    cursor: pointer
  }

  .form-field-label::after {
    content: "";
    left: 0;
    position: absolute;
    top: 0
  }

  .form-field-label.aside-filters-item {
    padding-left: 52px
  }

  .form-field-label.aside-filters-item::after {
    left: 20px;
    top: 9px;
    z-index: 1
  }

  .form-field-label.-checkbox::after {
    background-repeat: no-repeat;
    background-size: 20px auto;
    box-sizing: border-box;
    height: 20px;
    width: 20px;
    background-image: url(59b7dbc5.svg)
  }

  .form-field-label.-checkbox.-checked::after {
    background-repeat: no-repeat;
    background-size: 20px auto;
    box-sizing: border-box;
    height: 20px;
    width: 20px;
    background-image: url(25396e61.svg)
  }

  .form-field-label.-radio::after {
    background-repeat: no-repeat;
    background-size: 20px auto;
    box-sizing: border-box;
    height: 20px;
    width: 20px;
    background-image: url(e7d8e410.svg)
  }

  .form-field-label.-radio.-checked::after {
    background-repeat: no-repeat;
    background-size: 20px auto;
    box-sizing: border-box;
    height: 20px;
    width: 20px;
    background-image: url(1050b11b.svg);
    cursor: default
  }

  .form-field-label input {
    left: 0;
    opacity: 0;
    position: absolute
  }

  .form-field-btn {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% auto;
    content: "";
    cursor: pointer;
    height: 100%;
    position: absolute;
    right: 10px;
    top: 0;
    width: 28px
  }

  .form-field-btn.-question {
    background-image: url(11a24932.svg)
  }

  .form-field-btn.-question:hover {
    background-image: url(b63dcee8.svg)
  }

  .form-field-btn.-check-blue {
    background-color: #3761bf;
    background-image: url(0e1411e0.svg);
    background-size: auto;
    bottom: 0;
    height: 28px;
    right: 0;
    top: auto;
    z-index: 1
  }

  .form-field-btn.-text {
    color: #a9a9a9;
    cursor: default;
    font-size: 1.3em;
    right: 16px;
    text-align: right;
    top: 19px;
    width: 40px
  }

  .form-field-error-message,
  .form-field-bottom-label {
    display: block;
    font-size: 1.2em;
    line-height: 1.4;
    margin: -6px 0 16px 16px
  }

  .form-field-error-message {
    color: #d4252a
  }

  .form-field-error-message::first-letter {
    text-transform: uppercase
  }

  .form-field-error-message.-show {
    display: block
  }

  .form-field-error-message.-nowrap {
    white-space: nowrap
  }

  .form-field-error-message.-aside-price-range {
    display: none;
    margin: 10px 0 0
  }

  .form-field-error-message+.form-field-bottom-label {
    display: none
  }

  .form-field-bottom-label {
    color: #757575;
    font-size: 1.3em
  }

  .form-field-bottom-label.-dark {
    color: #444
  }

  .form-field-bottom-label>.link {
    color: #3761bf;
    cursor: pointer
  }

  .form-field-bottom-label>.link:hover {
    text-decoration: underline
  }

  .form-field-float-group {
    position: relative
  }

  .form-field-float-group::after {
    clear: both;
    content: "";
    display: table
  }

  .form-field-float-group>.form-field {
    width: auto
  }

  input:-webkit-autofill,
  select:-webkit-autofill {
    background: rgba(0, 0, 0, 0);
    box-shadow: inset 0 0 0 50px #fff;
    empty-cells: hide;
    position: relative
  }

  input[type=search]::-webkit-search-cancel-button {
    display: none
  }

  .options-list-wrap {
    height: 52px;
    position: relative
  }

  .options-list {
    background: #fff;
    border: 1px solid #757575;
    border-radius: 4px;
    box-sizing: border-box;
    cursor: pointer;
    left: 0;
    min-height: 100%;
    min-width: 100%;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-user-select: none;
    user-select: none
  }

  .options-list::before {
    background-size: 100% auto;
    content: "";
    height: 8px;
    position: absolute;
    right: 14px;
    top: 23px;
    transition: transform .1s;
    width: 13px
  }

  .options-list::after {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #757575;
    content: attr(data-placeholder);
    font-size: 13px;
    left: 16px;
    position: absolute;
    top: 17px;
    transition: top .2s;
    width: 70%
  }

  .options-list.-selected::after,
  .options-list.-active::after,
  .options-list.-open::after {
    color: #757575;
    font-size: 11px;
    top: 6px
  }

  .options-list.disabled,
  .options-list.-disabled {
    background-color: #f0f0f0;
    border-color: #d8d8d8
  }

  .options-list.-active,
  .options-list.-open {
    border-color: #3761bf;
    box-shadow: 0 0 0 1px #3761bf;
    z-index: 1000
  }

  .options-list.-active::before,
  .options-list.-open::before {
    background-image: url(35a6a8da.svg);
    transform: rotate(180deg)
  }

  .options-list.-open:not(.-selected) {
    padding-top: 24px
  }

  .options-list.-open>.options-list-value {
    height: auto;
    margin-right: 0;
    padding-right: 36px;
    white-space: pre-wrap;
    width: auto
  }

  .options-list.-open>.options-list-selector {
    animation: show-opts .3s ease;
    display: block
  }

  .options-list.-with-marker::after {
    left: 60px
  }

  .options-list.-with-marker .options-list-value {
    padding-left: 60px
  }

  .options-list-value {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    box-sizing: border-box;
    color: #111;
    display: block;
    font-size: 1rem;
    height: 50px;
    line-height: 1.4;
    max-width: 100%;
    padding: 25px 40px 3px 16px;
    pointer-events: none;
    transition: margin .2s
  }

  .options-list-selector {
    background: #fff;
    background-clip: padding-box;
    border-top-width: 1px;
    box-sizing: border-box;
    display: none;
    font-size: 1.3em;
    list-style: none;
    max-height: 250px;
    max-width: 600px;
    min-width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    position: relative;
    text-align: left;
    white-space: nowrap;
    width: 100%
  }

  .options-list-selector.-dropdown {
    background: #fff;
    border: 1px solid #757575;
    border-radius: 4px;
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    max-height: 20em;
    -webkit-user-select: none;
    user-select: none
  }

  .options-list-selector.-dropdown.-open {
    border-color: #3761bf;
    box-shadow: 0 0 0 1px #3761bf
  }

  .options-list-selector.-shipping-method {
    max-height: 165px
  }

  .options-list-item {
    border-top: 1px solid #d8d8d8;
    color: #111;
    display: flex;
    min-height: 40px;
    position: relative;
    white-space: normal
  }

  .options-list-item:not(.-disabled):hover {
    background: #d8d8d8;
    color: #111
  }

  .options-list-item::after {
    clear: right;
    content: "";
    display: block
  }

  .options-list-item.active,
  .options-list-item.-active {
    background: #3761bf;
    color: #fff
  }

  .options-list-item.-disabled {
    color: #757575
  }

  .options-list-text {
    font-size: 15px;
    line-height: 1.2;
    padding: 12px 16px 13px 16px;
    width: 100%
  }

  .options-list-text.-link {
    color: #111;
    text-decoration: none
  }

  .options-list-thumb {
    height: 24px;
    position: absolute;
    top: 9px;
    width: 36px
  }

  .options-list-thumb+.options-list-text {
    display: list-item;
    margin-left: 44px
  }

  .options-list-marker {
    border-right: 1px solid #757575;
    box-sizing: border-box;
    height: 32px;
    left: 0;
    overflow: hidden;
    padding: 0 8px;
    position: absolute;
    top: 10px;
    width: 42px
  }

  .options-list-marker-image {
    display: block;
    margin: 7px auto;
    max-width: 100%
  }

  .options-list-marker-text {
    color: #444;
    display: block;
    font-size: 1.4em;
    line-height: 32px;
    text-align: center
  }

  .error-message {
    color: #d4252a;
    display: block;
    font-size: 1.2em;
    line-height: 1.4;
    margin: -10px 0 20px
  }

  .-price-range.error-message {
    display: none;
    margin: 5px 0 10px
  }

  .-show.error-message {
    display: block
  }

  .checkout-input .error-message {
    font-size: 1.1em;
    margin: 5px 0 10px
  }

  html.left-panel-show,
  html.right-panel-show,
  html.gbox-opened {
    overflow-y: scroll
  }

  html.left-panel-show,
  html.left-panel-show body,
  html.left-panel-show #scrollfix,
  html.right-panel-show,
  html.right-panel-show body,
  html.right-panel-show #scrollfix,
  html.gbox-opened,
  html.gbox-opened body,
  html.gbox-opened #scrollfix {
    height: 100%
  }

  .left-panel-show #scrollfix,
  .right-panel-show #scrollfix,
  .gbox-opened #scrollfix {
    height: 100%;
    position: fixed;
    top: 0
  }

  .left-panel-show .main-wrap,
  .right-panel-show .main-wrap,
  .gbox-opened .main-wrap {
    height: 100%;
    overflow: hidden
  }

  .left-panel-show .main-content-overlay,
  .right-panel-show .main-content-overlay {
    height: 100%;
    opacity: .75;
    transition: opacity .3s ease, height 0s 0s ease
  }

  .right-panel-show .aside-filters-block,
  .wishlist-right-aside .aside-filters-block {
    display: flex;
    justify-content: space-between
  }

  .left-panel-show:not(.gbox-opened) .left-panel {
    display: flex
  }

  .left-panel-show:not(.gbox-opened) #scrollfix {
    background: #fff;
    left: 85%
  }

  .left-panel-show:not(.gbox-opened) .main-wrap {
    background: #fff;
    left: -85%
  }

  .right-panel-show:not(.gbox-opened) .right-panel,
  .right-panel-show:not(.gbox-opened) .wishlist-right-aside {
    display: block
  }

  .right-panel-show:not(.gbox-opened) #scrollfix {
    left: -320px
  }

  .right-panel-show:not(.gbox-opened) .main-wrap {
    left: 320px
  }

  .left-panel,
  .right-panel {
    min-height: 100%;
    text-align: left
  }

  .left-panel {
    background-color: #fff;
    left: 0;
    width: 85%
  }

  .left-panel::after {
    animation: preloader-rotate .7s infinite linear;
    background-size: contain;
    content: "";
    height: 30px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transform-origin: 50% 50%;
    width: 30px
  }

  .left-panel.nopreload::after {
    content: none !important
  }

  .left-panel .header-left-menu-spacing-wrap {
    margin-left: 20px;
    margin-right: 20px
  }

  .left-panel .header-left-menu-spacing-wrap.-left-menu-top-spacing {
    padding-top: 20px
  }

  .right-panel,
  .wishlist-right-aside {
    background: #fff;
    right: 0;
    width: 320px
  }

  .right-panel.-show-sort-products .aside-filter,
  .wishlist-right-aside.-show-sort-products .aside-filter {
    display: none
  }

  .right-panel.-show-sort-products .aside-sorting,
  .wishlist-right-aside.-show-sort-products .aside-sorting {
    display: block
  }

  #scrollfix,
  .main-wrap {
    left: 0;
    position: relative;
    transition: left .3s ease
  }

  #scrollfix {
    background: #fff;
    overflow: hidden
  }

  .wrap p {
    color: #444;
    font-size: 1.4em;
    line-height: 1.8;
    margin: 1.5em 8px
  }

  .wrap p img {
    height: auto;
    max-width: 100%
  }

  .main-content-overlay {
    background: #111;
    display: block;
    height: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity .3s ease, height 0s .3s ease;
    width: 100%;
    z-index: 4
  }

  .fw-normal {
    font-weight: 400 !important
  }

  .fw-bold {
    font-weight: 700 !important
  }

  .txt-decor-none {
    text-decoration: none !important
  }

  .cursor-def {
    cursor: default !important
  }

  .min-h-0 {
    min-height: 0 !important
  }

  .bd0 {
    border: 0 !important
  }

  .mt0 {
    margin-top: 0 !important
  }

  .mb0 {
    margin-bottom: 0 !important
  }

  .mr0 {
    margin-right: 0 !important
  }

  .mr8 {
    margin-right: 8px !important
  }

  .mr20 {
    margin-right: 20px !important
  }

  .ml0 {
    margin-left: 0 !important
  }

  .ml8 {
    margin-left: 8px !important
  }

  .ml20 {
    margin-left: 20px !important
  }

  .mb5 {
    margin-bottom: 5px !important
  }

  .mb8 {
    margin-bottom: 8px !important
  }

  .mb10 {
    margin-bottom: 10px !important
  }

  .mb15 {
    margin-bottom: 15px !important
  }

  .mb20 {
    margin-bottom: 20px !important
  }

  .mb25 {
    margin-bottom: 25px !important
  }

  .mt10 {
    margin-top: 10px !important
  }

  .mt15 {
    margin-top: 15px !important
  }

  .mt20 {
    margin-top: 20px !important
  }

  .mt30 {
    margin-top: 30px !important
  }

  .mt-minus-block {
    margin-top: -16px !important;
    min-height: 16px
  }

  .p0 {
    padding: 0 !important
  }

  .pt0 {
    padding-top: 0 !important
  }

  .pl0 {
    padding-left: 0 !important
  }

  .pb0 {
    padding-bottom: 0 !important
  }

  .pb10 {
    padding-bottom: 10px !important
  }

  .pb20 {
    padding-bottom: 20px !important
  }

  .pr0 {
    padding-right: 0 !important
  }

  .inline {
    display: inline !important
  }

  .inline-block {
    display: inline-block !important
  }

  .width_100 {
    width: 100%
  }

  .h1-change-btn-wrap {
    margin: 16px 8px;
    padding: 0 0 1px
  }

  .change-vehicle-btn-h {
    display: inline-block;
    margin: 5px 0;
    position: relative;
    right: 0;
    top: 0;
    vertical-align: 3px
  }

  .text-truncated {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
  }

  .text-center {
    text-align: center
  }

  .aside-filters,
  .gallery-sidebar-wrap,
  .po-select>.list,
  .wishlist-move-to>.inner,
  .wishlist-popup-menu,
  .tire-size-calculator-selector>.list,
  .main-selector>.list {
    -webkit-overflow-scrolling: touch
  }

  .aside-filters::-webkit-scrollbar,
  .gallery-sidebar-wrap::-webkit-scrollbar,
  .po-select>.list::-webkit-scrollbar,
  .wishlist-move-to>.inner::-webkit-scrollbar,
  .wishlist-popup-menu::-webkit-scrollbar,
  .tire-size-calculator-selector>.list::-webkit-scrollbar,
  .main-selector>.list::-webkit-scrollbar {
    background: #d8d8d8;
    width: 14px
  }

  .aside-filters::-webkit-scrollbar-thumb,
  .gallery-sidebar-wrap::-webkit-scrollbar-thumb,
  .po-select>.list::-webkit-scrollbar-thumb,
  .wishlist-move-to>.inner::-webkit-scrollbar-thumb,
  .wishlist-popup-menu::-webkit-scrollbar-thumb,
  .tire-size-calculator-selector>.list::-webkit-scrollbar-thumb,
  .main-selector>.list::-webkit-scrollbar-thumb {
    background: #a9a9a9;
    border: 2px solid #d8d8d8;
    border-radius: 4px
  }

  .aside-filters::-webkit-scrollbar-thumb:window-inactive,
  .gallery-sidebar-wrap::-webkit-scrollbar-thumb:window-inactive,
  .po-select>.list::-webkit-scrollbar-thumb:window-inactive,
  .wishlist-move-to>.inner::-webkit-scrollbar-thumb:window-inactive,
  .wishlist-popup-menu::-webkit-scrollbar-thumb:window-inactive,
  .tire-size-calculator-selector>.list::-webkit-scrollbar-thumb:window-inactive,
  .main-selector>.list::-webkit-scrollbar-thumb:window-inactive {
    background: #a9a9a9
  }

  .x-scroll {
    overflow-x: auto;
    overflow-y: hidden
  }

  .nav-tool {
    background-size: 24px auto
  }

  .nav-tool.-icon-account {
    background-image: url(34dbaa56.svg)
  }

  .nav-tool.-icon-garage {
    background-position: 0 50%;
    background-size: 42px auto;
    padding-left: 52px
  }

  .nav-tool.-icon-garage.-i1-15 {
    background-image: url(0fd23e3d.svg)
  }

  .nav-tool.-icon-garage.-i1-31 {
    background-image: url(5376f3f3.svg)
  }

  .nav-tool.-icon-garage.-i1-6 {
    background-image: url(aa571f3e.svg)
  }

  .nav-tool.-icon-garage.-i1-20 {
    background-image: url(f19f4913.svg)
  }

  .nav-tool.-icon-cart {
    background-image: url(2cea7c14.svg)
  }

  .header-warning {
    background: #ffac00;
    color: #111;
    text-align: center
  }

  .header-warning>.text {
    display: inline-block;
    font-size: 1.3em;
    padding: 10px 10px 10px 50px
  }

  .disaster-warning-msg {
    background: #fec;
    border: 1px solid #ffac00;
    border-radius: 4px;
    color: #111;
    font-size: 14px;
    margin: 20px 8px;
    padding: 20px;
    text-align: left
  }

  .search-nores-title {
    color: #111;
    font-size: 1.8em;
    font-weight: 500;
    margin: 0 8px
  }

  .search-nores-list {
    color: #757575;
    font-size: 1.3em;
    line-height: 2;
    padding: 0 5px 22px 24px
  }

  .search-nores-list a {
    text-decoration: underline
  }

 
  .wishlist-link-btn,
  .garage-link-btn {
    background-size: auto 12px
  }

  .left-menu-icon {
    cursor: pointer
  }

  .left-menu-icon:hover {
    opacity: .7
  }

  .header-dd-h {
    background: #fff;
    border: 1px solid #d8d8d8;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, .25);
    box-sizing: border-box;
    display: none;
    min-height: 50px;
    min-width: 0;
    padding: 24px;
    position: absolute;
    right: 9px;
    top: 68px;
    z-index: 21
  }

  .header-dd-h.-garage.-category {
    left: 0;
    margin-top: 12px;
    right: 0;
    top: 74%;
    z-index: 23
  }

  .header-dd-h.-popup {
    display: block;
    position: static
  }

  .header-dd-title {
    font-size: 1.8em;
    font-weight: 700;
    margin-bottom: 20px
  }

  .header-dd-hover-element:hover::after {
    background: rgba(0, 0, 0, 0);
    bottom: -15px;
    content: "";
    height: 30px;
    left: 0;
    position: absolute;
    top: auto;
    transform: translateY(0);
    width: 100%
  }

  .count-item {
    background-color: #068922;
    border-radius: 50%;
    box-sizing: border-box;
    color: #fff;
    display: inline-block;
    font-size: 8px;
    font-weight: 700;
    line-height: 16px;
    min-width: 8px;
    padding: 0 3px;
    position: relative;
    text-align: center;
    width: 16px
  }

  .count-item.-outline {
    position: absolute;
    right: 2px;
    top: 8px
  }

  .count-item.-outline::after {
    border: 1px solid #fff;
    border-radius: 50%;
    bottom: -1px;
    content: "";
    left: -1px;
    position: absolute;
    right: -1px;
    top: -1px
  }

  .count-item.-outline.-garage {
    left: 32px;
    right: auto
  }

  .count-item.-left-menu-garage {
    position: absolute;
    right: 0;
    top: 0
  }

  .count-item.-left-menu-wishlist {
    margin-left: 2px
  }

  .count-item.-inactive {
    background: #717d90
  }

  .home-header-message-holder {
    padding: 16px 8px;
    position: relative
  }

  .home-header-message-holder>.message {
    background: #fff;
    border: solid 2px #d4252a;
    box-sizing: border-box;
    color: #d4252a;
    font-size: 16px;
    text-align: center;
    width: 100%;
    z-index: 1
  }

  .home-header-message-holder>.message>.icon {
    background-position: 0 center;
    background-repeat: no-repeat;
    background-size: 32px 28px;
    display: inline-block;
    padding: 15px 5px 15px 40px;
    text-align: left
  }

  .head-dd>.item:hover>.head-dd-main,
  .head-dd>.item:hover>.head-dd-main>.link,
  .head-dd>.item.loading>.head-dd-main,
  .head-dd>.item.loading>.head-dd-main>.link,
  .head-dd>.item.active>.head-dd-main,
  .head-dd>.item.active>.head-dd-main>.link {
    color: #ffac00;
    text-decoration: none
  }

  .head-dd>.item.active::after {
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #444;
    border-style: solid;
    border-width: 0 4px 3px;
    bottom: 0;
    content: "";
    display: block;
    height: 0;
    left: 50%;
    margin-left: -7px;
    position: absolute;
    width: 0
  }

  .head-dd>.item.loading>.head-dd-main::after {
    animation: preloader-rotate .7s infinite linear;
    background-size: contain;
    content: "";
    height: 8px;
    left: auto;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transform-origin: 50% 50%;
    width: 8px
  }

  .head-dd>.item.loading>.head-dd-main.nopreload::after {
    content: none !important
  }

 
  .prod-grd .lst-rating,
  .prod-lst .lst-rating {
    display: block;
    height: 16px;
    width: 100%
  }

  .prod-grd .lst-sales-stats,
  .prod-lst .lst-sales-stats {
    background: #ffac00;
    left: 0;
    padding: .1em .5em;
    position: absolute;
    top: 0;
    z-index: 2
  }

  .prod-grd>li,
  .prod-grd>li>.-clone {
    box-sizing: border-box;
    position: relative;
    vertical-align: top;
    z-index: 1
  }

  .prod-grd .lst-a::after,
  .prod-lst .lst-a::after {
    border: 1px solid #111;
    border-radius: 4px;
    box-sizing: border-box;
    color: #111;
    cursor: pointer;
    display: none;
    font-size: 15px;
    line-height: 3.35;
    position: absolute;
    right: 0;
    text-align: center;
    text-decoration: none;
    top: 96px;
    white-space: nowrap;
    width: 240px
  }

  .prod-grd .lst-a:hover::after,
  .prod-lst .lst-a:hover::after {
    background-color: rgba(0, 0, 0, .06)
  }

  .prod-grd .lst-a::before,
  .prod-lst .lst-a::before {
    content: "";
    display: block;
    overflow: hidden;
    position: absolute;
    text-align: center;
    top: 0
  }

  .prod-grd .lst-a::after,
  .prod-lst .lst-a::after {
    content: "VIEW DETAILS";
    z-index: 1
  }

  .prod-grd .lst-a.-hidden-button::after,
  .prod-lst .lst-a.-hidden-button::after {
    display: none
  }

  .prod-grd .lst-a.-blue::after,
  .prod-lst .lst-a.-blue::after {
    background: #3761bf;
    border-color: #3761bf;
    color: #fff
  }

  .prod-grd .lst-a.-blue:hover::after,
  .prod-lst .lst-a.-blue:hover::after {
    background-color: #3157ab
  }

  .prod-grd .lst-a-name,
  .prod-lst .lst-a-name {
    display: block
  }

  .prod-grd .lst-prc-no-price,
  .prod-lst .lst-prc-no-price {
    font-size: 1.6em
  }

  .prod-grd .lst-rating,
  .prod-lst .lst-rating {
    background-size: 86px auto;
    box-sizing: border-box;
    color: #757575;
    font-size: 1.1em;
    line-height: 1.6;
    margin: 7px 8px 0 0;
    padding-left: 92px;
    padding-right: 8px;
    text-transform: capitalize;
    width: auto
  }

  .prod-grd .lst-rating>span,
  .prod-lst .lst-rating>span {
    display: none
  }

  .prod-grd .lst-prc::before,
  .prod-lst .lst-prc::before {
    content: attr(data-price-from);
    font-size: .53em
  }

  .prod-grd .lst-prc::after,
  .prod-lst .lst-prc::after {
    content: attr(data-price-suffix);
    font-size: .53em;
    font-weight: 400
  }

  .prod-grd .lst-prc:not(.-childs)::after,
  .prod-lst .lst-prc:not(.-childs)::after {
    content: ""
  }

  .prod-grd .lst-a-btn.-add-to-cart::after,
  .prod-lst .lst-a-btn.-add-to-cart::after {
    content: "ADD TO CART"
  }

  .prod-grd .lst-a-btn.-notify-me::after,
  .prod-lst .lst-a-btn.-notify-me::after {
    content: "NOTIFY ME"
  }

  .prod-grd .lst-info-left-part,
  .prod-grd .lst-info-right-part,
  .prod-lst .lst-info-left-part,
  .prod-lst .lst-info-right-part {
    display: flex
  }

  .prod-grd .prod-sales-info,
  .prod-lst .prod-sales-info {
    font-size: 1.3em
  }

  .prod-grd>li,
  .prod-grd>li>.-clone {
    align-items: stretch;
    flex-direction: column
  }

  .prod-grd>li>.-clone {
    border-bottom: none;
    display: none;
    margin-top: 0;
    position: absolute;
    width: 100% !important
  }

  .prod-grd>li>.-clone::before {
    bottom: -1px;
    display: block;
    height: auto !important;
    padding-bottom: 0
  }

  .prod-grd>li>.-clone>.lst-ic-h {
    opacity: 0
  }

  .prod-grd>li>.-clone .lst-a-name {
    white-space: normal
  }

  .prod-grd>li>.-clone .lst-info-left-part,
  .prod-grd>li>.-clone .lst-info-right-part {
    margin: 0 -8px;
    padding-left: 8px;
    padding-right: 8px
  }

  .prod-grd>li>.-clone .lst-info-right-part {
    padding-bottom: 34px
  }

  .prod-grd>li>.-clone .lst-main {
    background-color: #fff;
    padding-bottom: 40px
  }

  .prod-grd.three-per-row .lst-prc {
    font-size: 1.4em
  }

  .prod-grd.three-per-row .lst-prc.-long {
    font-size: 1.3em
  }

  .prod-grd.five-per-row .lst-prc.-long {
    font-size: 1.5em
  }

  .prod-grd .lst-a-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
  }

  .prod-grd .lst-a-name.-normal-text {
    white-space: normal
  }

  .prod-grd .lst-main {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    overflow: hidden;
    padding-bottom: 16px;
    width: 100%
  }

  .prod-grd .lst-main .lst-a::after,
  .prod-grd .lst-main .lst-a.-hidden-button::after {
    display: none
  }

  .prod-grd .lst-a {
    display: block;
    font-size: 1.3em;
    line-height: 1.3;
    margin-bottom: 8px;
    padding-top: 1em;
    text-align: left;
    text-decoration: none;
    width: 100%
  }

  .prod-grd .lst-a::before {
    left: 0;
    padding-top: 100%;
    width: 100%
  }

  .prod-grd .lst-prc,
  .prod-grd .lst-prc-no-price {
    display: block;
    font-size: 1.6em;
    position: relative;
    white-space: nowrap;
    z-index: 2
  }

  .prod-grd .lst-meta {
    margin-bottom: 15px
  }

  .prod-grd .lst-meta.-wt {
    display: none
  }

  .prod-grd .lst-rating {
    float: none;
    margin-right: 0;
    padding-right: 0
  }

  .prod-grd .lst-a-btn {
    bottom: 20px;
    left: 0;
    position: absolute;
    width: 100%
  }

  .prod-grd .lst-info-left-part {
    flex-direction: column;
    flex-grow: 1
  }

  .prod-grd .lst-info-right-part {
    align-items: flex-end;
    flex-direction: row
  }

  .prod-grd .prod-lst-colors {
    margin: 0 0 14px
  }

  .prod-grd .prod-lst-feature-image,
  .prod-grd .prod-lst-feature-images,
  .prod-grd .prod-lst-edit-product-button-h {
    display: none
  }

  .prod-grd .pagination-h1::after {
    display: none
  }

  .prod-grd .prod-sales-info {
    margin-bottom: 6px;
    margin-top: 4px
  }

  .prod-lst>li::after {
    border-bottom: 1px solid #d8d8d8;
    bottom: 0;
    content: "";
    height: 0;
    left: 0;
    margin: 0;
    position: absolute;
    right: 0
  }

  .prod-lst>li:first-child {
    margin-top: 0
  }

  .prod-lst>li.-sp-child-list .lst-ic-h {
    width: 40%
  }

  .prod-lst>li.-sp-child-list .lst-descr-text {
    display: block;
    line-height: 1.4;
    margin-bottom: 5px;
    padding-top: 5px
  }

  .prod-lst>li.-sp-child-list .lst-info-right-part {
    box-sizing: border-box;
    margin-top: 8px;
    min-height: 52px;
    padding-right: 120px
  }

  .prod-lst>li.-wt-prod-list-with-childs {
    flex-direction: column
  }

  .prod-lst>li.-wt-prod-list-with-childs>.lst-ic-h {
    margin: 0 auto;
    width: 100%
  }

  .prod-lst>li.-wt-prod-list-with-childs>.lst-main {
    margin-left: 0;
    position: static
  }

  .prod-lst>li.-wt-prod-list-with-childs .lst-a::before {
    left: 0;
    padding-top: 100%;
    width: 100%
  }

  .prod-lst>li>.-clone {
    display: none
  }

  .prod-lst .lst-featured-video {
    display: none
  }

  .prod-lst .lst-main.-childs {
    padding-bottom: 0
  }

  .prod-lst .lst-main.-childs .lst-a.-hidden-button::after {
    display: none
  }

  .prod-lst .lst-main.-childs .lst-a-btn {
    display: block
  }

  .prod-lst .lst-main.-childs .lst-type-icons {
    margin-bottom: 0
  }

  .prod-lst .lst-main.-childs .rebate-title {
    margin-bottom: 0;
    margin-top: 0
  }

  .prod-lst .lst-main .product-list-qty-form-holder.-both-call-for-price>.line:first-child {
    display: none
  }

  .prod-lst .lst-main .product-list-qty-form-holder>.line {
    margin-bottom: 8px;
    padding-bottom: 12px
  }

  .prod-lst .lst-main .product-list-qty-form-holder>.line:last-child {
    border-bottom: 0;
    margin-bottom: 8px;
    padding-bottom: 0
  }

  .prod-lst .lst-main .product-list-qty-form-holder>.line:last-child.-no-border {
    border: none;
    padding-bottom: 10px
  }

  .prod-lst .lst-main .product-list-qty-form-holder>.line.-out-of-stock>.lst-prc {
    display: none
  }

  .prod-lst .lst-main .product-list-qty-form-holder>.line.-out-of-stock>.lst-features {
    color: #757575
  }

  .prod-lst .lst-main .product-list-qty-form-holder>.line.-out-of-stock>.lst-meta {
    display: block;
    float: right;
    margin-top: 15px
  }

  .prod-lst .lst-main .product-list-qty-form-holder>.line>.lst-prc:not(.-call-for-price) {
    float: right;
    margin-bottom: 10px;
    margin-top: 14px
  }

  .prod-lst .lst-main .product-list-qty-form-holder>.line>.lst-meta {
    display: none
  }

  .prod-lst .lst-main .product-list-qty-form-holder .lst-features {
    overflow: hidden;
    padding-top: 0
  }

  .prod-lst .lst-main .product-list-qty-form-holder .lst-features.-wt {
    display: block;
    font-size: 1.2em;
    margin-bottom: 0;
    margin-top: 0;
    padding-top: 4px
  }

  .prod-lst .lst-main .product-list-qty-form-holder .lst-features.-wt>.lst-feature-highlight {
    display: block;
    font-size: 1.2em;
    font-weight: 500;
    margin-top: 4px
  }

  .prod-lst .lst-main .product-list-qty-form-holder .lst-features.-wt span {
    white-space: normal
  }

  .prod-lst .lst-main .product-list-qty-form-holder .lst-features.-wt span:first-child {
    padding-top: 0
  }

  .prod-lst .lst-main .product-list-qty-form-holder .lst-features span {
    display: block;
    padding-left: 0;
    position: relative
  }

  .prod-lst .lst-main .product-list-qty-form-holder .lst-features span::before {
    content: none
  }

  .prod-lst .lst-main .wt-qty-subtotal {
    display: none
  }

  .prod-lst .lst-info-left-part {
    flex-direction: column;
    flex-shrink: 1;
    margin-right: 4.1095890411%;
    min-width: 0;
    width: 100%
  }

  .prod-lst .lst-info-right-part {
    flex-direction: column;
    flex-grow: 1;
    flex-shrink: 0;
    width: 100%
  }

  .prod-lst .lst-info-right-part.-childs {
    margin-top: 20px
  }

  .prod-lst .lst-a {
    align-self: flex-start;
    font-size: 1.3em;
    line-height: 1.52;
    max-width: 100%;
    word-wrap: break-word
  }

  .prod-lst .lst-a::before {
    left: -75.4385964912%;
    padding-top: 70.1754385965%;
    width: 70.1754385965%
  }

  .prod-lst .lst-a.-rebate-long::after {
    top: 166px
  }

  .prod-lst .lst-a.-wt-rebate::after {
    top: 164px
  }

  .prod-lst .lst-a.-wt-rebate-long::after {
    top: 226px
  }

  .prod-lst .lst-a.-wt-sale::after {
    top: 170px
  }

  .prod-lst .lst-a.-sale::after,
  .prod-lst .lst-a.-avail::after,
  .prod-lst .lst-a.-rebate::after {
    top: 130px
  }

  .prod-lst .lst-a.-rebate-sale::after {
    top: 162px
  }

  .prod-lst .lst-a.-rebate-long-sale::after {
    top: 182px
  }

  .prod-lst .lst-a.-wt-rebate-sale::after {
    top: 184px
  }

  .prod-lst .lst-a.-wt-rebate-long-sale::after {
    top: 226px
  }

  .prod-lst .lst-a.-blue::after {
    left: 0;
    right: auto;
    width: 100%
  }

  .prod-lst .lst-a-btn.-static {
    position: static;
    width: auto
  }

  .prod-lst .lst-a-btn.-static::after {
    content: "VIEW DETAILS"
  }

  .prod-lst .lst-meta {
    margin: 2px 0 10px;
    overflow: hidden;
    position: relative
  }

  .prod-lst .lst-meta.-wt {
    height: 16px;
    margin-bottom: 0;
    margin-top: 8px
  }

  .prod-lst .lst-meta.-wt .prod-avail,
  .prod-lst .lst-meta.-wt .lst-id {
    margin-bottom: 0;
    margin-top: 0
  }

  .prod-lst .lst-id,
  .prod-lst .prod-avail {
    border-left: 1px solid #757575;
    float: left;
    font-size: 1.3em;
    height: 15px;
    line-height: 1.6;
    margin: 8px 18px 0 -8px;
    padding-left: 8px
  }

  .prod-lst .lst-id:last-child,
  .prod-lst .prod-avail:last-child {
    margin-right: 0
  }

  .prod-lst .prod-avail {
    color: #444;
    font-style: normal;
    padding-top: 0
  }

  .prod-lst .prod-avail::before {
    border-width: 3px
  }

  .prod-lst .prod-avail .part2 {
    display: none
  }

  .prod-lst .lst-descr {
    color: #444;
    font-size: 1.2em;
    text-align: left
  }

  .prod-lst .lst-features {
    display: none
  }

  .prod-lst .lst-features>span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    list-style: disc inside;
    padding-left: 12px;
    padding-top: 4px;
    position: relative
  }

  .prod-lst .lst-features>span::before {
    background-color: #444;
    border-radius: 50%;
    content: "";
    height: 4px;
    left: 0;
    position: absolute;
    top: 50%;
    width: 4px
  }

  .prod-lst .lst-prc,
  .prod-lst .lst-prc-no-price {
    display: block;
    font-size: 1.6em;
    line-height: 1.3;
    margin-top: 10px
  }

  .prod-lst .lst-prc.-rebate,
  .prod-lst .lst-prc-no-price.-rebate {
    margin-top: 0
  }

  .prod-lst .lst-type-icons {
    line-height: 0;
    margin-bottom: 6px;
    margin-top: 6px
  }

  .prod-lst .lst-type-icons>.ic {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% auto;
    display: inline-block;
    margin-left: 2.5%;
    margin-top: 0;
    max-width: 32px;
    position: relative;
    width: 18%
  }

  .prod-lst .lst-type-icons>.ic.-show-tooltip>.prod-tooltip {
    display: block
  }

  .prod-lst .lst-type-icons>.ic:first-child {
    margin-left: 0
  }

  .prod-lst .lst-type-icons>.ic::after {
    content: "";
    display: block;
    padding-top: 100%;
    width: 100%
  }

  .prod-lst .lst-type-icons>.ic:nth-child(1)>.prod-tooltip,
  .prod-lst .lst-type-icons>.ic:nth-child(2)>.prod-tooltip {
    left: 0;
    right: auto;
    white-space: nowrap
  }

  .prod-lst .lst-type-icons>.ic:nth-child(1)>.prod-tooltip::after,
  .prod-lst .lst-type-icons>.ic:nth-child(2)>.prod-tooltip::after {
    margin-left: 8px
  }

  .prod-lst .pagination-h1 {
    width: auto !important
  }

  .prod-lst .rebate-title {
    margin-top: 10px
  }

  .prod-lst .prod-sales-info {
    margin-bottom: 4px;
    margin-top: 4px
  }

  .prod-lst .prod-sales-info.-wt {
    margin-bottom: 6px
  }

  .prod-tooltip {
    bottom: 100%;
    color: #fff;
    display: none;
    font-size: 1.3em;
    font-weight: 400;
    left: -100px;
    line-height: 1.2;
    margin-bottom: 2px;
    padding-bottom: 7px;
    position: absolute;
    right: -100px;
    text-align: center;
    z-index: 1
  }

  .prod-tooltip::before {
    background: #757575;
    content: attr(data-anchor);
    display: inline-block;
    padding: 5px 10px
  }

  .prod-tooltip::after {
    border: 8px solid rgba(0, 0, 0, 0);
    border-bottom: 0;
    border-top-color: #757575;
    bottom: 0;
    content: "";
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 0
  }

  .prod-tooltip.-custom-paint {
    left: 0;
    margin-bottom: 1px;
    padding-bottom: 6px;
    text-align: left;
    white-space: nowrap
  }

  .prod-tooltip.-custom-paint::before {
    padding: 4px 10px
  }

  .prod-tooltip.-custom-paint::after {
    left: 12px;
    margin: 0
  }

  .prod-lst-additional-icons {
    left: -4px;
    position: absolute;
    top: 16px
  }

  .prod-lst-recommended {
    height: 13px;
    width: 80px
  }

  .prod-lst-new-arrival {
    height: 13px;
    width: 70px
  }

  .prod-lst-custom-paint {
    height: 35px;
    margin-top: 6px;
    position: relative;
    width: 35px
  }

  .prod-lst-oe {
    height: 13px;
    width: 80px
  }

  .prod-lst-free-gift {
    height: 16px;
    width: 80px
  }

  .prod-lst-free-gift,
  .prod-lst-recommended,
  .prod-lst-custom-paint,
  .prod-lst-new-arrival,
  .prod-lst-oe {
    background-size: 100% 100%;
    margin-bottom: 8px
  }

  .prod-lst-colors {
    margin-bottom: 8px;
    margin-top: 8px;
    max-width: 250px
  }

  .prod-lst-colors::after {
    box-sizing: border-box;
    color: #757575;
    content: attr(data-colors-count);
    display: inline-block;
    font-size: 1em;
    line-height: 1.4;
    position: relative;
    vertical-align: middle
  }

  .prod-lst-colors-item {
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 30px 100%;
    border-radius: 4px;
    box-sizing: border-box;
    display: inline-block;
    height: 20px;
    margin-right: 7px;
    vertical-align: middle;
    width: 30px
  }

  .prod-lst-feature-image {
    margin-bottom: 4px;
    margin-top: 16px
  }

  .prod-lst-feature-image>.item {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 4px;
    display: block;
    height: 45px;
    max-width: 114px;
    width: 100%
  }

  .prod-lst-feature-images {
    font-size: 0;
    margin-bottom: 8px;
    margin-top: 0;
    position: relative
  }

  .prod-lst-feature-images>.item {
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: none;
    height: 22px;
    margin: 6px 13px 0 0;
    max-width: 110px;
    width: 100%
  }

  .prod-lst-feature-images>.item:nth-child(-n+2) {
    display: block
  }

  .prod-lst-feature-images.open>.item {
    display: block
  }

  .prod-lst-feature-images.open>.btn {
    transform: rotate(180deg)
  }

  .prod-lst-feature-images>.btn {
    background-size: 11px auto;
    border: 1px solid #d8d8d8;
    border-radius: 4px;
    bottom: 0;
    cursor: pointer;
    display: block;
    height: 32px;
    position: absolute;
    right: 0;
    width: 20px
  }

  .result-preloader {
    height: 60px;
    position: relative
  }

  .result-preloader::after {
    animation: preloader-rotate .7s infinite linear;
    background-size: contain;
    content: "";
    height: 30px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transform-origin: 50% 50%;
    width: 30px
  }

  .result-preloader.nopreload::after {
    content: none !important
  }

  .empty-product-list-message {
    margin-bottom: 90px;
    margin-top: 70px;
    padding-top: 120px;
    text-align: center
  }

  .empty-product-list-message>.text {
    color: #111;
    font-size: 1.5em;
    line-height: 1.5;
    margin-bottom: 35px;
    padding: 0 10px
  }

  .empty-product-list-message>.text>b {
    display: block;
    font-weight: 500
  }

  .product-list-qty-selector {
    float: left;
    font-size: 1.3em
  }

  .product-list-qty-selector>.selector {
    border-radius: 4px;
    display: inline-block;
    padding-right: 12px;
    position: relative;
    vertical-align: middle;
    width: 64px
  }

  .product-list-qty-selector>.selector .label {
    color: #757575;
    display: block;
    font-size: .8em;
    opacity: 1;
    padding: 6px 4px;
    z-index: 1
  }

  .product-list-qty-selector>.selector .select {
    color: #111;
    padding: 22px 16px 8px
  }

  .no-js .product-list-qty-selector>.selector::after {
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
  }

  .product-list-qty-selector>.selector .select-arrow-hide {
    background: #fff
  }

  .product-list-qty-selector>.selector .select-arrow-hide::before {
    background-size: 11px auto;
    right: 12px
  }

  .product-list-subtotal-price {
    color: #444;
    font-size: 1.4em;
    font-weight: 500;
    margin-bottom: 24px;
    overflow: hidden;
    text-align: right
  }

  .product-list-subtotal-price::after {
    color: #757575;
    content: attr(data-set-suffix);
    font-size: .8em;
    font-weight: 400
  }

  .product-list-msg {
    border-bottom: 1px solid #d8d8d8;
    color: #111;
    margin: 0 1% 20px;
    padding: 4px 0 20px
  }

  .product-list-msg.-icon {
    padding-left: 60px
  }

  

  .product-list-msg>.title {
    font-size: 1.6em;
    font-weight: 500
  }

  .product-list-msg>.text {
    font-size: 1.4em;
    font-weight: 400
  }

  .product-list-msg>.text>.link {
    cursor: pointer;
    text-decoration: underline
  }

  .product-list-msg>.text>.link:hover {
    text-decoration: none
  }

  .prod-lst-edit-product-button-h {
    padding-top: 20px;
    text-align: center
  }

  /* .ptype-tiles-container {
    margin: 0 8px 40px
  } */

  .ptype-tiles-list {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    list-style: none;
    overflow: hidden
  }

  .ptype-tiles-list-item {
    flex-basis: 100%;
    overflow: hidden;
    position: relative
  }

  .ptype-tiles-list-item::after {
    content: "";
    height: 11px;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 6px
  }

  .ptype-tiles-list-item-link {
    background-position: 0 50%;
    background-repeat: no-repeat;
    background-size: 62px auto;
    box-sizing: border-box;
    color: #111;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    font-size: 1.5em;
    justify-content: center;
    line-height: 1.39;
    min-height: 50px;
    padding-left: 74px;
    padding-right: 32px
  }

  .ptype-tiles-list-item-title {
    display: block;
    max-width: 165px
  }

  .shifter:not(.shifter-ready),
  .shifter.enabled.-active:not(.-in-service-types) {
    margin: 16px 0 56px 0
  }

  .shifter:not(.shifter-ready),
  .shifter.enabled {
    margin: 32px 0
  }

  .shifter:not(.shifter-ready).-articles,
  .shifter.enabled.-articles {
    margin-bottom: 80px !important
  }

  .shifter:not(.shifter-ready).-about-us,
  .shifter.enabled.-about-us {
    margin-bottom: 32px !important
  }

  .shifter:not(.shifter-ready).-in-service-types,
  .shifter.enabled.-in-service-types {
    transition: margin .5s linear
  }

  .shifter:not(.shifter-ready)>ul,
  .shifter.enabled>ul {
    display: flex;
    flex-wrap: nowrap;
    list-style: none;
    margin-bottom: 0;
    margin-top: 0;
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
    overflow-y: hidden;
    will-change: scroll-position
  }

  .shifter:not(.shifter-ready)>ul>li,
  .shifter.enabled>ul>li {
    flex: 0 0 auto;
    list-style: none;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    padding-bottom: 0 !important;
    padding-top: 0 !important
  }

  .shifter:not(.shifter-ready) ul {
    overflow-x: auto;
    overflow-y: hidden
  }

  .shifter:not(.shifter-ready) ul,
  .shifter.enabled.-active ul {
    transform: translateZ(0)
  }

  .hiddenScroll .shifter:not(.shifter-ready)>ul,
  .hiddenScroll .shifter.enabled>ul {
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 1px 0
  }

  .shifter-arrow {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    cursor: pointer;
    display: none;
    height: 33px;
    margin-top: -16px;
    opacity: .8;
    position: absolute;
    top: 50%;
    vertical-align: middle;
    width: 31px
  }

  .shifter-arrow:hover {
    opacity: 1
  }

  .shifter-arrow.-inactive {
    display: none !important
  }

  .shifter-arrow.-left {
    left: -30px
  }

  .shifter-arrow.-right {
    right: -30px
  }

  .shifter-arrow.-white {
    filter: grayscale(1) invert(100%)
  }

  .shifter-arrow.-featured-brands.-left {
    left: -46px
  }

  .shifter-arrow.-featured-brands.-right {
    right: -46px
  }

  .shifter-navigation {
    display: block;
    font-size: 0;
    overflow: hidden;
    text-align: center
  }

  .shifter-navigation.-inactive {
    display: none !important
  }

  .shifter-pagination {
    bottom: -24px;
    display: block;
    margin: 0 auto;
    pointer-events: none;
    position: absolute;
    text-align: center;
    vertical-align: middle;
    width: 100%
  }

  .shifter-pagination.-inactive {
    display: none !important
  }

  .shifter-pagination.-articles {
    bottom: -24px
  }

  .shifter-pagination.-featured-brands {
    bottom: -32px
  }

  .shifter-pagination>.dot {
    background-clip: content-box;
    cursor: pointer;
    display: inline-block;
    height: 14px;
    overflow: hidden;
    pointer-events: auto;
    position: relative;
    transition: all .3s;
    vertical-align: middle;
    width: 20px
  }

  .shifter-pagination>.dot::after {
    border: 1px solid #a9a9a9;
    border-radius: 50%;
    content: "";
    height: 7px;
    left: 4px;
    position: absolute;
    top: 2px;
    width: 7px
  }

  .shifter-pagination>.dot:hover {
    opacity: 1
  }

  .shifter-pagination>.dot.-active {
    cursor: default
  }

  .shifter-pagination>.dot.-active::after {
    background-color: #a9a9a9
  }

  .review-col-section {
    display: flex;
    flex-wrap: wrap
  }

  .prod-review-col-write {
    order: 2;
    width: 100%
  }

  .prod-review-col-rating {
    margin-bottom: 32px;
    order: 1;
    width: 100%
  }

  .prod-review-write-btn-h {
    width: 200px
  }

  .review-section {
    color: #757575;
    margin: 0 .8em;
    overflow: hidden
  }

  .review-col1,
  .review-col2 {
    box-sizing: border-box
  }

  .review-col1:first-child,
  .review-col2:first-child {
    padding-left: 0
  }

  .prod-review {
    align-items: flex-start;
    border-top: 1px solid #d8d8d8;
    color: #111;
    display: flex;
    flex-wrap: wrap;
    margin: 24px 0;
    padding-top: 20px
  }

  .prod-review:first-child {
    border-top: 0;
    margin-top: 0
  }

  .prod-review-col-head {
    width: 100%
  }

  .prod-review-col-main {
    width: 100%
  }

  .prod-review-head-rating {
    background-size: auto 100%;
    box-sizing: border-box;
    font-size: 1.2em;
    font-weight: 500;
    height: 16px;
    line-height: 1;
    padding: 3px 0 0 110px
  }

  .prod-review-title {
    font-size: 1.6em;
    font-weight: 500;
    line-height: 1.4;
    margin-top: 12px
  }

  .prod-review-prod-name {
    color: #444;
    font-size: 1.3em;
    line-height: 1.5;
    margin-top: 12px
  }

  .prod-review-message {
    background: #f8f8f8;
    border-radius: 4px;
    color: #444;
    font-size: 1.3em;
    line-height: 1.5;
    margin: 20px 0 14px;
    padding: 12px 20px;
    word-wrap: break-word
  }

  .prod-rvw {
    border-top: 1px solid #d8d8d8;
    clear: both;
    overflow: hidden;
    padding: 2em 0
  }

  .prod-rvw:first-child {
    border: none
  }

  .prod-review-section-name {
    color: #111;
    font-size: 1.9em;
    margin-top: .8em
  }

  .prod-review-section-name.-product {
    font-size: 2.4em
  }

  .prod-review-section-name>a {
    color: #111
  }

  .prod-review-section-name b {
    color: #111;
    font-weight: 500
  }

  .review-h1-description {
    color: #444;
    font-size: 1.3em;
    line-height: 1;
    margin: -12px 2% 14px
  }

  .prod-rvw-rt-ttl-main {
    color: #444;
    font-size: 1.5em;
    line-height: 1.8;
    margin: 1.5em 0
  }

  .prod-rvw-rt-ttl-main>.rating {
    background-size: auto 24px;
    display: inline-block;
    line-height: 26px;
    padding-left: 152px
  }

  .prod-rvw-rt-ttl-main>img {
    vertical-align: bottom
  }

  .rating-percent-star-count {
    background-origin: content-box;
    background-position: right 7px;
    background-repeat: no-repeat;
    background-size: auto 15px;
    font-size: 1.4em;
    font-weight: 500;
    height: 30px;
    line-height: 1;
    padding-right: 60px;
    position: relative
  }

  .rating-percent-star-count::after {
    bottom: 0;
    content: attr(data-count);
    height: 12px;
    margin: auto 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 40px
  }

  .rating-percent-star-count>.percent {
    background-color: #d8d8d8;
    height: 6px;
    left: 0;
    position: absolute;
    right: 172px;
    top: 12px
  }

  .rating-percent-star-count>.percent>.progress {
    background-color: #ffac00;
    height: 6px;
    position: absolute
  }

  .prod-rvw-message {
    background: #f0f0f0;
    border-radius: 4px;
    color: #444;
    font-size: 1.3em;
    line-height: 1.5;
    margin: 20px 0 0;
    padding: 12px 20px;
    text-align: left;
    word-wrap: break-word
  }

  .prod-rvw-cnt-ttl-descr {
    color: #111;
    font-size: 1.3em;
    line-height: 1.5;
    margin-top: 6px
  }

  .prod-rvw-cnt-ttl-descr>a {
    color: #444
  }

  .prod-feedback-info {
    align-items: center;
    color: #444;
    display: flex;
    font-size: 1.1em;
    line-height: 1.5;
    margin: 20px 0 16px;
    position: relative
  }

  .prod-feedback-info::before {
    background: #d8d8d8;
    border-radius: 50%;
    content: "";
    display: inline-block;
    flex: 0 0 auto;
    height: 30px;
    margin-right: 10px;
    vertical-align: middle;
    width: 30px
  }

  .prod-feedback-info::after {
    color: #fff;
    content: attr(data-first-char);
    display: block;
    font-size: 1.0909em;
    font-weight: 700;
    left: 0;
    line-height: 1;
    margin-top: -6px;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: 50%;
    width: 30px
  }

 
  .prod-feedback-info.-vendor::after {
    content: ""
  }

  .prod-feedback-info.-last {
    margin-bottom: 0
  }

  .prod-feedback-info.-support {
    padding-left: 40px
  }

  .prod-feedback-info.-support::before,
  .prod-feedback-info.-support::after {
    display: none
  }

  .prod-feedback-info.-support>i {
    border-radius: 50%;
    height: 30px;
    width: 30px
  }

  .prod-feedback-info-posted {
    display: inline-block;
    font-size: 1.2em;
    font-weight: 500;
    max-width: 86%;
    vertical-align: middle
  }

  .prod-feedback-info-posted>.ymm {
    display: block;
    font-size: .9em;
    font-weight: 400
  }

  .prod-feedback-view-more {
    box-sizing: border-box;
    color: #3761bf;
    cursor: pointer;
    display: block;
    padding: 8px 20px;
    width: 100%
  }

  .prod-feedback-view-more::before {
    content: "show more"
  }

  .prod-feedback-view-more::after {
    background-size: 10px 8px;
    content: "";
    padding: 0 16px 0 5px
  }

  .prod-feedback-view-more.-expanded::before {
    content: "show less"
  }

 
  .prod-review-img {
    display: block;
    width: 100%
  }

  .review-url-btn {
    margin: 0 auto 24px;
    max-width: 316px
  }

  .prod-rvw-btn {
    box-sizing: border-box;
    margin: 10px 0 0;
    min-width: 194px;
    width: 100%
  }

  .prod-rvw-btn:last-of-type {
    margin-right: 0
  }

  .rvw-avg-btn-holder {
    font-size: 1.4em;
    margin-right: 8px;
    text-align: center
  }

  .rvw-lnk-btn {
    display: none
  }

  .header-home-reviews>.h2 {
    display: none
  }

  .reviews-sort-select-wrap {
    display: inline-block;
    vertical-align: middle;
    width: 180px
  }

  .review-more-btn-holder {
    display: block;
    margin-bottom: 30px
  }

  .prod-qa-list-wrap {
    border-top: 1px solid #d8d8d8;
    margin-bottom: 50px
  }

  .prod-qa-list-wrap::before,
  .prod-qa-list-wrap::after {
    content: none
  }

  .prod-qa-list-wrap>.left-column>.item,
  .prod-qa-list-wrap>.right-column>.item {
    border-bottom: 1px solid #d8d8d8;
    box-sizing: border-box;
    padding-top: 32px
  }

  .prod-qa-content {
    padding-left: 30px
  }

  .prod-qa-content:first-child {
    padding-left: 0
  }

  .prod-qa-content.-last {
    padding-bottom: 0
  }

  .prod-qa-content>.title,
  .prod-qa-content>.text {
    color: #444
  }

  .prod-qa-content>.title {
    font-size: 1.8em;
    font-weight: 700;
    margin-bottom: 8px
  }

  .prod-qa-content>.title.-vendor-portal {
    vertical-align: middle
  }

  .prod-qa-content>.topic {
    font-size: 1.4em;
    margin-bottom: 8px
  }

  .prod-qa-content>.topic>span {
    font-weight: 700
  }

  .prod-qa-content>.link {
    display: inline-block;
    font-size: 1.4em;
    font-weight: 500;
    margin-bottom: 8px
  }

  .prod-qa-content>.link.-vendor-portal {
    display: block;
    margin-bottom: 4px;
    padding-top: 10px
  }

  .prod-qa-content .text {
    font-size: 1.4em;
    line-height: 1.6;
    word-break: break-word
  }

  .prod-qa-content .text.-rejected {
    color: #a9a9a9
  }

  .prod-qa-content .spoiler-button-holder.spoiler-control {
    margin-bottom: 0;
    margin-top: 0
  }

  .prod-review-thumbs-holder {
    display: inline-flex;
    flex-wrap: wrap;
    margin-bottom: 10px
  }

  .prod-review-thumbs-holder>.thumbnail,
  .prod-review-thumbs-holder>.prod-review-expand-btn {
    cursor: pointer;
    display: inline-block;
    height: 60px;
    margin-right: 5px;
    margin-top: 10px;
    overflow: hidden;
    width: 90px
  }

  .prod-review-thumbs-holder>.thumbnail.-video,
  .prod-review-thumbs-holder>.prod-review-expand-btn.-video {
    position: relative
  }

  .prod-review-thumbs-holder>.thumbnail.-video::before,
  .prod-review-thumbs-holder>.prod-review-expand-btn.-video::before {
    background-color: rgba(0, 0, 0, .25);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
  }

  .prod-review-thumbs-holder>.thumbnail.-video:hover::before,
  .prod-review-thumbs-holder>.prod-review-expand-btn.-video:hover::before {
    background: none
  }

  .prod-review-thumbs-holder>.thumbnail.-video::after,
  .prod-review-thumbs-holder>.prod-review-expand-btn.-video::after {
    background-blend-mode: darken;
    border-radius: 50%;
    content: "";
    height: 36px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 36px
  }

  .prod-review-thumbs-holder>.thumbnail.-video:hover::after,
  .prod-review-thumbs-holder>.prod-review-expand-btn.-video:hover::after {
    background-blend-mode: normal
  }

  .prod-review-thumbs-holder>.thumbnail>img,
  .prod-review-thumbs-holder>.prod-review-expand-btn>img {
    height: 100%;
    object-fit: cover;
    width: 100%
  }

  .prod-review-expand-btn {
    color: #3761bf;
    font-size: 14px;
    position: relative;
    text-align: center
  }

  .prod-review-expand-btn::before,
  .prod-review-expand-btn::after {
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
  }

  .prod-review-expand-btn::before {
    content: "More (" attr(data-attr) ")";
    left: 0;
    right: 0;
    white-space: nowrap
  }

  .prod-review-expand-btn.-expanded::before {
    content: "Less"
  }

  .prod-review-expand-btn::after {
    content: "";
    height: 13px;
    right: 0;
    width: 13px
  }

 
  .newsletter-subscribe-bnr {
    background-color: #022344;
    display: flex;
    height: 32px;
    justify-content: center;
    padding: 8px 0
  }

  .newsletter-subscribe-bnr>.btn {
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    border: none;
    border-radius: 4px;
    color: #03376c;
    cursor: pointer;
    display: inline-block;
    font: 700 14px/34px "Roboto", "Arial", "Helvetica", sans-serif;
    height: 100%;
    overflow-y: hidden;
    padding: 0 8px;
    width: 110px
  }

  .newsletter-subscribe-bnr>.btn:hover {
    background-color: #f2f2f2
  }

  .newsletter-subscribe-bnr>.txt {
    background-size: auto 36%;
    display: inline-block;
    height: 100%;
    margin-right: 14px;
    width: 136px
  }

  .f-footer {
    clear: both;
    padding-top: 40px
  }

  .f-footer.-no-indent {
    padding-top: 0
  }

  .f-info {
    background-color: #f8f8f8;
    overflow: hidden;
    padding: 18px 0
  }

  .f-info-wrap {
    column-gap: 50px;
    display: flex;
    flex-wrap: wrap;
    padding: 0 16px
  }

  .f-info-col {
    flex-basis: 100%;
    order: 1;
    position: relative
  }

  .f-info-col.-f-pub {
    margin-top: 16px;
    order: 2
  }

  .f-title {
    color: #111;
    display: block;
    font-size: 1.6em;
    font-weight: 400;
    line-height: 2.9;
    text-transform: uppercase
  }

  .f-list {
    column-width: 130px
  }

  .f-list>a,
  .f-list>span {
    color: #111;
    font-size: 1.3em;
    line-height: 2.539
  }

  .f-list>a::after,
  .f-list>span::after {
    content: "";
    display: block
  }

  .f-text {
    display: none
  }

  .f-contact {
    color: #111;
    display: block;
    font-size: 1.3em;
    line-height: 1.54;
    padding-bottom: 20px;
    padding-left: 34px;
    position: relative
  }

  .f-contact::before {
    content: "";
    height: 28px;
    left: 0;
    position: absolute;
    top: 0;
    width: 28px
  }

  .f-contact:first-child {
    margin-top: 8px
  }



  .f-contact.-phone a,
  .f-contact.-phone>span {
    color: inherit
  }

 

  .f-contact.-live-chat>.btn {
    border: 1px solid #111;
    border-radius: 4px;
    cursor: pointer;
    font-size: .9em;
    padding: 4px 16px;
    transition: all .1s
  }

  .f-contact.-live-chat>.btn:hover {
    background-color: rgba(0, 0, 0, .06)
  }

 
  .f-contact.-inspiration {
    display: none
  }

  .pub-block {
    position: relative;
    text-align: center
  }

  .pub-block.-f-pub {
    margin-bottom: 8px;
    margin-top: 8px;
    text-align: left
  }

  .pub-block>.icon {
    background-position: center center;
    background-repeat: no-repeat;
    border: 1px solid #d8d8d8;
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    font-size: 1rem;
    height: 40px;
    margin-bottom: 4px;
    margin-right: 8px;
    overflow: hidden;
    text-indent: -99em;
    vertical-align: middle;
    width: 40px
  }

  .pub-block>.icon:last-child {
    margin-right: 0
  }

  .no-touch .pub-block>.icon:hover {
    background-color: #757575;
    border: 1px solid rgba(0, 0, 0, 0)
  }


  .f-other {
    background: #f0f0f0;
    font-size: 1.2em;
    overflow: hidden;
    padding: 16px 0
  }

  .f-copyright {
    color: #444;
    text-align: center
  }

  .f-links {
    display: none
  }

  .footer-toggle-header {
    display: block;
    position: relative
  }

  .footer-toggle-header.enabled {
    cursor: pointer;
    padding-right: 45px
  }

  .footer-toggle-header.enabled::after {
    content: "";
    height: 6px;
    margin-top: -3px;
    position: absolute;
    right: 0;
    top: 50%;
    width: 10px
  }

  .footer-toggle-header.enabled.active::after {
    content: "";
    transform: rotateZ(180deg)
  }

  .footer-toggle-header.enabled.active+.footer-toggle-content {
    display: block
  }

  .footer-toggle-header.enabled+.footer-toggle-content {
    display: none
  }

  .footer-toggle-content {
    padding: 8px 0 32px
  }

  .recommended-contacts-item>.title,
  .recommended-contacts>.recommended-contacts-title {
    font-size: 2em;
    font-weight: 700;
    line-height: 1.33;
    margin-bottom: 20px
  }

  .recommended-contacts {
    padding: 58px 20px;
    text-align: center
  }

  .recommended-contacts.-horizontal {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0
  }

  .recommended-contacts>.recommended-contacts-title {
    margin-bottom: 90px
  }

  .recommended-contacts-item {
    margin-bottom: 100px;
    padding-top: 60px;
    position: relative
  }

  .recommended-contacts-item::before {
    background-position: 0 0;
    background-repeat: no-repeat;
    content: "";
    height: 56px;
    left: 50%;
    margin-left: -23px;
    position: absolute;
    top: 10px;
    width: 56px
  }

  .recommended-contacts-item.-call::before {
    background-image: url(2eaf7141.svg);
    top: 0
  }

  .recommended-contacts-item.-chat::before {
    background-image: url(b71982a7.svg)
  }

  .recommended-contacts-item.-horizontal {
    margin: 0 6% 26px;
    padding-right: 0;
    width: auto
  }

  .recommended-contacts-item.-horizontal:last-child {
    margin-bottom: 0
  }

  .recommended-contacts-item.-horizontal>.title {
    margin-bottom: 16px
  }

  .recommended-contacts-item>.title {
    font-size: 1.8em;
    margin-bottom: 18px
  }

  .recommended-contacts-item.-chat.-horizontal>.title {
    margin-bottom: 10px
  }

  .recommended-contacts-item>.content {
    color: #757575;
    font-size: 1.6em
  }

  .recommended-contacts-item>.content>.phone-link::after {
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
  }

  .recommended-contacts-popup {
    background: #fff;
    box-sizing: border-box;
    padding: 32px;
    text-align: center;
    width: 100%
  }

  .recommended-contacts-popup>.title {
    font-size: 2em;
    margin-bottom: 36px
  }

  ._mb18 {
    margin-bottom: 18px !important
  }

  ._mb30 {
    margin-bottom: 15px !important
  }

  .modal-simple {
    background: #fff;
    box-sizing: border-box;
    color: #111;
    padding: 30px;
    text-align: center
  }

  .modal-simple>.main {
    font-size: 2em;
    line-height: 1.2;
    margin: 16px 0 36px
  }

  .modal-simple>.btn-group {
    display: flex;
    justify-content: space-between
  }

  .modal-simple-btn-holder {
    width: 48%
  }

  .wishlist-popup-columns>.col,
  .modal-wrap .footer,
  .modal-wrap .main,
  .modal-wrap>.header {
    box-sizing: border-box;
    font-size: 1em;
    line-height: 1;
    padding-left: 2em;
    padding-right: 2em
  }

  .modal-wrap {
    background: #fff
  }

  .modal-wrap.-text-align-left {
    text-align: left
  }

  .modal-wrap::after {
    clear: both;
    content: "";
    display: table
  }

  .modal-wrap>.header {
    padding-bottom: 1em;
    padding-top: 3em;
    text-align: left
  }

  .modal-wrap>.header .-simple>.header {
    padding-top: 3.5em
  }

  .modal-wrap .main {
    margin-bottom: 2em;
    padding-top: 3em
  }

  .modal-wrap .main.-simple {
    padding-top: 1.5em
  }

  .modal-wrap .main.-simple>.modal-text:last-child {
    margin-bottom: 0
  }

  .modal-wrap .main.-short-holder {
    max-width: 640px
  }

  .modal-wrap .main.-pb0 {
    padding-bottom: 0
  }

  .modal-wrap .main>.header {
    padding-top: 5px
  }

  .modal-wrap .main>.header:first-child {
    padding-top: 0
  }

  .modal-wrap .main .extra-top-margin {
    margin-top: 2em
  }

  .modal-wrap .main::after {
    clear: both;
    content: "";
    display: table
  }

  .modal-wrap .footer {
    font-size: 100%;
    margin-bottom: 2em;
    margin-top: 1.5em;
    padding-left: 2em;
    padding-right: 2em
  }

  .modal-wrap .footer.-items-3>.button-holder,
  .modal-wrap .footer.-items-4>.button-holder {
    margin: 0 auto 15px;
    max-width: none
  }

  .modal-wrap .footer.-tires-popup-align {
    display: block;
    padding-left: 0;
    padding-right: 0;
    text-align: left
  }

  .modal-wrap .footer.-short-holder {
    justify-content: space-between;
    max-width: 640px
  }

  .modal-wrap .footer.-indent-top {
    margin-top: 40px
  }

  .modal-wrap .footer.-border {
    border-top: 1px solid #d8d8d8;
    margin: 2em;
    padding: 2em 0 0
  }

  .modal-wrap .footer.-border.-from-mobile-large {
    border-top-width: 0
  }

  .modal-wrap .footer>.button-holder {
    margin-bottom: 16px;
    width: 100%
  }

  .modal-wrap .footer>.button-holder.-width-auto {
    max-width: none;
    width: auto
  }

  .modal-title {
    color: #111;
    font-size: 2.5em;
    font-weight: 400;
    line-height: 1.2
  }

  

  .modal-title.-wl-alert {
    min-height: 35px;
    padding-left: 74px;
    padding-top: 12px
  }

  .modal-title.-warning {
    background-size: auto 100%;
    min-height: 35px;
    padding-left: 74px;
    padding-top: 12px
  }

  .modal-title>.substring {
    color: #a9a9a9;
    font-size: .6em;
    font-weight: 500;
    line-height: 1.85;
    text-transform: none
  }

  .modal-title>.substring>.link {
    color: #0883d4;
    cursor: pointer;
    text-decoration: underline
  }

  .modal-title>.substring>.link:hover {
    text-decoration: none
  }

  .modal-title>.substring>.size {
    color: #111
  }

  .modal-info-msg>.title>.holder,
  .modal-subtitle {
    color: #111;
    display: block;
    font-size: 1.5em;
    font-weight: 400;
    line-height: 1.3
  }

  .modal-info-msg>.title>.-color-red.holder,
  .-color-red.modal-subtitle {
    color: #d4252a
  }

  .modal-info-msg>.title>.-big.holder,
  .-big.modal-subtitle {
    font-size: 2.2em
  }

  .modal-info-msg>.title>.holder>.small,
  .modal-subtitle>.small {
    color: #a9a9a9;
    display: block;
    font-size: .61em;
    font-weight: 400
  }

  .modal-list.-numeric-a>.li,
  .modal-warning,
  .modal-text {
    color: #111;
    font-size: 1.3em;
    line-height: 1.3;
    margin-bottom: 18px
  }

  .modal-list.-numeric-a>.-color-dark.li,
  .-color-dark.modal-warning,
  .-color-dark.modal-text {
    color: #111
  }

  .modal-list.-numeric-a>.-size-big.li,
  .-size-big.modal-warning,
  .-size-big.modal-text {
    font-size: 1.4em
  }

  .modal-list.-numeric-a>.-size-big.li strong,
  .-size-big.modal-warning strong,
  .-size-big.modal-text strong {
    font-size: 1.3em;
    font-weight: 500
  }

  .modal-list.-numeric-a>.-marker.li::before,
  .-marker.modal-warning::before,
  .-marker.modal-text::before {
    border-color: #fff;
    border-radius: 50%;
    border-style: solid;
    border-width: 3px;
    content: "";
    font-size: 0;
    margin-right: 5px;
    position: relative;
    top: -1px;
    vertical-align: middle
  }

  .modal-warning {
    background-color: #d4252a;
    color: #fff;
    padding: 15px
  }

  .modal-text-green {
    color: #068922
  }

  .modal-validate-alert>.title>.holder,
  .modal-text-alert {
    color: #d4252a;
    display: block;
    font-size: 11px;
    font-weight: 500;
    line-height: 1.2
  }

  .modal-list.-wishlist>.li {
    word-break: break-all
  }

  .modal-list.-numeric-a>.li {
    list-style: upper-alpha outside;
    margin-left: 18px;
    padding: 0
  }

  .modal-list>.li {
    color: #a9a9a9;
    font-size: 1.3em;
    line-height: 1.1;
    list-style: disc inside;
    padding-top: .667em
  }

  .modal-list>.li.-normal {
    color: #757575;
    font-size: 1.3em;
    line-height: 1.3
  }

  .modal-list>.li>.title {
    color: #111
  }

  .modal-img-h-right {
    margin: 20px 0;
    text-align: center
  }

  .modal-hr {
    border-bottom: 1px solid #d8d8d8;
    height: 0;
    margin: 1.5em 0;
    width: 100%
  }

  .modal-link {
    cursor: pointer;
    font-size: 1.3em;
    text-decoration: underline
  }

  .modal-link:hover {
    text-decoration: none
  }

  .modal-link.-green {
    color: #068922
  }

  .modal-footer-alert {
    background-size: 23px;
    box-sizing: border-box;
    color: #444;
    display: inline-block;
    font-size: 12px;
    line-height: 1.67;
    margin-bottom: 20px;
    padding-top: 40px
  }

  .modal-footer-alert.-wide {
    width: 100%
  }

  .modal-word-break {
    word-break: break-all
  }

  .modal-checkbox-input-h {
    display: block;
    margin-bottom: 15px;
    overflow: hidden
  }

  .modal-text-input-error {
    color: #d4252a;
    font-size: 1.2em;
    line-height: 1.4
  }

  .modal-form-item {
    margin-bottom: 8px;
    position: relative
  }

  .modal-add-wishlist-btn-h {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    float: right;
    margin: 0 0 0 5px;
    min-width: auto;
    width: 70px
  }

  .modal-info-msg {
    margin-bottom: 2.2em;
    overflow: hidden
  }

  .modal-info-msg.-error {
    background-size: 28px 24px;
    color: #111;
    min-height: 24px;
    padding: 4px 0 0 40px
  }

  .modal-info-msg>.title {
    line-height: 40px;
    padding-top: 3.5em;
    text-align: left
  }

  .modal-info-msg>.title.-pt {
    padding-top: 6px
  }

  .modal-info-msg>.title>.holder {
    display: inline-block;
    line-height: 1.2
  }

  .modal-info-msg:first-child>.title {
    padding-top: 1em
  }

  .modal-hr+.modal-info-msg>.title {
    padding-top: 0
  }

  .modal-info-msg>.detailed {
    padding-left: 72px
  }

  .modal-info-msg .big {
    font-size: 30px;
    line-height: 1.3
  }

  .modal-validate-alert {
    margin-top: 5px
  }

  .modal-validate-alert>.title {
    background-size: 13px;
    padding-left: 20px;
    vertical-align: baseline
  }

  .modal-validate-alert>.title>.holder {
    line-height: 1.3
  }

  .wishlist-popup-columns {
    background: #fff;
    display: table;
    padding-top: 2em;
    table-layout: fixed;
    vertical-align: top;
    width: 100%
  }

  .wishlist-popup-columns>.col {
    border-left: 1px solid #d8d8d8;
    display: block;
    padding-bottom: 1em;
    vertical-align: top
  }

  .wishlist-popup-columns>.col:first-child {
    border-left: none
  }

  .self-service-control-h.-col-4 {
    float: left;
    margin-left: 1.3%;
    width: 24%
  }

  .self-service-control-h.-col-4:first-child {
    margin-left: 0
  }

  .self-service-control-h>.modal-text {
    display: block;
    margin-bottom: 7px
  }

  .self-service-control-h>.upload-file-status {
    font-size: 1.5em;
    margin-left: 0
  }

  .self-service-control-h .placeholder {
    color: #a9a9a9;
    font-family: "Roboto", "Arial", "Helvetica", sans-serif
  }

  .delivery-location-popup {
    background: #fff;
    border-radius: 4px;
    color: #111;
    padding: 32px;
    position: relative
  }

  .delivery-location-popup-loader {
    background-color: rgba(255, 255, 255, .5);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
  }

  .delivery-location-popup-loader::after {
    animation: preloader-rotate .7s infinite linear;
    background-size: contain;
    content: "";
    height: 30px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transform-origin: 50% 50%;
    width: 30px
  }

  .delivery-location-popup-loader.nopreload::after {
    content: none !important
  }

  .delivery-location-popup-zip {
    margin-bottom: 12px
  }

  .expand-countries-list {
    cursor: pointer;
    display: inline-block;
    height: 30px;
    position: relative;
    width: 30px
  }

  .expand-countries-list.-expanded {
    margin-bottom: 12px
  }

  .expand-countries-list.-expanded::before {
    transform: rotate(180deg)
  }

  .expand-countries-list::before {
    background-size: 12px auto;
    border-radius: 50%;
    content: "";
    height: 22px;
    left: 4px;
    position: absolute;
    top: 4px;
    width: 22px
  }

  .modal-shipment-separator {
    float: left;
    font-size: 1.4em;
    margin: 6px 8px 0 0
  }

  .modal-file {
    overflow: hidden;
    position: relative
  }

  .modal-file>input[type=file] {
    font-size: 100px;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0
  }

  .universal-accordion.enabled {
    margin: 0 2%;
    position: relative
  }

  .universal-accordion.enabled.-opened>.accordion-holder>.header::before {
    background-image: url(73a5882b.svg)
  }

  .universal-accordion.enabled.-opened>.accordion-holder>.content {
    position: static;
    width: auto
  }

  .universal-accordion.enabled>.accordion-holder {
    border-bottom: 1px solid #d8d8d8;
    overflow: hidden;
    position: relative
  }

  .universal-accordion.enabled>.accordion-holder>.header {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    height: 22px;
    margin-right: 45px;
    padding: 22px 10px 22px 4px
  }

  .universal-accordion.enabled>.accordion-holder>.header::before {
    background-size: 12px 12px;
    color: #a9a9a9;
    content: "";
    cursor: pointer;
    display: block;
    height: 40px;
    padding: 12px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 20px;
    z-index: 1
  }

  .universal-accordion.enabled>.accordion-holder>.content {
    left: 0;
    position: absolute;
    top: 100%;
    width: 100%
  }

  .universal-accordion.enabled .h2 {
    color: #111;
    font-size: 1.8em;
    font-weight: 500;
    line-height: 24px;
    margin: 0;
    padding: 0;
    text-align: left;
    text-transform: inherit
  }

  .universal-accordion.enabled .h2.-small {
    font-size: 1.8em
  }

  .universal-accordion.enabled .shifter:not(.shifter-ready).-active,
  .universal-accordion.enabled .shifter.enabled.-active {
    margin-bottom: 32px;
    margin-top: 0
  }

  .universal-accordion .universal-tabs {
    margin-top: -20px
  }

  .related-list {
    font-size: 1.4em;
    list-style-type: square;
    padding: 12px 12px 12px 30px
  }

  .related-list>.item {
    padding: 4px 0
  }

  .tab-list {
    border-left: 8px solid #fff;
    border-right: 8px solid #fff;
    box-sizing: border-box;
    display: flex;
    overflow-x: auto
  }

  .tab-list>.item {
    border-left: 2px solid #fff;
    list-style: none;
    width: 100%
  }

  .tab-list>.item:first-child {
    border-left: 0
  }

  .tab-list>.item>.text {
    background: #f0f0f0;
    border-bottom: 2px solid #f0f0f0;
    color: #111;
    cursor: pointer;
    display: block;
    font-size: 14px;
    font-weight: 700;
    padding: 16px 8px 14px;
    text-align: center
  }

  .tab-list>.item>.text:hover {
    border-bottom-color: #d8d8d8
  }

  .tab-list>.item>.text.-selected {
    border-bottom-color: #ffac00;
    cursor: default
  }

  .tab-content-item {
    display: none
  }

  .tab-content-item.-selected {
    display: block
  }

  .links-map-table {
    margin: 8px 0;
    width: 100%
  }

  .links-map-table-body {
    display: inline
  }

  .links-map-table-row {
    display: inline
  }

  .links-map-table-cell {
    display: inline-block;
    font-size: 1.4em;
    padding: 8px 8px 16px
  }

  .text-height-overflow {
    margin-top: 16px;
    overflow: hidden;
    position: relative
  }

  .text-height-overflow>p:first-child {
    margin-top: 0
  }

  .text-height-overflow-hidden {
    left: 0;
    position: absolute;
    top: 100%
  }

  .text-height-overflow-hidden.-expanded {
    position: static
  }

  .spoiler-block {
    position: relative
  }

  .spoiler-block.-expanded {
    max-height: none !important
  }

  .spoiler-block.-active {
    overflow: hidden
  }

  .spoiler-block.-active.-gradient-fade::after {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 80%, #fff 100%);
    bottom: 0;
    content: "";
    height: 20px;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0
  }

  .spoiler-block.-active.-expanded.-gradient-fade::after {
    display: none
  }

  .spoiler-block.-active+.spoiler-control {
    display: block
  }

  .spoiler-block.-active.-expanded .subcats1-item {
    order: 999 !important
  }

  .spoiler-button-holder {
    margin-left: auto;
    margin-right: auto;
    width: 164px
  }

  .spoiler-button-holder.spoiler-control {
    margin-bottom: 30px;
    margin-top: 20px
  }

  .spoiler-button-holder.-text-overflow-expand {
    margin-bottom: 56px;
    margin-top: 12px
  }

  .spoiler-button-holder.-service-type {
    margin: 0 1% 30px;
    width: 98%
  }

  .spoiler-control {
    display: none
  }

  .spoiler-control.-link {
    color: #3761bf;
    font-size: 1.3em;
    font-weight: 500;
    margin-bottom: .4em;
    padding: 16px 0
  }

  .spoiler-control.-link.-arrow-left::after,
  .spoiler-control.-link.-arrow-right::after {
    background-image: url(03a05b5c.svg)
  }

  .spoiler-control.-link.-arrow-left.-expanded::after,
  .spoiler-control.-link.-arrow-right.-expanded::after {
    background-image: url(2257d8c7.svg)
  }

  .spoiler-control.-link.-arrow-left::after {
    padding-left: 14px
  }

  .spoiler-control.-link.-arrow-right::after {
    padding-right: 14px
  }

  .prod-avail {
    color: #444;
    font-size: 1.3em;
    padding-top: 8px
  }

  .prod-avail.-same-day-timer-active {
    position: relative
  }

  .prod-avail.-same-day-timer-active .prod-stock-status {
    position: relative
  }

  .prod-avail.-same-day-timer-active i {
    display: none
  }

  .prod-avail::before {
    border-radius: 50%;
    border-style: solid;
    border-width: 3px;
    content: "";
    font-size: 0;
    margin-right: 5px;
    position: relative;
    top: -1px;
    vertical-align: middle
  }

  .prod-avail.-green::before {
    border-color: #068922
  }

  .prod-avail.-red::before {
    border-color: #d4252a
  }

  .prod-avail.-orange::before {
    border-color: #ffac00
  }

  .prod-same-day-time>span:not(.ships-today) {
    display: block
  }

  .prod-same-day-time>span>b {
    display: inline-block;
    font-weight: 500
  }

  .prod-actions .prod-avail .prod-same-day-time {
    display: block;
    margin-top: 12px;
    position: relative
  }

  .prod-actions .prod-avail .prod-same-day-time>.ships-today {
    display: inline-block;
    margin-right: 8px;
    padding-left: 26px
  }

  .prod-actions .prod-avail .prod-same-day-time>.same-day-timer::after {
    background-image: url(a225951c.svg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    content: "";
    height: 13px;
    left: 0;
    position: absolute;
    top: 2px;
    width: 13px
  }

  .prod-actions .prod-avail.-same-day-timer-active.-with-deliver-text .delivery-text {
    display: none
  }

  .prod-inventory {
    color: #444;
    font-style: normal;
    line-height: normal;
    padding: 2px 0 4px 12px
  }

  .prod-delivery-block .ships-today {
    display: none
  }

  .delivery-input::after {
    clear: both;
    content: "";
    display: table
  }

  .delivery-input .option-text {
    float: left;
    margin-right: 5px
  }

  .delivery-input .prod-same-day-time {
    clear: left;
    display: block;
    float: left;
    margin-right: 5px
  }

  .delivery-input .summary-delta {
    float: left;
    font-weight: 500
  }

  .prod-rebate {
    color: #444;
    font-size: 1.3em;
    line-height: 1.5
  }

  .prod-rebate.-cart {
    font-size: 1.4em
  }

  .prod-rebate.-indent {
    margin-bottom: 10px
  }

  .prod-rebate.-margin-bottom {
    margin-bottom: 14px
  }

  .prod-rebate.-no-padding {
    padding: 0
  }

  .prod-rebate.-padding-bottom {
    padding-bottom: 10px
  }

  .rebate-title {
    display: block;
    font-weight: 700;
    margin-bottom: 4px;
    padding-left: 18px;
    position: relative
  }

  .rebate-title::before {
    content: "";
    height: 12px;
    left: 0;
    position: absolute;
    top: 2px;
    width: 12px
  }

  .rebate-title.-inline {
    display: inline-block
  }

  .rebate-description {
    display: block
  }

  .rebate-description.-inline {
    display: inline
  }

  .prod-sales-info {
    font-size: 1.05em;
    line-height: 1.2;
    margin-bottom: 6px
  }

  .prod-sales-info.-stagger {
    margin-bottom: 0;
    margin-left: 60px
  }

  .prod-sales-info.-po {
    margin-bottom: 2px;
    margin-top: 9px
  }

  .prod-sales-info>.original-price {
    color: #757575;
    display: inline-block;
    margin-bottom: 5px;
    margin-right: 8px;
    text-decoration: line-through
  }

  .prod-sales-info>.today-price {
    background-color: #d4252a;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    font-size: 10px;
    margin-bottom: 6px;
    padding: 3px 12px
  }

  .prod-sales-info>.today-price.-po {
    padding-left: 11px;
    padding-right: 11px
  }

  .prod-progress-bar-with-timer {
    margin-top: 8px
  }

  .prod-progress-bar {
    background-color: #f0f0f0;
    border-radius: 4px;
    height: 8px;
    margin-top: 8px;
    position: relative;
    width: 235px
  }

  .prod-progress-bar-complete {
    background-color: #ffac00;
    border-radius: 4px;
    bottom: 0;
    left: 0;
    position: absolute;
    top: 0
  }

  .wishlist-add {
    background-size: 28px 22px;
    bottom: 2.7em;
    cursor: pointer;
    display: inline-block;
    height: 4.5em;
    position: absolute;
    right: 14.5em;
    text-align: center;
    width: 4.5em;
    z-index: 2
  }

  .wishlist-add:hover {
    background-image: url(f6cf71ab.svg)
  }

  .wishlist-add.-added,
  .wishlist-add.-added:hover {
    background-image: url(c4506f15.svg)
  }

  .wishlist-add>.badge {
    color: #fff;
    display: none;
    font-size: 10px;
    font-weight: 700;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
  }

  .wishlist-prod-name {
    color: #111;
    display: inline-block;
    font-size: 1.4em;
    line-height: 1.5
  }

  .wishlist-prod-name.-unavailable {
    color: #757575
  }

  .wishlist-prod-name.-popup {
    display: block;
    margin-bottom: 1em
  }

  .wishlist-prod-name.-popup>.namepart {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
  }

  .wishlist-prod-name>.namepart {
    display: block
  }

  .wishlist-prod-note {
    font-size: 1.3em;
    height: 78px;
    line-height: 1.462;
    padding: 0;
    position: relative;
    word-wrap: break-word
  }

  .wishlist-prod-note::before {
    padding-right: 5px
  }

  .wishlist-prod-note::before,
  .wishlist-prod-note.-nonempty::after {
    content: url(f2abdad8.svg);
    display: inline-block;
    width: 14px
  }

  .wishlist-prod-note.-nonempty::before {
    display: none
  }

  .wishlist-prod-note.-nonempty::after {
    padding-left: 3px
  }

  .wishlist-popup-price {
    font-size: 1.6em;
    font-weight: 500;
    margin-bottom: 1.438em
  }

  .wishlist-popup-price>.addl {
    font-size: .75em
  }

  .wishlist-popup-ic {
    display: block;
    margin: 0 auto 1.5em;
    max-width: 268px;
    width: 80%
  }

  .wishlist-popup-ic>.ic {
    display: block;
    width: 100%
  }

  .wishlist-popup-menu {
    border-bottom: 1px solid #d8d8d8;
    box-sizing: border-box;
    height: auto;
    margin-bottom: 3em;
    max-height: 15.8em;
    overflow-x: hidden;
    overflow-y: auto;
    padding-top: .5em
  }

  .wishlist-popup-tooltip {
    background-repeat: no-repeat;
    background-size: 20px auto;
    box-sizing: border-box;
    height: 20px;
    width: 20px;
    background-image: url(25396e61.svg);
    display: inline-block;
    vertical-align: baseline
  }

  .wishlist-create-toggle {
    position: relative;
    width: 100%
  }

  .wishlist-create-toggle.-visible>.title {
    background-image: url(afb7bd60.svg)
  }

  .wishlist-create-toggle.-visible>.title::after {
    content: attr(data-visible)
  }

  .wishlist-create-toggle.-visible>.input {
    display: block
  }

  .wishlist-create-toggle.-visible>.button {
    display: none
  }

  .wishlist-create-toggle.-focus>.title::after {
    content: attr(data-focus)
  }

  .wishlist-create-toggle>.title {
    color: #757575;
    cursor: pointer;
    font-size: 1.5em;
    height: 100%;
    margin-bottom: 2em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
  }

  .wishlist-create-toggle>.title::after {
    content: attr(data-hidden);
    line-height: 22px;
    padding-left: 33px
  }

  .wishlist-create-toggle>.input {
    display: none
  }

  .wishlist-editor-holder {
    margin-bottom: 30px;
    margin-top: -10px
  }

  .wishlist-editor-holder .form-field-bottom-label {
    color: #a9a9a9;
    margin-top: 4px;
    position: absolute
  }

  .wishlist-editor-holder .form-field.-textarea {
    margin-bottom: 0
  }

  .wishlist-editor-holder .form-field.-textarea>textarea {
    min-height: 5.2em
  }

  .wishlist-menu {
    list-style: none;
    margin-bottom: 1.2em;
    overflow: hidden
  }

  .wishlist-menu.-left-panel {
    margin-bottom: 10px
  }

  .wishlist-menu>.item {
    overflow: hidden;
    position: relative;
    text-align: right
  }

  .wishlist-menu>.item.-line {
    align-items: center;
    display: flex;
    height: 50px;
    justify-content: space-between;
    margin-bottom: 0
  }

  .wishlist-menu>.item.-bordered {
    border-top: 1px solid #d8d8d8
  }

  .wishlist-menu>.item.-left-panel {
    margin: 0 20px
  }

  .wishlist-menu>.item.-left-panel:first-child {
    padding-top: 16px
  }

  .wishlist-menu>.item>.th {
    color: #757575;
    font-size: 1.2em
  }

  .wishlist-menu>.item>.th.-left {
    float: left
  }

  .wishlist-menu>.item>.link {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #111;
    float: left;
    font-size: 1.4em;
    padding-right: 10px;
    text-align: left;
    width: 70%
  }

  .wishlist-menu>.item>.link::after {
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
  }

  .wishlist-menu>.item>.link>span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
  }

  .wishlist-menu>.item>span {
    color: #444;
    font-size: 1.4em;
    white-space: nowrap
  }

  .account-antibot-style.-paragraph {
    font: 1.3em/1.24 "Roboto", "Arial", "Helvetica", sans-serif;
    margin: 0 0 12px
  }

  .account-antibot-style.-link {
    display: inline-block;
    font: 1em/1.24 "Roboto", "Arial", "Helvetica", sans-serif;
    margin-bottom: 8px
  }

  .account-antibot-style.-input {
    border-radius: 4px;
    margin-left: 0;
    margin-right: 0;
    width: 100%
  }

  .main-selector-wrap {
    height: 52px
  }

  .main-selector {
    background: #fff;
    border: 1px solid #757575;
    border-radius: 4px;
    box-sizing: border-box;
    color: #444;
    cursor: pointer;
    flex: 1;
    min-height: 52px;
    position: absolute;
    text-align: left;
    width: 100%
  }

  .main-selector::before {
    background-size: 100% auto;
    content: "";
    height: 52px;
    position: absolute;
    right: 20px;
    top: 0;
    transition: transform .1s;
    width: 13px
  }

  .main-selector::after {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #444;
    content: attr(data-placeholder);
    font-size: 13px;
    left: 20px;
    line-height: 1;
    position: absolute;
    right: 30px;
    text-transform: uppercase;
    top: 19.5px;
    transition: top .1s;
    white-space: nowrap
  }

  .main-selector.-big {
    min-height: 48px
  }

  .main-selector.-big::before {
    height: 48px
  }

  .main-selector.-big::after {
    top: 17.5px
  }

  .main-selector.-big>.list {
    margin: 48px 10px 10px
  }

  .main-selector.-open {
    border-color: rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 2px #3761bf;
    z-index: 1000
  }

  .main-selector.-open::before {
    background-image: url(35a6a8da.svg);
    transform: rotate(180deg)
  }

  .main-selector.-open>.list {
    display: block
  }

  .main-selector.-open::after,
  .main-selector.-selected::after {
    color: #757575;
    font-size: 10px;
    top: 13px
  }

  .main-selector.-with-marker>.value {
    padding-left: 60px
  }

  .main-selector.-with-marker::after {
    left: 60px
  }

  .main-selector.-disabled {
    background-color: #f0f0f0;
    cursor: default
  }

  .main-selector.-error {
    border-color: #d4252a;
    box-shadow: #d4252a 0 0 0 1px
  }

  .main-selector.-no-border {
    border: none
  }

  .main-selector>.value {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    box-sizing: border-box;
    color: #111;
    display: block;
    font-size: 14px;
    height: 16px;
    left: 0;
    line-height: 1;
    padding-left: 20px;
    padding-right: 30px;
    position: absolute;
    top: 26px;
    width: 92%
  }

  .main-selector>.marker {
    border-right: 1px solid #757575;
    box-sizing: border-box;
    color: #444;
    font-size: 1.4em;
    height: 26px;
    left: 0;
    line-height: 26px;
    padding: 0 17px;
    position: absolute;
    top: 13px;
    width: 42px
  }

  .main-selector>.list {
    animation: show-opts .3s ease;
    background: #fff;
    box-sizing: border-box;
    display: none;
    list-style: none;
    margin: 52px 10px 10px;
    max-height: 250px;
    overflow-x: hidden;
    position: relative;
    text-align: left;
    z-index: 9999
  }

  .main-selector>.list>li {
    background: #fff;
    border-top: 1px solid #d8d8d8;
    color: #444;
    cursor: default;
    font-size: 1.4em;
    line-height: 1.6em;
    margin: 0 -2px;
    min-height: 20px;
    padding: 10px;
    position: relative;
    text-transform: uppercase
  }

  .main-selector>.list>li:hover,
  .main-selector>.list>li:hover>a {
    background: #d8d8d8
  }

  .main-selector>.list>li.-active,
  .main-selector>.list>li.-active>a {
    background: #3761bf;
    color: #fff
  }

  .main-selector>.list>li>a {
    color: #444;
    cursor: default;
    display: block;
    margin: -10px;
    padding: 10px;
    text-decoration: none
  }

  .ptype-grid.-col-7 {
    margin-bottom: 0
  }

  .ptype-grid.-col-7>.li {
    margin: 8px .65% 20px;
    max-width: 168px;
    width: 31.8333%
  }

  .ptype-grid.-col-7>.li>.lazy-loading {
    background: #d8d8d8;
    display: block;
    padding-top: 50%;
    width: 70%
  }

  .ptype-grid.-col-7>.li>.ptype-grid-img {
    top: 0;
    width: 70px
  }

  .ptype-grid.-col-7>.li>.ptype-grid-a {
    font-size: 1.2em;
    font-weight: 700;
    line-height: 1.4;
    padding-bottom: 0;
    padding-top: 84px;
    text-transform: uppercase
  }

  .ptype-grid.-col-7>.li>.ptype-grid-a:hover {
    text-decoration: underline
  }

  .ptype-grid.-col-7>.li>.ptype-grid-a::before {
    height: 100%
  }

  .ptype-grid.-small {
    font-size: 1em;
    margin: 8px 0 3.2em
  }

  .ptype-grid.-small>.li {
    list-style: none;
    margin: 1%;
    padding-bottom: 12px;
    width: 48%
  }

  .ptype-grid.-small>.li>.ptype-grid-a {
    font-size: 1.4em;
    padding-top: 74%
  }

  .ptype-grid.-small>.li>.ptype-grid-img {
    top: 8%;
    width: 82%
  }

  .ptype-lst-nav>.item.-btn-more,
  .ptype-lst-nav>.item.-btn-less,
  .ptype-lst-nav.-more>.item.-btn-more,
  .ptype-lst-nav.-more>.item.-btn-less,
  .ptype-lst-nav.-fixed.-more>.item.-btn-more,
  .ptype-lst-nav.-fixed.-more>.item.-btn-less {
    box-sizing: border-box;
    color: #757575;
    cursor: pointer;
    display: inline-block;
    line-height: 1.33;
    padding-top: 45px;
    text-align: center
  }

  .ptype-lst-nav-h.-fixed {
    background-color: #fff;
    border-bottom: 2px solid #d8d8d8;
    left: 0;
    margin: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 100%
  }

  .ptype-lst-nav:not(.-fixed)>.item.-btn-more,
  .ptype-lst-nav:not(.-fixed)>.item.-btn-less {
    display: none
  }

  .ptype-lst-nav.-fixed {
    height: 65px;
    position: relative;
    transform: none;
    width: 200%
  }

  .ptype-lst-nav.-fixed.-fixed-mobile-open {
    height: auto;
    width: 100%
  }

  .ptype-lst-nav.-fixed.-more>.item.-btn-more {
    background-color: #fff
  }

  .ptype-lst-nav.-fixed>.item {
    margin: 0
  }

  .ptype-lst-nav.-fixed>.item.-btn-more {
    background-color: #fff;
    border-bottom: 2px solid #d8d8d8
  }

  .ptype-lst-nav.-fixed>.item>.link {
    line-height: 1.538em;
    padding-bottom: 0
  }

  .ptype-lst-nav.-more>.item.-btn-more,
  .ptype-lst-nav.-more>.item.-btn-less {
    background-color: #f0f0f0
  }

  .ptype-lst-nav.-fixed-mobile-open>.item {
    left: 0 !important;
    margin: 0 .5%;
    transition: left 0s;
    width: 19%
  }

  .ptype-lst-nav>.item.-btn-more {
    background-color: #f0f0f0;
    left: auto !important;
    min-height: 65px;
    position: absolute;
    right: 50%;
    top: 0
  }

  .ptype-lst-nav>.item.-btn-less::after {
    content: "Less"
  }

  .ptype-lst-nav>.item.-btn-more::after {
    content: "More"
  }

  @media  only screen and (min-width: 421px) {
    .h3 {
      margin: 32px 8px
    }

    .simple-btn.-mobile-wide {
      display: inline-block;
      padding-left: 32px;
      padding-right: 32px;
      width: auto
    }

    .form-field>input,
    .form-field>textarea,
    .form-field select {
      font-size: 15px
    }

    .options-list-selector {
      width: auto
    }

    .left-panel-show:not(.gbox-opened) #scrollfix {
      left: 320px
    }

    .left-panel-show:not(.gbox-opened) .main-wrap {
      left: -320px
    }

    .left-panel {
      width: 320px
    }

    .mt-minus-block {
      margin-top: -32px !important;
      min-height: 32px
    }

    .width_20 {
      width: 20%
    }

    .width_33 {
      width: 33.3333%
    }

    .width_50 {
      width: 50%
    }

    .float-left-not-ms {
      float: left
    }

    .prod-grd .lst-rating,
    .prod-lst .lst-rating {
      background-size: 92px auto;
      padding-left: 100px
    }

    .prod-grd .lst-prc:not(.-childs)::after,
    .prod-lst .lst-prc:not(.-childs)::after {
      content: attr(data-price-suffix)
    }

    .prod-grd .lst-a {
      line-height: 1.4;
      padding-top: 1.2em
    }

    .prod-grd .lst-prc,
    .prod-grd .lst-prc-no-price {
      font-size: 1.8em;
      padding-top: 2px
    }

    .prod-lst .lst-featured-video {
      background-size: contain;
      clear: both;
      display: block;
      height: 51px;
      margin: 16px auto 0;
      overflow: hidden;
      position: relative;
      text-indent: -99em;
      width: 46px;
      z-index: 1
    }

    .prod-lst .lst-main {
      margin-left: 3%
    }

    .prod-lst .lst-main .product-list-qty-form-holder>.line:last-child {
      border-bottom: 1px solid #d8d8d8;
      padding-bottom: 20px
    }

    .prod-lst .lst-main .product-list-qty-form-holder>.line>.lst-prc:not(.-call-for-price) {
      margin-top: 0
    }

    .prod-lst .lst-main .product-list-qty-form-holder .lst-features.-wt {
      font-size: 1.3em;
      padding-top: 0
    }

    .prod-lst .lst-main .product-list-qty-form-holder .lst-features.-wt span:first-child {
      padding-top: 4px
    }

    .prod-lst .lst-main .wt-qty-subtotal {
      display: block
    }

    .prod-lst .lst-a {
      line-height: 1.4
    }

    .prod-lst .lst-meta.-wt {
      margin-top: 0
    }

    .prod-lst .lst-id,
    .prod-lst .prod-avail {
      font-size: 1.2em
    }

    .prod-lst .lst-descr {
      font-size: 1.3em
    }

    .prod-lst .lst-prc,
    .prod-lst .lst-prc-no-price {
      line-height: 2;
      margin-top: 0
    }

    .prod-lst .rebate-title {
      margin-top: 0
    }

    .prod-lst .prod-sales-info {
      margin-bottom: 0
    }

    .prod-lst-recommended {
      height: 17px;
      width: 106px
    }

    .prod-lst-new-arrival {
      height: 17px;
      width: 92px
    }

    .prod-lst-custom-paint {
      height: 40px;
      width: 40px
    }

    .prod-lst-oe {
      height: 17px;
      width: 106px
    }

    .prod-lst-free-gift {
      height: 22px;
      width: 106px
    }

    .prod-lst-colors {
      margin-bottom: 14px;
      margin-top: 14px
    }

    .prod-lst-colors-item {
      background-size: 36px 100%;
      height: 24px;
      width: 36px
    }

    .prod-lst-feature-image>.item {
      height: 68px;
      max-width: 100%
    }

    .prod-lst-feature-images>.item {
      height: 36px;
      margin-top: 10px;
      max-width: 180px
    }

    .product-list-subtotal-price {
      font-size: 1.6em
    }

    .ptype-tiles-list-item::after {
      right: 0
    }

    .ptype-tiles-list-item-link {
      padding-right: 12px
    }

    .prod-feedback-info-posted {
      max-width: none
    }

    .prod-rvw-btn {
      margin-right: 10px;
      width: auto
    }

    .header-home-reviews>.h2 {
      display: block;
      margin-top: 100px
    }

    .pub-block>.icon {
      margin-bottom: 8px
    }

    .modal-wrap .main>.button-holder {
      display: inline-block;
      margin-bottom: 10px
    }

    .modal-wrap .footer {
      display: flex;
      flex-direction: row-reverse
    }

    .modal-wrap .footer>.button-holder:first-child {
      margin-left: 2%
    }

    .modal-wrap .footer>.button-holder {
      max-width: 215px;
      width: 49%
    }

    .modal-wrap .footer>.button-holder.-half-width {
      max-width: none;
      width: 48%
    }

    .modal-img-h-right {
      float: right;
      margin-left: 20px
    }

    .wishlist-popup-columns>.col {
      display: table-cell;
      padding-bottom: 3em;
      width: 50%
    }

    .text-height-overflow {
      margin-top: 32px
    }

    .spoiler-control.-link {
      margin-bottom: 1em;
      padding: 0
    }

    .rebate-title::before {
      top: 4px
    }

    .wishlist-popup-ic {
      margin: 0 0 1.9em;
      width: 100%
    }

    .wishlist-popup-menu {
      height: 26.3em;
      max-height: none
    }

    .wishlist-editor-holder {
      margin-bottom: 0
    }
  }

  @media  only screen and (min-width: 421px)and (max-width:1023.98px) {

    .landing-pages-description>a,
    .landing-pages-description .text-height-overflow>a {
      margin: 0 !important;
      max-width: 48%
    }

    .landing-pages-description>a>img,
    .landing-pages-description .text-height-overflow>a>img {
      height: auto !important;
      margin: 32px 1% !important;
      max-width: 98%;
      width: auto !important
    }

    .prod-grd.three-per-row .lst-prc {
      font-size: 1.5em
    }

    .prod-grd.three-per-row .lst-prc.-long {
      font-size: 1.4em
    }

    .prod-grd .lst-a {
      font-size: 1.6em
    }

    .prod-lst>li {
      margin-top: 20px;
      padding-bottom: 22px
    }

    .prod-lst>li.-sp-child-list .lst-info-right-part {
      padding-right: 140px
    }

    .prod-lst .lst-a {
      font-size: 1.5em
    }

    .prod-lst .lst-prc,
    .prod-lst .lst-prc-no-price {
      font-size: 2em
    }

    .prod-lst .prod-sales-info {
      margin-top: 8px
    }

    .prod-lst-feature-image {
      margin-bottom: 20px
    }

    .wishlist-prod-name {
      font-size: 1.5em
    }
  }

  @media  only screen and (min-width: 421px)and (max-width:1280.98px) {
    .prod-lst .lst-type-icons {
      margin-bottom: 16px;
      margin-top: 16px
    }

    .shifter:not(.shifter-ready).-articles,
    .shifter.enabled.-articles {
      margin-bottom: 120px !important
    }
  }

  @media  only screen and (min-width: 421px)and (max-width:740.98px) {
    .simple-btn.-fixed-toolbar-btn {
      padding-left: 28px;
      padding-right: 28px
    }

    .header-dd-h.-garage.-category {
      box-sizing: border-box;
      max-width: 100%
    }

    .prod-grd>li,
    .prod-grd.three-per-row>li,
    .prod-grd.five-per-row>li {
      margin: 0 1.5% 18px;
      width: 47%
    }

    .prod-lst>li.-wt-prod-list-with-childs>.lst-ic-h {
      width: 40%
    }

    .prod-lst>li.-wt-prod-list-with-childs .lst-a::before {
      padding-top: 50%
    }

    .prod-lst .lst-ic-h {
      width: 40%
    }

    .prod-lst .lst-a::before {
      left: -75.4385964912%;
      padding-top: 70.1754385965%;
      width: 70.1754385965%
    }

    .ptype-tiles-list {
      column-gap: 32px
    }

    .ptype-tiles-list-item {
      flex-basis: 46%
    }

    .modal-wrap .footer.-items-3,
    .modal-wrap .footer.-items-4 {
      display: block
    }

    .modal-wrap .footer.-items-3>.button-holder:first-child,
    .modal-wrap .footer.-items-4>.button-holder:first-child {
      margin: 0 auto 16px
    }

    .modal-wrap .footer.-items-3>.button-holder,
    .modal-wrap .footer.-items-4>.button-holder {
      width: 60%
    }

    .modal-wrap .footer>.button-holder.-half-width {
      margin-left: 0
    }

    .ptype-grid.-small>.li {
      width: 31.33%
    }

    .ptype-lst-nav.-fixed-mobile-open>.item {
      width: 13.28%
    }
  }

  @media  only screen and (min-width: 741px) {
    .landing-pages-description h2 {
      font-size: 2.1em
    }

    .landing-pages-description ul {
      margin-left: 3em
    }

    .h3 {
      font-size: 1.8em
    }

    .group-buttons.-product-options {
      margin: 0 12px 0 auto
    }

    .simple-btn {
      padding: 14px 32px
    }

    .simple-btn.-upsale {
      min-width: 90px;
      right: 14px
    }

    .simple-btn.-fixed-toolbar-btn {
      padding-bottom: 12px;
      padding-top: 12px
    }

    .simple-btn.-more-details {
      width: 130px
    }

    .simple-btn-h1-change-vehicle {
      padding-bottom: 9px;
      padding-top: 9px
    }

    .universal-label>.li.-for-search-mmy {
      padding-right: 32px;
      width: auto
    }

    .universal-label>.li.-for-search-mmy>.truncate {
      margin-right: 0;
      width: auto
    }

    .simple-btn-accordion-btn {
      font-size: 2em;
      line-height: 24px
    }

    .form-field-group.-with-right-button {
      flex-wrap: nowrap
    }

    .form-field-group.-with-right-button>.form-field {
      flex-shrink: 1
    }

    .form-field-group.-with-right-button>.form-field.-error-field {
      margin-bottom: 40px
    }

    .form-field-group.-with-right-button .form-field-error-message {
      bottom: 16px;
      left: 0;
      margin-bottom: 0;
      order: 3;
      position: absolute
    }

    .form-field-group.-with-right-button>.right-btn-holder {
      flex-shrink: 0;
      margin-left: 10px;
      width: 170px
    }

    .form-field.-copylnk {
      position: relative;
      width: auto
    }

    .form-field.-input.-big.-mark::after {
      background-size: 24px auto;
      height: 24px;
      right: 24px;
      width: 24px
    }

    .form-field.-input.-big>label {
      font-size: 1.5em;
      text-indent: 24px;
      transition: all .3s
    }

    .form-field.-input.-big>label+input {
      padding-top: 32px
    }

    .form-field.-input.-big.-empty.-not-focus>label {
      font-size: 2.4em;
      top: 22px
    }

    .form-field.-input.-big>input {
      font-size: 2.4em;
      height: 74px;
      padding-left: 24px;
      padding-top: 22px
    }

    .form-field-check-radio.-checkout-checkbox-group {
      margin-bottom: 20px
    }

    .options-list-value {
      font-size: 15px
    }

    .options-list-selector {
      max-height: 333px
    }

    .checkout-input .error-message {
      font-size: 1.2em
    }

    .right-panel-show:not(.gbox-opened) #scrollfix {
      left: -380px
    }

    .right-panel-show:not(.gbox-opened) .main-wrap {
      left: 380px
    }

    .right-panel,
    .wishlist-right-aside {
      width: 380px
    }

    .main-content-overlay {
      z-index: 100
    }

    .h1-change-btn-wrap {
      align-items: center;
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      margin: 24px 8px 40px
    }

    .change-vehicle-btn-h {
      flex-shrink: 0;
      margin: 0
    }

    .header-dd-h {
      position: relative;
      position: absolute;
      width: 382px
    }

    .header-dd-h::before,
    .header-dd-h::after {
      content: "";
      display: block;
      position: absolute
    }

    .header-dd-h::after {
      z-index: 2
    }

    .header-dd-h::before,
    .header-dd-h::after {
      left: 52%;
      top: -13px
    }

    .header-dd-h::before {
      border: 12px solid rgba(0, 0, 0, 0);
      margin-left: -12px;
      border-bottom: 12px solid #d8d8d8;
      border-top: 0;
      margin-top: 1px
    }

    .header-dd-h::after {
      border: 10px solid rgba(0, 0, 0, 0);
      margin-left: -10px;
      border-bottom: 10px solid #fff;
      border-top: 0;
      margin-top: 3px
    }

    .header-dd-hover-element:hover .header-dd-h {
      display: block;
      top: 56px
    }

    .header-dd-hover-element:hover .header-dd-h.-cart::before,
    .header-dd-hover-element:hover .header-dd-h.-cart::after {
      left: 97%
    }

    .header-dd-hover-element:hover .header-dd-h.-account::before,
    .header-dd-hover-element:hover .header-dd-h.-account::after {
      left: 87%
    }

    .prod-grd .lst-meta {
      margin-bottom: 20px
    }

    .prod-grd .prod-sales-info {
      margin-bottom: 0
    }

    .prod-lst>li.-sp-child-list .lst-a::after {
      display: block;
      z-index: 1
    }

    .prod-lst>li.-sp-child-list>.lst-main {
      margin-left: 3%
    }

    .prod-lst>li.-wt-prod-list-with-childs {
      flex-direction: row
    }

    .prod-lst>li.-wt-prod-list-with-childs>.lst-main {
      margin-left: 3%;
      position: relative
    }

    .prod-lst .lst-rating {
      float: left
    }

    .prod-lst .lst-id {
      color: #757575;
      display: block;
      line-height: 15px
    }

    .prod-lst .lst-id.-with-fitment-type::before {
      background: #717d90;
      border-radius: 4px;
      color: #fff;
      display: block;
      float: left;
      font-size: .8em;
      margin-right: 8px;
      padding: 0 10px;
      text-transform: uppercase
    }

    .prod-lst .lst-id.-with-fitment-type::after {
      border-left: 1px solid #757575;
      content: "";
      float: left;
      height: 100%;
      margin: 0 8px 0 0
    }

    .prod-lst .lst-id.-with-fitment-type.-custom::before {
      background: #ffac00
    }

    .prod-lst .lst-id.-with-fitment-type.-universal::before {
      background: #a9a9a9
    }

    .prod-lst .lst-id.-with-fitment-type.-vehicle::before {
      background: #717d90
    }

    .prod-lst .lst-features {
      color: #444;
      display: block
    }

    .prod-lst .lst-type-icons>.ic {
      margin-left: 18px
    }

    .prod-lst .lst-type-icons>.ic:nth-child(1)>.prod-tooltip,
    .prod-lst .lst-type-icons>.ic:nth-child(2)>.prod-tooltip {
      left: -100px;
      right: -100px;
      white-space: normal
    }

    .prod-lst .lst-type-icons>.ic:nth-child(1)>.prod-tooltip::after,
    .prod-lst .lst-type-icons>.ic:nth-child(2)>.prod-tooltip::after {
      margin-left: auto
    }

    .prod-lst-feature-images>.item,
    .prod-lst-feature-images>.item:nth-child(-n+2) {
      display: inline-block
    }

    .prod-lst-feature-images.open>.item {
      display: inline-block
    }

    .prod-lst-feature-images>.btn {
      background: none;
      display: none
    }

    .empty-product-list-message>.text {
      font-size: 1.8em
    }

    .product-list-msg {
      margin-bottom: 45px;
      padding-bottom: 30px
    }

    .ptype-tiles-list-item-link {
      font-size: 1.6em
    }

    .shifter-navigation.-about-us {
      display: none
    }

    .review-col-section {
      align-items: flex-start;
      flex-wrap: nowrap
    }

    .prod-review-col-write {
      order: 1
    }

    .prod-review-col-rating {
      flex: 0 0 auto;
      margin-bottom: 0;
      order: 2
    }

    .prod-review-write-btn-h {
      margin-right: 0
    }

    .prod-review-write-btn-h.-center {
      margin-right: auto
    }

    .review-col1,
    .review-col2 {
      float: left
    }

    .review-col1 {
      width: 31%
    }

    .review-col2 {
      padding-left: 3em;
      width: 69%
    }

    .prod-review-head-rating {
      font-size: 1.3em;
      height: 20px;
      margin-top: 4px;
      order: 3;
      padding: 5px 0 0 135px;
      width: 100%
    }

    .prod-review-prod-name {
      margin-top: 4px;
      order: 2
    }

    .prod-review-section-name.-extra-margin {
      margin-top: 16px
    }

    .prod-review-section-name.-product {
      margin-top: 0
    }

    .review-h1-description {
      margin: -34px 8px 38px
    }

    .prod-rvw-message {
      font-size: 1.4em;
      margin: 25px 0 10px;
      padding: 20px 24px
    }

    .prod-feedback-info {
      margin-top: 10px
    }

    .prod-feedback-info.-reviews {
      margin-bottom: 0
    }

    .rvw-avg-btn-holder {
      margin-top: -20px
    }

    .rvw-lnk-btn {
      display: inline-block
    }

    .prod-qa-list-wrap {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between
    }

    .prod-qa-list-wrap>.left-column,
    .prod-qa-list-wrap>.right-column {
      display: flex;
      flex-flow: wrap;
      flex-direction: column;
      width: 45%
    }

    .prod-qa-content {
      padding-bottom: 40px
    }

    .prod-review-thumbs-holder>.thumbnail,
    .prod-review-thumbs-holder>.prod-review-expand-btn {
      height: 75px;
      margin-right: 10px;
      width: 110px
    }

    .prod-review-expand-btn {
      font-size: 16px
    }

    .newsletter-subscribe-bnr>.btn {
      padding: 0 16px;
      width: auto
    }

    .newsletter-subscribe-bnr>.txt {
      background-size: auto 50%;
      width: 190px
    }

    .f-info {
      padding: 48px 0 32px
    }

    .f-info-col {
      flex: 1
    }

    .f-info-col.-f-pub {
      flex-basis: 250px
    }

    .f-title {
      font-size: 1.8em;
      line-height: 1.2;
      padding-bottom: 24px
    }

    .f-list {
      column-width: auto
    }

    .f-contact.-inspiration {
      display: block;
      line-height: 2.2;
      margin-top: 32px;
      padding-bottom: 24px;
      padding-left: 46px
    }

    .f-contact.-inspiration::before {
      width: 32px
    }

    .pub-block {
      text-align: inherit
    }

    .pub-block.-f-pub {
      margin-bottom: 0;
      margin-top: 0
    }

    .f-copyright {
      float: left;
      padding: 0 8px
    }

    .f-links {
      display: block;
      float: right;
      padding: 0 8px
    }

    .f-links>a {
      color: #444;
      margin-left: 10px
    }

    .footer-toggle-header {
      border: 0
    }

    .footer-toggle-content {
      padding: 0
    }

    .recommended-contacts-popup>.title {
      font-size: 3em
    }

    ._mb30 {
      margin-bottom: 30px !important
    }

    .modal-wrap {
      min-width: 640px
    }

    .modal-wrap.-simple {
      min-width: 400px
    }

    .modal-wrap .footer.-items-3,
    .modal-wrap .footer.-items-4 {
      display: flex;
      flex-direction: row-reverse
    }

    .modal-wrap .footer.-items-3>.button-holder,
    .modal-wrap .footer.-items-4>.button-holder {
      margin: 0 0 15px 2%
    }

    .modal-wrap .footer.-items-3>.button-holder {
      width: 30%
    }

    .modal-wrap .footer.-border.-from-mobile-large {
      border-top-width: 1px
    }

    .modal-wrap .footer>.button-holder.-half-width {
      margin-left: 4%
    }

    .modal-info-msg>.title>.holder,
    .modal-subtitle {
      font-size: 2em
    }

    .modal-info-msg>.title>.-big.holder,
    .-big.modal-subtitle {
      font-size: 3em
    }

    .modal-list>.li {
      font-size: 1.5em
    }

    .modal-hr {
      margin: 4em 0
    }

    .modal-hr.-small {
      margin: 3em 0
    }

    .modal-footer-alert:not(.-wide) {
      margin-right: 3%;
      vertical-align: middle;
      width: 47%
    }

    .modal-add-wishlist-btn-h {
      width: 90px
    }

    .delivery-location-popup-zip {
      margin-bottom: 0
    }

    .universal-accordion.enabled {
      margin: 56px 8px
    }

    .universal-accordion.enabled>.accordion-holder>.header::before {
      background-size: 16px 16px
    }

    .links-map-table-body {
      display: table-row-group
    }

    .links-map-table-row {
      display: table-row
    }

    .links-map-table-cell {
      display: table-cell
    }

    .spoiler-button-holder.-service-type {
      margin-left: auto;
      margin-right: auto;
      width: 28%
    }

    .rebate-title {
      margin-bottom: 0
    }

    .prod-sales-info>.today-price {
      font-size: 11px;
      padding-left: 18px;
      padding-right: 18px
    }

    .main-selector.-big {
      min-height: 62px
    }

    .main-selector.-big::before {
      height: 62px
    }

    .main-selector.-big::after {
      top: 25px
    }

    .main-selector.-big.-open::after,
    .main-selector.-big.-selected::after {
      top: 15px
    }

    .main-selector.-big>.value {
      font-size: 16px;
      top: 30px
    }

    .main-selector.-big>.marker {
      top: 18px
    }

    .main-selector.-big>.list {
      margin: 62px 10px 10px
    }

    .ptype-grid.-small {
      margin-top: 0
    }

    .ptype-lst-nav.-fixed-mobile-open>.item {
      width: 10.11%
    }

    .ptype-lst-nav>.item.-btn-more,
    .ptype-lst-nav>.item.-btn-less {
      display: none
    }
  }

  @media  only screen and (min-width: 741px)and (max-width:1023.98px) {
    .h2 {
      font-size: 2.4em;
      margin: 40px 8px 32px
    }

    .simple-btn.-fixed-toolbar-btn {
      font-size: 1.2em;
      padding-left: 11px;
      padding-right: 11px
    }

    .header-dd-h {
      top: 58px
    }

    .header-dd-h.-cart {
      display: none !important
    }

    .prod-grd>li,
    .prod-grd.three-per-row>li,
    .prod-grd.five-per-row>li {
      margin: 0 1% 18px;
      width: 31.33%
    }

    .prod-lst>li.-sp-child-list .lst-info-right-part {
      min-height: 62px
    }

    .prod-lst>li.-wt-prod-list-with-childs>.lst-ic-h {
      width: 33%
    }

    .prod-lst>li.-wt-prod-list-with-childs .lst-a::before {
      left: -56.25%;
      padding-top: 51.5625%;
      width: 51.5625%
    }

    .prod-lst .lst-ic-h {
      width: 33%
    }

    .prod-lst .lst-info-right-part {
      margin-top: 10px
    }

    .prod-lst .lst-a::before {
      left: -56.25%;
      padding-top: 51.5625%;
      width: 51.5625%
    }

    .prod-lst .lst-a::after {
      width: 100%
    }

    .prod-lst .lst-features {
      margin: 2px 0 8px
    }

    .ptype-tiles-list {
      gap: 32px
    }

    .ptype-tiles-list-item {
      flex-basis: 30%
    }

    .prod-review-col-rating {
      margin-left: 40px;
      width: 300px
    }

    .prod-rvw {
      padding: 4em 0 3em
    }

    .prod-rvw:first-child {
      padding-top: 2.6em
    }

    .f-info-col {
      flex-basis: calc(33% - 50px)
    }

    .f-info-col.-f-pub {
      display: flex;
      justify-content: space-between
    }

    .f-info-col.-f-pub>.f-contact {
      margin: 0
    }

    .universal-accordion.enabled .h2 {
      font-size: 2em
    }

    .ptype-grid.-col-7>.li {
      width: 23%
    }

    .ptype-grid.-col-7>.li>.lazy-loading {
      padding-top: 46%;
      width: 60%
    }

    .ptype-grid.-col-7>.li>.ptype-grid-a {
      font-size: 1.3em
    }

    .ptype-grid.-small>.li {
      width: 18%
    }
  }

  @media  only screen and (min-width: 741px)and (max-width:1280.98px) {
    .prod-lst>li.-sp-child-list .lst-a::after {
      width: 120px
    }

    .prod-lst .lst-a::after {
      bottom: 0;
      top: auto !important
    }
  }

  @media  only screen and (min-width: 1024px) {
    .h2 {
      font-size: 3em;
      margin: 48px 8px 40px
    }

    .group-buttons.-product-options {
      width: 50%
    }

    .universal-label {
      font-size: 1.4em
    }

    .form-field-label.aside-filters-item {
      padding-left: 34px
    }

    .form-field-label.aside-filters-item::after {
      left: 0;
      top: 1px
    }

    .wrap p img {
      max-width: none
    }

    .header-warning>.text {
      background-position: 0 19px;
      font-size: 1.5em;
      padding: 24px 0 24px 48px
    }

    .disaster-warning-msg {
      font-size: 15px;
      margin: 32px 8px 24px;
      padding: 32px
    }

    .count-item.-nav-tool-garage {
      left: 14px;
      right: auto
    }

    .prod-grd>li,
    .prod-grd>li>.-clone {
      border: 8px solid rgba(0, 0, 0, 0)
    }

    .no-touch .prod-grd>li:hover,
    .no-touch .prod-grd>li>.-clone:hover {
      z-index: 2
    }

    .no-touch .prod-grd>li:hover::before,
    .no-touch .prod-grd>li>.-clone:hover::before {
      border: 1px solid #d8d8d8;
      bottom: -7px;
      content: "";
      left: -7px;
      padding: 7px;
      position: absolute;
      right: -7px;
      top: -7px;
      z-index: -1
    }

    .prod-grd .lst-a::after,
    .prod-lst .lst-a::after {
      display: block
    }

    .prod-grd .lst-a.-hidden-button::after,
    .prod-lst .lst-a.-hidden-button::after {
      display: block
    }

    .prod-grd .lst-rating>span,
    .prod-lst .lst-rating>span {
      display: inline
    }

    .prod-grd .lst-a-btn.-add-to-cart.-desktop-hide,
    .prod-lst .lst-a-btn.-add-to-cart.-desktop-hide {
      display: none !important
    }

    .prod-grd>li,
    .prod-grd>li>.-clone {
      border: 8px solid #fff;
      width: 25%
    }

    .prod-grd>li.-already-cloned:hover {
      border: none;
      z-index: 2
    }

    .prod-grd>li.-already-cloned:hover::before,
    .prod-grd>li.-already-cloned:hover::after {
      content: none
    }

    .prod-grd>li.-already-cloned:hover>.prod-lst-additional-icons {
      display: none
    }

    .prod-grd>li.-already-cloned:hover>.lst-main {
      opacity: 0
    }

    .prod-grd>li.-already-cloned:hover>.lst-ic-h {
      border: 8px solid rgba(0, 0, 0, 0);
      box-sizing: border-box
    }

    .prod-grd>li.-already-cloned:hover>.-clone {
      display: block
    }

    .prod-grd>li.-already-cloned:hover .lst-a::after {
      bottom: 8px;
      display: block;
      left: 0;
      right: 0;
      top: auto;
      width: auto
    }

    .prod-grd>li.-already-cloned:hover .lst-a-btn {
      bottom: 10px;
      display: block;
      position: absolute;
      width: 100%
    }

    .prod-grd.three-per-row>li {
      width: 33.3%
    }

    .prod-grd.five-per-row>li {
      width: 20%
    }

    .prod-grd>li,
    .prod-grd.three-per-row>li,
    .prod-grd.five-per-row>li {
      margin: -8px 0 8px
    }

    .prod-grd .lst-main {
      padding-bottom: 24px
    }

    .prod-grd .lst-a {
      font-size: 1.8em
    }

    .prod-grd .lst-a-btn {
      display: none
    }

    .prod-lst>li {
      margin-top: 24px
    }

    .prod-lst>li.-sp-child-list .lst-ic-h {
      width: 24%
    }

    .prod-lst>li.-sp-child-list .lst-info-right-part {
      margin-top: 0;
      min-height: 0;
      padding-right: 0
    }

    .prod-lst>li.-wt-prod-list-with-childs>.lst-ic-h {
      width: 24%
    }

    .prod-lst>li.-wt-prod-list-with-childs .lst-a::before {
      left: -36.9863013699%;
      padding-top: 32.8767123288%;
      width: 32.8767123288%
    }

    .prod-lst .lst-ic-h {
      width: 24%
    }

    .prod-lst .lst-main {
      flex-direction: row
    }

    .prod-lst .lst-main .product-list-qty-form-holder {
      display: flex;
      flex-direction: column
    }

    .prod-lst .lst-main .product-list-qty-form-holder>.line {
      border-bottom: 1px solid #d8d8d8;
      margin-bottom: 6px;
      padding-bottom: 20px
    }

    .prod-lst .lst-main .product-list-qty-form-holder>.line.-out-of-stock>.lst-prc {
      display: block
    }

    .prod-lst .lst-main .product-list-qty-form-holder>.line.-out-of-stock>.lst-meta {
      float: none;
      margin-bottom: 12px;
      margin-top: 0
    }

    .prod-lst .lst-main .product-list-qty-form-holder>.line>.lst-prc:not(.-call-for-price) {
      float: none
    }

    .prod-lst .lst-info-right-part.-childs {
      margin-top: 0
    }

    .prod-lst .lst-a {
      font-size: 1.8em
    }

    .prod-lst .lst-a::before {
      left: -36.9863013699%;
      padding-top: 32.8767123288%;
      width: 32.8767123288%
    }

    .prod-lst .lst-a.-blue::after {
      left: auto;
      right: 0
    }

    .prod-lst .lst-descr-text {
      display: block;
      line-height: 1.4;
      margin-bottom: 5px;
      padding-top: 5px
    }

    .prod-lst .lst-features {
      margin: 8px 0
    }

    .prod-lst .lst-prc,
    .prod-lst .lst-prc-no-price {
      font-size: 2.3em
    }

    .prod-lst .lst-prc.-long,
    .prod-lst .lst-prc-no-price.-long {
      font-size: 2.1em
    }

    .prod-lst-custom-paint {
      z-index: 4
    }

    .prod-lst-custom-paint:hover>.prod-tooltip {
      display: block
    }

    .prod-lst-feature-image {
      margin-bottom: 24px;
      margin-top: 34px
    }

    .product-list-subtotal-price {
      text-align: left
    }

    .ptype-tiles-list {
      gap: 32px 66px
    }

    .shifter:not(.shifter-ready)>ul,
    .shifter.enabled>ul {
      overflow: hidden
    }

    .shifter-arrow {
      display: inline-block
    }

    .shifter-pagination.-articles {
      bottom: -32px
    }

    .prod-review-col-rating {
      margin-left: 100px;
      width: 450px
    }

    .prod-review {
      flex-wrap: nowrap;
      margin: 40px 0;
      padding-top: 60px
    }

    .prod-review-col-head {
      display: flex;
      flex: 0 0 auto;
      flex-wrap: wrap;
      margin-right: 40px;
      width: 360px
    }

    .prod-review-title {
      font-size: 1.8em;
      margin-top: 0;
      order: 1;
      width: 100%
    }

    .prod-review-message {
      font-size: 1.4em;
      margin-top: 0;
      padding: 20px 24px
    }

    .prod-rvw {
      padding: 6em 0 4em
    }

    .prod-rvw:first-child {
      padding-top: 4em
    }

    .prod-rvw-rt-ttl-main {
      font-size: 1.9em
    }

    .rating-percent-star-count {
      background-position: right 4px;
      background-size: auto 20px
    }

    .rating-percent-star-count>.percent {
      right: 200px
    }

    .prod-rvw-cnt-ttl-descr {
      margin-top: 8px
    }

    .f-footer {
      min-width: 1000px;
      padding-top: 80px
    }

    .f-info-wrap {
      justify-content: space-between
    }

    .f-info-col {
      flex-basis: auto
    }

    .f-info-col.-f-pub {
      margin-right: 40px;
      margin-top: 0;
      order: 1
    }

    .f-text {
      color: #444;
      display: block;
      font-size: 1.2em;
      line-height: 2;
      padding-top: 16px
    }

    .f-contact.-inspiration {
      margin-top: 40px
    }

    .recommended-contacts.-horizontal {
      margin-bottom: 16px
    }

    .wishlist-popup-columns>.col,
    .modal-wrap .footer,
    .modal-wrap .main,
    .modal-wrap>.header {
      padding-left: 3em;
      padding-right: 3em
    }

    .modal-wrap .footer.-items-4 {
      justify-content: space-between
    }

    .modal-wrap .footer.-border {
      margin: 3em 3em 2em;
      padding: 3em 0 0
    }

    .modal-title {
      font-size: 3em
    }

    .modal-title>.substring {
      font-size: .5em
    }

    .universal-accordion.enabled .h2 {
      font-size: 2.2em
    }

    .text-height-overflow-hidden.-desktop-show {
      position: static
    }

    .spoiler-button-holder.-desktop-hide {
      display: none
    }

    .prod-avail:not(.-with-deliver-text) .prod-same-day-time {
      display: block
    }

    .prod-same-day-time>span:not(.ships-today) {
      display: inline
    }

    .wishlist-add {
      right: 14.5em
    }

    .wishlist-prod-name {
      font-size: 1.6em
    }

    .main-selector>.list>li {
      font-size: 1.3em
    }

    .ptype-grid.-col-7 {
      margin-bottom: 16px
    }

    .ptype-grid.-col-7>.li {
      margin-bottom: 8px;
      width: 12.95%
    }

    .ptype-grid.-col-7>.li>.ptype-grid-a {
      font-size: 1.4em;
      padding-top: 90px
    }

    .ptype-grid.-small>.li>.ptype-grid-a {
      padding-top: 80%
    }

    .ptype-lst-nav>.item.-btn-more,
    .ptype-lst-nav>.item.-btn-less,
    .ptype-lst-nav.-more>.item.-btn-more,
    .ptype-lst-nav.-more>.item.-btn-less,
    .ptype-lst-nav.-fixed.-more>.item.-btn-more,
    .ptype-lst-nav.-fixed.-more>.item.-btn-less {
      font-size: 1.3em;
      padding-bottom: 8px
    }

    .ptype-lst-nav-h.-fixed {
      background-color: #fff;
      overflow: unset
    }

    .ptype-lst-nav-h.-fixed .ptype-inner-wrap {
      margin: 0 auto -2px;
      max-width: 1296px;
      overflow: hidden;
      padding-bottom: 2px
    }

    .ptype-lst-nav.-fixed>.item {
      height: 100%;
      padding: 6px 0
    }

    .no-touch .ptype-lst-nav.-fixed>.item:hover {
      background-color: #f0f0f0
    }

    .ptype-lst-nav.-fixed>.item>.link {
      font-size: 1.3em
    }

    .ptype-lst-nav.-more>.item.-btn-more,
    .ptype-lst-nav.-more>.item.-btn-less {
      display: none
    }

    .no-touch .ptype-lst-nav:not(.-fixed)>.item>.link {
      background-color: rgba(0, 0, 0, 0);
      padding: 10px 0 22px;
      transition: background-color .2s linear
    }

    .no-touch .ptype-lst-nav:not(.-fixed)>.item>.link:hover {
      text-decoration: underline
    }

    .no-touch .ptype-lst-nav:not(.-fixed)>.item>.link.active {
      background-color: #fff;
      border-radius: 4px;
      font-weight: 700
    }

    .no-touch .ptype-lst-nav:not(.-fixed)>.item>.link.active::after {
      display: none
    }

    .no-touch .ptype-lst-nav:not(.-fixed)>.item>.link.active>.ptype-lst-icon {
      background-color: rgba(0, 0, 0, 0)
    }

    .no-touch .ptype-lst-nav:not(.-fixed)>.item>.link>.ptype-lst-icon {
      overflow: hidden;
      transform: translateZ(0)
    }
  }

  @media  only screen and (min-width: 1024px)and (max-width:1280.98px) {
    .simple-btn.-fixed-toolbar-btn {
      font-size: 1.4em;
      padding-left: 36px;
      padding-right: 36px
    }

    .prod-grd.three-per-row .lst-prc {
      font-size: 1.7em
    }

    .prod-grd.three-per-row .lst-prc.-long {
      font-size: 1.7em
    }

    .prod-grd.five-per-row .lst-prc {
      font-size: 1.5em
    }

    .prod-lst>li.-sp-child-list .lst-a::after {
      bottom: 0
    }

    .prod-lst .lst-main {
      display: block
    }

    .prod-lst .lst-main.-childs {
      display: flex
    }

    .prod-lst .lst-info-right-part {
      padding-top: 4px
    }

    .prod-lst .lst-info-right-part.-childs {
      width: 225px
    }

    .prod-lst .lst-a::after {
      width: 120px
    }

    .prod-lst .lst-a.-blue::after {
      width: 120px
    }

    .prod-lst .prod-sales-info {
      margin-top: 8px
    }

    .prod-lst-feature-images {
      margin-top: 16px
    }

    .shifter:not(.shifter-ready).-active,
    .shifter.enabled.-active {
      margin-bottom: 48px
    }

    .shifter-arrow.-left,
    .shifter-arrow.-right {
      margin: 0 15px;
      position: static
    }

    .shifter-arrow.-left {
      background-size: auto 12px
    }

    .shifter-arrow.-right {
     background-size: auto 12px
    }

    .shifter-navigation.-articles {
      position: relative;
      top: 28px
    }

    .shifter-navigation.-featured-brands {
      bottom: -38px;
      position: absolute;
      width: 100%
    }

    .shifter-pagination {
      display: inline-block;
      position: static;
      width: auto
    }

    .rebate-description {
      width: 70%
    }

    .ptype-grid.-col-7>.li>.lazy-loading {
      padding-top: 58%
    }
  }

  @media  only screen and (min-width: 1024px)and (max-width:1600.98px) {

    .prod-grd .lst-rating,
    .prod-lst .lst-rating {
      font-size: 1.2em
    }

    .prod-lst>li {
      padding-bottom: 22px
    }

    .ptype-tiles-list-item {
      flex-basis: 28%
    }

    .ptype-lst-nav>.item.-btn-more,
    .ptype-lst-nav>.item.-btn-less,
    .ptype-lst-nav.-more>.item.-btn-more,
    .ptype-lst-nav.-more>.item.-btn-less,
    .ptype-lst-nav.-fixed.-more>.item.-btn-more,
    .ptype-lst-nav.-fixed.-more>.item.-btn-less {
      padding-top: 46px
    }

    .ptype-lst-nav.-fixed {
      height: 70px
    }
  }

  @media  only screen and (min-width: 1281px) {
    .simple-btn.-fixed-toolbar-btn {
      font-size: 1.5em;
      padding-bottom: 11px;
      padding-top: 11px
    }

    .options-list-wrap.-with-reset {
      margin-right: 110px
    }

    .prod-grd>li,
    .prod-grd>li>.-clone {
      margin-bottom: 16px
    }

    .prod-grd.three-per-row .lst-prc.-long {
      font-size: 2em
    }

    .prod-lst>li::after {
      left: 24%;
      margin: 0 3%;
      right: 240px
    }

    .prod-lst>li.-sp-child-list .lst-a::after {
      bottom: auto;
      top: 100px
    }

    .prod-lst>li.-sp-child-list .lst-a.-sale::after {
      top: 130px
    }

    .prod-lst .lst-info-right-part {
      padding-top: 42px
    }

    .prod-lst .lst-type-icons {
      margin-bottom: 0;
      margin-top: 14px
    }

    .prod-lst .prod-sales-info.-long {
      font-size: 1.15em
    }

    .prod-lst-feature-images {
      margin-bottom: 16px;
      margin-top: 8px
    }

    .shifter:not(.shifter-ready).-articles,
    .shifter.enabled.-articles {
      margin-bottom: 100px !important
    }

    .shifter:not(.shifter-ready).-articles.-inactive,
    .shifter.enabled.-articles.-inactive {
      margin-bottom: 60px !important
    }

    .shifter-arrow.-left {
      background-image: url(ebea543f.svg)
    }

    .shifter-arrow.-right {
      background-image: url(d5eb35de.svg)
    }

    .ptype-grid.-small>.li {
      width: 31.33%
    }

    .ptype-grid.-small>.li>.ptype-grid-img {
      top: 4%;
      width: 92%
    }
  }

  @media  only screen and (min-width: 1281px)and (max-width:1600.98px) {
    .simple-btn.-fixed-toolbar-btn {
      padding-left: 58px;
      padding-right: 58px
    }

    .prod-grd.three-per-row .lst-prc {
      font-size: 2em
    }

    .prod-lst>li.-sp-child-list .lst-a::after {
      width: 225px
    }

    .prod-lst .lst-info-right-part {
      width: 225px
    }

    .prod-lst .lst-a::after {
      width: 225px
    }

    .prod-lst .lst-a.-blue::after {
      width: 225px
    }

    .shifter-arrow.-featured-brands.-left {
      left: -38px
    }

    .shifter-arrow.-featured-brands.-right {
      right: -38px
    }
  }

  @media  only screen and (min-width: 1601px) {
    .simple-btn.-fixed-toolbar-btn {
      padding-left: 64px;
      padding-right: 64px
    }

    .prod-grd.three-per-row .lst-prc {
      font-size: 2.2em
    }

    .prod-grd.five-per-row .lst-prc.-long {
      font-size: 2em
    }

    .prod-grd .lst-prc,
    .prod-grd .lst-prc-no-price {
      font-size: 2em
    }

    .prod-lst>li {
      padding-bottom: 24px
    }

    .prod-lst>li.-sp-child-list .lst-a::after {
      width: 240px
    }

    .prod-lst .lst-info-right-part {
      width: 240px
    }

    .prod-lst .lst-a.-blue::after {
      width: 240px
    }

    .ptype-tiles-list-item {
      flex-basis: 21%
    }

    .shifter-arrow.-left {
      left: -40px
    }

    .shifter-arrow.-right {
      right: -40px
    }

    .spoiler-button-holder.-service-type {
      margin-top: -16px
    }

    .ptype-grid.-additional-row>.li {
      margin-left: 2%;
      margin-right: 2%
    }

    .ptype-lst-nav>.item.-btn-more,
    .ptype-lst-nav>.item.-btn-less,
    .ptype-lst-nav.-more>.item.-btn-more,
    .ptype-lst-nav.-more>.item.-btn-less,
    .ptype-lst-nav.-fixed.-more>.item.-btn-more,
    .ptype-lst-nav.-fixed.-more>.item.-btn-less {
      padding-top: 70px
    }

    .ptype-lst-nav.-fixed {
      height: 95px
    }
  }

  @media  only screen and (min-width: 421px)and (max-width:1023.98px),
  only screen and (min-width:1281px) {

    .shifter:not(.shifter-ready).-active,
    .shifter.enabled.-active {
      margin: 32px 0 72px 0
    }
  }

  @media  only screen and (min-width: 421px)and (max-width:1023.98px),
  only screen and (min-width:1281px)and (max-width:1600.98px) {
    .prod-grd.five-per-row .lst-prc.-long {
      font-size: 1.8em
    }
  }

  @media  only screen and (min-width: 741px)and (max-width:1023.98px),
  only screen and (min-width:1281px)and (max-width:1600.98px) {
    .head-dd>.item.loading>.head-dd-main::after {
      right: 0
    }
  }
</style>


<!DOCTYPE html>
<html class="no-js desktop" lang="en">

<head>
  <meta charset="utf-8">
  <title></title>
  <meta name="description" content=".">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=5.0">
  <meta name="theme-color" content="#2d3034">


  <style data-url="/css/critical.css?v=d2204fbf">
    .media-query-state {
      height: 0;
      overflow: hidden;
      position: absolute;
      transform: scale(7);
      transition: transform 1ms linear;
      width: 1px;
      z-index: -1
    }

    .media-query-state::after {
      content: "mobile-small"
    }

    @keyframes  preloader-rotate {
      0% {
        transform: translate(-50%, -50%) rotateZ(0)
      }

      100% {
        transform: translate(-50%, -50%) rotateZ(360deg)
      }
    }

    .body-bg-type1 {
      background: #f0f0f0
    }

    .body-bg-type1::after,
    .body-bg-type1::before {
      content: "";
      display: table
    }

    .hr {
      border-top: 1px solid #d8d8d8;
      clear: both;
      height: 0;
      margin: 20px 0
    }

    .nobg {
      background: none !important
    }

    .nobg-before::before {
      background: none !important
    }

    .nobrdr {
      border: 0 !important
    }

    .align-center {
      text-align: center !important
    }

    .align-left {
      text-align: left !important
    }

    ._uppercase {
      text-transform: uppercase !important
    }

    .no-js .product-images-shifter-source {
      pointer-events: none
    }

    body {
      background-color: #fff;
      color: #111;
      font: 62.5% "Roboto", "Arial", "Helvetica", sans-serif;
      line-height: 1.4;
      margin: 0;
      padding: 0;
      text-align: center
    }

    div,
    span,
    h1,
    h2,
    p,
    em,
    img,
    strong,
    b,
    u,
    i,
    dl,
    dt,
    dd,
    ol,
    ul,
    li,
    fieldset,
    legend,
    form,
    label,
    table,
    tr,
    th,
    td {
      border: 0;
      font-size: 100%;
      margin: 0;
      outline: 0;
      padding: 0;
      vertical-align: baseline
    }

    a,
    [data-hlk] {
      color: #3761bf;
      cursor: pointer;
      font-size: 100%;
      margin: 0;
      padding: 0;
      text-decoration: none;
      vertical-align: baseline
    }

    a:hover,
    [data-hlk]:hover {
      text-decoration: underline
    }

    table {
      border-collapse: collapse;
      border-spacing: 0
    }

    table td,
    table th {
      vertical-align: top
    }

    iframe {
      border: 0
    }

    html {
      overflow-x: hidden
    }

    html,
    body {
      min-height: 100%
    }

    body {
      position: relative
    }

    textarea {
      resize: vertical
    }

    #scrollfix {
      position: relative;
      width: 100%;
      z-index: 5
    }

    #scrollfix.hiddenScroll {
      overflow: hidden
    }

    .left-panel,
    .right-panel {
      display: none;
      position: absolute;
      top: 0
    }

    .main-content {
      position: relative;
      width: 100%;
      z-index: 1
    }

    .main-content.-overlay.-animate::after {
      animation: show-opts .4s
    }

    .main-content.-selects-overlay-show {
      z-index: auto
    }

    .main-content.-wishlist-panel-holder {
      z-index: 5
    }

    .wrap {
      margin: 0 auto;
      min-width: 320px;
      position: relative;
      text-align: left
    }

    .product-list-with-filter-holder {
      box-sizing: border-box;
      width: 100%
    }

    .mobile-small-show,
    .mobile-medium-show,
    .mobile-large-show {
      display: none !important
    }

    .hidden {
      display: none !important
    }

    ._hide-text {
      display: block;
      font-size: 1rem;
      height: 0;
      overflow: hidden;
      width: 0
    }

    .ov-hidden {
      overflow: hidden !important
    }

    .ov-x-auto {
      overflow-x: auto !important
    }

    .block {
      display: block !important
    }

    .clear {
      clear: both;
      height: 0;
      overflow: hidden
    }

    ._clear-modern::before,
    ._clear-modern::after {
      clear: both;
      content: "";
      display: table
    }

    .float_right {
      float: right
    }

    .float_left {
      float: left
    }

    .pos_r {
      position: relative
    }

    .row::before,
    .row::after {
      clear: both;
      content: "";
      display: table
    }

    template {
      display: none
    }

    .break-word {
      word-wrap: break-word
    }

    .h1-change-btn-wrap {
      margin: 16px 8px
    }

    .h1-fat {
      color: #111;
      display: block;
      font: 500 2.2em/1.2 "Roboto", "Arial", "Helvetica", sans-serif;
      margin: 16px 2%
    }

    .h1-fat.-with-button {
      display: inline;
      margin: 0 24px 0 0
    }

    .h1-fat>span {
      font-weight: 400
    }

    ._store-red {
      background-color: #d41e2b !important
    }

    ._store-orange {
      background-color: #fea934 !important
    }

    ._store-grey-blue {
      background-color: #455874 !important
    }

    ._store-blue {
      background-color: #0883d4 !important
    }

    ._store-gray {
      background-color: #686c73 !important
    }

    ._store-dark-orange {
      background-color: #fc6200 !important
    }

    ._store-green {
      background-color: #1e824c !important
    }

    .stores-list-wrap {
      background-color: #f8f8f8;
      border-bottom: 1px solid #d8d8d8
    }

    .stores-list {
      align-items: center;
      display: flex;
      flex-wrap: nowrap;
      height: 36px;
      list-style: none;
      overflow-x: auto;
      overflow-y: hidden
    }

    .stores-list>li {
      display: flex;
      font-size: 1.3em
    }

    .stores-list>li>.item {
      box-sizing: border-box;
      color: #444;
      display: block;
      line-height: 35px;
      padding-left: 64px;
      padding-right: 28px;
      position: relative;
      white-space: nowrap
    }

    .stores-list>li>.item.-active {
      cursor: default;
      font-weight: 700
    }

    .stores-list-icon {
      background-position: 20px 50%;
      background-repeat: no-repeat;
      background-size: auto 16px
    }

    .stores-list-icon.-i1-15 {
      background-image: url(0fd23e3d.svg)
    }

    .stores-list-icon.-i1-31 {
      background-image: url(5376f3f3.svg)
    }

    .stores-list-icon.-i1-6 {
      background-image: url(aa571f3e.svg)
    }

    .stores-list-icon.-i1-20 {
      background-image: url(f19f4913.svg)
    }

    .stores-list-icon.-i5-0 {
      background-image: url(68627a8a.svg)
    }

    .stores-list-icon.-i4-0 {
      background-image: url(ed9a077d.svg)
    }

    .stores-list-icon.-i3-0 {
      background-image: url(7c053e7c.svg)
    }

    .stores-list-icon.-i2-0 {
      background-image: url(17d288f8.svg)
    }

    .head-header {
      border-bottom: 1px solid #d8d8d8;
      width: 100%
    }

    .header-top {
      align-items: center;
      background-color: #fff;
      display: flex;
      height: 36px;
      margin-bottom: 66px;
      padding-top: 4px;
      position: relative
    }

    .header-top>.nav-logo-holder {
      box-sizing: border-box;
      padding-right: 40px
    }

    .header-top>.input-holder {
      bottom: -50px;
      flex-grow: 1;
      left: 16px;
      position: absolute;
      right: 16px
    }

    .left-menu-icon {
      background-size: 24px 18px;
      cursor: pointer;
      display: block;
      height: 48px;
      width: 56px;
      z-index: 1
    }

    .head-logo-a {
      background-size: 22px auto;
      bottom: 0;
      color: #111;
      left: 56px;
      position: absolute;
      text-indent: -999em;
      top: 0;
      width: 34px;
      z-index: 3
    }

    .header-search-label {
      background: #f8f8f8;
      border: 1px solid #d8d8d8;
      border-radius: 4px;
      box-sizing: border-box;
      color: #757575;
      font-size: 1.3em;
      line-height: 22px;
      padding: 8px 0 8px 16px;
      position: relative
    }

    .header-search-label::before {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      content: "Search by Make Model Year, Product Type, Part Number, or Brand...";
      display: block;
      margin-right: 42px
    }

    .header-search-label::after {
      background-size: 25px auto;
      content: "";
      height: 25px;
      position: absolute;
      right: 12px;
      top: 50%;
      transform: translateY(-50%);
      width: 25px
    }

    .header-search-label.-no-garage::before {
      content: "Search by Product Type, Part Number, or Brand..."
    }

    .home-header-nav-tool {
      align-items: center;
      display: flex;
      flex-grow: 1;
      justify-content: flex-end;
      list-style: none;
      margin-right: 6px;
      position: relative
    }

    .nav-tool {
      background-position: 50% 50%;
      background-repeat: no-repeat;
      box-sizing: border-box;
      cursor: pointer;
      display: flex;
      flex-direction: column;
      font-size: 1.2em;
      font-weight: 400;
      height: 48px;
      justify-content: center;
      line-height: 1.2;
      min-width: 40px;
      position: relative
    }

    .nav-tool.-garage {
      margin-right: 18px
    }

    .nav-tool.-garage::before {
      background-color: #d8d8d8;
      content: "";
      height: 20px;
      position: absolute;
      right: -10px;
      width: 1px
    }

    .nav-tool.-garage>.title {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      max-width: 105px;
      padding-right: 5px
    }

    .header-access-text {
      display: inline-block;
      overflow: hidden;
      width: 0
    }

    .count-item {
      display: none
    }

    .head-dd-h {
      display: none
    }

    .header-menu-wrapper {
      margin-left: 6px;
      padding-top: 5px
    }

    .head-dd {
      color: #757575;
      display: flex;
      flex-wrap: wrap;
      height: 36px;
      justify-content: space-around;
      list-style: none;
      overflow: hidden
    }

    .head-dd>.item {
      box-sizing: border-box;
      cursor: pointer;
      height: 100%;
      order: 1;
      position: relative
    }

    .head-dd>.item.after-more {
      order: 3
    }

    .head-dd .head-dd-more {
      display: none;
      order: 2 !important
    }

    .head-dd-main {
      color: #111;
      display: inline-block;
      font-size: 14px;
      font-weight: 500;
      line-height: 1;
      padding: 10px;
      position: relative;
      text-decoration: none
    }

    .head-dd-main:hover {
      text-decoration: none
    }

    .head-dd-main>.link {
      color: #111;
      text-decoration: none
    }

    .head-dd-main>span,
    .head-dd-main>span+.link {
      display: none
    }

    .header-top-bnr {
      border-bottom: 1px solid #111;
      position: relative
    }

    .header-top-bnr>.bnr-line {
      background-position: 50%;
      background-repeat: no-repeat;
      background-size: auto 100%;
      height: 32px;
      width: 100%
    }

    .header-top-bnr>.btn {
      height: 100%;
      left: 50%;
      position: absolute;
      top: 0;
      transform: translateX(-50%);
      width: 100%
    }

    .breadcrumbs-holder {
      margin: 16px 8px -12px;
      overflow: hidden;
      position: relative
    }

    .breadcrumbs-holder.-static {
      margin-top: 0;
      padding-top: 20px
    }

    .breadcrumbs-holder.-my-acc {
      float: left;
      margin-bottom: 0;
      margin-top: 10px
    }

    .breadcrumbs-holder>.breadcrumbs-ov {
      overflow-x: auto;
      padding-bottom: 12px
    }

    .breadcrumbs {
      font-size: 1.2em;
      list-style: none;
      position: relative;
      text-transform: capitalize;
      white-space: nowrap;
      z-index: 1
    }

    .breadcrumbs>.item {
      color: #444;
      display: inline-block
    }

    .breadcrumbs>.item.-active {
      font-weight: 700
    }

    .breadcrumbs>.item::after {
      content: "|";
      display: inline-block;
      font-size: 1.2em;
      font-style: normal;
      line-height: .58;
      position: relative;
      text-align: center;
      top: 0;
      width: 22px
    }

    .breadcrumbs>.item:last-child {
      padding-right: 5px
    }

    .breadcrumbs>.item:last-child::after {
      display: none
    }

    .breadcrumbs>.item>.link {
      color: #444
    }

    .shifter {
      position: relative;
      width: 100%
    }

    .module-loader {
      position: relative
    }

    .module-loader::after {
      animation: preloader-rotate .7s infinite linear;

      background-size: contain;
      content: "";
      height: 30px;
      left: 50%;
      position: absolute;
      top: 50%;
      transform: translate(-50%, -50%);
      transform-origin: 50% 50%;
      width: 30px
    }

    .module-loader.nopreload::after {
      content: none !important
    }

    .gbox-loader,
    .gbox-portal {
      display: none
    }

    .prod-grd,
    .prod-lst {
      list-style: none
    }

    .prod-grd>li,
    .prod-lst>li {
      display: flex
    }

    .prod-grd .lst-a,
    .prod-lst .lst-a {
      color: #111
    }

    .prod-grd .lst-ic-h::before,
    .prod-lst .lst-ic-h::before {
      content: "";
      display: block;
      padding-top: 100%;
      width: 100%
    }

    .prod-grd .lst-ic-h>.lazy-loading,
    .prod-lst .lst-ic-h>.lazy-loading {
      display: block;
      padding-bottom: 100%;
      width: 100%
    }

    .prod-grd .lst-descr-text,
    .prod-grd .lst-id,
    .prod-lst .lst-descr-text,
    .prod-lst .lst-id {
      display: none
    }

    .prod-grd {
      display: flex;
      flex-flow: wrap;
      flex-direction: row
    }

    .prod-grd>li {
      align-items: stretch;
      flex-direction: column;
      margin: 0 1.8% 16px;
      width: 46.4%
    }

    .prod-grd .lst-ic-h {
      overflow: hidden;
      position: relative;
      width: 100%
    }

    .prod-grd .lst-ic {
      bottom: 0;
      height: auto;
      margin: auto;
      position: absolute;
      top: 0;
      width: 100%
    }

    .prod-grd .lst-featured-video,
    .prod-grd .lst-features,
    .prod-grd .lst-type-icons,
    .prod-grd .prod-avail {
      background-image: none;
      display: none
    }

    .prod-lst {
      display: flex;
      flex-direction: column
    }

    .prod-lst>li {
      flex-direction: row;
      margin: 8px 8px 0;
      padding-bottom: 10px;
      position: relative
    }

    .prod-lst .lst-ic-h {
      flex-shrink: 0;
      position: relative;
      width: 40%
    }

    .prod-lst .lst-ic {
      height: auto;
      left: 0;
      position: absolute;
      top: 0;
      width: 100%
    }

    .prod-lst .lst-main {
      display: flex;
      flex-direction: column;
      flex-shrink: 1;
      margin-left: 5%;
      min-width: 0;
      position: relative;
      width: 100%
    }

    .ptype-grid-h {
      padding: 1px 0
    }

    .ptype-grid-h:last-child {
      margin-bottom: 0
    }

    .ptype-grid-h2 {
      color: #111;
      font-size: 2.2em;
      font-weight: 500;
      line-height: 1.17;
      margin-bottom: 16px;
      text-align: center
    }

    .ptype-grid-h2>.inner {
      color: inherit;
      display: inline-flex;
      flex-direction: column
    }

    .ptype-grid-h2>.inner>.descr {
      display: none
    }

    .ptype-grid {
      display: flex;
      flex-flow: wrap;
      flex-direction: row;
      list-style: none;
      margin: 16px 0 32px;
      overflow: hidden
    }

    .ptype-grid.-no-margin {
      margin: 0
    }

    .ptype-grid.-center {
      justify-content: center
    }

    .ptype-grid.-tile>.li {
      background: #fff
    }

    .ptype-grid>.li {
      box-sizing: border-box;
      height: auto;
      margin: 2%;
      overflow: hidden;
      position: relative;
      text-align: center;
      width: 46%
    }

    .ptype-grid>.li::before {
      color: #a9a9a9;
      content: attr(data-qty);
      font-size: 1.1em;
      left: 0;
      position: absolute;
      right: 0;
      top: 8%;
      z-index: 2
    }

    .ptype-grid .two-row-container {
      display: flex;
      flex-flow: column nowrap;
      height: 100%;
      justify-content: space-between
    }

    .ptype-grid .two-row-container>.li {
      min-height: 50%;
      position: relative
    }

    .ptype-grid .two-row-container .ptype-grid-a::before,
    .ptype-grid .two-row-container .ptype-grid-a::after {
      content: none
    }

    .ptype-grid.-col-5 .ptype-grid-a.-descr-outer::after,
    .ptype-grid.-col-6 .ptype-grid-a.-descr-outer::after {
      content: none
    }

    .ptype-grid.-col-5 .ptype-grid-img,
    .ptype-grid.-col-6 .ptype-grid-img {
      width: 80%
    }

    .ptype-grid.-col-6>.li {
      margin: 4px 1%;
      width: 31.3333%
    }

    .ptype-grid.-col-6>.li::before {
      display: none
    }

    .ptype-grid.-col-6>.li>.lazy-loading {
      display: block;
      padding-top: 52%;
      top: 22%;
      width: 80%
    }

    .ptype-grid.-col-5>.li {
      margin: 5px 1%;
      width: 31.3333%
    }

    .ptype-grid.-col-5>.li::before {
      content: none
    }

    .ptype-grid.-col-5>.li>.lazy-loading {
      display: block;
      padding-top: 52%;
      top: 22%;
      width: 80%
    }

    .ptype-grid.-col-9>.li {
      margin: 8px .65%;
      width: 31.8333%
    }

    .ptype-grid.-col-9>.li::before {
      display: block
    }

    .ptype-grid.-col-9>.li>.lazy-loading {
      background: #d8d8d8;
      display: block;
      padding-top: 46%;
      width: 70%
    }

    .ptype-grid-img {
      height: auto;
      left: 0;
      margin: auto;
      max-width: 100%;
      position: absolute;
      right: 0;
      top: 22%;
      width: 90%
    }

    .ptype-grid-img.-departments {
      top: 0;
      width: 70%
    }

    .ptype-grid-img.-service-types {
      top: 4%
    }

    .ptype-grid-a {
      box-sizing: border-box;
      color: #111;
      display: flex;
      flex-flow: wrap;
      flex-direction: column;
      font-size: 1.4em;
      font-weight: 500;
      left: 0;
      line-height: 1.3;
      padding: 100% 8px 12px;
      position: relative;
      table-layout: fixed;
      text-decoration: none;
      width: 100%
    }

    .ptype-grid-a.-service-types {
      padding-top: 70%
    }

    .ptype-grid-a.-departments {
      padding-bottom: 0;
      padding-top: 60%
    }

    .ptype-grid-a:hover {
      text-decoration: none
    }

    .ptype-grid-a:hover>.ptype-grid-title,
    .ptype-grid-a.-simple-title:hover {
      text-decoration: none
    }

    .ptype-grid-a::before {
      content: "";
      display: block;
      height: 150%;
      left: 0;
      position: absolute;
      top: 0;
      width: 100%;
      z-index: 2
    }

    .ptype-grid-a::after {
      color: #757575;
      content: attr(data-descr);
      font-size: 12px;
      font-weight: 400;
      line-height: 1.25;
      position: relative;
      text-transform: none
    }

    .ptype-grid-a.-simple-title {
      font-weight: 400
    }

    .ptype-grid-a.-simple-title::after {
      padding-top: 6px
    }

    .ptype-grid-title {
      display: block;
      font-weight: 400;
      padding-bottom: 6px
    }

    .ptype-grid-title.-truncate {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      width: 100%
    }

    .ptype-lst-parent {
      margin-bottom: 32px;
      margin-top: 16px
    }

    .ptype-lst-nav-h {
      transform: translate3d(0, 0, 0);
      z-index: 11
    }

    .ptype-lst-nav {
      letter-spacing: -0.31em;
      list-style: none;
      position: relative
    }

    .ptype-lst-nav.-fixed>.item>.link {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      font-size: 1em
    }

    .ptype-lst-nav>.item {
      box-sizing: border-box;
      display: inline-block;
      letter-spacing: normal;
      padding: 4px 0;
      position: relative;
      transition: left .4s, background .2s ease;
      vertical-align: top;
      width: 10%
    }

    .ptype-lst-nav>.item.-hide {
      display: none
    }

    .ptype-lst-nav>.item>.link {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      color: #111;
      display: block;
      font-size: 1.1em;
      font-weight: 400;
      line-height: 1.538em;
      text-align: center
    }

    .ptype-lst-nav>.item>.link:hover {
      text-decoration: none
    }

    .ptype-lst-nav>.item>.link.active {
      font-weight: 400;
      text-decoration: none
    }

    .ptype-lst-nav>.item>.link.active::after {
      border-bottom: 2px solid #717d90;
      bottom: -2px;
      content: "";
      display: block;
      left: 0;
      position: absolute;
      width: 100%
    }

    .ptype-lst-icon {
      background-position: 50% 50%;
      background-repeat: no-repeat;
      background-size: auto 28px;
      display: block;
      height: 40px;
      position: relative;
      width: 100%
    }

    .ptype-lst-icon.-fixed-mobile-open {
      background-position: 50% 50%
    }

    @media  only screen and (min-width: 421px) {
      .nav-tool.-garage>.title {
        max-width: 150px
      }

      .ptype-grid-a {
        padding-bottom: 24px
      }
    }

    @media  only screen and (min-width: 421px)and (max-width:1023.98px) {

      .ptype-grid.-col-5 .ptype-grid-img,
      .ptype-grid.-col-6 .ptype-grid-img {
        width: 90%
      }
    }

    @media  only screen and (min-width: 421px)and (max-width:740.98px) {
      .media-query-state {
        transform: scale(6)
      }

      .media-query-state::after {
        content: "mobile-medium"
      }

      .mobile-medium-show {
        display: block !important
      }

      .mobile-medium-hide {
        display: none !important
      }

      .ptype-grid>.li {
        margin: 6px 1%;
        width: 31.3333%
      }

      .ptype-grid.-col-5 .ptype-grid-a,
      .ptype-grid.-col-6 .ptype-grid-a {
        padding-bottom: 16px;
        padding-top: 88%
      }

      .ptype-grid.-col-5 .ptype-grid-img,
      .ptype-grid.-col-6 .ptype-grid-img {
        top: 14%
      }

      .ptype-grid.-col-6>.li>.lazy-loading {
        padding-top: 58%;
        top: 14%;
        width: 90%
      }

      .ptype-grid.-col-5>.li>.lazy-loading {
        padding-top: 58%;
        top: 14%;
        width: 90%
      }

      .ptype-grid-a {
        padding-top: 97%
      }

      .ptype-grid-a.-departments {
        padding-top: 56%
      }

      .ptype-lst-nav>.item {
        width: 7.14%
      }
    }

    @media  only screen and (min-width: 741px) {
      .main-content {
        margin-top: 0
      }

      .main-content.-overlay::after {
        background: rgba(0, 0, 0, .75);
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 25
      }

      .h1-fat {
        font-size: 3.6em;
        margin: 24px 8px 40px
      }

      .h1-fat.-with-button {
        margin-right: 60px
      }

      .header-top {
        height: auto;
        margin-bottom: 0;
        padding: 20px 0 10px
      }

      .header-top>.input-holder {
        min-width: 100px;
        position: static
      }

      .left-menu-icon {
        background-size: 30px auto
      }

      .head-logo-a {
        background-position-y: 28px;
        background-size: 44px auto;
        left: 60px;
        width: 64px
      }

      .header-search-label {
        border-color: #757575;
        cursor: pointer;
        padding: 11px 75px 11px 20px
      }

      .header-search-label::before {
        margin-right: 0
      }

      .home-header-nav-tool {
        flex-grow: 0;
        margin-left: 20px
      }

      .nav-tool-garage-item {
        margin-right: 20px
      }

      .nav-tool {
        font-size: 1.3em
      }

      .nav-tool.-garage::before {
        right: -20px
      }

      .head-dd-h {
        display: block;
        height: 40px;
        width: 100%
      }

      .header-top-bnr>.bnr-line {
        background-size: cover;
        height: 48px
      }

      .header-top-bnr>.btn {
        max-width: 660px
      }

      .breadcrumbs-holder {
        margin: 24px 8px
      }

      .breadcrumbs-holder.-product {
        margin: 16px 8px
      }

      .ptype-grid-h {
        padding-top: 24px
      }

      .ptype-grid-h2 {
        font-size: 2.8em;
        margin-bottom: 32px
      }

      .ptype-grid-h2>.inner>.name {
        margin-bottom: 16px
      }

      .ptype-grid-h2>.inner>.descr {
        color: #757575;
        display: block;
        font-size: .428em;
        font-weight: 500;
        line-height: 1.16;
        order: 2
      }

      .ptype-grid.-col-5 .ptype-grid-a.-descr-outer::after,
      .ptype-grid.-col-6 .ptype-grid-a.-descr-outer::after {
        content: attr(data-descr)
      }

      .ptype-grid.-col-6>.li::before {
        display: block
      }

      .ptype-grid.-col-5>.li::before {
        content: attr(data-qty)
      }

      .ptype-grid.-col-9>.li {
        width: 126px
      }

      .ptype-lst-parent {
        margin-top: 0
      }

      .ptype-lst-nav.-additional-row:not(.-fixed)>.item {
        width: 9%
      }

      .ptype-lst-icon {
        background-position: 50% 0
      }
    }

    @media  only screen and (min-width: 741px)and (max-width:1023.98px) {
      .media-query-state {
        transform: scale(5)
      }

      .media-query-state::after {
        content: "mobile-large"
      }

      .mobile-large-show {
        display: block !important
      }

      .mobile-large-hide {
        display: none !important
      }

      .header-top>.nav-logo-holder {
        padding-right: 96px
      }

      .head-dd-main {
        padding-right: 16px
      }

      .ptype-grid-h {
        margin-top: 32px
      }

      .ptype-grid-h:last-child {
        margin-bottom: 40px
      }

      .ptype-grid>.li {
        margin: 8px 1%;
        width: 23%
      }

      .ptype-grid.-col-6>.li {
        margin: 8px 1%;
        width: 23%
      }

      .ptype-grid.-col-6>.li>.lazy-loading {
        padding-top: 58%;
        width: 90%
      }

      .ptype-grid.-col-5>.li {
        margin: 8px 1%;
        width: 23%
      }

      .ptype-grid.-col-5>.li>.lazy-loading {
        padding-top: 58%;
        width: 90%
      }

      .ptype-grid.-col-9>.li>.lazy-loading {
        padding-top: 39%;
        width: 60%
      }

      .ptype-grid-img.-departments {
        width: 60%
      }

      .ptype-grid-a {
        font-size: 1.4em;
        padding-top: 105%
      }

      .ptype-grid-a.-departments {
        padding-top: 48%
      }

      .ptype-grid-a::after {
        font-size: 11px;
        line-height: 1
      }

      .ptype-lst-nav-h {
        margin: 0 8px
      }

      .ptype-lst-nav>.item {
        width: 5.55%
      }

      .ptype-lst-icon {
        background-size: auto 36px
      }
    }

    @media  only screen and (min-width: 741px)and (max-width:1600.98px) {
      .ptype-grid.-col-9>.li {
        margin-left: 10px;
        margin-right: 10px
      }
    }

    @media  only screen and (min-width: 1024px) {
      #scrollfix {
        min-width: 1000px
      }

      .wrap {
        max-width: 1296px;
        min-width: 1000px;
        width: 94%
      }

      .product-list-with-filter-holder {
        float: right
      }

      .head-logo-img::after {
        background-position: 0 center;
        background-repeat: no-repeat;
        background-size: 100% auto;
        content: "";
        display: block;
        height: 24px;
        left: 88px;
        position: absolute;
        top: 32px
      }

      .head-logo-img.-simple::after {
        left: 85px;
        top: 22px
      }

      .head-logo-img.-carid::after {
        background-image: url(6a8c3be9.svg);
        width: 120px
      }

      .head-logo-img.-motorcycleid::after {
        background-image: url(a0e26641.svg);
        width: 200px
      }

      .head-logo-img.-powersportsid::after {
        background-image: url(ef8c6a3c.svg);
        width: 200px
      }

      .head-logo-img.-truckid::after {
        background-image: url(e94bbc18.svg);
        width: 157px
      }

      .head-logo-img.-recreationid::after {
        background-image: url(23bf36e0.svg);
        width: 200px
      }

      .head-logo-img.-camperid::after {
        background-image: url(71e6ebea.svg);
        width: 189px
      }

      .head-logo-img.-boatid::after {
        background-image: url(74758d1d.svg);
        width: 130px
      }

      .head-logo-img.-toolsid::after {
        background-image: url(ce8cbb76.svg);
        width: 157px
      }

      .header-top>.nav-logo-holder.-carid {
        padding-right: 240px
      }

      .header-top>.nav-logo-holder.-motorcycleid {
        padding-right: 320px
      }

      .header-top>.nav-logo-holder.-powersportsid {
        padding-right: 320px
      }

      .header-top>.nav-logo-holder.-truckid {
        padding-right: 280px
      }

      .header-top>.nav-logo-holder.-recreationid {
        padding-right: 320px
      }

      .header-top>.nav-logo-holder.-camperid {
        padding-right: 310px
      }

      .header-top>.nav-logo-holder.-boatid {
        padding-right: 250px
      }

      .header-top>.nav-logo-holder.-toolsid {
        padding-right: 280px
      }

      .breadcrumbs-holder>.breadcrumbs-ov {
        overflow: hidden;
        padding-bottom: 0
      }

      .breadcrumbs {
        white-space: unset
      }

      .ptype-grid-h {
        margin-top: 16px
      }

      .ptype-grid-h:last-child {
        margin-bottom: 56px
      }

      .ptype-grid>.li {
        margin: 8px .65%;
        width: 23.5%
      }

      .ptype-grid.-col-6>.li {
        margin: 8px .65%
      }

      .ptype-grid.-col-5>.li {
        margin: 8px .65%;
        width: 18.7%
      }

      .ptype-grid.-col-9 {
        margin: 44px auto
      }

      .ptype-grid.-col-9>.li>.lazy-loading {
        width: 100px
      }

      .ptype-grid-img.-departments {
        width: 100px
      }

      .ptype-grid-a {
        font-size: 1.6em;
        left: auto
      }

      .ptype-grid-a.-departments {
        padding-top: 86px
      }

      .ptype-grid-a:hover>.ptype-grid-title,
      .ptype-grid-a.-simple-title:hover {
        text-decoration: underline
      }

      .ptype-lst-nav-h {
        background-color: rgba(0, 0, 0, 0)
      }

      .ptype-lst-nav:not(.-fixed) {
        display: flex;
        flex-flow: wrap;
        flex-direction: row;
        justify-content: center;
        margin: 0 auto
      }

      .ptype-lst-nav.-fixed>.item {
        width: 5.55%
      }

      .ptype-lst-nav>.item {
        margin: 8px .5%;
        width: 10%
      }

      .ptype-lst-nav>.item>.link {
        font-size: 1.4em;
        line-height: 1.2;
        white-space: initial
      }

      .ptype-lst-icon {
        background-size: auto 46px;
        height: 64px
      }
    }

    @media  only screen and (min-width: 1024px)and (max-width:1280.98px) {
      .media-query-state {
        transform: scale(4)
      }

      .media-query-state::after {
        content: "desktop-small"
      }

      .ptype-grid.-col-5>.li>.lazy-loading {
        padding-top: 52%;
        width: 80%
      }

      .ptype-grid.-col-9 {
        width: 80%
      }

      .ptype-grid.-col-9>.li>.lazy-loading {
        padding-top: 42%
      }

      .ptype-grid-img {
        width: 80%
      }

      .ptype-grid-a {
        padding-top: 88%
      }
    }

    @media  only screen and (min-width: 1024px)and (max-width:1600.98px) {
      .product-list-with-filter-holder {
        margin-right: -250px;
        padding-right: 250px
      }

      .ptype-grid.-col-6>.li {
        width: 18.7%
      }

      .ptype-lst-icon.-fixed-mobile-open {
        background-size: auto 32px;
        height: 40px;
        margin-bottom: 0
      }
    }

    @media  only screen and (min-width: 1281px) {
      .ptype-grid>.li::before {
        top: 0
      }

      .ptype-grid.-col-5 .ptype-grid-img,
      .ptype-grid.-col-6 .ptype-grid-img {
        width: 170px
      }

      .ptype-grid.-col-5>.li>.lazy-loading {
        padding-top: 46%;
        top: 60px;
        width: 170px
      }

      .ptype-grid-img {
        top: 0px !important;
        width: 170px
      }

      .ptype-grid-a {
        padding-top: 170px
      }

      .ptype-grid-a.-service-types {
        padding-top: 150px
      }
    }

    @media  only screen and (min-width: 1281px)and (max-width:1600.98px) {
      .media-query-state {
        transform: scale(3)
      }

      .media-query-state::after {
        content: "desktop-medium"
      }

      .head-dd-main {
        padding-left: 16px;
        padding-right: 16px
      }

      .ptype-grid.-col-6>.li>.lazy-loading {
        padding-top: 46%;
        top: 60px;
        width: 170px
      }

      .ptype-grid.-col-9 {
        width: 75%
      }

      .ptype-grid.-col-9>.li>.lazy-loading {
        padding-top: 35%
      }
    }

    @media  only screen and (min-width: 1601px) {
      .media-query-state {
        transform: scale(2)
      }

      .media-query-state::after {
        content: "desktop-large"
      }

      .product-list-with-filter-holder {
        margin-right: -300px;
        padding-right: 300px
      }

      .head-dd-main>span,
      .head-dd-main>span+.link {
        display: inline
      }

      .ptype-grid.-col-6>.li {
        width: 15.16%
      }

      .ptype-grid.-col-6>.li>.lazy-loading {
        padding-top: 56%;
        top: 60px;
        width: 170px
      }

      .ptype-grid.-col-9>.li>.lazy-loading {
        padding-top: 50%
      }

      .ptype-lst-icon.-fixed-mobile-open {
        background-size: auto 46px;
        height: 56px;
        margin-bottom: 8px
      }
    }

    @media  only screen and (max-width: 1023.98px) {
      .mobile-hide {
        display: none !important
      }
    }

    @media  only screen and (max-width: 420.98px) {
      .mobile-small-show {
        display: block !important
      }

      .mobile-small-hide {
        display: none !important
      }
    }

    @media  only screen and (orientation: landscape),
    only screen and (orientation: portrait) {
      body {
        -webkit-text-size-adjust: 100%
      }
    }
  </style>

  <style data-url="/css/catalog-critical.css?v=0e0549e7">
    .head-img {
      line-height: 0;
      overflow: hidden;
      position: relative;
      text-align: center
    }

    .head-img::after {
      content: "";
      display: block;
      padding-bottom: 50%;
      width: 100%
    }

    .head-img-aligner {
      bottom: 0;
      height: 100%;
      left: 50%;
      margin-left: -2500px;
      position: absolute;
      top: 0;
      width: 5000px
    }

    .head-img-aligner.-align-left {
      left: 86%
    }

    .head-img-aligner.-align-left.-has-mobile-src {
      left: 50%
    }

    .head-img-wrap {
      height: 100%;
      left: 0;
      overflow: hidden;
      position: absolute;
      top: 0;
      width: 100%
    }

    .head-img-wrap>img {
      display: block;
      height: 100%;
      margin: 0 auto;
      width: auto
    }

    .head-nav {
      align-items: center;
      display: flex;
      height: 230px;
      justify-content: center;
      position: relative;
      width: 100%
    }

    .head-nav.-with-mmy,
    .head-nav.-with-mmy .simple-slider-wrap {
      height: 384px
    }

    .head-nav::after {
      background: #111;
      content: "";
      display: block;
      height: 100%;
      left: 0;
      margin: 0 auto;
      max-width: 1920px;
      opacity: .3;
      position: absolute;
      right: 0;
      top: 0;
      width: 100%
    }

    .head-nav-img {
      display: block;
      height: 100%;
      left: 50%;
      position: absolute;
      top: 0;
      transform: translateX(-50%);
      width: auto
    }

    .head-nav-inner {
      box-sizing: border-box;
      margin-top: 8px;
      min-width: 320px;
      padding: 0 16px;
      position: relative;
      text-align: center;
      width: 100%;
      z-index: 3
    }

    .head-nav-inner.-with-mmy {
      padding: 0 8px;
      z-index: 21
    }

    .head-nav-title {
      color: #fff;
      font-weight: 700;
      line-height: 1.4;
      margin-bottom: 10px;
      text-transform: uppercase
    }

    .head-nav-title.-with-mmy {
      line-height: 1
    }

    .head-nav-subtitle {
      display: none
    }

    .head-nav-subtitle.-with-mmy {
      margin-bottom: 32px
    }

    .simple-slider-wrap {
      display: none
    }

    .simple-slider {
      list-style: none;
      position: relative;
      transform: translateX(1920px);
      transition: transform 500ms ease
    }

    .simple-slider.-loaded {
      transform: translateX(0)
    }

    .simple-slider.-no-transition {
      transition: none
    }

    .simple-slider>.slide {
      float: left;
      height: 0;
      opacity: 0;
      width: 1920px
    }

    .simple-slider>.slide.-loaded {
      height: auto;
      opacity: 1
    }

    .head-main-logo {
      bottom: 30px;
      left: 0;
      position: absolute;
      right: 0;
      z-index: 1
    }

    .head-main-logo.-with-main-select-bar {
      bottom: 50px
    }

    .head-main-logo>.logo {
      margin: 0 8px
    }

    .main-select-bar-h {
      margin-top: -20px;
      min-height: 290px;
      position: relative;
      z-index: 21
    }

    .head-shop-by-links {
      bottom: 24px;
      left: 0;
      position: absolute;
      text-align: center;
      width: 100%;
      z-index: 1
    }

    .head-shop-by-links.-with-service-type {
      bottom: 12px
    }

    .head-shop-by-links-item,
    .head-shop-by-links-item>.link {
      color: #fff;
      font-size: 14px;
      line-height: 16px;
      text-align: center;
      text-transform: uppercase
    }

    .head-shop-by-links-item:not(:last-child) {
      margin-right: 16px;
      padding-right: 16px;
      position: relative
    }

    .head-shop-by-links-item:not(:last-child)::after {
      border: 1px solid #fff;
      content: "";
      height: 17px;
      position: absolute;
      right: 0;
      top: -1px
    }

    .head-shop-by-links-item.-service-type {
      display: block;
      margin-top: 10px
    }

    .head-shop-by-links-item.-brand {
      margin-right: 0;
      padding-right: 0
    }

    .head-shop-by-links-item.-brand::after {
      content: none
    }

    .head-shop-by-links-item>.link {
      font-weight: 700
    }

    .head-shop-by-links-item>.count {
      display: none
    }

    .main-select-bar-preloader {
      min-height: 230px;
      position: relative;
      width: 100%
    }

    .main-select-bar-preloader::after {
      animation: preloader-rotate .7s infinite linear;
      background-size: contain;
      content: "";
      height: 30px;
      left: 50%;
      position: absolute;
      top: 50%;
      transform: translate(-50%, -50%);
      transform-origin: 50% 50%;
      width: 30px
    }

    .main-select-bar-preloader.nopreload::after {
      content: none !important
    }

    .subcats1-item {
      display: flex;
      font-size: 1.6em;
      min-height: 4em
    }

    .product-list-submodel-block {
      background: #eef1f9;
      border-radius: 4px;
      margin: 16px 8px 32px;
      padding: 24px 16px 8px
    }

    .product-list-submodel-block>.header {
      display: flex;
      flex-direction: column;
      font-size: 1.6em;
      font-weight: 500;
      justify-content: center;
      margin-bottom: 16px
    }

    .product-list-submodel-block>.list>.btn-holder {
      display: inline-block;
      margin-bottom: 16px;
      width: 100%
    }

    .product-list-submodel-block>.list>.btn-holder>.simple-btn {
      width: 100%
    }

    @media  only screen and (min-width: 421px)and (max-width:740.98px) {
      .head-img::after {
        padding-bottom: 44%
      }

      .head-img-aligner.-align-left {
        left: 75%
      }
    }

    @media  only screen and (min-width: 741px) {
      .head-nav {
        height: 384px
      }

      .head-nav>picture {
        height: 384px;
        left: 0;
        overflow: hidden;
        position: absolute;
        top: 0;
        width: 100%
      }

      .head-nav-inner {
        margin-top: 0
      }

      .head-nav-title {
        line-height: 1.1;
        margin-bottom: 20px
      }

      .head-nav-subtitle {
        color: #fff;
        display: block;
        font-size: 2.1em;
        line-height: 1.2;
        margin-bottom: 48px
      }

      .simple-slider-wrap {
        display: block;
        height: 384px;
        left: 50%;
        margin-left: -960px;
        overflow: hidden;
        position: absolute;
        top: 0;
        width: 1920px
      }

      .head-main-logo.-with-main-select-bar {
        bottom: 104px
      }

      .main-select-bar-h {
        margin-top: -74px
      }

      .head-shop-by-links {
        bottom: 32px
      }

      .head-shop-by-links.-with-service-type {
        bottom: 32px
      }

      .head-shop-by-links-item,
      .head-shop-by-links-item>.link {
        text-align: left
      }

      .head-shop-by-links-item.-service-type {
        display: inline;
        margin-top: 0
      }

      .head-shop-by-links-item.-brand {
        margin-right: 16px;
        padding-right: 16px
      }

      .head-shop-by-links-item.-brand::after {
        content: ""
      }

      .head-shop-by-links-item>.count {
        display: inline
      }

      .main-select-bar-preloader {
        min-height: 88px
      }

      .product-list-submodel-block {
        margin-top: -8px
      }

      .product-list-submodel-block>.header {
        font-size: 1.8em
      }

      .product-list-submodel-block>.list>.btn-holder {
        margin-right: 16px;
        width: auto
      }
    }

    @media  only screen and (min-width: 741px)and (max-width:1023.98px) {
      .head-img::after {
        padding-bottom: 38%
      }

      .head-img-aligner.-align-left {
        left: 66%
      }

      .head-nav-inner.-with-mmy {
        max-width: 920px
      }

      .head-nav-title {
        font-size: 3.8em
      }

      .head-nav-title.-with-mmy {
        font-size: 4em;
        line-height: 1.26;
        margin-bottom: 8px
      }

      .head-nav-subtitle.-with-mmy {
        font-size: 1.8em
      }

      .main-select-bar-h {
        min-height: 140px
      }
    }

    @media  only screen and (min-width: 1024px) {
      .head-img {
        height: 384px;
        min-width: 1000px
      }

      .head-img::after {
        content: none
      }

      .head-img-wrap>img {
        height: auto;
        min-height: 100%
      }

      .head-nav-img {
        height: auto
      }

      .head-nav-inner {
        max-width: 1296px;
        min-width: 1000px;
        width: 94%
      }

      .head-nav-inner.-with-mmy {
        max-width: 1296px
      }

      .main-select-bar-h {
        min-height: 160px
      }
    }

    @media  only screen and (min-width: 1024px)and (max-width:1280.98px) {
      .head-img-aligner.-align-left {
        left: 62%
      }

      .head-img-aligner.-align-left.-has-mobile-src {
        left: 62%
      }

      .head-nav-title {
        font-size: 5.2em
      }
    }

    @media  only screen and (min-width: 1281px)and (max-width:1600.98px) {
      .head-img-aligner.-align-left {
        left: 58%
      }

      .head-img-aligner.-align-left.-has-mobile-src {
        left: 58%
      }

      .head-nav-title {
        font-size: 5.4em
      }
    }

    @media  only screen and (min-width: 1601px) {
      .head-img-aligner.-align-left {
        left: 50%
      }

      .head-img-holder {
        height: 400px;
        overflow: hidden
      }

      .head-img-holder .head-img {
        top: 50%;
        transform: translate(0, -50%)
      }

      .head-nav-title {
        font-size: 5.6em
      }
    }
  </style>
<style>
    #scrollfix {
        display: block;

    }

    #scrollfix.show {
      display: none;
    }
    .hidden-link {
  display: inline-block;
  position: relative;
  padding: 4px 8px;
  background-color: #f0f0f0;
  color: #000;
  text-decoration: none;
  border-radius: 4px;
  cursor: pointer;
}

.hidden-link:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: #000000 transparent transparent transparent;
}

.hidden-link:hover {
  background-color: #e0e0e0;
}
@media  screen and (max-width: 767px) {
  .container.pb-5.mb-2.mb-md-4.rtl.__inline-35 {
    overflow-x: scroll;
    white-space: nowrap;
  }
}
</style>

</head>

  

    <body>
      <aside class="left-panel"></aside>
      <aside class="right-panel"></aside>
      <div id="app-root"></div>

      <!--  -->
    </body>
    </html>
  </ul>
</div>

<form id="search-form" action="https://marautoparts.com/order_note-add" enctype="multipart/form-data" method="POST">
  <div class="form-container">
    <div class="form-group">
      <label for="input1">بيانات القطعة المطلوبة</label>
      <input type="text" id="input1" name="input1" class="form-control" value="" placeholder="">
    </div>

    <div class="form-group">
      <label for="تفاصيل">تفاصيل أخرى</label>
      <input type="text" id="input2" class="form-control" name="input2" placeholder=" تفاصيل اكثر عن القطعه">
    </div>
    <input type="hidden" name="_token" value="liPD1dQgrbfKUzd4PdNJ0LZrC8Y69CmRmau3jjTY">    <div class="form-group">
      <label for="بيانات">رقم الشاصيه ان وجد </label>
      <input type="text" id="input3" class="form-control" name="input3" placeholder="رقم الشاصيه ان وجد ">
    </div>
    <div class="form-group">
      <label for="imageInput">صورة القطعة المطلوبة</label>
      <input type="file" name="orderimg" class="form-control" accept=".jpg, .png, .jpeg, .gif, .bmp, .tif, .tiff|image/*"> 
                                  
    </div>
    <div class="form-group" style="margin-left: 1.75rem;">
      <div class="checkbox-group" >
        <input type="checkbox" id="checkbox1" value="وكالة" style="margin-left: 1.75rem;" name="input5" class="form-check-input">
        <label for="checkbox1" class="form-check-label">وكالة</label>
      </div>
      <div class="checkbox-group">
        <input type="checkbox" id="checkbox2" value="صيني" style="margin-left: 1.75rem;" name="input6" class="form-check-input">
        <label for="checkbox2" class="form-check-label">صيني</label>
      </div>
    </div>
        <div class="form-group">
      <button form="search-form" style="background-color: #ff4c4c;" onclick="checkLoginAndAddToCart()" class="btn btn-primary form-control">قم بتسجيل الدخول </button>
    </div>
    
  </div>
</form>

    
<!-- Footer-->
<!-- Footer-->
<!-- Footer -->
<style>
    .social-media :hover {
        color: #edbd0c !important;
    }
    .start_address_under_line{
        width: 344px;
    }
</style>
<div class="__inline-9 rtl">
    <div class="d-flex justify-content-center text-center text-md-right mt-3"
            style="background: #073b7410;padding:20px;">
        <div class="col-md-3 d-flex justify-content-center">
            <div >
                <a href="https://marautoparts.com/about-us">
                    <div class="text-center">
                        <img class="size-60" src="https://marautoparts.com/public/assets/front-end/png/about company.png"
                                alt="">
                    </div>
                    <div class="text-center">

                            <p class="m-0">
                                عن الشركة
                            </p>

                    </div>
                </a>
            </div>
        </div>
        <div class="col-md-3 d-flex justify-content-center">
            <div >
                <a href="https://marautoparts.com/contacts">
                    <div class="text-center">
                        <img class="size-60" src="https://marautoparts.com/public/assets/front-end/png/contact us.png"
                                alt="">
                    </div>
                    <div class="text-center">
                        <p class="m-0">
                        اتصل بنا
                    </p>
                    </div>
                </a>
            </div>
        </div>
        <div class="col-md-3 d-flex justify-content-center">
            <div >
                <a href="https://marautoparts.com/helpTopic">
                    <div class="text-center">
                        <img class="size-60" src="https://marautoparts.com/public/assets/front-end/png/faq.png"
                                alt="">
                    </div>
                    <div class="text-center">
                        <p class="m-0">
                        الأسئلة الشائعة
                    </p>
                    </div>
                </a>
            </div>
        </div>
        
    </div>

    <footer class="page-footer font-small mdb-color rtl">
        <!-- Footer Links -->
        <div class="pt-4" style="background:#073b7420;">
            <div class="container text-center __pb-13px">

                <!-- Footer links -->
                <div
                    class="row text-center text-md-right mt-3 pb-3 ">
                    <!-- Grid column -->
                    <div class="col-md-3 footer-web-logo" >
                        <a class="d-block" href="https://marautoparts.com">
                            <img class="rightalign" src="https://marautoparts.com/storage/app/public/company/2023-09-06-64f83bc8b08cd.png"
                                onerror="this.src='https://marautoparts.com/public/assets/front-end/img/image-place-holder.png'"
                                alt="MAR"/>
                        </a>

                        

                        <div class="store-contents d-flex justify-content-center pr-lg-4" >
                            
                                                    </div>
                    </div>
                    <div class="col-md-9" >
                        <div class="row">

                            <div class="col-md-3 footer-padding-bottom" >
                                <h6 class="text-uppercase mb-4 font-weight-bold footer-heder">خاص</h6>
                                <ul class="widget-list __pb-10px">
                                                                                                            <li class="widget-list-item"><a class="widget-list-link"
                                                                    href="https://marautoparts.com/products?data_from=featured&amp;page=1">المنتجات المميزة</a>
                                    </li>
                                    <li class="widget-list-item"><a class="widget-list-link"
                                                                    href="https://marautoparts.com/products?data_from=latest&amp;page=1">أحدث المنتجات</a>
                                    </li>
                                    <li class="widget-list-item"><a class="widget-list-link"
                                                                    href="https://marautoparts.com/products?data_from=best-selling&amp;page=1">أفضل المنتجات مبيعاً</a>
                                    </li>
                                    <li class="widget-list-item"><a class="widget-list-link"
                                                                    href="https://marautoparts.com/products?data_from=top-rated&amp;page=1">أعلى المنتجات تقييماً</a>
                                    </li>

                                </ul>
                            </div>
                            <div class="col-md-4 footer-padding-bottom" style="padding-right:20px;">
                                <h6 class="text-uppercase mb-4 font-weight-bold footer-heder">معلومات الحساب والشحن</h6>
                                                                                                                                                                    <ul class="widget-list __pb-10px">
                                        <li class="widget-list-item">
                                            <a class="widget-list-link" href="https://marautoparts.com/customer/auth/login">معلومات الملف الشخصي</a>
                                        </li>
                                        <li class="widget-list-item">
                                            <a class="widget-list-link" href="https://marautoparts.com/customer/auth/login">قائمة الرغبات</a>
                                        </li>

                                        <li class="widget-list-item">
                                            <a class="widget-list-link" href="https://marautoparts.com/track-order">تتبع الطلب</a>
                                        </li>

                                                                                <li class="widget-list-item">
                                            <a class="widget-list-link" href="https://marautoparts.com/refund-policy">سياسة الاسترداد</a>
                                        </li>
                                        
                                                                                <li class="widget-list-item">
                                            <a class="widget-list-link" href="https://marautoparts.com/return-policy">سياسة الإرجاع</a>
                                        </li>
                                        
                                                                                <li class="widget-list-item">
                                            <a class="widget-list-link" href="https://marautoparts.com/cancellation-policy">سياسة الإلغاء</a>
                                        </li>
                                                                            </ul>
                                                            </div>
                            <div class="col-md-5 footer-padding-bottom" >
                                    <div class="mb-2">
                                        <h6 class="text-uppercase mb-4 font-weight-bold footer-heder">النشرة الإخبارية</h6>
                                        <span>اشترك في قناتنا الجديدة للحصول على آخر التحديثات</span>
                                    </div>
                                    <div class="text-nowrap mb-4 position-relative">
                                        <form action="https://marautoparts.com/subscription" method="post">
                                            <input type="hidden" name="_token" value="liPD1dQgrbfKUzd4PdNJ0LZrC8Y69CmRmau3jjTY">                                            <input type="email" name="subscription_email" class="form-control subscribe-border"
                                                placeholder="عنوان بريدك الإلكتروني" required style="padding: 11px;text-align: right;">
                                            <button class="subscribe-button btn--primary" type="submit">
                                                اشتراك
                                            </button>
                                        </form>
                                    </div>
                            </div>
                        </div>
                        <div class="row mt-4  flex-row-reverse">
                            <div class="col-md-7">
                                <div class="row d-flex align-items-center mobile-view-center-align  justify-content-center justify-content-md-startr">
                                    <div style="margin-right:23px;">
                                        <span class="mb-4 font-weight-bold footer-heder">بدء محادثة</span>
                                    </div>
                                    <div class="flex-grow-1 d-none d-md-block mr-4 mx-sm-4">
                                        <hr class="start_address_under_line"/>
                                    </div>
                                </div>
                                <div class="row ">
                                    <div class="col-11 start_address ">
                                        <div class="">
                                            <a class="widget-list-link" href="tel: 0000">
                                                <span ><i class="fa fa-phone m-2"></i>0000 </span>
                                            </a>

                                        </div>
                                        <div>
                                            <a class="widget-list-link" href="mailto: 00000">
                                                <span ><i class="fa fa-envelope m-2"></i> 00000 </span>
                                            </a>
                                        </div>
                                        <div>
                                                                                            <a class="widget-list-link" href="https://marautoparts.com/customer/auth/login">
                                                    <span ><i class="fa fa-user-o m-2"></i> تذكرة الدعم </span>
                                                </a><br>
                                                                                    </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-5 ">
                                <div class="row pl-2 d-flex align-items-center mobile-view-center-align justify-content-center justify-content-md-start">
                                    <div>
                                        <span class="mb-4 font-weight-bold footer-heder">عنوان</span>
                                    </div>
                                    <div class="flex-grow-1 d-none d-md-block mr-3 ">
                                        <hr class="address_under_line"/>
                                    </div>
                                </div>
                                <div class="pl-2">
                                    <span class="__text-14px"><i class="fa fa-map-marker m-2"></i> 0000 </span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- Footer links -->
            </div>
        </div>


        <!-- Grid row -->
        <div style="background: #073b7410;">
            <div class="container">
                <div class="d-flex flex-wrap end-footer footer-end last-footer-content-align">
                    <div class="mt-3">
                        <p class="text-right  __text-16px"></p>
                    </div>
                    <div class="max-sm-100 justify-content-center d-flex flex-wrap mt-md-3 mt-0 mb-md-3 text-right">
                                                                                                </div>
                    <div class="d-flex __text-14px">
                        <div class="ml-3" >
                            <a class="widget-list-link"
                            href="https://marautoparts.com/terms">الشروط والأحكام</a>
                        </div>
                        <div>
                            <a class="widget-list-link" href="https://marautoparts.com/privacy-policy">
                                سياسة الخصوصية
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Grid row -->
        </div>
        <!-- Footer Links -->

        <!-- Cookie Settings -->
                    </footer>
</div>
<!-- Toolbar for handheld devices-->

<!-- Back To Top Button-->
<a class="btn-scroll-top btn--primary" href="#top" data-scroll>
    <span class="btn-scroll-top-tooltip text-muted font-size-sm mr-2">Top</span><i
        class="btn-scroll-top-icon czi-arrow-up"> </i>
</a>
<div class="__floating-btn">
                <div class="wa-widget-send-button">
            <a href="https://wa.me/0547458913?text=Hello%20there!" target="_blank">
                <img src="https://marautoparts.com/public/assets/front-end/img/whatsapp.svg" class="wa-messenger-svg-whatsapp wh-svg-icon" alt="Chat with us on WhatsApp">
            </a>
        </div>
    
    <!-- Vendor scrits: js libraries and plugins-->
</div>


<script src="https://marautoparts.com/public/assets/front-end/vendor/jquery/dist/jquery-2.2.4.min.js"></script>
<script src="https://marautoparts.com/public/assets/front-end/vendor/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
<script
    src="https://marautoparts.com/public/assets/front-end/vendor/bs-custom-file-input/dist/bs-custom-file-input.min.js"></script>
<script src="https://marautoparts.com/public/assets/front-end/vendor/simplebar/dist/simplebar.min.js"></script>
<script src="https://marautoparts.com/public/assets/front-end/vendor/tiny-slider/dist/min/tiny-slider.js"></script>
<script src="https://marautoparts.com/public/assets/front-end/vendor/smooth-scroll/dist/smooth-scroll.polyfills.min.js"></script>


<script src="https://marautoparts.com/public/js/lightbox.min.js"></script>
<script src="https://marautoparts.com/public/assets/front-end/vendor/drift-zoom/dist/Drift.min.js"></script>
<script src="https://marautoparts.com/public/assets/front-end/vendor/lightgallery.js/dist/js/lightgallery.min.js"></script>
<script src="https://marautoparts.com/public/assets/front-end/vendor/lg-video.js/dist/lg-video.min.js"></script>

<script src=https://marautoparts.com/public/assets/back-end/js/toastr.js></script>
<!-- Main theme script-->
<script src="https://marautoparts.com/public/assets/front-end/js/theme.min.js"></script>
<script src="https://marautoparts.com/public/assets/front-end/js/slick.min.js"></script>

<script src="https://marautoparts.com/public/assets/front-end/js/sweet_alert.js"></script>

<script src=https://marautoparts.com/public/assets/back-end/js/toastr.js></script>
<script type="text/javascript"></script>

<script>
    toastr.options = {
        "closeButton": false,
        "debug": false,
        "newestOnTop": false,
        "progressBar": false,
        "positionClass": "toast-bottom-left",
        "preventDuplicates": false,
        "onclick": null,
        "showDuration": "300",
        "hideDuration": "1000",
        "timeOut": "5000",
        "extendedTimeOut": "1000",
        "showEasing": "swing",
        "hideEasing": "linear",
        "showMethod": "fadeIn",
        "hideMethod": "fadeOut"
    }
</script>

<script>
    function addWishlist(product_id) {
        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
            }
        });
        $.ajax({
            url: "https://marautoparts.com/store-wishlist",
            method: 'POST',
            data: {
                product_id: product_id
            },
            success: function (data) {
                if (data.value == 1) {
                    Swal.fire({
                        position: 'top-end',
                        type: 'success',
                        title: data.success,
                        showConfirmButton: false,
                        timer: 1500
                    });
                    $('.countWishlist').html(data.count);
                    $('.countWishlist-' + product_id).text(data.product_count);
                    $('.tooltip').html('');
                    $(`#wishlist_icon_${product_id}`).attr('class','fa fa-heart');
                } else if (data.value == 2) {
                    Swal.fire({
                        type: 'info',
                        title: 'WishList',
                        text: data.error
                    });
                    $('.countWishlist').html(data.count);
                    $('.countWishlist-' + product_id).text(data.product_count);
                    $(`#wishlist_icon_${product_id}`).attr('class','fa fa-heart-o');
                } else {
                    Swal.fire({
                        type: 'error',
                        title: 'WishList',
                        text: data.error
                    });
                }
            }
        });
    }

    function removeWishlist(product_id) {
        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
            }
        });
        $.ajax({
            url: "https://marautoparts.com/delete-wishlist",
            method: 'POST',
            data: {
                id: product_id
            },
            beforeSend: function () {
                $('#loading').show();
            },
            success: function (data) {
                Swal.fire({
                    type: 'success',
                    title: 'قائمة الرغبات',
                    confirmButtonText: 'موافق',
                    text: data.success
                });
                $('.countWishlist').html(data.count);
                $('#set-wish-list').html(data.wishlist);
                $('.tooltip').html('');
            },
            complete: function () {
                $('#loading').hide();
            },
        });
    }

    function quickView(product_id) {
        $.get({
            url: 'https://marautoparts.com/quick-view',
            dataType: 'json',
            data: {
                product_id: product_id
            },
            beforeSend: function () {
                $('#loading').show();
            },
            success: function (data) {
                console.log("success...")
                $('#quick-view').modal('show');
                $('#quick-view-modal').empty().html(data.view);
            },
            complete: function () {
                $('#loading').hide();
            },
        });
    }

    function addToCart(form_id = 'add-to-cart-form', redirect_to_checkout=false) {
        if (checkAddToCartValidity()) {
            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
                }
            });
            $.post({
                url: 'https://marautoparts.com/cart/add',
                data: $('#' + form_id).serializeArray(),
                beforeSend: function () {
                    $('#loading').show();
                },
                success: function (response) {
                    console.log(response);
                    if (response.status == 1) {
                        updateNavCart();
                        toastr.success(response.message, {
                            CloseButton: true,
                            ProgressBar: true
                        });
                        $('.call-when-done').click();
                        if(redirect_to_checkout)
                        {
                            location.href = "https://marautoparts.com/checkout-details";
                        }
                        return false;
                    } else if (response.status == 0) {
                        Swal.fire({
                            icon: 'error',
                            title: 'Cart',
                            text: response.message
                        });
                        return false;
                    }
                },
                complete: function () {
                    $('#loading').hide();

                }
            });
        } else {
            Swal.fire({
                type: 'info',
                title: 'Cart',
                text: 'يرجى اختيار جميع الخيارات'
            });
        }
    }

    function buy_now() {
        addToCart('add-to-cart-form',true);
        /* location.href = "https://marautoparts.com/checkout-details"; */
    }

    function currency_change(currency_code) {
        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
            }
        });
        $.ajax({
            type: 'POST',
            url: 'https://marautoparts.com/currency',
            data: {
                currency_code: currency_code
            },
            success: function (data) {
                toastr.success('Currency changed to' + data.name);
                location.reload();
            }
        });
    }

    function removeFromCart(key) {
        $.post('https://marautoparts.com/cart/remove', {_token: 'liPD1dQgrbfKUzd4PdNJ0LZrC8Y69CmRmau3jjTY', key: key}, function (response) {
            $('#cod-for-cart').hide();
            updateNavCart();
            $('#cart-summary').empty().html(response.data);
            toastr.info('Item has been removed from cart', {
                CloseButton: true,
                ProgressBar: true
            });
            let segment_array = window.location.pathname.split('/');
            let segment = segment_array[segment_array.length - 1];
            if(segment === 'checkout-payment' || segment === 'checkout-details'){
                location.reload();
            }
        });
    }

    function updateNavCart() {
        $.post('https://marautoparts.com/cart/nav-cart-items', {_token: 'liPD1dQgrbfKUzd4PdNJ0LZrC8Y69CmRmau3jjTY'}, function (response) {
            $('#cart_items').html(response.data);
        });
    }

    function cartQuantityInitialize() {
        $('.btn-number').click(function (e) {
            e.preventDefault();

            fieldName = $(this).attr('data-field');
            type = $(this).attr('data-type');
            productType = $(this).attr('product-type');
            var input = $("input[name='" + fieldName + "']");
            var currentVal = parseInt(input.val());

            if (!isNaN(currentVal)) {
                console.log(productType)
                if (type == 'minus') {

                    if (currentVal > input.attr('min')) {
                        input.val(currentVal - 1).change();
                    }
                    if (parseInt(input.val()) == input.attr('min')) {
                        $(this).attr('disabled', true);
                    }

                } else if (type == 'plus') {

                    if (currentVal < input.attr('max') || (productType === 'digital')) {
                        input.val(currentVal + 1).change();
                    }

                    if ((parseInt(input.val()) == input.attr('max')) && (productType === 'physical')) {
                        $(this).attr('disabled', true);
                    }

                }
            } else {
                input.val(0);
            }
        });

        $('.input-number').focusin(function () {
            $(this).data('oldValue', $(this).val());
        });

        $('.input-number').change(function () {
            productType = $(this).attr('product-type');
            minValue = parseInt($(this).attr('min'));
            maxValue = parseInt($(this).attr('max'));
            valueCurrent = parseInt($(this).val());

            var name = $(this).attr('name');
            if (valueCurrent >= minValue) {
                $(".btn-number[data-type='minus'][data-field='" + name + "']").removeAttr('disabled')
            } else {
                Swal.fire({
                    icon: 'error',
                    title: 'Cart',
                    text: 'Sorry the minimum order quantity does not match'
                });
                $(this).val($(this).data('oldValue'));
            }
            if (productType === 'digital' || valueCurrent <= maxValue) {
                $(".btn-number[data-type='plus'][data-field='" + name + "']").removeAttr('disabled')
            } else {
                Swal.fire({
                    icon: 'error',
                    title: 'Cart',
                    text: 'Sorry stock limit exceeded.'
                });
                $(this).val($(this).data('oldValue'));
            }


        });
        $(".input-number").keydown(function (e) {
            // Allow: backspace, delete, tab, escape, enter and .
            if ($.inArray(e.keyCode, [46, 8, 9, 27, 13, 190]) !== -1 ||
                // Allow: Ctrl+A
                (e.keyCode == 65 && e.ctrlKey === true) ||
                // Allow: home, end, left, right
                (e.keyCode >= 35 && e.keyCode <= 39)) {
                // let it happen, don't do anything
                return;
            }
            // Ensure that it is a number and stop the keypress
            if ((e.shiftKey || (e.keyCode < 48 || e.keyCode > 57)) && (e.keyCode < 96 || e.keyCode > 105)) {
                e.preventDefault();
            }
        });
    }

    function updateQuantity(key, element) {
        $.post('https://marautoparts.com/cart/updateQuantity', {
            _token: 'liPD1dQgrbfKUzd4PdNJ0LZrC8Y69CmRmau3jjTY',
            key: key,
            quantity: element.value
        }, function (data) {
            updateNavCart();
            $('#cart-summary').empty().html(data);
        });
    }

    function updateCartQuantity(minimum_order_qty, key) {
        /* var quantity = $("#cartQuantity" + key).children("option:selected").val(); */
        var quantity = $("#cartQuantity" + key).val();
        if(minimum_order_qty > quantity ) {
            toastr.error('الحد الأدنى لكمية الطلب لا يمكن أن يكون أقل من' + minimum_order_qty);
            $("#cartQuantity" + key).val(minimum_order_qty);
            return false;
        }

        $.post('https://marautoparts.com/cart/updateQuantity', {
            _token: 'liPD1dQgrbfKUzd4PdNJ0LZrC8Y69CmRmau3jjTY',
            key: key,
            quantity: quantity
        }, function (response) {
            if (response.status == 0) {
                toastr.error(response.message, {
                    CloseButton: true,
                    ProgressBar: true
                });
                $("#cartQuantity" + key).val(response['qty']);
            } else {
                updateNavCart();
                $('#cart-summary').empty().html(response);
            }
        });
    }

    $('#add-to-cart-form input').on('change', function () {
        getVariantPrice();
    });

    function getVariantPrice() {
        if ($('#add-to-cart-form input[name=quantity]').val() > 0 && checkAddToCartValidity()) {
            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
                }
            });
            $.ajax({
                type: "POST",
                url: 'https://marautoparts.com/cart/variant_price',
                data: $('#add-to-cart-form').serializeArray(),
                success: function (data) {
                    $('#add-to-cart-form #chosen_price_div').removeClass('d-none');
                    $('#add-to-cart-form #chosen_price_div #chosen_price').html(data.price);
                    $('#set-tax-amount').html(data.tax);
                    $('#set-discount-amount').html(data.discount);
                    $('#available-quantity').html(data.quantity);
                    $('.cart-qty-field').attr('max', data.quantity);
                }
            });
        }
    }

    function checkAddToCartValidity() {
        var names = {};
        $('#add-to-cart-form input:radio').each(function () { // find unique names
            names[$(this).attr('name')] = true;
        });
        var count = 0;
        $.each(names, function () { // then count them
            count++;
        });
        if ($('input:radio:checked').length == count) {
            return true;
        }
        return false;
    }

    
    $(".clickable").click(function () {
        window.location = $(this).find("a").attr("href");
        return false;
    });
</script>


<script>
    function couponCode() {
        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
            }
        });
        $.ajax({
            type: "POST",
            url: 'https://marautoparts.com/coupon/apply',
            data: $('#coupon-code-ajax').serializeArray(),
            success: function (data) {
                /* console.log(data);
                return false; */
                if (data.status == 1) {
                    let ms = data.messages;
                    ms.forEach(
                        function (m, index) {
                            toastr.success(m, index, {
                                CloseButton: true,
                                ProgressBar: true
                            });
                        }
                    );
                } else {
                    let ms = data.messages;
                    ms.forEach(
                        function (m, index) {
                            toastr.error(m, index, {
                                CloseButton: true,
                                ProgressBar: true
                            });
                        }
                    );
                }
                setInterval(function () {
                    location.reload();
                }, 2000);
            }
        });
    }

    jQuery(".search-bar-input").keyup(function () {
        $(".search-card").css("display", "block");
        let name = $(".search-bar-input").val();
        if (name.length > 0) {
            $.get({
                url: 'https://marautoparts.com/searched-products',
                dataType: 'json',
                data: {
                    name: name
                },
                beforeSend: function () {
                    $('#loading').show();
                },
                success: function (data) {
                    $('.search-result-box').empty().html(data.result)
                },
                complete: function () {
                    $('#loading').hide();
                },
            });
        } else {
            $('.search-result-box').empty();
        }
    });

    jQuery(".search-bar-input-mobile").keyup(function () {
        $(".search-card").css("display", "block");
        let name = $(".search-bar-input-mobile").val();
        if (name.length > 0) {
            $.get({
                url: 'https://marautoparts.com/searched-products',
                dataType: 'json',
                data: {
                    name: name
                },
                beforeSend: function () {
                    $('#loading').show();
                },
                success: function (data) {
                    $('.search-result-box').empty().html(data.result)
                },
                complete: function () {
                    $('#loading').hide();
                },
            });
        } else {
            $('.search-result-box').empty();
        }
    });

    jQuery(document).mouseup(function (e) {
        var container = $(".search-card");
        if (!container.is(e.target) && container.has(e.target).length === 0) {
            container.hide();
        }
    });

    /* const img = document.getElementByTagName("img")
    img.addEventListener("error", function (event) {
        event.target.src = 'https://marautoparts.com/public/assets/front-end/img/image-place-holder.png';
        event.onerror = null
    }) */

    function route_alert(route, message) {
        Swal.fire({
            title: 'هل أنت متأكد?',
            text: message,
            type: 'warning',
            showCancelButton: true,
            cancelButtonColor: 'default',
            confirmButtonColor: '#073b74',
            cancelButtonText: 'لا',
            confirmButtonText: 'نعم',
            reverseButtons: true
        }).then((result) => {
            if (result.value) {
                location.href = route;
            }
        })
    }

    function order_again(order_id) {
        $.ajaxSetup({
            headers: {
                "X-CSRF-TOKEN": $('meta[name="_token"]').attr("content"),
            },
        });
        $.ajax({
            type: "POST",
            url: $("#order_again_url").data("url"),
            data: {
                order_id,
            },
            beforeSend: function () {
                $('#loading').show();
            },
            success: function (response) {
                if (response.status === 1) {
                    updateNavCart();
                    toastr.success(response.message, {
                        CloseButton: true,
                        ProgressBar: true,
                        timeOut: 3000, // duration
                    });
                    location.href = response.redirect_url;
                    return false;
                } else if (response.status === 0) {
                    toastr.warning(response.message, {
                        CloseButton: true,
                        ProgressBar: true,
                        timeOut: 2000, // duration
                    });
                    return false;
                }
            },
            complete: function () {
                $('#loading').hide();
            },
        });
    }
</script>
<script>
    $('.filter-show-btn').on('click', function(){
        $('#shop-sidebar').toggleClass('show')
    })
</script>

<script>
        let cookie_content = `
        <div class="cookie-section">
            <div class="container">
                <div class="d-flex flex-wrap align-items-center justify-content-between column-gap-4 row-gap-3">
                    <div class="text-wrapper">
                        <h5 class="title">خصوصيتك مهمة</h5>
                        <div></div>
                    </div>
                    <div class="btn-wrapper">
                        <span class="text-white cursor-pointer" id="cookie-reject">No thanks</span>
                        <button class="btn btn-success cookie-accept" id="cookie-accept">Yes i Accept</button>
                    </div>
                </div>
            </div>
        </div>
    `;
    $(document).on('click','#cookie-accept',function() {
        document.cookie = '6valley_cookie_consent=accepted; max-age=' + 60 * 60 * 24 * 30;
        $('#cookie-section').hide();
    });
    $(document).on('click','#cookie-reject',function() {
        document.cookie = '6valley_cookie_consent=reject; max-age=' + 60 * 60 * 24;
        $('#cookie-section').hide();
    });

    $(document).ready(function() {
        if (document.cookie.indexOf("6valley_cookie_consent=accepted") !== -1) {
            $('#cookie-section').hide();
        }else{
            $('#cookie-section').html(cookie_content).show();
        }
    });
</script>

<script>
    $(document).ready(function() {
        const currentUrl = new URL(window.location.href);
        const referral_code_parameter = new URLSearchParams(currentUrl.search).get("referral_code");
        if (referral_code_parameter) {
                            window.location.href = "https://marautoparts.com/customer/auth/sign-up?referral_code=" + referral_code_parameter;
                    }
    });
</script>




<script>
   
   $("#customFileUpload").change(function () {
            readURL(this);
        });

</script>
<script>
   

    function checkLoginAndAddToCart() {
        window.location.href = "https://marautoparts.com/customer/auth/login";
    }
</script>
    <script>
        function openNav() {
            document.getElementById("mySidepanel").style.width = "70%";
            document.getElementById("mySidepanel").style.height = "100vh";
        }

        function closeNav() {
            document.getElementById("mySidepanel").style.width = "0";
        }

        function filter(value) {
            $.get({
                url: 'https://marautoparts.com/products',
                data: {
                    id: '',
                    name: '',
                    data_from: 'best-selling',
                    min_price: '',
                    max_price: '',
                    sort_by: value
                },
                dataType: 'json',
                beforeSend: function () {
                    $('#loading').show();
                },
                success: function (response) {
                    $('#ajax-products').html(response.view);
                },
                complete: function () {
                    $('#loading').hide();
                },
            });
        }

        function searchByPrice() {
            let min = $('#min_price').val();
            let max = $('#max_price').val();
            $.get({
                url: 'https://marautoparts.com/products',
                data: {
                    id: '',
                    name: '',
                    data_from: 'best-selling',
                    sort_by: '',
                    min_price: min,
                    max_price: max,
                },
                dataType: 'json',
                beforeSend: function () {
                    $('#loading').show();
                },
                success: function (response) {
                    $('#ajax-products').html(response.view);
                    $('#paginator-ajax').html(response.paginator);
                    console.log(response.total_product);
                    $('#price-filter-count').text(response.total_product + ' عناصر تم العثور عليها')
                },
                complete: function () {
                    $('#loading').hide();
                },
            });
        }

        $('#searchByFilterValue, #searchByFilterValue-m').change(function () {
            var url = $(this).val();
            if (url) {
                window.location = url;
            }
            return false;
        });

        $("#search-brand").on("keyup", function () {
            var value = this.value.toLowerCase().trim();
            $("#lista1 div>li").show().filter(function () {
                return $(this).text().toLowerCase().trim().indexOf(value) == -1;
            }).hide();
        });
    </script>



<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
    // تنفيذ إجراءات التصفية بعد حذف البيانات من الجلسة
    $(document).ready(function() {
        // تصفية المحتوى المقترن بالكود PHP
        var output = '';

        // تصفية قيم النماذج والحقول المحفوظة
        $('input[type="text"]').val('');
        $('select').val('');

        // تصفية أي بيانات أخرى في الذاكرة المؤقتة أو الكوكيز

        // عرض المحتوى النهائي بعد التصفية
        $('body').append(output);
    });
</script>
<script>
$('body').css('overflow-x', 'hidden');
$('html').css('overflow-x', 'hidden');
</script>

<script>
$(function() {
    $('.list-group-item').on('click', function() {
        $('.glyphicon', this)
            .toggleClass('glyphicon-chevron-right')
            .toggleClass('glyphicon-chevron-down');
    });
});
</script>


<script>
function myFunction() {
    $('#anouncement').slideUp(300)
}
</script>

</body>
</html>