/*transitions*/
a, .latest-trucks li, .latest-news li, .btn, .parts-cat > li i, .likeselect:after, .brand-submenu ul, .btn-close {-webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}

/*general*/

body {font-family: 'Open Sans', sans-serif; font-size: 15px;}

.all-wrap {min-height: -webkit-calc(100vh - 274px);min-height: calc(100vh - 274px); padding-bottom: 40px;}
.wrap {width: 1150px; margin: auto;}

h1, .section-title, .title-sidebar {font-size: 20px; font-weight: 600; margin-bottom: 10px; text-transform: uppercase; color: #222;}
.title-sidebar {font-size: 19px;}
h2, .form-title  {font-size: 20px; font-weight: 600; margin-top: 20px; margin-bottom: 10px; text-transform: uppercase; color: #222;}
.content-wrap .form-title {margin-top: 0; margin-bottom: 10px;}
h3 {margin: 15px 0 5px;}
.section-title {margin-bottom: 12px;}
.bc-wrap {margin-bottom: 25px; padding: 7px 0 10px; border-bottom: 1px solid #dcdcdc;}
.hdr-wrap {overflow:hidden; margin-top: -8px; margin-bottom: 15px; padding: 8px 0;}
.category-content .hdr-wrap {position: relative; overflow: auto; margin-bottom: 0; padding-top: 0; padding-bottom: 7px; border-bottom: 0;}
.category-content .hdr-wrap .btn {margin-top: 0; padding: 5px 10px;}
.hdr-wrap h1,.hdr-wrap p {float: left; width:-webkit-calc(100% - 250px); width:calc(100% - 250px);}
.content-wrap p {margin-bottom: 5px;}
.category-content .search {
    margin-bottom: 30px;
    padding: 15px;
    background-color: #f2f2f2;
}
.category-content .search input[type="search"] {border-color: #c7c7c7;}

.line {height: 1px; margin: 30px 0; background: #dcdcdc;}

.page-text ul, .content-text ul {margin-bottom: 10px;}
.page-text li, .content-text li {position: relative; margin-bottom: 5px;}
.page-text li:before, .content-text li:before {display: inline-block; width: 5px; height: 5px; margin-right: 6px; content: ""; vertical-align: middle; background: #b71c1c;}
.page-text p {margin-bottom: 7px;}
.content-text a, .page-text a {border-bottom: 1px solid rgba(72, 105, 156, 0.45);}
.content-text a:hover, .page-text:hover a:hover  {border-bottom-color:  rgba(156, 72, 72, 0.45);}

/*input*/

.search input[type="search"]:focus, input[type="email"]:focus, input[type="text"]:focus {border-color: #fc0;}
input, textarea {border-width: 1px; border-style: solid; border-color: #000; border-radius: 2px;}
a {text-decoration: none; color: #33578e;}
a:hover {color: #b71c1c;}

/*select*/
.likeselect {position:relative; margin-top:6px; cursor:pointer; border:1px solid #b7b7b7; border-radius: 2px; background:#fff;}
.likeselect > span {position:relative; z-index:2; display:block; padding:6px 10px;}
.likeselect:after {position:absolute; z-index:1; top:1px; right:0; display:block; width:38px; height:32px; content:''; background:url('images/arrow-expand.svg') no-repeat center center; background-size: 15px auto;}
.likeselect p {position:absolute; z-index:10; left: -1px; display:none; width: 100%; margin:0; border:1px solid #e3e3e3; background:#fff;}
.likeselect p i {font-style:normal; display:block; padding:6px 10px; cursor:pointer; border-bottom:1px solid #e3e3e3;}
.likeselect p i:hover {background:#e0e5ea;}
.likeselect p i:last-child {border:0;}
.likeselect p i.active {cursor:default; color:#fff; background:#222;}
.likeselect p i.active:hover {border-color:#ccc;}
.likeselect.lks_open:after, .likeselect.lang.lks_open > span:after {-webkit-transform: rotateX(180deg);transform: rotateX(180deg);}

.likeselect.lang {font-size: 13px; min-width: 62px; color: #fff; border-color: rgba(235, 235, 235, 0.4); background: transparent;}
.likeselect a {text-decoration: none;}
.likeselect.lang:after {display: none;}
.likeselect span a {color: #fff;} /*fix for reloading*/

/*.likeselect.lang > span:after {background-image: url('images/arrow-expand-w.svg'); background-size: 13px auto; width: 30px;}*/
.likeselect.lang span, .likeselect.lang p i {padding: 7px 10px;}
.likeselect.lang:hover > span {background-color: #3d4e5f;}
.likeselect.lang img {display: inline-block; width: 18px; margin-top: -3px; margin-right: 5px; vertical-align: middle;}

.btn {display: block; padding: 6px 15px; text-align: center; text-decoration: none; color: #fff; border: 0; border-radius: 2px; background: #b71c1c;}
.btn:hover {background-color: #d32f2f;}
a.btn:hover {color: #fff;}
.top-right .btn {display: inline-block; margin-top: 6px; vertical-align: middle;}
.btn-ghost {color: #fff; border: 1px solid #fff; background-color: transparent;}
.btn-outline {color: #b71c1c; border: 1px solid #b71c1c; background-color: transparent;}
.btn-outline:hover {color: #fff; background: #b71c1c;}
.btn-yellow {color: #222; background: #fc0;}
.btn-yellow:hover {background-color: #ffd633;}
.btn-primary {color: #fff; background: #b71c1c;}
.btn-primary:hover {background-color: #d32f2f;}
.btn-secondary, .btn-secondary:hover {background-color: #fc0; color: #000;}
.btn-green {background-color: #b71c1c;}
.hdr-wrap .btn {position: relative; float: right; margin-top: -5px;}
.btn-green:hover {background-color: #7db5be;}
/*.bc-wrap .btn {position: relative; float: right;}*/
.h-login a {display: inline-block; padding: 12px 15px; vertical-align: middle; text-decoration: none; color: #fff;}
.h-login a:hover {color: #fff; background-color: #3d4e5f;}
.btn.btn-load-more {background-color: #bbb;}


/*breadcrumbs*/
.breadcrumbs {font-size: 0; margin-top: 5px;}
.breadcrumbs li {font-size: 15px; display: inline-block; vertical-align: top;}
.breadcrumbs a {display: inline-block; vertical-align: top; text-decoration: none; color: #333;}
.breadcrumbs a:after {display: inline-block; width: 10px; height: 10px; margin: -2px 8px 0; content: ''; vertical-align: middle; background: url('images/arrow-cat.svg') no-repeat center center; background-size: 10px;}
.breadcrumbs a:hover {color: #b71c1c;}
.breadcrumbs span {display: inline-block;}
.wrap-btn span {font-size: 18px; margin-right: 10px; text-transform: uppercase;}


/*menu top*/
.menu-top {background: #222;}
.btn-menu {display: none;}
nav {float: left;}
nav ul {font-size: 0;}
nav li {font-size: 15px; position: relative; display: inline-block;}
nav a, nav span {display: block; padding: 12px 15px; text-decoration: none; color: #fff;}
nav li:last-child a {margin-right: 0;}
nav li:hover > a {color: #fff; background: #6d5757;}
nav li.active span {color: #ffd633; cursor: default;}
.submenu {position: absolute; z-index: 10; display: none; min-width: 150px;}
nav li:hover .submenu {display: block;}
.submenu li {display: block;}
.submenu li a {width: 100%; padding: 8px 14px; color: #000; border-bottom: 1px solid #ededed; background: #fff;}
.submenu li:last-child a {border-bottom: 0;}
.submenu li a:hover {color: #000; background: #edf0f3;}


.top-right {float: right;}
.likeselect.lang, .h-login {display: inline-block; vertical-align: middle;}

/*main header*/
header {font-size: 0;}
header > * {font-size: 15px;}
.feedback-page header {margin-bottom: 30px;}
.main-header {position: relative; z-index: 1; padding: 10px 0; background: #b71c1c; box-shadow: 0 0 1px 1px rgba(0,0,0,0.2);}
.logo {display: block; float: left; margin-top: 10px;}
.logo img {width: 200px;}
.h-right-wrap {font-size: 0;float: right;width: -webkit-calc(100% - 235px);width: calc(100% - 235px);text-align: right;}
header .search, .h-right {font-size: 15px; display: inline-block; vertical-align: middle;}
.h-phone, .btn-cart {display: inline-block; vertical-align: middle;}
.h-phone {margin: 0 20px;text-align: left;color: #fff;}
.mainphone {font-size: 22px;font-weight: 600;margin-bottom: 5px;}
.addphones > span {
    font-size: 15px;
    display: inline-block;
    text-align: left;
    margin-right: 10px;
}
.addphones span span {display: block; font-size: 13px; opacity: 0.8;}
.btn-callback {display: inline-block;margin: 2px 20px 0 10px;padding: 0;color: #fc0;border: 0;border-bottom: 1px dashed;background: 0;font-size: 14px;vertical-align: middle;}
.btn-cart {padding: 0; border: 0; background: 0;}
.cart-icon {position: relative; display: inline-block; width: 32px; height: 32px; vertical-align: middle; background: url('images/cart.svg') no-repeat center top; background-size: 32px auto;}
.cart-amount {font-size: 13px; font-weight: 600; display: inline-block; width: 20px; height: 20px; margin-left: 6px; color: #222; border-radius: 2px; background: #fc0;}
.btn-callback:hover {color: #fc0;}
.btn-quick-request {border: 0; padding: 0; color: #fff; background: 0; vertical-align: middle; font-size: 15px;}
.btn-quick-request span {border-bottom: 1px dashed;}

header .search {width: 360px;margin-right: 40px;}
.h-search-wrap {display: inline-block; vertical-align: middle;}
.homepage header {margin-bottom: 40px;}
.search form {position: relative;}
.search input[type="search"] {width: 100%; padding: 11px 90px 11px 40px; background: url('images/search.svg') no-repeat left 10px center / 20px auto #fff; vertical-align: middle; border: 2px solid transparent; border-radius: 2px; outline: none; -webkit-appearance: none;}
.search input[type="submit"] {
    position: absolute;
    top: 5px;
    right: 5px;
    bottom: 5px;
    padding: 0 10px;
    border: 0;
    min-width: 80px;
    line-height: 1;
    background-color: #fc0;
    font-weight: 600;
    border-radius: 2px;
}

/*navigation - brands */
.nav-brands {background: url('images/bg-nav.jpg') no-repeat center center #444;}
.brands-list {position: relative; display: table; width: 100%; /*border-spacing: 2px 2px; */ table-layout: fixed; border-bottom: 1px solid rgba(255,255,255,0.2);}
.brand-item {position:relative; display: table-cell; height: 80px; cursor: pointer; text-align: center; vertical-align: middle;}
.brand-item:last-child {border-right: 0;}
.brand-item a, .brand-item img {display: block; margin: 0 auto;}
.brand-item img {max-width: 85%; height: 21px;}
.brand-item[data-brand="amerika-peterbilt"] img {height:30px;}

.brand-item:after, .brand-item:before {position: absolute; bottom: -2px; left: 50%; display: none; width: 0; height: 0; content: " "; pointer-events: none; border: solid transparent;}

.brand-item:after {margin-left: -15px; border-width: 15px; border-color: rgba(50, 52, 53, 0); border-bottom-color: #323435;}
.brand-item:before {margin-left: -16px; border-width: 16px; border-color: rgba(255, 255, 255, 0); border-bottom-color: #fff;}
.brand-item.active:after, .brand-item.active:before {display: block;}
.brand-item.active, .brand-item:hover {background: #6d5757;}
.brand-submenu {display: none; border: 1px solid rgba(255, 255, 255, 0.6);}
.brand-submenu ul {font-size:0; display: table; width: 100%; table-layout: fixed; border-collapse: collapse;}
/*.brand-submenu ul.show_menu {display: table;}*/
/*.brand-item:hover .brand-submenu {display: table;}*/
.brand-submenu li {font-size: 0; display: table-cell; vertical-align: top; background: #323435;}
.brand-submenu a {font-size: 14px; display: block; padding: 20px 0; text-align: center; text-decoration: none;}
.brand-submenu li:hover {background: #1a2027;}
.brand-submenu a img {height: 65px; margin-bottom: 10px;}
.brand-submenu span {display: block; text-transform: uppercase; color: #fff;}

/*quick request*/
.quick-request {margin-bottom: 28px; margin-bottom: 25px; padding: 20px; border: 1px solid #dedede; border-top: 0; background: #efefef;}
.quick-request form {display: table; width: 100%;}
.quick-request form > div {display: table-cell; vertical-align: bottom;}
.quick-request input {display: block; min-width: 170px; max-height: 39px; padding: 7px 10px; border: 1px solid #222; border-radius: 2px;}
.quick-request input[type="submit"] {font-weight: 400; width: 100%; color: #fff; border-color: #b71c1c; background-color: #b71c1c;}
.quick-request input[type="submit"]:hover {border-color: #d32f2f; background: #d32f2f;}
.quick-request form p {margin-bottom: 7px;}


.latest-trucks li:hover, .latest-news li:hover { box-shadow: 0 0 3px rgba(0,0,0,0.19);}

/*sidemenu*/

.sidemenu {float: left; width: 244px;}

.tabs {font-size: 0; /*box-shadow: 0 1px 3px rgba(0,0,0,0.2), 0 1px 2px rgba(0,0,0,0.2);*/}
.tab {font-size: 15px; display: inline-block; width: -webkit-calc(50% - 22px); width: calc(50% - 22px); padding: 10px; cursor: pointer; text-align: center; vertical-align: top; background-color: #e0e5ea;}
.tabs span+span {border-left: 1px solid #dbdbdb;}
.tab:hover {background-color: #d4dbe2;}
.tab+tab:hover {border-top-color: transparent;}
.tab.active {font-weight: 600; position: relative; z-index: 3; width:  -webkit-calc(50% - 19px); width:  calc(50% - 19px); cursor: default; color: #b71c1c; background: #fff;}
.tab.active:before {position: absolute; top: 0; left: -1px; display: block; width: 100%; height: 2px; content: ''; border-right: 1px solid; background-color: #b71c1c;}
.tab + .tab.active:before {left: 0;}
.tab-boxes, .tabs {border: 1px solid #e0e5ea; border-top: 0;}
.tabs {border-bottom: 0;}

.parts-cat {position: relative; z-index: 2; margin-left: -36px; padding-left: 36px;}
.parts-cat:after {position: absolute; z-index: -1; top: 0; display: block; width: -webkit-calc(100% - 36px); width: calc(100% - 36px); height: 100%; content: '';}
.parts-cat li {background: #fff;}
.parts-cat a, .subcat-title {position: relative; display: block; padding: 7px 0 7px 15px; text-decoration: none; color: #000;}

.cat-submenu {display: none;}
.cat-submenu a {padding-left: 15px; background: #edf0f3;}
.subcat-title {padding-left: 15px;}
.subcat-title {cursor: pointer; border: 1px solid #edf0f3; border-bottom: 0; border-top: 0; }
.open .subcat-title {border-color: #6f2e14;}
.cat-submenu a:hover {background: #e0e5ea;}
.cat-submenu a:before, .subcats-list a:before {display: inline-block; width: 10px; margin-top: -4px; padding: 10px 5px; content: ''; vertical-align: middle; background: url('images/arrow-cat.svg') no-repeat left center; background-size: 10px auto;}


.parts-cat > li {position: relative;}
.parts-cat a:hover, .subcat-title:hover  {color: #b71c1c;}
.parts-cat > li:hover > a, .subcat a:hover{background: #edf0f3;}
.subcat-title:hover {background-color: #dfe3e8;}
.parts-cat > li i {font-size: 24px; font-weight: 600; font-style: normal; line-height: 24px; position: absolute; top: 5px; left: -36px; display: block; width: 26px; height: 26px; cursor: pointer; text-align: center; opacity: 0; color: #fff; border-radius: 2px; background: #aabac6;}

.parts-cat:hover > li i, .parts-cat.tablet > li i, .brand_search .parts-cat > li i  {opacity: 1;}
.parts-cat > li i:before {display: block; content: '+';}

.parts-cat li.open > a, .parts-cat li.open i, .parts-cat li.open .subcat-title {opacity: 1; color: #fff; background: #b71c1c;}
.parts-cat > li.open i:before {margin-top: -2px; content: '–';}
.cat-submenu li.active a {background-color: #edf0f3; color: #222; font-weight: 700;}
.cat-submenu li.active a::before {background-image: url('images/arrow-cat-active.svg');}

/*catalog - subcategory*/
.subcat {margin: 15px 0 25px; border-bottom: 0;}
.subcat li, .subcat a, .subcat span {display: block;}
.subcat a, .subcat span {padding: 7px 0 7px 15px; background: #fff;}
.subcat a {text-decoration: none; color: #000;}
.subcat span {color: #fff; background: #222;}

.subcats-list {margin-top: 10px;}
.subcats-list li {margin-bottom: 15px;}
.subcats-list a:before {
    position: absolute;
    left: 0;
    top: 5px;
}

.subcats-list a {
    position: relative;
    padding-left: 15px;
    display: inline-block;
}

/*content*/
.main-content {margin-left: 294px;}
.content-wrap {margin-top: 11px; background-color: #fff;}
.short-desc {margin-bottom: 15px;}
.category-list + .content-wrap.page-text {margin-top: 20px;}

/*latest trucks*/
.latest-trucks {font-size: 0;}
.latest-trucks li {font-size: 15px; display: inline-block; width: -webkit-calc(33.3% - 20px); width: calc(33.3% - 20px); margin-right: 30px; margin-bottom: 42px; vertical-align: top;}
.latest-trucks li:nth-child(3n) {margin-right: 0;}
.latest-trucks a {display: block; text-decoration: none; border: 1px solid #d6d6d6;}
.truck-img {display: block; overflow: hidden; height: 200px;}
.truck-descr {display: block; padding: 15px; background: #fff;}
.truck-date {font-size: 15px; display: block; margin-bottom: 5px; color: #878787;}
.truck-title {font-size: 18px; font-weight: 600; display: block; margin-bottom: 5px; color: #222;}
.truck-year {color: #111;}

/*news*/
.latest-news {font-size: 0;}
.latest-news li {display: inline-block; vertical-align: top; width: -webkit-calc(50% - 13px); width: calc(50% - 13px); margin-right: 26px;}
.latest-news li:nth-child(2n) {margin-right: 0;}
.latest-news a {font-size: 0; display: block; overflow: hidden; padding: 20px; text-decoration: none; color: #000; border: 1px solid #ddd; background: #fff;}
.news-img {display: block; float: left; overflow: hidden; width: 115px; }
.news-wrap {display: block; margin-left: 135px;}
.short-list .news-wrap {margin-left: 0; display: inline-block; vertical-align: middle;}
.news-title {font-size: 18px; font-weight: 600; display: block; margin-bottom: 5px; color: #33578e;}
.news-descr {font-size: 15px; display: block;}

/*subscribe form*/
.subscribe-form {width: -webkit-calc(100% - 40px);width: calc(100% - 40px); margin: 40px 0; padding: 20px; background: #323435;}
.subscribe-form p {font-size: 20px; font-weight: 600; margin-bottom: 5px; text-transform: uppercase; color: #fff;}
.subscribe-form p+p {font-size: 15px; font-weight: 400; margin-bottom: 10px; text-transform: none;}
.subscribe-form > div {display: table; width: 100%;}
.subscribe-form div div {display: table-cell; width: 100%; vertical-align: top;}
.subscribe-form input[type="email"] {width: 100%; padding: 6px; border: 1px solid transparent; border-radius: 2px; background: #fff;}
.subscribe-form input[type="submit"] {margin-left: 20px; border: 1px solid #b71c1c;}

/*content text*/
.content-text {margin-top: 30px; background: #fff;}
.content-text p {line-height: 22px; margin-bottom: 10px;}

footer {padding: 25px 0; color: #efefef; background: #323435;}
footer p, footer span, footer a {opacity: 0.8;}
footer p {margin-bottom: 8px; line-height: 20px;}
footer table {width: 100%;}
footer table td {padding-right: 20px;}
footer table td:last-child {padding-right: 0;}
footer a, footer span {display: block; margin-bottom: 5px; text-decoration: none; color: #fff;}
footer a:hover {color: #fc0;}
.footer-col {display: inline-block; max-width: 230px; vertical-align: top;}
.footer-col:first-of-type {margin-right: 30px; margin-bottom: 20px;}
.f-title {font-weight: 600; margin-bottom: 13px; text-transform: uppercase; opacity: 1;}
.f-truck-list + .f-title {margin-top: 20px;}
.pay-methods {margin: 10px 0;}
.pay-methods p {margin-bottom: 5px;}
.socials a {display: inline-block; width: 32px; margin-right: 7px; opacity: 0.8;}
.socials img {width: 100%;}
.socials a:hover {opacity: 1;}
.city-title {text-transform: uppercase; margin-bottom: 10px; opacity: 1;}
.footer .bottom-line {display: block;}
.copyright {float: left; font-size: 15px;}
.e-link {font-size: 12px; font-size: 11px; line-height: 1.4; position: relative; display: block; padding-left: 35px; text-align: left; text-decoration: none; text-transform: uppercase; opacity: 0.7; color: #fff; float: right; font-weight: 600; margin-top: 10px;}
.e-link:before {position: absolute; top: -1px; left: 0; display: inline-block; width: 30px; height: 30px; content: ''; vertical-align: middle; background: url(images/e-logo-w.svg) no-repeat center center; background-size: contain;}

.popup-dark {position: absolute; z-index: 998; top: 0; display: none; width: 100%; height: 100%; background: rgba(0,0,0,0.7);}
.popup-box {position: absolute; z-index: 999; top: 50px; left: -webkit-calc(50% - 250px); left: calc(50% - 250px); display: none; width: 500px; background: #fff;}
.popup-body {overflow: hidden; padding: 20px;}
.popup-header {position: relative; height: 30px; padding: 10px 20px; background-color: #222d38; font-size: 18px;}
.popup-header p {font-weight: 400; line-height: 28px; width: -webkit-calc(100% - 50px); width: calc(100% - 50px); margin: 0; color: #fff;}
.btn-close {position: absolute; top: 0; right: 0; width: 50px; height: 50px; cursor: pointer; background: url('images/close-pop.svg') center center no-repeat #415263; background-size: 20px;}
.btn-close:hover {opacity: .7;}
.popup-body input[type='text'], .popup-body input[type='email'], .popup-body textarea {display: block; width: 100%; padding: 10px; border: 1px solid #222; border-radius: 2px;}
.popup-body input[type='text']:focus, .popup-body input[type='email']:focus, .popup-body textarea:focus {border-color:#fc0;}
.popup-body textarea {resize: none;}
.popup-body .success, .popup-body .error {display:none;}
.popup-body .row1 {overflow: hidden; margin: 19px 0;}
.popup-body .row1 p {margin-bottom: 10px; text-align: left;}
.popup-body input[type='submit'] {display: block; margin-top: 10px;}
.loader {display:none; margin:40px 0; text-align:center;}
.forphoto {margin-top: 10px;}
.btn_default {background-color: #888;}

/*category - filter*/
.cat-filter {/* float: left; */-moz-box-sizing: border-box;box-sizing: border-box;width: 100%;margin: 25px 0; padding: 10px; background-color: #edf0f3; display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center; align-items: flex-start;}

/* .brand-filter {
    background-color: #edf0f3;
    padding: 10px;
    border-radius: 2px;
} */
.brand-filter .custom-select-wrap  {min-width: 130px;}
.clear-filter-wrap {width: 100%; display: block; margin-top: 5px;}
.clear-filter-wrap .btn {width: auto; display: inline-block;}
[data-apply-filter] {display: inline-block;vertical-align: bottom; }
[data-apply-filter] .btn {padding: 8px 15px; margin-left: 10px;}

.custom-select-wrap {
    display: inline-block;
    vertical-align: bottom;
}

.custom-select-wrap + .custom-select-wrap {
    margin-left: 10px;
}

.brands ul {margin-top: 6px;}
.brands .column {float: left; margin-right: 40px;}
.brands li {position: relative; padding: 1px 0 1px 23px; cursor: pointer; color: #000;}
.brands li label {cursor: pointer;}
.brands li:hover label, .brands li.active label {cursor: pointer; color: #222;}
.brands li input {display: none;}
.brands li label:before {position: absolute; top: 4px; left: 0; display: block; width: 13px; height: 13px; content: ''; border: 1px solid #777; border-radius: 2px; background: #fff;}
/*.brands li:hover:before {background: url(images/checkbox.svg) center center no-repeat #222;background-size: 10px auto;}*/
.brands li label:hover:before {background-color: #cddae6;}
.brands li.active label:hover:before, .brands li.active label:before {border-color: #b71c1c; background: url(images/checkbox.svg) center center no-repeat #b71c1c; background-size: 10px auto;}
.clear-filter {clear:both; margin-top: 10px; padding-left: 18px; text-align:left; color: #e2332b; background: url('images/cross-red.svg') no-repeat left center; background-size: 12px auto;}
.btn.clear-filter:hover {color:#c00; background-color: transparent;}

.brands {float: left;}
.sort-amount, .sort-order  {margin-left: 10px;}
.sort-filter {font-size: 0; float: right;}
.sort-amount, .sort-order {font-size: 15px; display: inline-block;}
.sort-order .likeselect {min-width: 210px;}
.sort-amount .likeselect {min-width: 135px;}

/*items*/
.items {width: 100%; border-collapse: collapse;}
.items tr {background: #fff;}
.items td {padding: 6px; vertical-align: middle; border-bottom: 1px solid #ebebeb;}
.items td a {display: block; text-decoration: none;}
.items .item-title {font-size: 17px; font-weight: 600; display: block; margin-bottom: 5px; color: #222;}
.items a:hover {color: #b71c1c;}
.items .item-pic, .items .item-pic a {width: 70px;}
.items .td-price {width: 140px;}
.items .td-buy {width: 100px; padding-right: 0; text-align: right;}
.items td .oem {font-size: 15px; margin-top: 10px; color: #555;}
.oem, .prod-oem {word-break: break-all;}

.item-price {font-size: 20px; font-weight: 600; margin-bottom: 3px;}

.in-stock span {color: #00a704;}
td .no-stock {color: #999;}
/*item page*/

.item-wrap {font-size: 0; margin-top: 30px;}
.item-photo, .item-info {font-size: 15px; display: inline-block; vertical-align: top;}
.item-photo {width: 300px; margin-top: 7px; margin-right: 40px;}
.item-photo a {display: block;}
.no-photo {display: block; height: 40px; opacity: .7; border:1px solid #dadada; background: url('images/nophoto.svg') no-repeat center center; background-size: 28px auto;}
.item-photo .no-photo {height: 200px; opacity: 0.3; border-width: 2px; background-size: 100px auto;}
.item-info {width: -webkit-calc(100% - 380px);width: calc(100% - 380px);}
.item-info .btn {margin: 10px 0;}
.item-info h1 {margin-bottom: 10px;}
.item-info p {margin-bottom: 5px;}
.item-info table {margin-top: 20px;}
.item-info td {padding: 7px 10px; background: #efefef;}
.item-info td:first-child {padding-right: 20px; color: #555;}
.item-info tr:nth-child(2n) td {background: #fff;}
.item-wrap .item-price {font-size: 24px;}

.page-product__photo-main {display: block;-moz-box-sizing: border-box;box-sizing: border-box;padding: 10px;margin: 5px 5px 0;}
.page-product__photo a {border: 1px solid #ccc;}
.page-product__photo a:hover {border-color: #666;}
.page-product__photo-add  {font-size: 0;}
.page-product__photo-add {font-size: 15px;display: inline-block;-moz-box-sizing: border-box;box-sizing: border-box;width: 33.33%;margin-top: 10px;margin-right: 0;padding: 5px;vertical-align: top;}
.page-product__photo-add a:nth-child(3n) {margin-right: 0;}
.slick .page-product__photo-add a {width: 100%; margin: 0; display: block;}
.page-product__photo-add a {
    padding: 5px;
}

.page-product__photo {
    font-size: 0;
    margin: 0 -5px;
}

.blueimp-gallery a.prev, .blueimp-gallery a.next {padding: 5px; border: 0; background: url(gallery/left-arrow.svg) no-repeat center center; background-size: 44px auto;}
.blueimp-gallery a.next {background-image: url(gallery/right-arrow.svg);}
.blueimp-gallery.blueimp-gallery-controls a.close {padding: 35px; background: url(gallery/close.svg) no-repeat center center; background-size: 27px;}

/*category pages*/
.category-list {margin-top: 20px;}
.category-list li {display: block; padding: 10px; border: 1px solid #dcdcdc; background-color: #fff; overflow: hidden;}
.category-list li:not(:last-child) {border-bottom: 0;}
.category-list a {text-decoration: none;}
.category-list.page-text li {padding: 0; border: 0;}
.category-list.page-text a {display: inline-block;}

/*pagination*/
.pagination {margin-top: 20px;}
.paginator {font-size: 0;}
.paginator li.paginator__item--active, .paginator a {padding: 10px 15px; border-radius: 2px;}
.paginator a {display: block; text-decoration: none;}
.paginator li {font-size: 15px; display: inline-block; margin-right: 1px; vertical-align: top; background-color: #fff;}
.paginator li .paginator__arrow--right, .paginator li .paginator__arrow--left {display: inline-block; width: 15px; height: 22px; padding: 10px 12px; vertical-align: middle; background: url(images/arrow-cat.svg) no-repeat center center; background-size: 15px auto;}
.paginator li .paginator__arrow--left {background-image: url('images/arrow-cat-left.svg');}
.paginator .paginator__item.paginator__item--next a, .paginator .paginator__item.paginator__item--prev a {padding: 0;}
.paginator li:hover {color: #000; background-color: #e0e5ea;}
.paginator li:hover a {color: #000;}
.paginator li.paginator__item--active {color: #fff; background-color: #aabac6;}
.paginator li.paginator__item--active:hover {background-color: #aabac6;}
.paginator__item.paginator__item--ellipsis {padding: 10px 12px;}
.paginator__item.paginator__item--ellipsis:hover {background: #fff;}
/*feedback*/

.feedback-form input[type="text"], .feedback-form textarea, .form-onpage input[type="text"], .form-onpage textarea, .form-onpage input[type="email"] {width: 100%; padding: 10px 20px; border-color: #b0becc;}
.feedback-form input[type="text"]:focus, .feedback-form textarea:focus, .form-onpage input[type="text"]:focus, .form-onpage textarea:focus, .form-onpage input[type="email"]:focus {border-color: #fc0;}
.textbox {margin-bottom: 18px;}
.feedback-form, .form-onpage {-moz-box-sizing: border-box;box-sizing: border-box; width: 80%; margin: 0 auto; margin-top: 30px; padding: 30px; background-color: rgba(101, 168, 179, 0.06); border: 1px solid #e7ebec;}
.feedback-form input[type="text"].form-control {width: 150px;}
.form__capcha {margin: 10px 0;}
.form__label {margin-bottom: 5px;}
.map {margin-top: 20px;}
.form-onpage span {display: inline-block;}
.form-onpage {width: 100%; margin-top: 20px;}
.form-onpage .row1 {margin-bottom: 12px;}

.truck-photo {float: left; overflow: hidden; width: 300px; margin-right: 20px;}
.truck-text {margin-left: 320px;}
.td-buy .btn {display:inline-block;}
.cnt_box a{display:inline;}
/* cart */

.vc_cart {position:fixed; z-index: 100; right:15px; bottom:20px; display:none; width:360px; border:1px solid #b4c3c4; background: #fff;}
.vc_header {font-weight: 600; position:relative; padding:8px 10px; padding-left: 45px; cursor: pointer; color:#000; background:url(images/vc_cart_w.svg) no-repeat 12px center; background-size:20px auto;}
.vc_header:hover {color:#fff; background:url(images/vc_cart_w.svg) no-repeat 12px center #c00; background-size:20px auto;}
.vc_header i {font-style:normal;}
.vc_header .close {display:block; float:right; width:15px; height:14px; margin-top: -3px; cursor:pointer; border-bottom:3px solid #434a4b;}
.vc_header:hover .close {border-color:#fff;}
.vc_body, .vc_form {padding:12px 12px 0; border-top: 1px solid #b4c3c4;}
.vc_form {display: none;}
.vc_body {overflow-x:hidden; overflow-y:auto; max-height:-webkit-calc(100vh - 70px); max-height:calc(100vh - 70px);}
.vc_body .btn, .vc_form .btn {margin:0 0 15px 0;}
.vc_form .btn + .btn {margin:0 0 15px 15px;}
.vc_form input[type="text"], .vc_form input[type="email"], .vc_form .vc_f_check, .vc_form textarea {width: 100%; margin-bottom:10px; padding: 6px 10px; border: 1px solid #999;}
.vc_form input[type="text"]:focus, .vc_form input[type="email"]:focus, .vc_form textarea:focus {border-color: #333;}
.vc_form textarea {margin-bottom: 0;}
.vc_body table {width:100%; border-collapse:collapse;}
.vc_body td {font-size: 14px; padding:5px 4px; text-align:left; vertical-align:top; border-bottom:1px solid #b4c3c4;}
.vc_body td:nth-child(3) {width: 56px; padding-top:7px;}
.vc_body td:last-child {width:10px; padding-top:7px;}
.vc_body tr:last-child td {border:0;}
.delete_it {font-size: 18px; line-height: 15px; display:inline-block; width: 15px; height: 15px; cursor:pointer; text-align: center; vertical-align: middle; color: #fff; background: #c00;}
.delete_it:hover {background: #a30000;}
.vc_cart.vc_hidden {bottom:0; width:220px;}
.vc_cart.vc_hidden .vc_header {color:#fff; background:url(images/vc_cart_w.svg) no-repeat 12px center #c00; background-size: 24px auto;}
.vc_cart.vc_hidden .open {position:absolute; top:0; left:0; display:block; width:100%; height:100%; cursor:pointer;}
.vc_cart.vc_hidden .vc_body, .vc_cart.vc_hidden .vc_header .close, .vc_cart.vc_hidden .vc_form {display:none !important;}
tr.totalprice td {font-size: 15px; font-weight: 600; padding: 10px 5px;}
.vc_form .finish_order, .vc_form .back_to_cart {display: inline-block;}
.vc_f_check label {margin-left:20px; cursor:pointer; color:#111;}
.vc_f_check input {float:left; margin:2px 0 2px 2px;}
.vc_f_check span {font-size:13px; display:block; margin-left: 20px; color:#777;}
.vc_f_title {font-size:17px; color:#111;}
.vc_f_check p {overflow:hidden; margin-bottom:5px;}
#vc_p_ms {margin-top: 10px; padding-top: 10px; border-top: 1px solid #ebebeb;}
.vc_success {display:none; padding:10px 20px; border:1px solid green;}
.vc_form > a {display:none; margin:10px 0 !important;}
.vc_count {text-align:right;}
.vc_body > p {margin-left:10px !important;}
.vc_cart .btn{font-size: 15px; cursor: pointer;}
.vc_cart .btn-primary {display: inline-block; margin-top: 5px; margin-right: 8px; padding: 7px 15px; vertical-align: top; color: #fff; background-color: #b71c1c;}
.vc_cart .btn-default {display: inline-block; margin-top: 5px; padding: 7px 15px; vertical-align: top; color: #fff; background-color: #555;}
.vc_cart .btn-primary:hover, .vc_cart .btn-default:hover  {opacity: 0.8;}
.vc_form .likeselect {margin-bottom: 10px;}
.vc_cart a.btn-primary {display: none;}
.vc_count input {display:inline-block; -moz-box-sizing: inherit; box-sizing: inherit; width:27px; margin-left:2px; padding:3px 4px; text-align:center; border:1px solid #dfe4eb; border-radius:3px;}
.outform {position:absolute; left:-10000px;}
.choose_city span {display: inline-block; margin-left: 25px; cursor: pointer; vertical-align: middle; color: #fff; border-bottom: 1px dotted;}
.choose_city span:first-child {margin-left: 0;}
.choose_city span.active {padding: 3px 10px; border-bottom: 0; background-color: rgba(204,0,0,0.7);}
@media (min-width: 768px){.vc_cart.vc_right_side {top:0; right:0; bottom:auto; height:100vh; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; border:0; box-shadow:-2px 0 4px rgba(0,0,0,.2);}
.vc_cart.vc_right_side .vc_header {font-size:0; position:absolute; top:50%; width:60px; height:60px; margin:-30px 0 0 -60px; padding:0; border-radius:5px 0 0 5px; background:url(images/vc_cart_w.svg) no-repeat 15px center #c00; background-size:30px auto; box-shadow:inset -3px 0 3px rgba(0,0,0,.1);}
.vc_cart.vc_right_side .vc_header i {font-size: 13px; line-height: 24px; position: absolute; width: 24px; height:24px; margin:-13px 0 0 19px; text-align: center; color:#fff; border: 2px solid #fff; border-radius:15px; background:#c00;}
.vc_cart.vc_right_side .vc_header .close {display:none;}
.vc_cart.vc_right_side .vc_body, .vc_cart.vc_right_side  .vc_form {border-top:0;}
.vc_cart.vc_right_side.vc_hidden  {right:-360px; width:360px; box-shadow:none;}}

.btn-order.buyed {background:#f7aa02;}

/* cart */
.item-price span {font-size: 14px; font-weight: 400; color:#999;}

/*no brand*/
.quick-request__nb {margin-top: 20px;}
.quick-request__nb form > div {display: inline-block; vertical-align: bottom;}
.quick-request__nb form .qr-left, .quick-request__nb form .qr-right {-moz-box-sizing: border-box;box-sizing: border-box; width: 50%; margin-bottom: 20px;}
.quick-request__nb input {width: 100%;}
.quick-request__nb form .qr-left {padding-right: 10px;}
.quick-request__nb form .qr-right {padding-left: 10px;}

/*search categories list*/
.search-nav {margin-bottom: 30px;}
.search-nav__item {margin-bottom: 10px; background-color: #fff;}
.search-nav__title {display: block; padding: 7px  15px; color: #fff; background-color: #666;}
.search-nav__inner {border: 1px solid #ccc; border-top: 0;}
.search-nav__inner-link {display: block; padding: 7px  15px; text-decoration: none; background-color: #fff;}
.search-nav__inner-count {font-size: 14px; display: inline-block; color: #000;}
.search-nav__inner-link--active {background-color: #f7edd6;}
.search-nav > li:nth-child(n+6) {display: none;}

.btn-showres {margin: 0 auto; background-color: #aabac6;}
.btn-showres:hover {background-color: #94a3af;}

.btn-clear-filter {display: inline-block; margin-top: 14px; padding: 5px 10px; text-decoration: none; color: #c00; border: 1px solid; border-radius: 2px; background-color: transparent;}
.btn-clear-filter span {font-size: 22px; line-height: 19px; display: inline-block; margin-top: 1px; vertical-align: top;}
.btn-clear-filter:hover {color: #fff; border-color: #c00; background-color: #c00;}
.easy-autocomplete {position:relative;}
.easy-autocomplete-container {position:absolute; z-index:13; display:block; width:100%; background:#fff; box-shadow:0 4px 4px rgba(0,0,0,.1);}
.easy-autocomplete li {display:block;}
.easy-autocomplete li div {display:block; padding:7px 14px; cursor:pointer; border-bottom:1px solid #efefef;}
.easy-autocomplete li:hover div {color:#a12222;}
.easy-autocomplete li:last-child div {border:0;}
.quick-request > form > input {position:absolute; left:-9999px;}
input[type="file"] {display:none;}
span.btn {display:inline-block; cursor:pointer; vertical-align: middle;}
.btn-addphoto {background-color: #899eb3;}
.btn-addphoto:hover {background-color: #6b839a;}
.popup-body input[type="file"] {display:none;}
.popup-body span.btn {display:inline-block; cursor:pointer;}
#recaptcha-addcar {margin-top:20px;}

/*order view*/
.order-details__group {margin: 10px 0; padding: 15px 0 5px; border-top: 1px solid #ebebeb;}
.order-details__list {margin-bottom: 5px;}
.order-details__item {display: inline-block; vertical-align: top;}
.order-details__item--title {font-weight: 600; width: 170px;}
.order-cart, .cart-summary__total {padding: 15px 0; border-top: 1px solid #ebebeb;}
.cart-summary {margin: 10px 0;}
.cart-summary__total {margin-top: 20px;}
.cart-summary__total-price, .cart-price__main.cart-price__main--small  {font-weight: 600;}
.cart-price__main.cart-price__main--small {text-align: right;}
.cart-summary__total-value {font-size: 20px;}
.cart-summary__items {display: table; width: 100%;}
.cart-summary__row {display: table-row;}
.cart-summary__cell {display: table-cell; vertical-align: top;}
.order-cart {margin: 10px 0;}

/*zapchasti (brands)*/
.zapchasti {font-size: 0; margin: 30px 0 0 -20px;}
.zapchasti li {font-size: 16px; display: inline-block; -moz-box-sizing: border-box; box-sizing: border-box; width: 25%;margin-bottom: 30px; padding-left: 20px; text-align: center; vertical-align: top;}
.zapchasti .truck-logo {margin-bottom: 10px; padding: 10px; border: 1px solid #dadada;}
.zapchasti a:hover .truck-logo {border-color: #b71c1c;}
.zapchasti a, .zapchasti span {display: block; text-decoration: none;}

/*4 blocks main*/
.main-blocks {font-size: 0; margin: 0 -10px; margin-bottom: 40px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
.main-blocks > div {display: inline-block; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; vertical-align: top; font-size: 16px; width: 25%; padding: 0 10px; -moz-box-sizing: border-box; box-sizing: border-box;}
.main-blocks a {width: 100%; display: block; border: 1px solid #ccc; padding: 20px 10px; text-align: center;}
.main-blocks a:hover {        box-shadow: 0 0 3px rgba(0,0,0,0.19);}
.main-blocks a span {display: block; height: 150px; margin-bottom: 15px;}
.main-blocks img {max-height: 100%; max-width: 100%;}

.brand_search .parts-cat {margin-bottom: 20px; }
.brand_search .parts-cat > li:last-child {border-bottom: 1px solid #edf0f3}
.brand_search .section-title {padding: 5px 20px; background-color: #222; color: #fff; margin-bottom: 0;}
.a_show_all {display: block; text-decoration: none; padding: 5px 10px; text-align: center; background-color: #9aa5b1; margin-bottom: 10px; border-radius: 2px; color: #fff;}
.a_show_all:hover {color: #fff; opacity: .85;}
.privacy-policy, .quick-request .privacy-policy {color: #777; margin: 15px 0; font-size: 12px; line-height: 1.2; text-transform: none;}
.privacy-policy a {color: #007cc3;}
.quick-request .privacy-policy {margin-bottom: 0;}
.quick-request .privacy-policy a {color: #804c4c;}

.error-page {text-align: center; margin-top: 40px;}
.error-page__img {margin-bottom: 20px;}
.error-page .btn {display: inline-block; margin-top: 20px;}

.attention {font-size: 16px;font-weight: 600; padding: 10px; text-align: center; background-color: #ffe393; }

[class*='e-icon']::before { display: inline-block; width: 22px; height: 22px; content: ''; vertical-align: middle; background-repeat: no-repeat; background-position: center center; background-size: contain; }
[class*='e-icon'].e-icon-single::before { margin-right: 0; }
[class*='e-icon'] span { display: inline-block; vertical-align: middle; margin-left: 6px; }
.e-icon-vk::before{background-image:url('images/vk.svg'); margin-top: 2px;}
.e-icon-settings::before{background-image:url('images/settings.svg'); margin-top: 2px; width: 16px; height: 16px;}
.category-count {color: #555; margin: 10px 0;}

.input-search-filter {
    padding: 6px 10px 6px 30px;
    font-size: 15px;
    background: url(images/search.svg) no-repeat left 10px center / 16px auto #fff ;
    min-width: 170px;
    border-color: #696c6e;
}
.sort-filter.flex {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    width: 100%;
    flex-wrap: wrap;
}
.btn-callback-fixed {
    position: fixed;
    width: 60px;
    height: 60px;
    background-color: #0bbb8a;
    display: block;
    bottom: 70px;
    right: 40px;
    border-radius: 50%;
    border: 0;
    animation: ripple 10s linear infinite;
}
.svg-phone {width: 35px; animation: scale 10s infinite normal;  }

@keyframes scale {
    0%, 10%, 20% {  transform: scale(1); }
    5%, 15% { transform: scale(1.05); }
}

@keyframes ripple {
    0%, 20% {
        box-shadow:
        0 0 0 0 rgba(72, 233, 166, 0.3),
        0 0 0 .5em  rgba(72, 233, 166, 0.3),
        0 0 0 1em  rgba(72, 233, 166, 0.3),
        0 0 0 2em rgba(72, 233, 166, 0.3);
    }
    10%, 30% {
        box-shadow:
        0 0 0 .5em  rgba(72, 233, 166, 0.3),
        0 0 0 1em  rgba(72, 233, 166, 0.3),
        0 0 0 2em  rgba(72, 233, 166, 0.3),
        0 0 0 4em rgba(72, 233, 166, 0);
    }
    35% {box-shadow: none}
}