a {color:#262626;}

.telephone {text-align: right;}
.searchpanel {
   padding: 10px;
   margin-bottom: 15px;
   border-radius: 3px;
   border: 1px solid rgba(255, 255, 255, 0.18);
   background: #7f27fb;
}
.grid figure figcaption p {
    padding: 5px 0px 0px;
}
.footer > table { width:100%;text-align: center;}
.footer .fcol h5 {
    color: white;
    padding-left: 10px;
}
.footer .fcol {
    float: left;
    width: 50%;
    display: inline-flex;
}
.footer h5 {color:white;}


.header {
}
.topline {
    background: #333;
    padding: 10px;
    min-height: 40px;
    text-align: right;
}
.topline a {
    color: white;
    font-size: 14px;
}
.header .center {
}

.register a {
margin-top: 7px;margin-left: 10px;font-size: 13px;}


.car-models {
    margin: 0 auto;
    list-style: none;
    padding: 0px;
}

    .car-models .model {
        margin: 0px 1% 20px 2%;
        width: 30%;
        height: 35px;
        float: left;
        border: 1px solid #e3e6e7;
        box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
        border-radius: 2px;
        overflow: hidden;
        background: #fff;
        position: relative;
        behavior: url(/public/js/pie/PIE.htc);
    }

        .car-models .model a {
            position: relative;
            display: block;
            width: 100%;
            height: 100%;
            text-align: left;
            padding-left: 50px;
            color: #000;
            text-transform: uppercase;
            text-decoration: none;
            font-size: 11px;
            line-height: 1.3;
            padding-top: 6px;
            font-family: 'Open Sans', Arial, sans-serif;
            font-weight: 700;

            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

            .car-models .model small {
                display: block;
                color: #aaa;
                font-size: 85%;
                font-weight: normal;
            }

            .car-models .model a:hover small,
            .car-models .model a:active small {
                color: #666;
            }

            .car-models .model i {
                position: absolute;
                left: 0;
                top: 0;
                width: 40px;
                height: 100%;

                background: -webkit-linear-gradient(top, #ffffff, #eeeeee);
                background: -moz-linear-gradient(top, #ffffff, #eeeeee);
                background: -o-linear-gradient(top, #ffffff, #eeeeee);
                background: -ms-linear-gradient(top, #ffffff, #eeeeee);
                background: linear-gradient(top, #ffffff, #eeeeee);

                /* had to use this, PIE dowsn't work */
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#eeeeee');
                -ms-filter: 'progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#eeeeee')';
            }

            .car-models .model i:after {
                content: '';
                position: absolute;
                width: 32px;
                height: 32px;
                top: 3px;
                left: 4px;
                background: url('/static/image/car-models.png') top left no-repeat;
            }

            .car-models .audi i:after { background-position: 0 0; }
            .car-models .mazda i:after { background-position: -32px 0; }
            .car-models .smart i:after { background-position: -64px 0; }

            .car-models .bmw i:after { background-position: 0 -32px; }
            .car-models .mercedes i:after { background-position: -32px -32px; }
            .car-models .suzuki i:after { background-position: -64px -32px; }

            .car-models .bmw-moto i:after { background-position: 0 -64px; }
            .car-models .mini i:after { background-position: -32px -64px; }
            .car-models .subaru i:after { background-position: -64px -64px; }

            .car-models .dodge i:after { background-position: 0 -96px; }
            .car-models .mitsubishi i:after { background-position: -32px -96px; }
            .car-models .toyota i:after { background-position: -64px -96px; }

            .car-models .infiniti i:after { background-position: 0 -128px; }
            .car-models .nissan i:after { background-position: -32px -128px; }
            .car-models .skoda i:after { background-position: -64px -128px; }

            .car-models .kia i:after { background-position: 0 -160px; }
            .car-models .ram i:after { background-position: -32px -160px; }
            .car-models .hyundai i:after { background-position: -64px -160px; }

            .car-models .chrysler i:after { background-position: 0 -192px; }
            .car-models .seat i:after { background-position: -32px -192px; }
            .car-models .volkswagen i:after { background-position: -64px -192px; }

            .car-models .volvo i:after { background-position: 0 -224px; }
            .car-models .alfaromeo i:after { background-position: -32px -224px; }
            .car-models .chevrolet i:after { background-position: -64px -224px; }

            .car-models .citroen i:after { background-position: 0 -256px; }
            .car-models .daewoo i:after { background-position: -32px -256px; }
            .car-models .ford i:after { background-position: -64px -256px; }

            .car-models .fiat i:after { background-position: 0 -288px; }
            .car-models .honda i:after { background-position: -32px -288px; }
            .car-models .isuzu i:after { background-position: -64px -288px; }

            .car-models .jaguar i:after { background-position: 0 -320px; }
            .car-models .jeep i:after { background-position: -32px -320px; }
            .car-models .landrover i:after { background-position: -64px -320px; }
            .car-models .land.rover i:after { background-position: -64px -320px; }

            .car-models .lexus i:after { background-position: 0 -352px; }
            .car-models .man i:after { background-position: -32px -352px; }
            .car-models .opel i:after { background-position: -64px -352px; }

            .car-models .peugeot i:after { background-position: 0 -384px; }
            .car-models .porsche i:after { background-position: -32px -384px; }
            .car-models .renault i:after { background-position: -64px -384px; }

            .car-models .rover i:after { background-position: 0 -416px; }
            .car-models .saab i:after { background-position: -32px -416px; }
            .car-models .scania i:after { background-position: -64px -416px; }

            .car-models .ssangyong i:after { background-position: 0 -448px; }
            .car-models .eurcat i:after { background-position: -32px -448px; }
            .car-models .uscat i:after { background-position: -64px -448px; }

            .car-models .uscatgen i:after { background-position: 0 -480px; }
            .car-models .ca-tyre i:after { background-position: -32px -480px; }
            .car-models .ca-oil i:after { background-position: -64px -480px; }

            .car-models .chery i:after { background-position: 0 -512px; }
            .car-models .zaz i:after { background-position: -32px -512px; }
            .car-models .empty i:after { background-position: -64px -512px; }




.searchpanel label {
    max-width: 100%;
    min-height: 20px;
    padding-left: 30px;
    margin-bottom: 0;
    font-weight: normal;
    display: flex;
    cursor: pointer;
    position: absolute;
    right: 330px;
    margin-top: 7px;
    }
.searchpanel form {
    margin: 5px;
}

ul li {list-style:none;}

.searchname {
    position: relative;
    float: right;
    right: 280px;
    top: 7px;
}
.modal-body ul {margin: 40px 40px;}

.menu {
    /* padding: 0px 0px; */
    /* border-radius: 0px; */
    /* margin-bottom: 10px; */
    /* background: #313131; */
}
.menu i {color:whitesmoke;}
.submenu i {color: #555555;}
ul.menu li {
    /* border-top: 1px solid rgba(127, 39, 251, 0.42); */
    /* font-size: 12px; */
}


ul.menu li > a {
    /* color: white; */
    /* display: block; */
    /* position: relative; */
    /* min-width: 110px; */
    /* padding: 10px; */
    /* height: 35px; */
}
li.active>a {
    font-weight: bold;
}
ul.menu li:hover {
background: rgba(255, 255, 255, 0.08);}
.lcolcontent {
    width: 300px;
    vertical-align: top;
} 

ul.submenu  {
    background: #EEEEEE;
    padding: 0px;
    margin-bottom: 0px;
}
ul.submenu  li  {
    border: 0;
    box-shadow: inset 0px 6px 0px -5px #e4e4e4;
}
ul.submenu li a{
    border: 0;
    padding-left: 20px;
    color: #555555;
}

ul.submenu  li a:hover {font-weight: bold;}
ul.submenu a + ul.submenu a + ul.submenu a + ul.submenu a {padding-left: 50px; }
ul.submenu a + ul.submenu a + ul.submenu a + ul.submenu a + ul.submenu a {padding-left: 60px; }
ul.submenu a + ul.submenu a + ul.submenu a {
    padding-left: 40px;
}
ul.submenu a + ul.submenu a {
    z-index: 1;
    padding-left: 30px;
    } 
ul.left-dropdown li {
    border: 0;
} 
ul.left-dropdown li a:hover {
    
color: #ff4835;
} 
ul.left-dropdown li a{
} 

.ccolcontent {
    width: 100%;
    padding: 0px 20px;
    vertical-align: top;
} 


.colegend {
    position: absolute;
    top: 55px;
    right: 41px;
    color: white;
    font-size: 20px;
}
.colegend a {
    color: white;
    font-size: 18px;
    text-shadow: 1px 1px 5px #2D2D2D;
}
.colegend a:hover {
border-bottom: 2px dotted;}


@media (min-width: 992px) {
.btn-bars {display:none;}
}
.saplab {max-width: 1270px;overflow: visible;}
@media (max-width: 767px) {
 .logocenter, .telephone, .topline {text-align:center!important;}
 
 .topline a {font-size:12px;}
 
}
@media (max-width: 992px) { 
.btn-hide, .banner>.onlyimg  {display:none!important;}
}
.search-examp {padding-bottom:15px;}

@media screen and (max-width: 991px) {.bestpart {display:none;} }
@media screen and (max-width: 640px) {

table.adaptive thead tr {
    display: none;
}
table.adaptive tbody tr {
    display: block;
    height: auto;
    border: 1px solid #e8e8e8;
    margin-bottom: 15px;
}
table.adaptive tbody > tr:hover > td {
    background-color: white;
}
table.adaptive tbody tr td {
    display: block;
    height: auto;
}
table.adaptive tbody tr td.g_brand, table.adaptive tbody tr td.g_article{
    display: inline-block;
    padding: 5px 5px 0px;
    font-weight: bold;
    font-size: 14px;
}
table.adaptive tbody tr td.g_name{
    padding: 5px 5px 0px;
}




table.adaptive tbody tr td>.btn{
    display: block;
    height: auto;
    color: #020202;
    font-size: 16px;
    background: whitesmoke;
}

    
.bestpart {display:none;}
   table.search thead tr:first-child {display:none; } 
    table.search thead tr:last-child {width:100%; } 
   table.search tr {
    display: block;
    font-size: 14px;
    width: 100%;
    border:1px solid white;
}

table.search td.basket {
    float: right;
    width: 100%;
    background: #f1f1f1;
    padding: 0px;
    border-bottom: 10px solid white;
}
table.search td.basket .input-group-btn {
    
padding: 0px;
}

table.search td.basket .quantity-search {
    display: none;
}
table.search td.basket .href.btn:after {content:'Добавить в корзину'; font-size:16px; font-weight:bold;}
table.search td.basket .href.btn {
    background: #545454;
    width: 100%;
    font-size: 18px;
    border: 1px solid #1d1d1d;
}
table.search td.name_s .hidden {
    display:inherit;
}
table.search td.name_s .hidden .pn {
}

td.brand_s 
{width: 50%!important;float: left;height: 50px;padding: 10px 0px 0px 5px!important;font-size: 14px;background: #cac7c7!important;border-top: 5px solid;}
td.article_s 
{width: 50%!important;float: left;text-align: right;height: 50px;font-size: 14px;padding: 10px 5px 0px 0px!important;font-weight: bold;background: #cac7c7!important;border-top: 5px solid;}
td.name_s 
{width: 100%;float: left;font-size: 12px;background: #f1f1f1!important;}
td.name_s .pn{
    white-space: nowrap;
    max-width: 100%;
    overflow: hidden;
    max-width: 225px;
    text-overflow: ellipsis;
    }
td.warehouse 
{text-align: left!important;width: 20%!important;}

td.stock {
    width: 15%!important;
}
td.deliverytime {
    text-align: right;
    width: 25%!important;
    vertical-align: top;
    white-space: nowrap;
}
td.price {
    text-align: right!important;
    width: 15%!important;
}
.brandhead {
    font-size: 17px!important;
    width: 100%;
    display: inline-block;
    margin-bottom: 10px;
    } }


    @media screen and (max-width: 380px) {
td.brand_s 
{width: 100%!important;float: left;height: 50px;padding: 10px 0px 0px 5px!important;font-size: 14px;background: #cac7c7!important;border-top: 5px solid;}
td.article_s 
{width: 100%!important;float: left;text-align: left;height: 50px;font-size: 14px;padding: 10px 0px 0px 5px!important;font-weight: bold;background: #cac7c7!important;border-top: none;}
    
}

.news-post a {
    font-size: 15px;
    font-weight: 600;
    line-height: 25px;
}
.news-post {
    background: #fff;
    border: 1px solid #f2f2f2;
    border-radius: 5px;
    padding: 19px;
    overflow: hidden;
    transition: box-shadow .2s ease-in-out;
    min-height: 285px;
    }
 .news-post:hover   {    box-shadow: 0 10px 50px rgba(0,0,0,.07);}
 
 .news_image_preview {margin: -20px -20px 20px;}
 .news_image_preview img {
    max-width: 100%;
    max-height: 100%;
    width: 100%;
}
  .lampsCont{
        width: 100%;
    }

    .lconttop{
        
        height: 590px;
        position: relative;
        width: 100%;
        min-width: 974px;
        max-width: 1180px;
        margin: 30px auto 0;
        padding: 15px;
    }
    
    .lcontbottom{
       
        height: 600px;
        position: relative;
        width: 100%;
        min-width: 974px;
        max-width: 1180px;
        margin: 50px auto 0;
        padding: 15px;
    }

    .lblck{
        display: inline-block;
        position: absolute;
    }

    .lblck .lampsTitle{
        background: #ff4545;
        color: #fff;
        padding: 3px 5px;
        font: bold 12px/18px "Arial";
    }

    .lblck ul{
        display: inline-block;
        list-style: outside none none;
        vertical-align: top;
        margin: 0;
        padding: 0;
    }

    .lblck ul li{
        float: left;
        padding: 0;
        text-align: center;
        vertical-align: top;
        border-right: 1px solid #e5e5e5;
        border-top: 1px solid #e5e5e5;
        background: #fff;
        font: normal 13px/18px arial;
    }

    .lblck ul li:first-child{
        border-left: 1px solid #e5e5e5;
    }

    .lblck ul li img{
        height: 45px;
        margin: 0 auto;
        padding: 2px 0;
        border: 0;
        outline: none;
    }

    .lblck ul li a{
        font: normal 13px/18px arial;
        color: #0263b0;
        text-decoration: none;
    }

    .lblck ul li a span {
        background: #efefef;
        display: block;
        min-width: 34px;
        padding: 1px 5px;
        font: 13px/12px arial;
    }

    .lblck ul li a:hover{
        text-decoration: none;
    }

    .lblck ul li a:hover span {
        background: #f77f7f;
        color: #fff;
    }

    .lblck.lblck1 ul li a span{
        min-width: 38px;
    }

    .lblck.lblck3 ul li a span{
        min-width: 50px;
    }

    .lblck.lblck7 ul li a span,
    .lblck.lblck8 ul li a span,
    .lblck.lblck10 ul li a span,
    .lblck.lblck11 ul li a span,
    .lblck.lblck15 ul li a span{
        padding: 1px 10px;
    }

    .lblck.lblck9 ul li a span{
        padding: 1px 15px;
    }

    .lblck1{
        top: 15px;
        left: 16px;
    }

    .lblck2{
        top: 505px;
        left: 569px;
    }

    .lblck3{
        top: 255px;
    }

    .lblck4{
        left: 853px;
    }

    .lblck5{
        right: 0px;
        top: 255px;
    }

    .lblck6{
        top: 505px;
    }

    .lblck6 ul li a span{
        min-width: 40px;
    }

    .lblck6 .secondLine1{
        left: 0px;
        position: absolute;
        top: -70px;
        border-left: 1px solid #e5e5e5;
    }

    .lblck6 .secondLine2{
        left: 52px;
        position: absolute;
        top: -70px;
    }

    .lblck6 .secondLine3{
        left: 110px;
        position: absolute;
        top: -70px;
    }

    .lblck6 .secondLine4{
        left: 168px;
        position: absolute;
        top: -70px;
    }
     .lblck6 .secondLine5{
        left: 168px;
        position: absolute;
        top: -70px;
    }

    .lblck7{
        top: 505px;
        right: -12px;
    }

    /*Bottom*/
    .lblck8{
        top: 20px;
    }

    .lblck9{
        left: 465px;
        top: 20px;
    }

    .lblck10{
        right: 100px;
        top: 20px;
    }

    .lblck11{
        top: 270px;
    }

    .lblck12{
        top: 520px;
    }

    .lblck13{
        top: 520px;
        left: 452px;
    }

    .lblck14{
        top: 520px;
        right: 15px;
    }

    .lblck15{
        top: 270px;
        right: 15px;
    }

    .lconttop.lconttopsx{
        width: 974px;
        height: 547px;
        padding-top: 20px;
        background: #fff url("/static/image//bgTop_small.png") no-repeat 3px 98px;
    }

    .lconttop.lconttopsx .lblck ul li a span{
        min-width: 25px;
    }

    .lconttop.lconttopsx .lblck1{
        top: 28px;
    }

    .lconttop.lconttopsx .lblck1 ul li a span{
        padding: 1px 3px;
    }

    .lconttop.lconttopsx .lblck2{
        left: 430px;
        top: 430px;
    }

    .lconttop.lconttopsx .lblck3{
        top: 227px;
    }
    .lconttop.lconttopsx .lblck4 {
    top: 221px;
}

    .lconttop.lconttopsx .lblck3 ul li a span{
        padding: 1px 10px;
    }

    .lconttop.lconttopsx .lblck4{
        left: 687px;
        top: 28px;
    }

    .lconttop.lconttopsx .lblck5{
        top: 227px;
    }

    .lconttop.lconttopsx .lblck6{
        top: 430px;
        left: 15px;
    }

    .lconttopsx .lblck6 .secondLine2{
        left: 37px;
    }

    .lconttopsx .lblck6 .secondLine3{
        left: 88px;
    }

    .lconttopsx .lblck6 .secondLine4{
        left: 139px;
    }
    .lconttopsx .lblck6 .secondLine5{
        left: 179px;
    }

    .lconttop.lconttopsx .lblck7{
        top: 430px;
    }

    .lconttop.lconttopsx .lblck7 ul li a span {
        min-width: 38px;
    }

    .lconttopsx .lblck ul li a span,
    .lcontbottomsx .lblck ul li a span{
        min-width: 27px;
        font-size: 11px;
    }

    .lcontbottom.lcontbottomsx{
        width: 974px;
        height: 516px;
        background: #fff url("/static/image/bgBottom_small.png") no-repeat 190px 103px;
    }

    .lcontbottom.lcontbottomsx .lblck8{
        top: 27px;
        left: 39px;
    }

    .lcontbottom.lcontbottomsx .lblck8 ul li a span{
        min-width: 52px;
    }

    .lcontbottom.lcontbottomsx .lblck9{
        left: 394px;
        top: 27px;
    }

    .lblck.lblck9 ul li a span{
        min-width: 35px;
    }

    .lcontbottom.lcontbottomsx .lblck10{
        top: 27px;
    }

    .lcontbottom.lcontbottomsx .lblck11{
        top: 219px;
        left: 28px;
    }

    .lcontbottom.lcontbottomsx .lblck12{
        top: 411px;
        left: 30px;
    }

    .lcontbottom.lcontbottomsx .lblck12 ul li a span{
        min-width: 25px;
    }

    .lcontbottom.lcontbottomsx .lblck13{
        left: 407px;
        top: 411px;
    }

    .lcontbottom.lcontbottomsx .lblck13 ul li a span{
        min-width: 25px;
    }

    .lcontbottom.lcontbottomsx .lblck14{
        top: 411px;
    }


    .lcontbottom.lcontbottomsx .lblck15{
        top: 219px;
    }
.logo img {
    /*max-width: 350px;*
    /*padding-top: 15px;*
}
    .lcontbottom.lcontbottomsx .lblck15 ul li a span{
        min-width: 32px;
    }
    .grid {
    position: relative;
    margin: 0 auto;
    list-style: none;
    overflow: hidden;
    margin-left: -5px;
    margin-right: -5px;
    text-align: center;
    height: 400px;
}

.shadow {
    overflow: hidden;
    box-shadow: inset 0px -67px 32px -28px #ffffff;
    height: 72px;
    margin-top: -65px;
    z-index: 1;
    position: relative;
    bottom: 0px;
}

.btn-news-post {
    border: 1px solid;
    font-size: 20px;
    font-weight: 600;
    margin-top: 25px;
}