/**
 * text
 * text
 * text
 * text
 * text
 */
@charset "UTF-8";
@import url('https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.0/normalize.min.css');
@import url('reset.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.2/css/all.css');
@import url('https://fonts.googleapis.com/icon?family=Material+Icons');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700&subset=latin,cyrillic');
@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700&subset=latin,cyrillic');
@import url('https://fonts.googleapis.com/css?family=Roboto:400,700,400italic&subset=latin,cyrillic');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700&subset=latin,cyrillic');
@import url('https://fonts.googleapis.com/css?family=Roboto+Mono:500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@700&display=swap');
@import url('https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/jquery-ui.css');
@import url('https://yastatic.net/bootstrap/3.3.6/css/bootstrap.min.css');
/*@import url('https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css');*/
@import url('https://unpkg.com/material-components-web@latest/dist/material-components-web.min.css');
@import url('material.blue-red.css');
/*@import url('style-mdl.css');*/
@import url('red.css');
@import url('layout.css');

@import url('typography.css');
@import url('d2v-logo.css');
@import url('d2v-app-header.css');
@import url('d2v-img.css');
@import url('d2v-product-box.css');
@import url('d2v-panel.css');
@import url('d2v-button.css');

@charset "UTF-8";
/* #region color  */
/* display: grid; layout */
/* #endregion color  */

