/* Custom site CSS */

h1{ white-space:nowrap; overflow: hidden; text-overflow: ellipsis; }


textarea, select,
input[type="text"]{border: 1px solid #ccc; outline: none;}


label{font-weight:normal;}

.border-ccc{border: 1px solid #ccc;}
.uk-dropdown, .uk-dropdown-blank{z-index: 950!important;}

.enjoyhint,
#kinetic_container * {transition: none!important;}
.enjoy_hint_label{line-height:100%!important; padding-top: 15px;transition: none!important;}
.enjoyhint_close_btn{display: none!important;}

/****************************

        SHOP LIST

*****************************/
.btn-change-view {float: right; display: inline-block; margin-top: 9px;}
.btn-change-view a i{font-size: 1.2em; color: #999;}
.btn-change-view a.uk-active i{color: #000;}
.btn-change-view a + a {margin-left: 7px; }


tr.has-comment-false + tr{display: none;}
tr.has-comment-true .number{display: none;}
tr.has-comment-true td{padding-bottom: 0!important;}
tr.ext-comment-row td {border-top: none!important;}
tr.ext-comment-row td {padding-top: 0!important;}


/* spare list + grid  */
.shop-teaser-content .phone-links-wrap{min-height: 45px;}
.shop-teaser-content .pricing-table thead, .shop-teaser-content .pricing-table tbody, .pricing-table tr{width: 100%;}
.shop-teaser-content .pricing-table thead tr th{color: #999;}
.shop-teaser-content .pricing-table{border-radius: 2px; width: 100%;}
.shop-teaser-content .pricing-table th{padding: 0 5px;}
.shop-teaser-content .pricing-table tr + tr td{padding: 3px 5px;border-bottom: 1px dashed #ddd;}
.shop-teaser-content .pricing-table tbody tr td:nth-child(1){min-width: 30%;color: #000;}
.shop-teaser-content .pricing-table tbody tr td:nth-child(2){width: 30%; }
.shop-teaser-content .pricing-table tbody tr td:nth-child(3){width: 25%; }
.shop-teaser-content .pricing-table tbody tr td:nth-child(4){width: 10%;}

.shop-detail-view{border: 1px solid #999; width: 100%;}
.shop-detail-view * {}

.shop-detail-view th{background: #f5f5f5; text-align: left;}
.shop-detail-view th,
.shop-detail-view td{padding: 2px 5px; vertical-align: top; }
.shop-detail-view th {color: #000;}
.shop-detail-view th .grey{color: #999;}
.shop-detail-view tr + tr td {border-top: 1px solid #bbb;}

.shop-detail-view .grey{color: #999; margin-top: 3px; display: inline-block;}
.shop-detail-view .td-seller-info {width: 280px;}
.shop-detail-view .td-seller-info p {margin: 0;}
.shop-detail-view .td-seller-info .adres {color: #999;}
.shop-detail-view .td-seller-info .shop a{color: #000; border-bottom: 1px dashed #999;     font: 14px/100% 'PT Sans', sans-serif;}
.shop-detail-view .td-seller-info .shop a:hover{color: #0E5C9E; }
.shop-detail-view .td-seller-info .phone a{color: #555}
.shop-detail-view .td-seller-info .phone a.link-more{padding-left: 10px; border-left: 1px solid #ddd; margin-left: 10px;}
.shop-detail-view .td-seller-info .phone a.link-more:hover{color: #1A77C7; text-decoration: underline;}
.shop-detail-view .td-seller-info .phone a span{color: #c30; }
.shop-detail-view .spare-item{color: #468; font-size: 15px; }
.shop-detail-view .spare-code{color: #999; font-size:0.95em; margin-left: 10px; padding-left: 10px; border-left: 1px solid #ccc; }
.shop-detail-view .spare-date{color: #999; font-size:0.95em;}
.shop-detail-view .spare-type{display: inline-block;color: #999; }
.shop-detail-view .td-price{text-align: right; width: 162px;}
.shop-detail-view .td-price a{margin-left: 8px;}
.shop-detail-view .price{color: #468; font-weight:700; margin-top: 9px; display: inline-block;}
.shop-detail-view .price i{color: #468; }
.shop-detail-view .spare-status{color: #999;margin-top: 9px; display: inline-block;}
.shop-detail-view .btn-buy{margin-top: 5px;}

.shop-detail-view-grid { border: 1px solid #ddd;}
.shop-detail-view-grid th{background: #f5f5f5; color: #000!important; text-align: left;}
.shop-detail-view-grid .spare-item{margin-top: 8px; display: inline-block;}
.shop-detail-view-grid .td-padding-top{padding-top: 10px;}
.shop-detail-view-grid .spare-type{display: inline-block; margin-top: 2px; }
.shop-detail-view-grid .spare-status{margin-top: 0;}
.shop-detail-view-grid .grey{color: #999;}


/************************
        MAIN FILTER
*************************/

#main-selects-filters{background: #fafafa;  position:relative; max-width: 745px; box-sizing: border-box; border: 1px solid #ccc; border-radius: 2px; margin-bottom: 15px; padding: 10px 5px 0 45px; overflow: hidden;}
#main-selects-filters .zp-button{ min-height: 20px;height: 28px;line-height: 26px;width: auto; text-align: left;position: relative;}

#main-selects-filters .filter-select{border-radius: 4px; border: 1px solid #ccc; display: inline-block; box-sizing: border-box; padding: 0 8px; background: #fff;}
#main-selects-filters .filter-select .left-icon{color: #fff; width: 30px; height: 26px; padding-left: 7px;  padding-top:0; box-sizing: border-box;
    background: #6D828E; display: inline-block; position: relative; top: 0; left:-8px;border-radius: 4px 0 0 4px; font-size:16px;}
#main-selects-filters .filter-select .left-icon.fa{padding-top: 3px;}
#main-selects-filters .filter-select .left-icon.fa:before{position: relative; top: 2px; left: 2px;}


#main-selects-filters .filter-icon{border: 25px solid transparent;	border-left: 25px solid #ccc; border-top: 25px solid #ccc; position: absolute; top: 0; left: 0; height: 0; width: 00px;}
#main-selects-filters .filter-icon .ion-funnel{position: relative; top: -22px; left: -17px; color: #888; text-shadow: 0 1px 0 rgba(255,255,255,.6); font-size:18px;}
#main-selects-filters .filter-generation{}

#main-selects-filters .seperated-lines{content: " "; }
#main-selects-filters .seperated-lines:before{height: 1px; width: 48px; background: #ccc; position: absolute; right: 0; top: 60px; content: " "; }
#main-selects-filters .seperated-lines:after{width: 1px; height: 125px; background: #ccc; position: absolute; right: 48px; top: 0; content: " "; }

#main-filter-result{margin:0 0 20px 0!important; padding: 0 5px 0 0;}
#main-filter-result *:not(i) {font-size:16px!important; font-family:"Roboto Condensed", sans-serif; font-weight:300;}
#main-filter-result {max-width: 745px; box-sizing: border-box;}
#main-filter-result .result{display: inline-block; float: left; padding-right: 10px; border-right: 1px solid #ccc; margin-right: 10px; margin-top: 1px;}
#main-filter-result .result span{color: #c30;font-weight:bold;}
#main-filter-result .filter-geo {color: #555;}
#main-filter-result .filter-geo .left-icon{font-size:1.2em; margin-right: 5px;}
#main-filter-result .filter-geo:hover{color: #c30;}
#main-filter-result .filter-geo span{border-bottom: 1px dashed;}

#main-filter-result .hint{line-height:40px;float: left;}
.spare-type-main-tabs{border: 0!important; display: inline-block; float: left;}
.spare-type-main-tabs>li>a{box-sizing: border-box; color: #000; border: 0!important; background-color: transparent!important; }
.spare-type-main-tabs>li>a span{border-bottom: 1px dashed;}
.spare-type-main-tabs>li>a:hover span{color: #c30; }
.spare-type-main-tabs>li.uk-active>a span{border-bottom: 2px solid #c30;position: relative;}
.spare-type-main-tabs>li.uk-active>a span:after {width: 0;height: 0;content: " ";position: absolute;bottom: -6px;left: 6px;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 5px solid #c30;}
.spare-type-main-tabs>li>a:hover{border-color: transparent; color: #000;}
.spare-type-main-tabs>li.uk-active>a{border: 0; background-color: transparent!important; }

#main-filter-result .location-filter{display: inline-block; margin-top: -33px;}
#main-filter-result .location-filter.right{display: inline-block; margin-top: -33px; margin-right: 65px; }


.filter-result{position: relative; top: 4px; left: 0; text-align: right;}
.filter-result span {color: #c30; position: absolute; right: -43px; top: -6px; font-size: 20px;}

/* temp */
.zp-button{
    display: inline-block;
    color: #6D828E;
    padding: 4px 12px; cursor: pointer;
    font-size: 14px; border: 1px solid; border-radius: 4px; box-sizing: border-box; background: transparent;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 300;
}
.zp-button:hover{background: rgba(109,130,142,.15); }
.zp-button:active, .zp-button.uk-active {box-shadow: inset 0 2px 4px rgba(109,130,142, 0.1);}


/* flat btn */
div:not(.uk-button-group) > .flt-btn{border-radius: 3px;}

.uk-button-group .flt-btn:first-child{border-radius: 3px 0 0 3px;}
.uk-button-group .flt-btn:last-child{border-radius: 0 3px 3px 0;}

.flt-btn{border: 1px solid #6B808B; border-radius: 0; padding: 2px 10px; background: #fff; color: #6B808B; cursor: pointer;}
.flt-btn.uk-active{background: rgba(107, 128, 139,.2);}
.flt-btn + .flt-btn{margin-left: -1px}
.flt-btn i{font-size:1.2em;}

/* Catalog code */

.auto-column-150{
    -webkit-column-width: 150px;
    -moz-column-width: 150px;
    column-width: 150px;
}
.auto-column-200{
    -webkit-column-width: 200px;
    -moz-column-width: 200px;
    column-width: 200px;
}
.input-spare-vendor-list{margin-top: 10px; padding: 0 3px;}
.grid-spare-by-code a{color: #4182c3;}
.code-catalog-list li,
.code-catalog-list li a{line-height:1.2em; }
.code-catalog-list li a span{border-bottom: 1px dashed;}
.code-catalog-list li a:hover {color: #c30;}
.code-catalog-list li + li{margin-top: 10px;}

/* Mobile */
.btn-mobile-send-request i{margin-right: 10px;}
.btn-mobile-send-request{
    background: #f6a828; color: #000!important;
    font-size: 18px;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    width: 100%;
    text-align: left;
    padding: 5px 20px;
    margin-bottom: 10px;
    border: 1px solid #B7760C;
    box-sizing: border-box;
}
.btn-mobile-send-request:hover{background: #B7760C; color: #000;}

#mobile-modal-car a .years{color: #999; display: block; font-size:0.85em; margin-top: -3px; }
.js-init-reset-icon{position: relative;}
.js-init-reset-icon input{box-sizing: border-box; width: 100%; height: 26px;}
.js-init-reset-icon .js-icon-reset{position: absolute; right: 10px; top: 4px; color: #999; display: none;}
.js-init-reset-icon .js-icon-reset.visible{display: inherit;}

.selected .js-select-car{margin-right: 15px;}
.selected .js-select-car i{color: #c30; font-size:0.9em;}

#mobile-modal-car .selected {margin-bottom: 10px;}

#mobile-filter-list{padding-left: 0;}

#mobile-spare-type-wrap li.uk-active{border-bottom: 1px solid #fff;}
#mobile-spare-type{z-index: 1; padding: 0; margin: 0;}

#mobile-menu {width: 100%; margin-bottom: 10px;}
#mobile-menu .zp-button{width: 49%; box-sizing: border-box; text-align: left; position: relative; text-overflow: ellipsis; overflow: hidden; white-space:nowrap;}
#mobile-menu .zp-button:last-child{float: right;}
.btn-mobile-select{position: relative;padding-right: 30px; box-sizing: border-box; height: 30px;}
.btn-mobile-select:after,
#mobile-menu .zp-button:after{content: "\f107"; font-family:"FontAwesome", sans-serif; position: absolute;  right: 7px;}

.uk-modal .uk-modal-dialog{left: 0; transition: all 0.3s linear 0.3s; padding-top: 0;}
.uk-modal-dialog.turnLeft { left: -100vw!important;}
.uk-modal-dialog.turnRight { left: 100vw!important;}
#mobile-modal-request .uk-modal-dialog,
#mobile-modal-spare .uk-modal-dialog,
#mobile-modal-car .uk-modal-dialog{min-height: calc(100vh - 60px);}
#mobile-modal-car .uk-modal-dialog .fa-spinner{font-size: 70px; color: #999;}

.request-notice {width: 100%; min-height: 136px; padding: 4px; box-sizing: border-box; margin-bottom: 5px;}

#mobile-modal-request .std-inp{width: 100%; max-width: 100%; box-sizing: border-box; height: 26px; margin-bottom: 10px;}

.uk-touch #mobile-modal-spare .angle{margin-bottom: 10px;}

.spare-part-info .mobile-spare + .mobile-spare {margin-top: 15px; padding-top: 15px; border-top: 1px dashed #ccc; }
.uk-modal-dialog .js-add-more{margin-bottom: 20px; display: inline-block;}
.uk-modal-dialog .spare-type + .spare-type{margin-top: 10px;}


/* UIKIT MODAL RESTYLE */
.uk-modal-dialog {padding-top: 0;}
.uk-modal-dialog .modal-title{display: block; background: #B90448; padding: 8px 20px; position: relative; top: -20px; left: -35px;
    width: 100%; border-radius: 4px 4px 0 0; border-bottom: 5px solid #6D828E;
    font-family: 'Roboto Condensed', sans-serif;
    text-transform: uppercase;
    font-weight:700;
    font-size: 18px;
    color: rgba(0,0,0,.45)!important;
    text-shadow: 0 1px 0 rgba(255,255,255,.3);
}
.uk-modal-dialog .modal-title .uk-modal-close{color: rgba(255,255,255,1)!important; text-shadow: none!important; margin-top: 5px;}
.uk-touch .uk-modal-dialog .modal-title .uk-modal-close{margin-top: -5px; margin-right: -20px; padding: 10px 20px; position: absolute;
    right: 20px;}
.uk-alert-warning .title3, .uk-alert-success .title3 {  font: 18px/120% "PT Sans"; display: block; border-bottom: 1px dashed rgba(226, 131, 39, 0.3); text-align: left;
    margin-bottom: 5px; padding-bottom: 5px; margin-left: 25px;}

.js-tab-link{cursor: pointer;}


/* LOGIN PAGE */
#content-blk.user-default-forgot,
#content-blk.user-default-login{margin: 0; padding: 80px 20px 20px 20px!important; margin-left: 0!important;}

.body-user-default-forgot footer{margin-left: 0!important;}
.body-user-default-login  footer{margin-left: -20px!important;}

#content-blk.user-default-forgot .blue_brdr,
#content-blk.user-default-login .blue_brdr{padding: 15px; border: 1px solid #ccc;}
#content-blk.user-default-forgot .uk-form-icon i,
#content-blk.user-default-login .uk-form-icon i{font-size:17px;top: 45%;}

/*******************************************************************************

                                TABLET FILTER

*******************************************************************************/

.tablet-filter {display: none; box-sizing: border-box; padding-left: 0; list-style-type: none; position: relative;}
.tablet-filter > li{box-sizing: border-box; display: inline-block;}
.tablet-filter > li > a {box-sizing: border-box; width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.tablet-filter .w33{width: 32.5%;}
.tablet-filter .w50{width: 49.7%;}
.tablet-filter .uk-dropdown-large{width: 667px; min-height: 250px;}


.generation-list{list-style-type: none;}
.generation-list li > a {margin-top: 7px; display: block;}
.generation-list li > a > span{display: block; color: #999; font-size:0.85em; margin-top: -5px;}

.tablet-filter .js-add-more{margin-bottom: 20px; display: inline-block;}
.tablet-filter .mobile-spare .js-init-reset-icon{margin-bottom: 7px; }
.tablet-filter .mobile-spare .spare-type{margin-bottom: 5px;}

.tablet-filter .js-drop-catalog .uk-dropdown:after,
.tablet-filter .js-drop-catalog .uk-dropdown:before {left: 352px;}

.tablet-filter > li > a > i{padding-right: 7px; font-size:1em;}

.uk-touch .tablet-filter .sub-rubrics-list a,
.uk-touch .tablet-filter .angle{margin: 10px 0;}

.uk-touch .tablet-filter .column-auto li{padding: 0; }
.uk-touch .tablet-filter .column-auto li a{display: inline-block; margin:7px 0; width: 100%;}
.tablet-filter .uk-close{
    border: 1px solid #ccc;
    position: absolute;
    top: -12px;
    right: -12px;
    margin: 0;
    float: none;
}

.btn-drop-request{display: block; width: 100%; float: none;}
.btn-drop-request > a{
    background: #f6a828;
    color: rgba(0,0,0,.8)!important;
    text-shadow: 0 1px 0 rgba(255,255,255,.3);
    font-size: 18px;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    width: 100%;
    text-align: left;
    padding: 0 15px;
    margin-bottom: 10px;
    border: 1px solid #B7760C;
    border-radius: 3px;
    box-sizing: border-box;
    line-height:36px;
    height:36px;
}
.btn-drop-request a:hover{background: #ec9910;}

/* SPINNER */
.spinner-wrap{width: 100%; text-align: center; position: relative;}
.tablet-filter .win-spiner {margin-left: 40%;}
.tablet-filter .win-spiner-hint {left: 40%;}


    /*******************************************************************************

                                    Анкета

    *******************************************************************************/

/* mobile list */
.mobile-spare-list .spare-name{ display: block; color: #000; font-family:"PT Sans", sans-serif;}
.mobile-spare-list .price{color: #2d73a5; font-size:16px; float: left; text-align: left; line-height:18px; display: inline-block; margin: 5px 5px 0 0;}
.mobile-spare-list .spare-type{color: #999; position: relative; top: -5px;}
.mobile-spare-list .grey{color: #999;}
.mobile-spare-list .btn-buy{
    display: inline-block;
    width: 36px; height: 36px; box-sizing: border-box;
    text-align: center;
    float: right;
    padding: 0;
    line-height:34px;
    font-size: 20px; }
.btn-mobile-drive,
.btn-mobile-phone {
    border: 1px solid #999; border-radius: 4px;
    width: 36px; height: 36px; box-sizing: border-box;
    line-height:36px; font-size:16px; text-align: center;
    margin: -20px 0 0 0;
    color: #999;
}

.btn-mobile-drive {
    margin-right: 10px;
    font-size:18px;
}

.mobile-spare-list .h2{color: #000; font-family:"PT Sans", sans-serif;margin-bottom: 5px;
    font-size:14px;
    font-weight:700;}
.mobile-spare-list .phone{font-size:15px;}
.mobile-spare-list .phone span{font-size:15px; color: #c30;}
.mobile-separator-hr{border-bottom: 1px solid #3a6ba7; margin:15px 0;}
.mobile-spare-list .adress{font-family:"Roboto Condensed", sans-serif; margin: 0 45px 5px 0; color: #999;}

.mobile-list .list-view .item:last-of-type .mobile-separator-hr{display: none;}

.shop-teaser {
    width: 100%;
    border: solid 1px #6D828E;
    border-radius: 2px;
    margin: 0 0 10px 0;

}

.shop-teaser-title {
    height: 33px;
    background: #D1DEE6;
}


.shop-teaser-title .shop-name {

}

.shop-teaser-title .shop-name .h2 {
    text-overflow: ellipsis; overflow: hidden; white-space: nowrap;
    color: #000;
    font:18px/22px "PT Sans", "sans-serif";
    font-weight: 400;
    padding: 5px 7px 5px 10px;
    /*font-weight:700;*/
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
}

.shop-teaser-title .shop-more-link {
    float: right;
    padding: 8px 15px 0 0;
    font-size: 13px;
}

.shop-teaser-content {
    padding: 10px;
}

.shop-teaser-address {
    height: 35px;
    border-top: dashed 1px #bfbfbf;
}

.shop-teaser-brands {
    min-height: 30px;
    border-top: dashed 1px #bfbfbf;
    padding: 10px;
}

.shop-teaser-brands .shop-brands-title {
    color: #777;
    font-size: 14px;
    margin-bottom: 5px;
}

.shop-teaser-brands .shop-brands {
    height: 30px;
    overflow: hidden;
}
.shop-teaser-content .shop-tell{
    float: left;
    height: 60px;

}

.shop-teaser-content .shop-tell a:not(.link-more) {
    margin-right: 20px;
    font: 18px/22px "PT Sans";
    font-weight:700;
    color: #555;
}

.shop-teaser-content .shop-tell a:not(.link-more) span {
    color: #cc0033;
    font: 18px/22px "PT Sans";
    font-weight:700;
}
.shop-teaser-content .shop-tell .link-more:hover{text-decoration: underline;}

/*
.shop-teaser-content .pricing-table .btn-buy{padding: 2px 10px; background: #5ea511; color: #fff; border-radius: 4px; text-decoration: none; float: right;}
.shop-teaser-content .pricing-table .btn-buy:hover{background: #3E6B0E;}
*/
.btn-buy{padding: 2px 10px; border: 1px solid #5ea511; color: #5ea511; border-radius: 4px; text-decoration: none; float: right;}
.btn-buy:hover{background: rgba(94, 165, 17, .5); color: #fff; text-decoration: none;}

.shop-teaser-content .pricing-table .span-price{color: #2d73a5; font-weight:700;}

.shop-teaser-content .shop-text {
    font: 12px/16px Tahoma;
    height: 60px;
    overflow: hidden;
}
.shop-teaser-content .shop-text{position: relative; }
.shop-teaser-content .shop-text:after{
    content: " ";
    background: -moz-linear-gradient(right, #fff 20%, rgba(255,255,255, 0) 50%);
    background: -webkit-linear-gradient(right, #fff 20%, rgba(255,255,255, 0) 50%);
    background: -o-linear-gradient(right, #fff 20%, rgba(255,255,255, 0) 50%);
    background: -ms-linear-gradient(right, #fff 20%, rgba(255,255,255, 0) 50%);
    background: linear-gradient(right, #fff 20%, rgba(255,255,255, 0) 50%);
    width: 100%;
    height: 20px;
    position: absolute;
    bottom: 0;
}

.clearing {
    clear: both;
    height: 15px;
}
.shop-address a.link-more{text-decoration: none; border-left: 1px solid #ccc; padding-left: 10px; margin-left: 10px; float: right;}

.shop-address .firm-address {text-overflow: ellipsis; white-space: nowrap; overflow: hidden; max-width: 340px; display: inline-block;}
.shop-address a.direction {float: right;}
.shop-address a.direction span{color: #999;border-bottom: 1px dashed;font-size:0.9em;}

.shop-address a:hover span{color: #000;}
.shop-address {margin: 10px 10px 10px 0;}

.shop-address .metro{margin-right: 10px; padding-right: 10px; border-right: 1px solid #ccc; overflow: hidden; width: 139px; display: inline-block; float: left;  text-overflow: ellipsis; white-space: nowrap; }

.shop-send-request {
    float: right;
    margin: 10px;
}
.shop-send-request a{
    padding: 2px 10px;
    display: inline-block;
    border-radius: 4px;
    background: #6D828E;
    color: #fff;
    text-decoration: none;
}
.shop-send-request a:hover{background: #687A84;}


/* old */
.back{
    color:#999;
    margin:10px 0;
    float:left;
}

.back a{
    color:#999;
    text-decoration:none;
    border-bottom:1px dashed #999;
}

.nowrap {white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}

.pull-right{float:right;}

.pull-left{float:left;}

/*******************************************************************************

                                Контент

*******************************************************************************/
.btn-request-mini-wrap{
    position: relative;
    display: block;
    width: 100%;
    max-width: 741px;
    margin-bottom: 10px;
    border-radius: 3px;
    box-sizing: border-box;

}

#btn-request-mini{cursor: pointer;}

.btn-request-mini-wrap.uk-open #btn-request-mini{z-index: 960; position: relative;box-sizing: border-box;
    border-left: 2px solid #98640e;
    border-right: 2px solid #98640e;
    border-top: 2px solid #98640e;
    border-radius: 3px 3px 0 0;
    box-shadow: none;
}
.btn-request-mini-wrap.uk-open > .uk-dropdown{padding-top: 73px; margin-top: -55px; border: 2px solid #98640e; box-shadow: none; z-index: 9500!important;}

.btn-request-mini-wrap.uk-open {}
.btn-request-mini-wrap.uk-open #btn-request-mini{border-radius: 3px 3px 0 0; }
.btn-request-mini-wrap.uk-open #btn-request-mini a{background: rgba(255,255,255,.2);}


.btn-request-mini-wrap > .uk-dropdown{top: 55px!important; width:740px; background: #eee;  }
.btn-request-mini-wrap > .uk-dropdown:after,
.btn-request-mini-wrap > .uk-dropdown:before{display: none;}

#btn-request-mini p.title{margin: 0;}

#btn-request-mini{
    display: block;
    color: rgba(0,0,0,.8)!important;
    text-shadow: 0 1px 0 rgba(255,255,255,.3);
    font-size: 16px;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 400;
    width: 100%;
    max-width: 740px;
    text-align: left;
    padding: 5px 15px 5px 15px;
    border-radius: 3px;
    box-sizing: border-box;
    line-height:10px;
    background: #f6a828;
    border: 2px solid #98640e;
    /*border: 2px solid #000;*/
    /*box-shadow: 0 8px 17px rgba(0, 0, 0, 0.2), 0 6px 20px rgba(0, 0, 0, 0.19);*/
}

.btn-request-mini-wrap .opened{display: none;}
.btn-request-mini-wrap.uk-open .opened{display: inline;}
.btn-request-mini-wrap.uk-open .closed{display: none;}

#btn-request-mini a {border: 2px solid #fff; color: #fff; margin-top: 5px; text-shadow: none; }
#btn-request-mini a i {margin-left: 10px; margin-right: 0; position: relative; font-size:16px;}
#btn-request-mini a:hover{background: rgba(255,255,255,.2);}


.content{
    padding:0;
    max-width:100%;
    /*min-height: 800px;*/
}

#content-blk {
    box-sizing: border-box;
    max-width: 770px;
    min-width: 270px;
}

@media screen and (min-width:1131px){
    #content-blk:not(.show-left){width: 100%; max-width: 100%;}
    #content-blk:not(.show-left):not(.show-footer){padding: 15px;}
    #content-blk.show-left:not(.show-footer) {margin-left: 320px;}
    #content-blk.show-footer:not(.show-left) {padding: 15px 15px 195px 15px;}
    #content-blk.show-footer.show-left {padding: 15px 15px 195px 15px; margin-left: 320px;}
    #content-blk.show-footer.show-left footer.footer{margin-left: -335px;}

    #content-blk.price-spare-part,
    #content-blk.page-index{padding-top: 0;margin-top: 280px;}
    #content-blk.catalog-category,
    #content-blk.price-spare-part.catalog-category,
    #content-blk.page-index.catalog-category{margin-top: 230px;}
}
@media screen and (max-width:1130px){
    #content-blk{padding: 15px 15px 15px 15px;}
    footer.footer{display: none;}
}

#content-blk.anketa-index{margin-top: 40px;}
#content-blk.default-register{margin-top: 50px; padding-top: 20px; }
#content-blk.site-page-view{margin-top: 50px;  padding-top: 20px; }

#content-blk.price-spare-part{margin-top: 0; padding-top: 20px;}

#content-blk .h1, #content-blk h1{
    font:24px/100% "Roboto Condensed";
    margin-bottom: 10px;
    color: #c30;
    clear: both;
    font-weight:300;
}

#breadcrumbs{
    padding: 0 0 0 0; height: 20px!important; max-width: 745px;
    line-height:12px;
    margin: -5px 0 5px 0;
    box-sizing: border-box;

}

#breadcrumbs li{
    display:inline;
    color:#adadad;
}

#breadcrumbs li a{
    display:inline;
    color:#999;
    font-size: 12px;
}

#breadcrumbs li.active{
    color:#000 !important;
    clear: both;
    font-size: 12px;
}

#breadcrumbs li a:hover{
    color:#000 !important;
}

#anketa-wrapper .main-phone a{font:18px/22px "PT Sans";  font-weight: 700; color: #555; display: inline-block;}
#anketa-wrapper .main-phone a + a{margin-top: 1px;}
#anketa-wrapper .main-phone a ins{font-weight: 700;}
#anketa-wrapper .main-phone{
    width:165px;
}

#anketa-wrapper a{
    font:16px/18px "PT Sans";
    text-decoration: none;
}
#anketa-wrapper a:hover{text-decoration: none;}

#anketa-wrapper .main-phone img{
    margin:4px 9px 0 0;
    float:left;
}

#anketa-wrapper .main-phone ins{
    font:18px/22px "PT Sans";
    color:#CC0000;
    background: transparent!important;
    text-decoration: none;
}

.col-left, .col-right{
    float:left;
}

#anketa-wrapper .col-left{
    width:71%;

}

#anketa-wrapper .col-right{
    margin-top:2px;
}

#anketa-wrapper .metro{
    font:18px/22px "PT Sans";
}
.phones-list {font-size: 14px; padding-left: 0;}
.phones-list span{
    color: #999;}
.shop-description {color: #888; width: 490px; float: left; margin-top: 15px;
    border-right: 1px solid #ccc; padding: 0 10px 0 0;}
.shop-description p:last-child{margin-bottom: 0;}
.shop-all-tags{margin: 15px 0 0 500px; list-style-type: none; padding: 0 0 0 10px; border-left: 1px solid #ccc; height:100%;}
.shop-all-tags li{position: relative;margin-left: 30px; color: #ccc;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 300;}
.shop-all-tags li:before{width: 12px; height: 12px; background: #fff; display: block;
    position: absolute; left: -25px; top:3px;
    content: '';}
.shop-all-tags li:after{}
.shop-all-tags li.active:after{content: "\f3fd"; font-family:"Ionicons", sans-serif;left: -24px; top:0; position: absolute; font-size:24px; color:#5ea511; }
.shop-all-tags li:after{content: "\f404"; font-family:"Ionicons", sans-serif;left: -23px; top:0; position: absolute; font-size:24px; color:#c30; }
.shop-all-tags li.active{color: #000;}
.shop-all-tags li.divider{content: ""; border-top: 1px dashed #ccc; margin: 5px 15px 5px 5px;}
.shop-all-tags li.divider:after,
.shop-all-tags li.divider:before{display: none;}

.anketa-index .anketa-map{margin-bottom: 15px;}

.map-shop-info{margin-top: 15px;}
.map-shop-info .btn-green-out{margin-bottom: 10px; display: inline-block; font-size:16px;padding: 1px 9px;}
.map-shop-info .btn-green-out i{font-size:20px;}

#anketa-wrapper .button{
    color:#000;
    border-bottom:1px dashed #333;
    text-decoration: none;
    font:14px/130% 'PT Sans';
    margin-top:3px;
}

#anketa-wrapper p{
    line-height: 100%;
}

#phones{
    margin:15px 0 5px 0;
}

#phones .phone{
    font:14px/120% tahoma;
    display:block;
}

#phones .phone ins{
    font:14px/120% 'PT Sans';
    color:#3366AF;
    text-decoration:none;

}

#shop-summary{
    padding: 4px 10px;
    background:#f0f0f0;
    margin:10px 0 18px 180px;
    font:14px/130% tahoma;
    box-sizing: border-box;
}

#shop-summary > span{
    font:bold 16px/130% 'PT Sans';
    /*letter-spacing: 0.9px;*/
}

.right-shop-contact-info {margin-left: 200px; color: #000;}
.right-shop-contact-info p{margin: 5px 0 0 0; color: #555;}
#anketa-wrapper .ui-tag{margin-top: 15px;}
#anketa-wrapper .tag-spare{background: #6D828E; color: #fff;}
#anketa-wrapper .spare-status-type{background: #D1DEE6; color: #000;     text-shadow: 0 1px 0 rgba(255,255,255,.5);
    display: inline-block; width: 100%; height:30px; padding: 0 10px; box-sizing: border-box; margin: 0 0 10px 0;
    font-size:16px;
    line-height: 30px;}

.anketa-map{margin-top: 20px;}

#allmarks > li{
    display:block;
    margin-bottom: 2px;
}

#allmarks > li > span.manuf{
    font: normal 14px/100% 'PT Sans';
    width:103px;
    display:inline-block;
}

#allmarks > li > span.str_marks{
    float: right;
    width: 75%;
    height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
}

#allmarks > li > ul > li{
    display:inline-block;
}

#answer-request textarea{
    width:98%;
    height:80px;
    margin-bottom:10px;
    padding:5px;
}

#answer-request input[type=text]{
    border:1px solid #ccc;
    border-radius:3px;
    padding:3px 5px;
    font-size:13px;
    color:#555;
    margin:5px 0;
}

#chat-user p{
    margin-top:10px;
}

#answer-request ol li{

    list-style-position:inside;
    margin-bottom:5px;
}

#answer-request form ol li{
    border:1px solid #ccc;
    list-style-position:inside;
    padding:5px;
    margin-bottom:10px;
}

/**************
    Каталог
 **************/
.catalog-search {margin-top: 9px;}
.catalog-search .head{color: #333; font: 18px/30px "Roboto Condensed";
    font-weight:700;text-transform: uppercase; margin-bottom: 5px;}
.catalog-search .body{position:relative; overflow: hidden;}
.catalog-search .body ul{padding-left: 10px;}
.catalog-search .body ul li{position: relative;}
.catalog-search .body ul li:before{position: absolute;}
.catalog-search .body ul a{border-bottom: 0; display: block; margin-left: 5px;}
.catalog-search .body ul a:hover .name{border-bottom: 1px dashed;}
.catalog-search .body ul a .badge{float: right;}
.catalog-search .postheader{color: #333; padding: 0 0 0 0; box-sizing: border-box; }
.catalog-search .postheader .uk-dropdown{padding: 10px 15px 15px 15px; margin-top: 0;}

.catalog-search .uk-button {text-align: left; width: 100%; height: 36px; line-height: 36px; padding: 5px 8px;}
.catalog-search .uk-button .label{width: 50px; }
.catalog-search .uk-button .name{width: 168px; }

.catalog-search div[data-uk-dropdown] + .uk-button,
.catalog-search div[data-uk-dropdown] + div[data-uk-dropdown],
.catalog-search .uk-button + .uk-button{margin-top: 15px;}


.catalog-search .parent-dropdown:before, .catalog-search .parent-dropdown:after,
.catalog-search .rubric-dropdown:before, .catalog-search .rubric-dropdown:after{display: none;}
.catalog-search .parent-dropdown{top: 49px!important; left: 15px!important; width: 290px;}
.catalog-search .rubric-dropdown{top: 100px!important; left: 15px!important; width: 290px;}

.catalog-search .uk-dropdown p.header {margin-bottom:10px; font-size:18px;}
.catalog-search .uk-dropdown p.header .close{color: #777;font-size:18px; cursor: pointer;}
.catalog-search .uk-dropdown p.header .close:hover{color: #c30;}

.catalog-search .catalog-dropdown{background:#fff;}

.catalog-search .search-wrap{width: 100%; padding: 0; margin: 0 0 5px 0; position: relative;}
.catalog-search .search-wrap .icon-search{position: absolute; top:10px; right: 10px; color: #999;
    font-size:0.8em; }

.catalog-search .search-wrap input{width: 100%; height:30px; box-sizing: border-box; color: #000; border-radius: 3px; border: 1px solid #999; padding-left: 5px; }

.catalog-search .search-wrap .std-inp::-webkit-input-placeholder {color: #000; }
.catalog-search .search-wrap .std-inp:-moz-placeholder {color: #000; }
.catalog-search .search-wrap .std-inp::-moz-placeholder {color: #000; }
.catalog-search .search-wrap .std-inp:-ms-input-placeholder {color: #000; }

.catalog-search #overflow{max-height: 430px; margin-top: 0;  }
.catalog-search .uk-dropdown #overflow{max-height: 400px; margin-top: 0;  }
.catalog-search .slimScrollDiv{padding-right: 10px;}

.catalog-search .h2{margin-bottom: 5px;}

.catalog-search .select-parent{background: #ddd; position: relative; border: 1px solid #ccc; border-radius: 0; margin: 10px 0 0 0; padding: 0 10px 0 10px; box-sizing: border-box;  }
.catalog-search .select-parent .h2{margin: 0; padding-top: 7px;}
.catalog-search .select-parent .fa-bars{position: absolute; top: 10px; right: 10px;transition: all .5s ease-out .5s; color: #468;}
.catalog-search .select-parent .fa-bars{transition: all .5s ease-out .5s;  }
.catalog-search .select-parent .fa-bars.open{ }
.catalog-search .select-parent .fa-bars.open:before{content: "\f060"!important;  }

.catalog-search .badge{color: #777; font-size:12px!important;line-height:12px; padding-left:3px; padding-bottom: 2px; float: right;}

.catalog-search .body{border: 1px solid #C5C5C5; box-sizing: border-box;  margin: -2px 0 0 0; padding: 10px 5px 5px 5px; background: #fff; }

.catalog-search .angle-list {margin-left: 0; }

.catalog-search .sub-rubrics-list a{display: block; margin-left: 3px;}
.catalog-search .sub-rubrics-list .not{color: #000; margin-left: 3px;display: block;}
.catalog-search .sub-rubrics-list a span.name{color: #777;}
.catalog-search .sub-rubrics-list a:hover span.name{color: #000;}

.catalog-search .angle-list .angle:before{top:-3px;}
.catalog-search .detail-list {margin-left: 15px;}

#js-autocomplete-result a {border: 0;margin-bottom: 7px;}

.catalog-search .angle-list a,
.catalog-search .sub-rubrics-list a{display:block; border-bottom: 1px dotted #ccc; font: 14px/14px 'PT Sans', sans-serif; margin-bottom: 5px;}
.catalog-search .angle-list a.not,
.catalog-search .sub-rubrics-list .not{border: 0;}
.catalog-search .angle-list a span,
.catalog-search .sub-rubrics-list a span{background: #fff;font: 14px/14px 'PT Sans', sans-serif;}



#yandex-map-wrap{ position: fixed; top: 43px; left:1090px;}
.metro .fa-print{float: right; color: #5ea511;
    font-size:0.85em; margin-right: 5px; margin-top: 2px;}
.btn-print-direction {color: #5ea511; font-family: 'Roboto Condensed', sans-serif; font-weight: 300; font-size: 18px; border-bottom: 1px dashed;  }
.btn-print-direction:hover{border-bottom: 1px solid; color: #5ea511;}

/* ORDER MODAL */
#modal-spare-buy .uk-form-icon>[class*=fa] {
    position: absolute;
    top: 12px;
    margin-top: -7px;
    font-size: 14px;
    color: #aaa;
    text-align: center;
    pointer-events: none;
    left: 10px;
}
#modal-spare-buy .form-group + .form-group{margin-top: 15px;}
#modal-spare-buy .form-group textarea{width: 100%; padding: 5px; box-sizing: border-box;}
#modal-spare-buy .btn-green-out {margin-top: 15px;}
#modal-spare-buy .pre-label{color: #000; width: 100px; display: inline-block; font-weight:700; }
#modal-spare-buy form{margin-top: 10px;}



/*********************************

        REQUEST FORM
    ( FROM OLD VSE-ZP.RU )

*********************************/

.request-dialog-parts, .request-dialog-contacts {
    float: left;
    margin: 0 5px 0 5px;
    overflow: hidden;
}
.request-dialog-avto-info{    float: left;
    margin: 0 5px 0 5px;
    overflow: hidden;}

.request-dialog-avto-info, .request-dialog-parts {
    border-right: solid 1px #c5c5c5 !important;
}

.request-dialog-avto-info {
    width: 210px;
}

.request-dialog-contacts {
    width: 190px;
}

.request-dialog-parts {
    float:none; margin-left: 215px; border-right: none !important;
}



#request-dialog input, #request-dialog select, #request-dialog textarea {
    border: solid 1px #8e8e8e;
    border-radius: 2px;
    padding: 4px;
    color: #8e8e8e;
    margin-bottom: 5px;
}

#request-dialog .input input, #request-dialog .textarea textarea {
    width: 189px;
}

.request-dialog-contacts .input input, .request-dialog-contacts .textarea textarea {
    width: 178px !important;
}

#request-dialog .checkbox {
    width: auto !important;
    margin-left: 10px;
    color: #000;
}

#request-dialog .part_name input {
    width: 190px;
}

#request-dialog .select select {
    width: 200px;
    height: 26px;
}

#request-dialog .select select option {
    color: #000;
}

#request-dialog .part_comment textarea {
    width: 245px;
    height: 55px;
}
#request-dialog ul.text{padding-left: 20px; margin-top: 0;}
#request-dialog .block-aftertext,
#request-dialog ul.text li{
    clear: both;
    font: 12px/14px 'PT Sans', sans-serif;
    color: #999;
}

#request-dialog .caption {
    color: #000;
    font-size: 10px;
}

/*#request-dialog .submit {*/
    /*background: url(/i/request_submit_button_bg.png) repeat-x;*/
    /*font-size: 15px;*/
    /*width: 190px;*/
    /*border: none;*/
    /*font-weight: normal;*/
    /*color: #000;*/
    /*height: 30px;*/
/*}*/

#request-dialog .btn-green-out{border: 2px solid; font-weight: bold; margin-left: 5px; width: 200px; text-align: center;}
#request-dialog .btn-green-out > i{position: relative; top: 0;}

.request-dialog-parts-title span,
.request-dialog-avto-info-title span,  .request-dialog-contacts-title span{
    font-weight:700;
    color: #333;
    font-size: 14px;
}
.request-dialog-avto-info-title,  .request-dialog-contacts-title {
    font-size: 14px;
    font-weight:700;
    color: #333;
}
.request-dialog-avto-info-title{margin-bottom: 10px;}
.request-dialog-contacts-title {margin-top: 10px;}
.request-dialog-parts-title{margin: 2px 0 5px 0;}

.request-dialog-parts-title .first-label{padding-right: 128px;}
.request-dialog-parts-title .new-label  {padding-left: 13px;}
.request-dialog-parts-title .used-label {padding-left: 29px;}
.request-dialog-parts-title .all-label  {padding-left: 40px;}

html:not(.ismobile) .js-car-load-area {position: relative;}
html:not(.ismobile) .js-car-load-area .page-loader{background: #eee; height: 350px; position: absolute; top: -5px;}
html:not(.ismobile) .js-car-load-area .page-loader .preloader{top: 40%;}

#ui-dialog-title-request-dialog {
    font-size: 17px;
    color: #000;
    font-weight: normal;
}

#request-dialog a.add_part {
    display: block;
    color: #3ba5ce;
    margin: 0 0 15px 0;
}

.captcha_image {
    display: block;
    width: 150px;
    height: 80px;
    margin-bottom: 5px;
}

.ui-autocomplete {
    max-height: 400px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    border: 1px solid #333;
    background: #fff;
}

/* IE 6 doesn't support max-height
* we use height instead, but this forces the menu to always be this tall
*/
* html .ui-autocomplete {
    height: 400px;
}

.ui-autocomplete-category {
    border-bottom: solid 1px #ccc;
    font-weight: bold;
    padding: .2em .4em;
    margin: .8em 0 .2em;
    line-height: 1.5;
}

.ui-dialog-title {
    color: #000;
    font-size: 1.3em;
    overflow: visible;
}

.ui-dialog-titlebar {
    border-radius: 0;
    margin: -5px;
}

.ui-widget-content {
    border: 1px solid #5b5b5b;
}

.contact_name,
.contact_email {
    float : left;
    width : 50%;
}
.contact_name input,
.contact_email input {
    display:block !important;
    width : 95% !important;
}
.contact_email input {
}


#request-dialog select.select-city{width: 238px; height: 26px;}

#request-dialog input[type="text"]{width: 250px; height: 16px;}
#request-dialog input,
#request-dialog select,
#request-dialog textarea {
    font: 12px/14px Arial;
}

#request-dialog .part_name input[type="text"] {
    width: 255px;
    height: 16px;
}

#request-dialog .part_comment textarea {
    width: calc(100% - 10px);
}

#block_parts_inputs input[type="radio"] {
    display: none;
}

/*#block_parts_inputs label {*/
/*font: 18px Arial;*/
/*}*/
#block_parts_inputs input[type="radio"] + label {
    cursor: pointer;
    font: 18px Arial;
    display: inline-block;
    width: 26px;
    height: 26px;
    vertical-align: top;
    margin-left: 20px;
}

.request-dialog-avto-info-block div {
    margin-top : 3px;
}

#request-dialog .request-dialog-avto-vin{width:100%; margin: 5px 175px 5px 5px;}
#request-dialog .request-dialog-avto-vin input{width: calc(100% - 200px); height: 26px; box-sizing: border-box;}
#request-dialog .request-dialog-avto-vin-hint{float:right; width:150px; color: red; margin-top: 0;font: 12px/100% 'PT Sans', sans-serif;
    font-weight:bold;}

#request-spare-table .td-name{width: 250px;}

/************************

    LOGIN MODAL

************************/
.body-user-default-register #login-modal .login-switch .modal-title{width: calc(100% + 40px)}
#login-form .style4 {min-width: 250px;}


/***************************************

	Новости

****************************************/

.home-news-block .h2{margin-bottom: 10px!important; }
.home-news-block{line-height: 130%; font-size: 12px;}
.home-news-title{font: 16px/150% Conv_EtelkaLightPro; margin: 10px 0;}
.home-news-date{color: #999; float: left; display: inline-block; margin: 0 5px 0 0; padding: 0 5px 0 0; border-right: 1px solid #999;}
.home-news-item-link{color: #468; text-decoration: none; line-height:80%;}
.home-news-item-link:hover{text-decoration: underline; }
.home-news-body{color: #333; text-align: justify;border-top: 1px solid #ccc; margin: 7px 0 0 0;}
.home-news-arh-link{color: #468; display: block; text-align: right; text-decoration: none; margin: 5px 0 0 0;}
.home-news-arh-link:hover{text-decoration: underline;}
.home-news-arh-link i{
    -webkit-transition: all 0.2s linear 0.2s;
    -moz-transition: all 0.2s linear 0.2s;
    -ms-transition: all 0.2s linear 0.2s;
    -o-transition: all 0.2s linear 0.2s;
    transition: all 0.2s linear 0.2s;
    margin: 0 7px 0 0;
}
.home-news-arh-link:hover i{
    -webkit-transition: all 0.2s linear 0.2s;
    -moz-transition: all 0.2s linear 0.2s;
    -ms-transition: all 0.2s linear 0.2s;
    -o-transition: all 0.2s linear 0.2s;
    transition: all 0.2s linear 0.2s;
    margin: 0 0px 0 7px;
}

/* Demo Price Table */
.table-demo-price{border: 1px solid #ccc;}
.table-demo-price thead tr th{background: #ddd; font-weight: bold; vertical-align: top;
    font-size:0.84em;}
.table-demo-price tbody tr td{font-size:0.8em; color: #666;}
.table-demo-price-2 tr td:nth-child(7),
.table-demo-price-1 tr td:nth-child(6){width: 90px;}

.table-demo-price-2 tr td:nth-child(5),
.table-demo-price-1 tr td:nth-child(4){width: 40px;}

#left-blk .content-wrap.margin-top{margin-top: 25px;}

/* Metro colors */
.c_cf2028{color: #cf2028;}
.c_13703a{color: #13703a;}
.c_283981{color: #283981;}
.c_169cd4{color: #169cd4;}
.c_8a3127{color: #8a3127;}
.c_f78e38{color: #f78e38;}
.c_a35d94{color: #a35d94;}
.c_fde34f{color: #E2C107;}
.c_abaeba{color: #abaeba;}
.c_aad16e{color: #aad16e;}
.c_1cb2a7{color: #1cb2a7;}
.c_b8deeb{color: #b8deeb;}

.metro_logo{float: left; width: 14px; margin-right: 5px; margin-top:5px; opacity: 0.8; }