/*#region GLOBAL STYLES */
html {
    color: rgba(0,0,0,.87);
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

body {
    background-color: #fff;
    font: 400 16px/24px 'Roboto', 'Open Sans', sans-serif;
    color: rgba(0, 0, 0, 0.87);
}

main, section {
    display: block;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    padding: 0;
    line-height: 24px;
    font-size: 20px;
    font-weight: 600;
    font-family: 'Roboto Condensed', 'Open Sans Condensed';
}


h1 {
    font-size: 24px;
    margin: 0;
    line-height: 32px;
    text-transform: uppercase;
}

h2 {
    /*text-align: center;
    margin: 2rem 0 1rem;*/
    font-size: 1.25rem;
    margin: 0;
    line-height: 2rem;
    text-transform: uppercase;
}

h3 {
    font-size: 20px;
    margin: 0;
    line-height: 32px;
    text-transform: uppercase;
}

ul, ol {
    font-size: 1rem;
    line-height: 1.5rem;
}

/*#endregion*/


    button, a, .icon {
        transition: background-color 0.3s ease-in-out;
    }

    strong {
       
        font-weight: 600;
    }

    .offer.offer-default ul li {
        list-style: none;
    }

    .panel-body ul li {
        list-style: none;
    }

    .col-md-3.layout-left {
        padding: 0 30px 0 0;
    }

    .col-md-6.layout-middle {
        padding: 0;
    }

    .col-md-3.layout-right {
        padding: 0 0 0 30px;
    }

    .col-md-9.layout-right {
        padding: 0;
    }
    /* Main marketing message and sign up button */
    .jumbotron {
        text-align: center;
        background-color: transparent;
    }

        .jumbotron .btn {
            font-size: 21px;
            padding: 14px 24px;
        }
    /* Customize the nav-justified links to be fill the entire space of the .navbar */
    .masthead > .navbar {
        border: none;
        border-radius: 0px;
        margin-bottom: 5px;
    }
    /*.masthead .navbar-inverse .navbar-nav > li > a { border-right: 1px solid #2b2b2b; color: #fff; }

    .masthead .navbar-inverse .navbar-nav > li > a:hover { background-color: #000; }*/
    .masthead .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { /*background-color: #000*/
        
        color: #fff;
        text-decoration: none;
    }

    .top-menu ul.dropdown-menu > li > a {
        padding: 10px 10px;
        color: #2B2B2B;
    }

    .top-menu ul.dropdown-menu {
        padding: 10px 10px;
    }

    .top-menu ul.dropdown-menu {
        border: none;
        padding: 0;
        border-radius: 0;
    }
    /* #top-menu */
.navbar-fixed-top.top-menu {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 3.5rem;
    min-height: 3.5rem;
    max-height: 3.5rem;
    line-height: 3.5rem;

    position: fixed;
   
    background: #FFF;
    box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
    color: #2B2B2B;
    /*z-index: 999999;*/
    /*background-color: #ecf0f1;
border-bottom: 1px solid #E2E4E6;*/
}

        .navbar-fixed-top.top-menu li { /*border-right: 1px solid #E2E4E6;*/
        }

            .navbar-fixed-top.top-menu li > a {
                color: #000;
            }

                .navbar-fixed-top.top-menu li > a:hover { /*background-color: #2B2B2B;*/
                    color: #FFF;
                }

                .navbar-fixed-top.top-menu li > a:active {
                    background-color: #2B2B2B;
                    color: #FFF;
                }

                .navbar-fixed-top.top-menu li > a:focus { /*background-color: #2B2B2B;*/
                    color: #FFF;
                }

    .top-menu-container {
        margin-bottom: 0px;
    }


    .top-menu .navbar-header {
    }

    .top-menu .navbar-toggle {
        padding: 0 10px;
        margin: 4px 15px;
    }
    /*.top-menu .container > .navbar-header{ margin: 0;padding: 0;}*/
    @media (min-width: 768px) {
    }

    @media (min-width: 768px) {
        .navbar {
            margin: 0
        }
    }
    /* #endregion */
    /* #region breadcrumb */
    .breadcrumb {
        padding: 0;
        font-size: 12px;
    }
    /* #endregion */
    .masthead ul.dropdown-menu { /*background-color: #222222;*/
        border: none;
        padding: 0;
        border-radius: 0;
    }

        .masthead ul.dropdown-menu > li > a {
            padding: 10px 15px;
            color: #fff;
        }





    .masthead .open > .dropdown-menu {
        animation-name: slidenavAnimation;
        animation-duration: .4s;
        animation-iteration-count: 1;
        animation-timing-function: ease;
        animation-fill-mode: forwards;
        -webkit-animation-name: slidenavAnimation;
        -webkit-animation-duration: .4s;
        -webkit-animation-iteration-count: 1;
        -webkit-animation-timing-function: ease;
        -webkit-animation-fill-mode: forwards;
        -moz-animation-name: slidenavAnimation;
        -moz-animation-duration: .4s;
        -moz-animation-iteration-count: 1;
        -moz-animation-timing-function: ease;
        -moz-animation-fill-mode: forwards;
    }

    .search-box {
        padding: 3px 0px;
    }

    @keyframes slidenavAnimation {
        from {
            opacity: 0;
        }

        to {
            opacity: 1;
        }
    }

    @-webkit-keyframes slidenavAnimation {
        from {
            opacity: 0;
        }

        to {
            opacity: 1;
        }
    }

    @media (min-width: 768px) {
        .nav-justified {
            max-height: 52px;
        }

            .nav-justified > li > a {
                border-left: 1px solid #fff;
                border-right: 1px solid #d5d5d5;
            }

            .nav-justified > li:first-child > a {
                border-left: 0;
                border-radius: 5px 0 0 5px;
            }

            .nav-justified > li:last-child > a {
                border-radius: 0 5px 5px 0;
                border-right: 0;
            }
    }
    /* Responsive: Portrait tablets and up */
    @media screen and (min-width: 768px) {
        /* Remove the padding we set earlier */
        .masthead,
        .marketing,
        .footer {
            padding-left: 0;
            padding-right: 0;
        }
    }


    a {
        color: #000;
    }

    .header-logo {
        float: left;
        margin-top: 5px;
        text-align: left;
    }

    a.logo {
        background: url("images/logo.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
        display: block;
        height: 60px;
        text-decoration: none;
        width: 310px;
    }

    .title-box {
        margin: 70px 0 30px 0;
    }

    .slide-container {
        padding: 0 3px;
    }

    .mid-content-title {
        padding: 8px 12px;
        background-color: #f0f0f0;
        color: #000; /*border-bottom: 2px solid #000;*/
        margin: 0;
    }

    .mid-content-body {
        padding: 8px 10px;
    }

    .mid-content-title > h3 {
        padding: 0;
        margin: 0;
    }


    .pull-right.item-container > div {
        margin-bottom: 5px;
    }

    .panel-body > ul > li {
        list-style: none;
    }

    .panel.panel-default.side-nav > .panel-body {
        padding: 5px;
    }

    .footer-poweredby, .footer-disclaimer, .footer-store-theme {
        text-align: center;
    }



    .panel.panel-default.side-nav, .panel.panel-default.form-panel { /*border-top: 4px solid #000;*/
        box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.15);
    }

        .panel.panel-default.form-panel > .panel-heading > h1 {
            margin: 0;
        }

        .panel.panel-default.form-panel > .panel-heading > h3 {
            margin: 0;
        }
        /*.panel.panel-default.side-nav.side-nav-category{
border:none;
}*/
        .panel.panel-default.side-nav > .panel-heading {
            color: #000;
            background-color: #fff;
            border-radius: 0;
            cursor: default;
        }

    div.panel-body {
        border: none;
    }


        div.panel-body .page-body a {
            color: #B80709;
        }

            div.panel-body .page-body a:hover {
                text-decoration: underline;
            }

    .panel.panel-default.side-nav > .panel-body > ul > li > a {
        color: #000;
    }

        .panel.panel-default.side-nav > .panel-body > ul > li > a:hover {
            background-color: #eee;
        }

    .panel-body > .poll {
        padding: 10px;
    }

    div.panel-body > div.poll > ul.poll-options {
        list-style: none;
        padding: 4px 0px 0px 10px;
    }

    .panel-body .poll .poll-results {
        margin-top: 5px;
    }
    /*.btn.btn-default { color: #fff; background-color: #222222; border-color: #222222; }

    .btn.btn-default:hover { color: #fff; background-color: #000000; border-color: #000000; }*/
    .panel-body > .tags {
        padding: 5px 5px 10px 10px;
    }

    .tags > a {
        color: #000;
    }

    div.block-popular-tags div.view-all {
        padding: 0px 0px 10px 10px;
    }

    div.panel-body > div.newsletter-subscribe-block {
        padding: 10px;
    }

    div.newsletter-subscribe-block > div.newsletter-email {
        padding: 0.5rem 0px;
    }

    .alert-info {
        color: #000000;
        background-color: #eee;
        border-color: #FDFDFD;
    }

    .home-page-best-seller .rating {
        margin-left: 32%;
    }

    .required {
        color: red;
    }
    /*------------------------------------*\
.footer
\*------------------------------------*/
    .footer {
        background-color: #444444;
        color: #B8B8B8;
        text-shadow: 1px 1px 1px #000;
        font-size: 12px;
        padding: 20px 0 0 0;
    }

        .footer .first-footer {
            padding-bottom: 10px;
        }

        .footer li {
            line-height: 25px;
        }

        .footer a {
            color: #aaaaaa;
        }

            .footer a:hover {
                text-decoration: none;
                color: #eeeeee;
            }

        .footer .title {
            text-transform: uppercase;
            color: #aaaaaa;
            font-weight: 600;
            font-size: 13px;
            padding-bottom: 5px;
        }

        .footer .getintouch li {
            padding-bottom: 10px;
        }

            .footer .getintouch li:hover div.icon {
                background-color: #000;
            }

        .footer .getintouch div.icon {
            display: table-cell;
            width: 38px;
            height: 38px;
            background-color: #333333;
            border: 1px #444444 solid;
            vertical-align: middle;
            text-align: center;
            -webkit-transition: all 150ms ease-in-out;
            -moz-transition: all 150ms ease-in-out;
            -o-transition: all 150ms ease-in-out;
            -ms-transition: all 150ms ease-in-out;
            transition: all 150ms ease-in-out;
        }

        .footer .getintouch .fa {
            font-size: 15px;
            line-height: 27px;
        }

        .footer .getintouch span a {
            display: block;
            line-height: 0px;
        }

        .footer .getintouch div.c-info {
            display: table-cell;
            padding-left: 10px;
        }

        .footer .social-icons {
            padding: 10px 0;
        }

            .footer .social-icons ul li {
                display: block;
                margin-right: 1px;
                float: left;
            }

                .footer .social-icons ul li a {
                    display: table-cell;
                    vertical-align: middle;
                    text-align: center;
                    width: 50px;
                    height: 50px;
                    line-height: 0px;
                    padding: 0px;
                    background-color: #333333;
                }

                    .footer .social-icons ul li a .fa {
                        font-size: 18px;
                    }

            .footer .social-icons .google-plus:hover a {
                background-color: #dc2310;
            }

            .footer .social-icons .youtube:hover a {
                background-color: #cd201f;
            }

            .footer .social-icons .twitter:hover a {
                background-color: #33bce9;
            }

            .footer .social-icons .facebook:hover a {
                background-color: #37528d;
            }

            .footer .social-icons .rss:hover a {
                background-color: #FF6600;
            }

        .footer .copyrights {
            background-color: #222222;
            border-top: 1px #444444 solid;
            padding-top: 14px;
            padding-bottom: 14px;
        }

            .footer .copyrights .copytxt {
                padding-bottom: 10px;
                display: inline-block;
            }

            .footer .copyrights .payment-icons {
                padding-bottom: 10px;
                float: right;
                text-align: center;
            }

                .footer .copyrights .payment-icons a {
                    display: inline-block;
                    padding-left: 10px;
                    opacity: 0.2;
                }

                    .footer .copyrights .payment-icons a:hover {
                        opacity: 0.4;
                    }

            .footer .copyrights .btmlinks {
                padding-left: 20px;
            }

        .footer ul {
            list-style-type: none;
            padding: 0px;
        }

        .footer a {
            color: #ffffff;
        }
    /*------------------------------------*\
.footer   end
\*------------------------------------*/
    /*#region manufacturer */
    .manufacturer-description a {
        color: #0059B3;
    }

    .manufacturer-list-page {
    }

        .manufacturer-list-page .title {
            font-weight: 400;
            text-align: center;
            font-size: 12px;
            margin: 0;
            line-height: 20px;
        }

    .manufacturer-item h2.title {
        
        font-size: 13px;
        font-weight: 700;
    }
    /*#endregion */
    .offer {
        background: #fff;
        border: 1px solid #ddd;
        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
        margin: 15px 0;
        overflow: hidden;
    }

    .offer-default {
        border-color: #999999;
        padding: 10px 10px 10px 10px;
    }
    /*#region offer-new-product */
    .product-item__list-new .row {
        display: block;
    }

    .product-item__list-new span[class*='col-'] {
        display: block;
    }

    .offer-new-product {
        background-color: #eee;
    }

        .offer-new-product:hover {
            border: 1px solid #B80709;
        }

        .offer-new-product .product-title {
            margin: 8px;
            display: block;
            color: #333;
            font-size: 18px;
            font-weight: 700;
        }

        .offer-new-product:hover .product-title {
            color: #B80709;
        }

        .offer-new-product .product-description {
            margin: 0 8px;
            font-size: 16px;
            display: block;
        }

        .offer-new-product .prices {
            margin: 8px 16px;
            text-align: right;
            display: block;
        }

        .offer-new-product .buttons {
            margin: 8px 16px;
            text-align: right;
            color: #3f51b5;
            font-weight: 700;
            display: block;
        }

        .offer-new-product:hover .buttons {
            text-align: right;
            color: #B80709;
        }

        .offer-new-product .button--primary {
            color: #B80709;
        }
    /*#endregion */
    /*.silde-show-offer { height: 360px; }*/
    .picture.thumbnail {
        margin: 5px 0 0 10px;
        min-height: 80px;
        border: none;
    }

   

    .price.old-price {
        text-decoration: line-through;
    }

    .page-title h1 {
        font-size: 24px;
        font-weight: 600;
        color: #000;
    }

    h2.product-title {
        padding: 0;
        margin: 0;
        line-height: 20px;
        font-size: 16px;
        margin-top: 20px;
    }



        h2.product-title > a {
            color: #000000;
            font-size: 16px;
            font-family: 'Open Sans Condensed', sans-serif;
        }
    /*.product-selectors.clearfix > div.col-md-4 { background-color: #222; color: #fff; padding: 8px; border-radius: 0; border: none; }*/
    .product-list .picture, .product-list.home-page-product-list .picture {
        float: left;
        margin: 0 4px;
    }

    .product-list .middle-content {
        float: left;
        margin: 0 4px;
        width: 65%;
    }

    .product-list.home-page-product-list .middle-content {
        float: left;
        margin: 0 4px;
        width: 55%;
    }

    .product-list .add-info, .product-list.home-page-product-list .add-info {
        float: right;
        margin: 0 4px;
    }

    .product-grid > .offer.offer-default {
        float: left;
        height: 400px;
        margin: 5px;
        text-align: center;
        width: 32%;
    }

    .sub-category-grid .offer.offer-default {
        width: 25%;
        margin: 5px;
        text-align: center;
        float: left;
    }

    .glyphicon {
        margin-right: 10px;
    }
    /*.panel-body { padding:0px; }*/
    .panel-body table tr td {
        padding-left: 15px;
    }

    .panel-body .table {
        margin-bottom: 0px;
    }
    /*ol.breadcrumb { background-color: #222; border-radius: 0; }

    ol.breadcrumb > li { color: #d5d5d5; }

        ol.breadcrumb > li > a { color: #fff; }*/
    div.pager li > a,
    div.pager li > span {
        border-radius: 0px;
    }


    .pager li > span {
        color: #000;
        font-weight: 700
    }

    .pager li > a {
        color: #23527c;
    }

    .pager li.current-page > span {
        border: 1px solid #fff;
    }

    ul.group > li {
        list-style: none;
    }

    ul.nav > li.title {
        background-color: #F0F0F0;
        display: block;
        padding: 5px 5px;
    }
    /*div.panel-default > div.panel-heading {
background-color: #F0F0F0;
}*/
    .remove-filter > a {
        color: #000;
        font-weight: bold;
    }


    th.cart {
        width: 100px;
    }

    .cart.table th {
        background-color: #f5f5f5;
    }

    .buttons {
        margin: 20px 0;
    }
    /*Start*/
    ul {
        list-style-type: none;
    }

    .address-item .left {
        padding-left: 40px;
    }

    .space10 {
        margin-top: 10px;
    }

    .space20 {
        margin-top: 20px;
    }

    .down-space-30 {
        margin-bottom: 30px;
    }

    .down-space-10 {
        margin-bottom: 10px;
    }

    .alignright {
        text-align: right;
    }

    .square-box {
        border-radius: 0px;
    }

    .inheri-width {
        width: inherit;
    }

    .pull-text-right {
        text-align: right;
    }

    .pull-text-left {
        text-align: left;
    }

    .pull-text-center {
        text-align: center;
    }

    .home-page-product-grid .rating {
        margin-left: 32%;
    }

    .offer.home-page-categories {
    }

        .offer.home-page-categories .img-responsive {
            display: inline;
        }





    .category-tile {
        display: block;
        padding: 4px;
        background: #fff;
        border: 1px solid #ccc;
        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
        margin-bottom: 10px;
        overflow: hidden;
        line-height: 38px;
        transition: all 0.2s ease-in-out 0;
    }

        .category-tile:hover {
            background: #ddd;
        }

        .category-tile h2 {
            font-size: 16px;
            font-weight: 400;
            line-height: 38px;
            margin: 0;
            padding: 0;
            text-align: center;
        }
    /*badge number css start*/
    .op-number {
        font-size: 12px;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        color: #ffffff;
        display: inline-block;
        line-height: 14px;
        text-align: center;
        padding: 2px;
        float: right;
    }

    .dropdown-filter {
        height: 25px;
        padding-top: 0px;
        padding-bottom: 0px;
    }
    /*badge number css end*/
    /*------------------------------------*\
Page: One Page Shopping Cart  START
\*------------------------------------*/
    .tab-section .step .box-content {
        padding: 15px;
    }
    /*------------------------------------*\
Page: One Page Shopping Cart  END
\*------------------------------------*/
    /*------------------------------------*\
Page: Shopping Cart  START
\*------------------------------------*/
    /*.rec-banner.active_position { background-color: #2B2B2B; color: #FFF; }

    .rec-banner.active_position:hover { background-color: #000; color: #FFF; }*/
    /*.rec-banner.deactive_position:hover { background-color: #000; color: #FFF; }*/
    .rec-banner.deactive_position:hover {
        cursor: not-allowed;
    }

        .rec-banner.deactive_position:hover a {
            color: #FFF;
        }

            .rec-banner.deactive_position:hover a:hover {
                color: #FFF;
            }

            .rec-banner.deactive_position:hover a:active {
                color: #FFF;
            }


    .rec-banner.active_position a {
        text-decoration: none;
        color: #FFF;
    }

        .rec-banner.active_position a:hover {
            text-decoration: none;
            color: #FFF;
        }

        .rec-banner.active_position a:active {
            text-decoration: none;
            color: #FFF;
        }

    .active_position {
        border-radius: 4px;
        padding: 10px;
    }

    .deactive_position {
        border-radius: 4px;
        padding: 10px;
    }

    .rec-banner.deactive_position {
        color: #000;
    }

        .rec-banner.deactive_position a {
            text-decoration: none;
            color: #000;
        }

            .rec-banner.deactive_position a:hover, .rec-banner.deactive_position a:active {
                text-decoration: none;
                color: #000;
            }
    /*------------------------------------*\
Page: Shopping Cart  END
\*------------------------------------*/
    /*------------------------------------*\
Page: Homepage Slide Show START
\*------------------------------------*/
    .title-carousel-control {
        padding: 10px;
        border-radius: 0px;
        text-decoration: none;
    }
    /*.title-carousel-control:hover { background-color: #000; padding: 10px; color: #FFF; border-radius: 0px; text-decoration: none; }*/
    /*------------------------------------*\
Page: Homepage Slide Show END
\*------------------------------------*/
    /*------------------------------------*\
Page: Notification START
\*------------------------------------*/
    .notifications {
        position: fixed;
        height: 55px;
        width: 100%;
        top: 55px;
        left: 0;
        color: #FFF; /*background: #000;*/
        -moz-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
        -webkit-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
        box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
        z-index: 999999;
    }

        .notifications.error {
            background: #8A0707;
        }

        .notifications.success {
            background: #092E20;
        }

        .notifications p {
            text-align: center;
            padding: 15px 0;
        }

        .notifications .close {
            background: url(images/ico-close-notification-bar.png) no-repeat;
            width: 20px;
            height: 20px;
            cursor: pointer;
            margin: 15px 20px;
        }

        .notifications a, .notifications a:hover {
            text-decoration: none;
            color: #FFF;
        }
    /*------------------------------------*\
Page: Notification  END
\*------------------------------------*/
    /*------------------------------------*\
Page: Blog START + News START
\*------------------------------------*/
    .paddding-right0 {
        padding-right: 0px;
    }

    .paddding-left0 {
        padding-left: 0px;
    }

    .blogpost-page .post-date, .news-item-page .news-date {
        margin-top: 10px;
    }

    .blogpost-page .tags {
        padding-left: 0px;
    }

    .blog-posts legend, .news-items legend {
        padding: 15px 0px 5px 0px;
    }

    .blogpost-page .new-comment .title, .news-item-page .new-comment .title {
        margin-bottom: 15px;
    }

    .blogpost-page .blog-comment .comment-body, .news-item-page .news-comment .comment-total {
        padding: 10px;
    }

    .news-item-page .input-comment-title {
        margin-bottom: 10px;
    }

    .blogpost-page .blog-comment .avatar, .news-item-page .news-comment .avatar {
        padding-top: 10px;
    }

    .header-rss {
        color: #ffffff;
        margin-right: 12px;
    }

    .header-rss-icon {
        background-color: #FF6600;
    }

    .header-rss:hover .header-rss-icon {
        color: #FF6600;
        background-color: #ffffff;
    }
    /*------------------------------------*\
Page: Blog END + News END
\*------------------------------------*/
    /*------------------------------------*\
Page: Forum START
\*------------------------------------*/
    .forums-main-page .forums-main-header {
        padding-top: 30px;
    }

    .forums-table-section .forums-table-section-title {
        padding: 30px 0px 10px 0px;
    }

        .forums-table-section .forums-table-section-title h4 {
            display: inline;
        }
    /*.forums-table-section .forums-table-section-body thead { background-color: #2B2B2B; color: #ffffff; }*/
    .forums-table-section .forums-table-section-body thead th {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .forums-table-section .forums-table-section-body .forum-name, .forums-table-section .forums-table-section-body .topic-name {
        padding-left: 20px;
    }

    .forums-table-section .forums-table-section-body .topic-name {
        width: 60%;
    }


    .forum-topic-page .topic-header, .forum-page .actions {
        background-color: #f0f0f0;
        padding-top: 20px;
        padding-bottom: 20px;
    }


    .forum-topic-page .posts .forum-post .user-info .user-stats {
        padding: 0px;
    }

    .forum-topic-page .posts .forum-post .post-body {
        padding: 10px;
    }
    /*------------------------------------*\
Page: Forum START
\*------------------------------------*/
    /*------------------------------------*\
Page: Product Details START
\*------------------------------------*/
    .product-details-page {
        border: 1px solid #d3d3d3;
        margin-top: 10px;
    }

        .product-details-page .panel {
            margin-bottom: 0px;
        }

    .product-collateral {
        margin-top: 10px;
        margin-bottom: 10px;
        clear: both;
    }

    .product-essential {
    }

.product-details-page .gallery .picture {
    margin: 1rem 0;
}

        .product-details-page .gallery .picture img {
            width: 300px;
        }

        .product-details-page .gallery .picture-thumbs {
            margin-top: 10px;
        }

            .product-details-page .gallery .picture-thumbs a {
                margin-right: 3px;
            }

   
    .product-details-page .product-name {
        color: #5C5B5B;
        font-size: 1.3em;
        margin-bottom: 0.3em;
        padding-top: 10px;
    }

    .product-details-page .short-description, .product-details-page .manufacturers, .product-details-page .sku, .product-details-page .manufacturer-part-number, .product-details-page .stock, .product-details-page .gtin, .product-details-page .delivery-date, .product-details-page .product-vendor {
        color: #555;
        margin-bottom: .3em;
        font-size: 1.1em;
    }

    .product-details-page .free-shipping {
        background: url('images/free-shipping.png') left 0px no-repeat;
        font-size: 11px;
        height: 60px;
        width: 120px;
        line-height: 12px;
        padding: 18px 5px 0 4px;
        text-align: center;
        color: #fff;
        font-weight: normal;
    }


    .product-details-page .full-description {
        border: 1px solid #eee;
        clear: both;
        color: #555;
        margin-bottom: .3em;
        padding: 10px;
    }


        .product-details-page .full-description ul, .product-details-page .full-description ol {
            margin-left: 25px;
        }

        .product-details-page .full-description p {
            font: 400 16px/24px 'Roboto', 'Open Sans', sans-serif;
        }

    .product-details-page .back-in-stock-subscription {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .product-details-page .email-a-friend {
        margin: 10px 5px 10px 0px;
        float: left;
    }

    .product-details-page .compare-products {
        margin: 10px 0 10px 0px;
        float: left;
    }

    .product-details-page .product-share-button {
        margin-top: 10px;
        margin-bottom: 10px;
        clear: both;
    }

    .product-details-page .product-reviews-overview {
        margin-top: 20px;
        margin-bottom: 20px;
    }

        .product-details-page .product-reviews-overview .product-review-box {
            margin-right: 5px;
        }

    .rating {
        height: 16px;
        width: 80px;
        background: url(images/star-x-inactive.png) 0 0 repeat-x;
    }

        .rating div {
            float: left;
            height: 16px;
            background: url(images/star-x-active.png) 0 0 repeat-x;
        }



    .product-price label {
        font-size: 15px;
    }

    .old-product-price {
        font-size: 15px;
    }

    .tax-shipping-info {
        font-size: 15px;
    }


    .product-details-page .product-reviews-overview .product-review-links .separator {
        margin: 0 2px;
    }

    .product-details-page .product-reviews-overview .product-review-links {
        margin: 0;
    }

    .product-details-page .product-reviews-overview .product-no-reviews a {
        text-decoration: underline;
    }

    .product-details-page .product-variant-list { /*float: left;clear: none;*/
        clear: both;
        padding: 10px 0;
        border: 0; /*margin-bottom:20px;*/
        margin-top: 10px;
    }

        .product-details-page .product-variant-list .product-variant-line {
            border: 1px solid #EEEEEE;
            padding: 20px;
            margin: 10px 0;
            zoom: 1;
        }

            .product-details-page .product-variant-list .product-variant-line:after {
                content: ".";
                display: block;
                clear: both;
                height: 0;
                font-size: 0;
                line-height: 0;
                visibility: hidden;
            }

    .add-to-cart-button {
        padding: 5px 10px;
        cursor: pointer;
        background: #337ab7;
        text-transform: uppercase;
        color: #fff;
        border-color: #999;
        border: 0 none;
        font-weight: 400;
        font-size: 1em;
    }


    .product-details-page .product-variant-list .add-to-cart-button {
        margin-left: 0;
        display: block;
    }

    .product-details-page .no-associated-products {
        font-weight: bold;
    }

    .add-to-cart-button:hover {
        color: #fff;
    }

    .add-to-wishlist-button {
        display: block;
        margin-top: 10px;
    }

    .product-details-page .variant-picture {
        clear: both;
        float: left;
        margin-bottom: 15px;
    }

    .product-details-page .variant-overview {
        float: left;
        width: 100%;
    }

    .product-details-page .variant-name {
        color: #5C5B5B;
        font-size: 1.3em;
        margin-bottom: .3em;
    }

    .product-details-page .variant-description {
        clear: both;
        color: #555;
        margin-bottom: .3em;
    }

    .product-details-page .download-sample {
        clear: both;
        color: #555;
        margin-top: 15px;
        margin-bottom: 15px;
    }

        .product-details-page .download-sample .download-sample-button {
            -x-system-font: none !important;
            background: #F1F1F1 url(images/download-sample-bg.gif) repeat-x scroll 0 100%;
            border: 1px solid #B5B5B5;
            color: #444;
            cursor: pointer;
            font-family: arial,sans-serif !important;
            font-size: 11px !important;
            font-size-adjust: none !important;
            font-stretch: normal !important;
            font-style: normal !important;
            font-variant: normal !important;
            font-weight: 700 !important;
            line-height: normal !important;
            overflow: visible;
            padding: 1px 5px;
            text-align: center;
            text-transform: uppercase;
            vertical-align: middle;
            width: auto;
        }

            .product-details-page .download-sample .download-sample-button a {
                text-decoration: none;
            }

                .product-details-page .download-sample .download-sample-button a:hover {
                    color: #444;
                }

    .product-details-page .product-variant-line .prices { /*float:left;*/
        padding-top: 10px;
        margin-right: 30px;
    }

    

    .product-details-page .prices .product-price {
        font-weight: bold;
    }

        .product-details-page .prices .product-price span {
            color: #B80709;
            font-size: 20px;
        }

    .product-details-page .prices .old-product-price {
        color: #5C5B5B;
    }

        .product-details-page .prices .old-product-price span {
            text-decoration: line-through;
        }

    .product-details-page .customer-entered-price {
        margin-bottom: 10px;
    }

    .product-details-page .add-to-cart {
        padding-top: 10px;
    }

        .product-details-page .add-to-cart .qty-input {
            width: 75px;
        }

        .product-details-page .add-to-cart .add-to-cart-panel .form-control {
            display: block;
            width: 100%;
            height: 40px;
            padding: 0 0 0 15px;
            font-size: 1em;
            line-height: 40px;
            color: #555;
            background-color: #FFF;
            background-image: none;
            border: 1px solid #CCC;
            border-radius: 0;
            box-shadow: none;
            transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
        }

        .product-details-page .add-to-cart .add-to-cart-panel .form-group .col-md-3 {
            padding: 0;
        }

        .product-details-page .add-to-cart .add-to-cart-panel .form-group .btn {
            display: inline-block;
            padding: 0 12px;
            margin: 0;
            font-size: 14px;
            font-weight: normal;
            line-height: 38px;
            text-align: center;
            white-space: nowrap;
            vertical-align: middle;
            cursor: pointer;
            -moz-user-select: none;
            background-image: none;
            border: 1px solid transparent;
            border-radius: 0px;
        }

        .product-details-page .add-to-cart label {
            line-height: 40px;
            font-weight: 400;
        }

    .product-details-page .attributes {
        margin-bottom: 10px;
    }

        .product-details-page .attributes dl dt {
            margin: 0px 0 0;
        }

        .product-details-page .attributes .text-prompt {
            font-weight: bold;
        }

        .product-details-page .attributes .attribute-description {
            font-size: 11px;
        }

        .product-details-page .attributes ul.option-list {
            padding: 0px;
            margin: 0px;
        }

            .product-details-page .attributes ul.option-list li {
                list-style: none;
            }
        /*.product-details-page .attributes .textbox{width:300px;}*/
        .product-details-page .attributes textarea {
            width: 300px;
            height: 150px;
        }
        /* color squares attribute type */
        .product-details-page .attributes ul.color-squares li {
            display: inline;
        }

        .product-details-page .attributes ul.color-squares .color-container {
            position: relative;
            display: inline-block;
            border: solid 1px #999;
            padding: 1px;
            margin-bottom: 5px;
        }

        .product-details-page .attributes ul.color-squares .selected-value .color-container {
            border-color: #075899;
            border-width: 2px;
            padding: 0;
        }

        .product-details-page .attributes ul.color-squares .color {
            display: inline-block;
            width: 18px;
            height: 18px;
        }

        .product-details-page .attributes ul.color-squares label {
            cursor: pointer;
            position: relative;
        }

        .product-details-page .attributes ul.color-squares input {
            height: 0;
            overflow: hidden;
            z-index: -10000;
            position: absolute;
            float: none;
        }

    .product-details-page .giftcard {
    }

        .product-details-page .giftcard dt {
            clear: left;
            float: left;
            width: 150px;
        }

        .product-details-page .giftcard label {
            display: inline-block;
            width: 150px;
            vertical-align: top;
        }

        .product-details-page .giftcard .recipient-name {
        }

        .product-details-page .giftcard .recipient-email {
        }

        .product-details-page .giftcard .sender-name {
        }

        .product-details-page .giftcard .sender-email {
        }

        .product-details-page .giftcard .message {
            width: 300px;
            height: 100px;
        }

    .related-products-grid, .also-purchased-products-grid {
        margin-top: 10px;
    }

        .related-products-grid .title, .also-purchased-products-grid .title {
            text-align: left;
            padding: 5px;
            font-weight: 700;
            clear: both;
            font-size: 1.1em;
            color: #5C5B5B;
        }

        .related-products-grid .item-box, .also-purchased-products-grid .item-box {
            padding-bottom: 10px;
            text-align: center;
            vertical-align: text-top;
        }

    .product-specs-box {
    }

        .product-specs-box .data-table td {
            padding-left: 0px;
        }

        .product-specs-box .title {
            text-align: left;
            padding: 5px;
            font-weight: 700;
            clear: both;
            font-size: 1.1em;
            color: #5C5B5B;
        }

        .product-specs-box .data-table {
            margin: 5px;
        }

        .product-specs-box .spec-name {
            padding-right: 15px;
        }


    .product-tags-box {
        color: #555;
        zoom: 1;
    }

        .product-tags-box:after {
            content: ".";
            display: block;
            clear: both;
            height: 0;
            font-size: 0;
            line-height: 0;
            visibility: hidden;
        }

        .product-tags-box .title {
            text-align: left;
            padding: 5px;
            font-weight: 700;
            clear: both;
            font-size: 1.1em;
            color: #5C5B5B;
        }

        .product-tags-box .product-tags-list {
        }

            .product-tags-box .product-tags-list ul {
                padding-left: 0px;
                margin-left: 0px;
            }

            .product-tags-box .product-tags-list a {
                text-decoration: underline;
            }

            .product-tags-box .product-tags-list li {
                float: left;
                padding-left: 5px;
                list-style: none;
            }

    .tier-prices {
        text-align: center;
        margin-bottom: 10px;
    }

        .tier-prices .prices-header {
            background: #3a3a3a;
            color: #FFF;
            padding: 3px;
            font-weight: 700;
        }

        .tier-prices .prices-list table {
            width: 100%;
            border-collapse: collapse;
            text-align: center;
            vertical-align: middle;
            background: #f3f3f3;
        }

        .tier-prices .prices-list td {
            border-bottom: solid 3px #d7d7d7;
            padding-top: 3px;
            padding-bottom: 3px;
            font-weight: 700;
        }

        .tier-prices .prices-list .field-header {
            font-weight: 700;
            text-align: center;
        }

        .tier-prices .prices-list .item-quantity {
        }

        .tier-prices .prices-list .item-price {
            color: #B80709;
        }

    .remove_left_padding {
        padding-left: 0px;
    }

    .remove_right_padding {
        padding-right: 0px;
    }

    .padding_top_bottom {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .add_left_padding {
        padding-left: 15px;
    }

    .product-review-helpfulness {
        padding-top: 10px;
    }

    .product-review-item {
        padding-bottom: 15px;
    }


    .product-details-page .short-description .product-details-label {
        color: #444444;
        font-size: 15px;
    }
    /* SLIM BOX (PRODUCT IMAGES) */
    #lbOverlay {
        position: fixed;
        z-index: 9999;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: #000;
        cursor: pointer;
    }

    #lbCenter, #lbBottomContainer {
        position: absolute;
        z-index: 9999;
        overflow: hidden;
        background-color: #fff;
    }

    .lbLoading {
        background: #fff url(images/loading.gif) no-repeat center;
    }

    #lbImage {
        position: absolute;
        left: 0;
        top: 0;
        border: 10px solid #fff;
        background-repeat: no-repeat;
    }

    #lbPrevLink, #lbNextLink {
        display: block;
        position: absolute;
        top: 0;
        width: 50%;
        outline: none;
    }

    #lbPrevLink {
        left: 0;
    }

        #lbPrevLink:hover {
            background: transparent url(images/prevlabel.gif) no-repeat 0 15%;
        }

    #lbNextLink {
        right: 0;
    }

        #lbNextLink:hover {
            background: transparent url(images/nextlabel.gif) no-repeat 100% 15%;
        }

    #lbBottom {
        font-size: 10px;
        color: #666;
        line-height: 1.4em;
        text-align: left;
        border: 10px solid #fff;
        border-top-style: none;
    }

    #lbCloseLink {
        display: block;
        float: right;
        width: 66px;
        height: 22px;
        background: transparent url(images/closelabel.gif) no-repeat center;
        margin: 5px 0;
        outline: none;
    }

    #lbCaption, #lbNumber {
        margin-right: 71px;
    }

    #lbCaption {
        font-weight: 700;
    }
    /*------------------------------------*\
Page: Product Details END
\*------------------------------------*/
    /*------------------------------------*\
Page: Search START
\*------------------------------------*/
    .top_padding15 {
        padding-top: 15px;
    }
    /*------------------------------------*\
Page: Search END
\*------------------------------------*/
    /*------------------------------------*\
Product view START
\*------------------------------------*/
    .product-list .add-info, .product-list.home-page-product-list .add-info {
        float: none;
        text-align: right;
    }

        .product-list .add-info .prices, .product-list.home-page-product-list .add-info .prices {
            font-size: 1.3em;
        }

        .product-list .add-info .new-prices {
            font-size: 1.3em;
            font-weight: bold;
        }


    .product-grid .add-info {
        position: absolute;
        left: 0;
        text-align: center;
        bottom: 0;
        width: 100%;
        height: 28%;
        padding: 0px 16px 0px 16px;
    }

    .product-grid .white-box {
        height: 282px;
    }

    .product-grid .ash-box {
        height: 104px;
        background-color: #F5F5F5;
        padding-top: 2px;
        padding-bottom: 2px;
    }

        .product-grid .ash-box .prices {
            height: 25px;
            margin-top: 10px;
            font-size: 1.1em;
        }

        .product-grid .ash-box .new-prices {
            height: 25px;
            margin-top: 10px;
            font-size: 1.4em;
            font-weight: bold;
        }

        .product-grid .ash-box .buttons {
            margin-top: 15px;
        }

    .category-ash-box {
        height: 40px;
    }

        .category-ash-box h2 {
            font-size: 18px;
            font-weight: normal
        }
    /*------------------------------------*\
Product view END
\*------------------------------------*/
    /*------------------------------------*\
FLY OUT Shopping Cart Start
\*------------------------------------*/
    #flyout-cart {
        padding: 10px 15px;
        width: 300px;
        max-height: 300px;
        overflow-y: auto;
    }
    /*------------------------------------*\
FLY OUT Shopping Cart END
\*------------------------------------*/
    /*Strating Fixed Top Menu*/
    .top-menu {
       /* border-top: 5px solid #2B2B2B;
        background: #FFF;*/
        -moz-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
        -webkit-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
        box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
        /*z-index: 999999;*/
        color: #2B2B2B;
       /* font-size: 12px;*/
    }

        .top-menu.navbar-default .navbar-nav > li > a {
            color: #000;
           /* padding: 4px 15px;*/
        }

            .top-menu.navbar-default .navbar-nav > li > a:hover {
                background-color: #2B2B2B;
                color: #FFF;
            }

            .top-menu.navbar-default .navbar-nav > li > a:active {
                background-color: #2B2B2B;
                color: #FFF;
            }

            .top-menu.navbar-default .navbar-nav > li > a:focus {
                background-color: #2B2B2B;
                color: #FFF;
            }

        .top-menu ul.dropdown-menu {
            padding: 10px 15px;
            border: none;
            padding: 0;
            border-radius: 0;
        }

            .top-menu ul.dropdown-menu > li > a {
                padding: 10px 15px;
                color: #2B2B2B;
            }
        /*.top-menu ul.dropdown-menu > li > a:hover { padding: 10px 15px; color: #FFF; background-color: #2B2B2B; }*/
        .top-menu.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
            background-color: #2B2B2B;
            color: #fff;
        }

    .test.collapse {
        padding-right: 0px;
        padding-left: 0px;
    }

    .navbar-collapse.test {
        background-color: #FFF;
    }
    /*Ending of Fixed Top Menu*/
    /*media query for auto hover dropdown on desktops start*/
    @media (min-width:1024px) {
        .dropdown:hover .dropdown-menu {
            display: block;
        }
    }
    /*media query for auto hover dropdown on desktops end*/
    /* media query for fixed header start */
    @media (min-width:768px) {
        .nav > li > a {
            padding-right: 5px;
            padding-left: 5px;
        }
    }

    @media (min-width:1200px) {
        .nav > li > a {
            padding-right: 8px;
            padding-left: 8px;
        }
    }
    /*media query for fixed header end*/
    /* Cookie bar notification start */
    .eu-cookie-bar-notification {
        display: none;
        left: 0;
        position: fixed;
        bottom: 0;
        width: 100%;
        z-index: 100000;
        background: none repeat scroll 0 0 #FFFFFF;
        border-top: 3px solid #FFFFFF !important;
        color: #5C5B5B;
        margin: 0px;
        border-bottom: 4px solid #000000;
        -moz-box-shadow: 3px 2px 3px 6px rgba(0, 0, 0, 0.16);
        -webkit-box-shadow: 3px 2px 3px 6px rgba(0, 0, 0, 0.16);
        box-shadow: 3px 2px 3px 6px rgba(0, 0, 0, 0.16);
    }

        .eu-cookie-bar-notification .content {
            padding: 0px 10px;
            margin: 10px 0px;
            zoom: 1;
        }

            .eu-cookie-bar-notification .content:after {
                content: ".";
                display: block;
                clear: both;
                height: 0;
                font-size: 0;
                line-height: 0;
                visibility: hidden;
            }

            .eu-cookie-bar-notification .content .text {
                float: left;
                padding-top: 5px;
            }

            .eu-cookie-bar-notification .content .ok-button {
                float: left;
                margin-left: 10px;
            }

            .eu-cookie-bar-notification .content a.learn-more {
                float: left;
                margin-left: 10px;
                padding-top: 5px;
                text-decoration: underline;
                color: #5C5B5B;
            }

                .eu-cookie-bar-notification .content a.learn-more:hover {
                    text-decoration: none;
                    color: #5C5B5B;
                }
    /*Cookie bar notification End*/
    /*------------------------------------*\
   Theme Color Picker style End
\*------------------------------------*/
    .theme-color-picker {
        position: fixed;
        top: 200px;
        right: 0px;
        z-index: 9;
    }

    .configure-button {
        background-color: #696763;
        color: #ffffff;
        height: 50px;
        width: 50px;
        position: absolute;
        right: 0px;
        padding: 11px 14px;
        transition: all 0.5s ease 0s;
        -moz-transition: all 0.5s ease 0s;
        -webkit-transition: all 0.5s ease 0s;
        -o-transition: all 0.5s ease 0s;
    }

        .configure-button a:hover {
            color: #ffffff;
        }

    .options-choosing-palette {
        padding: 10px 0px 10px 17px;
    }

    .color-options {
        height: 150px;
        width: 140px;
        border: 1px solid #696763;
        right: -200px;
        position: absolute;
        transition: all 0.5s ease 0s;
        -moz-transition: all 0.5s ease 0s;
        -webkit-transition: all 0.5s ease 0s;
        -o-transition: all 0.5s ease 0s;
        background: #ffffff;
    }

        .color-options h3 {
            padding: 0px 30px;
        }

        .color-options ul {
            padding: 0px;
            margin: 0px;
            margin-top: 10px;
        }

            .color-options ul li {
                padding: 5px 0px;
                margin: 0px;
                display: inline;
                margin-right: 10px;
            }
    /*------------------------------------*\
   Theme Color Picker style End
\*------------------------------------*/
    /*modal*/
    @media screen and (min-width: 768px) {

        .modal-dialog {
            width: 800px;
        }
    }

    .modal-dialog {
        max-width: 800px;
    }


    .masthead .navbar-collapse {
        max-height: 1000px;
    }


    div#color-options h4 {
        margin-left: 10%;
    }
    /* #region product-filters-wrapper */
    .product-filters-wrapper {
    }

        .product-filters-wrapper .panel-heading {
            padding: 0
        }
    /* #endregion */
    /* #region scale-box */
    .scale-block {
        display: inline-block;
        padding: 0 3px;
        font: 700 20px/20px 'Open Sans Condensed';
    }

    .scale-box {
        margin-bottom: 0;
    }

    .scale-box-name {
        display: inline-block;
        line-height: 20px;
        font-size: 24px;
        padding-right: 3px;
    }

    .scale-box-text {
        display: inline-block;
        line-height: 10px;
        font-size: 10px;
        margin-top: 2px;
    }

    a.scale-filter {
        color: #333;
    }

        a.scale-filter:hover {
            color: #428bca;
        }
    /* #endregion */
    .news-list-homepage .a:hover {
        background-color: #ccc
    }

    .news-list-homepage .item {
        margin-bottom: 20px;
    }

    .news-list-homepage .news-title {
        font-size: 16px;
        font-weight: 700;
        margin: 0;
        line-height: 20px;
    }

    .news-list-homepage .offer {
        margin: 0
    }
    /* #region d2v */
    /* #region d2v-action */
    .d2v-action {
        position: relative;
        display: block;
        text-decoration: none;
        /*transition: outline-color 0.5s ease;*/
    }

        .d2v-action:hover {
            outline: 2px solid #B80709; /* Set the outline width and style */
            outline-offset: -2px;
            text-decoration: none;
        }

            .d2v-action:hover a {
                text-decoration: none;
            }

        .d2v-action img {
            /*z-index: -1;*/
        }

    .d2v-action-list-item--48 {
        display: flex;
        margin-bottom: 14px;
    }

    img.d2v-action__img--48 {
        overflow: hidden;
        width: 85.33px;
        height: 48px;
        display: block;
        margin-right: 8px;
    }

    .d2v-action__text--48 {
        max-height: 48px;
        overflow: hidden;
        line-height: 24px;
        padding: 0 8px;
        margin: 0;
        text-align: left;
        font-size: 18px;
    }


    .d2v-action--border {
        text-decoration: none;
        border: solid 1px rgba(60,64,67,0.15);
        background-color: #fff;
        transition-property: color, border, background-color;
        transition-duration: .2s;
        transition-timing-function: ease-in-out;
        color: rgba(0, 0, 0, 0.87);
    }

        .d2v-action--border:hover {
            background-color: rgba(60,64,67,0.15);
            border: solid 1px #2962ff;
            text-decoration: none;
            color: rgba(0, 0, 0, 1);
        }
    /* #endregion d2v-action */
    /* #region d2v-button */
    .d2v-button {
        position: relative;
        display: inline-block;
        overflow: hidden;
        margin: 8px;
        padding: 0 8px;
        height: 32px;
        line-height: 32px;
        font-size: 14px;
        font-weight: 500;
        vertical-align: middle;
    }

    .d2v-button--32 {
        position: relative;
        display: inline-block;
        overflow: hidden;
        margin: 8px;
        padding: 0 8px;
        height: 32px;
        line-height: 32px;
        font-size: 14px;
        font-weight: 500;
        vertical-align: middle;
    }




    .d2v-button--order {
        color: #B80709;
    }

    .d2v-button--preorder {
        color: rgb(63, 81, 181);
    }

    .d2v-action:hover .d2v-button {
        background: rgba(0, 0, 0, 0.05);
    }
    /* #endregion d2v-button*/
    /* #region d2v-img */
    .d2v-img-h112--16x9 {
        object-fit: cover;
        width: 200px;
        min-width: 200px;
        height: 112px;
        min-height: 112px;
        display: block;
    }
    /* #endregion d2v-img */
    /* #region d2v-percent */
    .d2v-percent {
        display: block;
        width: 64px;
        line-height: 64px;
        font-size: 16px;
        margin-right: 16px;
        text-align: center;
        background-color: #d3281c;
        color: #fff;
        font-weight: 700;
    }

    .d2v-percent--64 {
        width: 64px;
        line-height: 64px;
        font-size: 16px;
        margin-right: 16px;
        text-align: center;
        background-color: #d3281c;
        color: #fff;
        font-weight: 700;
    }
    /* #endregion d2v-percent */
    /* #region d2v-product-list */
    .d2v-product-list {
    }

    .d2v-product-list__item {
        position: relative;
        display: block;
        margin-bottom: 16px;
        text-decoration: none;
        font-size: 16px;
        line-height: 24px;
    }

        .d2v-product-list__item .d2v-action {
            background-color: transparent;
            outline: 1px solid rgba(0, 0, 0, 0.05);
            outline-offset: -1px;
            transition: outline-color 0.5s ease;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            flex-flow: row;
            font-size: 16px;
            line-height: 24px;
            flex-direction: row;
        }

            .d2v-product-list__item .d2v-action:hover {
                outline: 2px solid #B80709;
                outline-offset: -2px;
                text-decoration: none;
            }


        .d2v-product-list__item .d2v-list-item__image {
            background-color: transparent;
        }

        .d2v-product-list__item .d2v-list-item__content {
            display: block;
            padding: 0 16px;
            width: 100%;
        }

        .d2v-product-list__item .d2v-list-item__name {
            display: block;
            font-size: 18px;
            font-weight: 700;
            line-height: 32px;
        }

        .d2v-product-list__item .d2v-list-item__description {
            display: block;
        }

        .d2v-product-list__item .d2v-list-item__offers {
            display: block;
            width: 200px;
            min-width: 200px;
            text-align: right;
        }

        .d2v-product-list__item .d2v-prices {
            display: block;
            margin-left: 16px;
            height: 64px;
            display: flex;
            justify-content: flex-end;
        }

        .d2v-product-list__item .d2v-price {
            display: block;
            margin: 8px 0;
            padding-right: 16px;
        }

        .d2v-product-list__item .d2v-price--actual {
            display: block;
            font-size: 18px;
            line-height: 24px;
        }

        .d2v-product-list__item .d2v-price--old {
            display: block;
            text-decoration: line-through;
            line-height: 24px;
            font-size: 16px;
        }

    @media (min-width: 480px) and (max-width: 839px) {
        .d2v-product-list__item .d2v-action {
            display: flex;
            flex-flow: row wrap;
            align-items: stretch;
            /*justify-content: space-between;*/
            font-size: 16px;
            line-height: 24px;
            flex-direction: row;
            width: 100%;
        }

        .d2v-product-list__item .d2v-list-item__image {
            display: inline-flex;
            order: 0;
            width: 50%;
        }

        .d2v-product-list__item .d2v-list-item__content {
            display: block;
            width: 100%;
            order: 2;
        }

        .d2v-product-list__item .d2v-list-item__offers {
            order: 1;
            width: 50%;
        }
    }

    @media (max-width: 479px) {
        .d2v-product-list__item .d2v-action {
            display: flex;
            flex-flow: row wrap;
            align-items: stretch;
            /*justify-content: space-between;*/
            font-size: 16px;
            line-height: 24px;
            flex-direction: row;
            width: 100%;
        }

        .d2v-product-list__item .d2v-list-item__image {
            display: inline-flex;
            order: 0;
            width: 100%;
        }

        .d2v-product-list__item .d2v-list-item__content {
            display: block;
            width: 100%;
            order: 2;
        }


        .d2v-product-list__item .d2v-list-item__offers {
            order: 1;
            width: 100%;
            display: flex;
            justify-content: space-between;
        }

        .d2v-product-list__item .d2v-prices .d2v-price {
            order: 2;
        }

        .d2v-product-list__item .d2v-prices .d2v-percent {
            order: 1;
        }
    }
    /* #endregion d2v-product-list */
    /* #endregion d2v */
    /* #region product-selectors */
.button-filterspes {
    display: inline-block;
    overflow: hidden;
    font: 700 16px/36px 'Roboto Condensed';
    padding: 0 8px;
    height: 36px;
    min-width: 36px;
    text-decoration: none;
    text-align: center;
    color: #B80709;
}

    .product-selectors {
        display: flex;
        justify-content: space-between;
    }

    .icon-button {
        display: inline-block;
        overflow: hidden;
        height: 36px;
        width: 36px;
        font-size: 16px;
        text-align: center;
        padding: 8px;
        border-radius: 50%;
        overflow: hidden;
    }

    a.icon-button i {
        color: #9d9d9d;
        font-size: 16px;
    }

    a.icon-button:hover {
        text-decoration: none;
        background-color: #f2f2f2;
        /*color: #2195f2*/
    }

    .button-filterspes__scale {
        display: inline-block;
        line-height: 36px;
        font-size: 30px;
    }

    .button-filterspes__scale-name {
        display: inline-block;
    }

    .button-filterspes__scale-name-line {
        line-height: 13px;
        font-size: 11px;
    }

    div.panel-body .button-filterspes:hover,
    div.panel-body .page-body .button-filterspes:hover {
        text-decoration: none;
        background-color: #f2f2f2;
        /*color: #2195f2*/
    }

    .lebel-filterspes {
        display: inline-block;
        padding: 0 8px;
        height: 36px;
        line-height: 36px;
        min-width: 36px;
        text-align: center;
        font-size: 16px;
        overflow: hidden;
    }

    /* #endregion product-selectors */