Add Css Custom Here*/

/*====== Fix bugs Megamenu not showing icon font (26/1/2018) =====*/
@media (min-width: 992px){
	.menu-vertical .container-megamenu.vertical .vertical-wrapper ul.megamenu > li > a {  line-height: 24px; height: auto;}
	.menu-vertical .container-megamenu.vertical .vertical-wrapper ul.megamenu > li > a i,
	.menu-vertical .container-megamenu.vertical .vertical-wrapper ul.megamenu > li > a b {
	    display: inline-block;
	}
	.menu-vertical .container-megamenu.vertical .vertical-wrapper ul.megamenu > li.with-sub-menu > a:before{display: none;}
	.menu-vertical .container-megamenu.vertical .vertical-wrapper ul.megamenu > li > a img{position: static; transform: inherit;}

}


.product-autopart-product .search-boxes,
.product-autopart-category .search-boxes {
	width:100%;
}

.product-autopart-product .search-button,
.product-autopart-category .search-button {
	width: 100% !important;
}
.product-autopart-product .search-button button, 
.product-autopart-category .search-button button {
    width: 100% !important;
    font-size: 16px;
    font-weight: 500;
    background-color: #ff2d37 !important;
    border-radius: 5px;
    height: 50px;
    line-height: 50px;
    margin: 40px 0 50px 0;
}




.autoparts_category ul.level1 {
    display: none;
    padding: 0;
    list-style: none;
    position: relative;
    z-index: 3;
    color: #000;
	margin-left: -32px !important;
	margin-top: 7px;
}
.autoparts_category ul.level2 {
    display: none;
    padding: 0;
    list-style: none;
    position: relative;
    z-index: 3;
    color: #000;
}
.autoparts_category ul.level3 {
    display: none;
    padding: 0;
    list-style: none;
    position: relative;
    z-index: 3;
    color: #000;
}

ul.autoparts_category li span.fa-minus::before {
    content: "\f068";
    display: block;
    position: absolute;
    width: 16px;
    height: 20px;
    left: -30px;
    top: 6px;
    color: #000;
    background-size: 20px;
    font-size: 15px;
    cursor: pointer;
}
ul.autoparts_category li span.fa-plus::before {
    content: "\f067";
    display: block;
    position: absolute;
    width: 16px;
    height: 20px;
    left: -30px;
    top: 15px;
    color: #000;
    background-size: 20px;
    font-size: 15px;
    cursor: pointer;
}


.autoparts_category.level0 li {
    background-color: #aaa !important;
    font-size: 20px!important;
	color:#fff;
    margin-bottom: 5px;
	padding: 7px;
	
}

.autoparts_category.level0 li a{
	color:#fff;
}

.autoparts_category.level1 li {
    background-color: #fff !important;
    font-size: 20px!important;
    margin-bottom: 5px;
	padding: 7px;
}

.autoparts_category.level1 li a{
	color:#aaa;
}



.refine-search__content .refine-search__subitem {
    /*width: 220px !important;*/
    float: left;
    margin-bottom: 15px;
    margin-right: 15px;
}
.so_advanced_search {
	display:none;
}


.refine-search__content {
/*    display: grid;
    overflow: hidden;
    grid-template-columns: repeat(8, 1fr);
    grid-auto-rows: 1fr;
    max-width: 100%;*/
    display: flex;
    flex-wrap: wrap;
}



ul.breadcrumb {
    margin-bottom: 0 !important;
}
ul.breadcrumb .container li:last-child {
    display: none;
}

@media (min-width: 1400px){
    .common-home.layout-10 .so-page-builder .container-fluid {
        padding: 0 75px;
    }
}

.row-style {
    margin-bottom: 50px;
}
.col-style {
    padding: 0 5px !important;
}
.banners2 {
    margin: 0 !important;
}
.banners1 .bn2 {
    margin-top: 10px !important;
}
.deals-layout10 {
    margin-top: 40px;
}

.deals-layout10 .so-deal .products-list .product-layout .product-item-container .deal-left{
    width: 40% !important;
    padding-right: 0 !important;
}
.deals-layout10 .so-deal .products-list .product-layout .product-item-container .deal-right {
    margin-left: 40% !important;
}

.typefooter-10 .footer-bottom {
    background-color: #6d6e70 !important;
}
.typefooter-10 .footer-bottom .copyright {
    color: #fff !important;
}

@media(min-width: 992px){
    .layout-10.common-home #content  .col-left {
        width: 49.5%;
    }
    .layout-10.common-home #content .col-center {
        width: 18.5%;
    }
    .layout-10.common-home #content  .col-right {
        width: 31.95%;
    }
}

.refine-search a {
    color: #282828 !important;
    display: block !important;
    font-weight: bold !important;
    font-size: 16px !important;
}
.refine-search__content .refine-search__subitem {
    width: 180px !important;
}

.typefooter-10 .footer-bottom .container {
    padding: 0 65px !important;
    width: 100% !important;
}






/* footer on the bottom */
body > #wrapper {
    position: relative;
    min-height: 100vh;
}
footer {
    position: absolute;
    bottom: 0;
    width: 100%;
}

/* ==================== */

/* centering listing */
.title-category, ul.breadcrumb {
    text-align: center;
}
.refine-search__content {
    justify-content: center;
}
/* ================= */


/* modtitle */
.layout-10.common-home #content .module h3.modtitle span {
    padding: 0px !important;
}
.layout-10.common-home #content .module h3.modtitle span:before {
    display: none;
}



/*autopart categories*/
/*.cat-wrap.theme3 {
    display: grid !important;
    overflow: hidden !important;
    grid-template-columns: repeat(10, 1fr);
    grid-auto-rows: 1fr;
    max-width: 100%;
}
@media (max-width: 1024px){
    .cat-wrap.theme3 {
          grid-template-columns: repeat(5, 1fr) !important;
    }
}
@media (max-width: 768px){
    .cat-wrap.theme3 {
          grid-template-columns: repeat(2, 1fr) !important;
    }
}*/

.child-cat {
    overflow: auto !important;
    max-height: 300px !important;
    padding-left: 10px;
    text-align: left;
}
.slider-cates.so-categories .cat-wrap .content-box .cat-title a {
        min-height: 66px;
}
.slider-cates.so-categories .cat-wrap .content-box .child-cat .child-cat-title a {
    padding-left: 0 !important;
    line-height: 20px !important;
}
.so-categories .cat-wrap .content-box .child-cat .child-cat-title{
    padding-bottom: 10px !important;
}
.slider-cates.so-categories .cat-wrap .content-box .child-cat .child-cat-title:nth-child(2){
    padding-top: 10px !important;
}
.slider-cates.so-categories .cat-wrap .content-box .child-cat .child-cat-title a:before {
    display:none;
}
.slider-cates.so-categories .cat-wrap .content-box .image-cat img {
    height: 200px;
    width: auto;
    margin: auto;
}
.slider-cates10.so-categories .modcontent {
    margin-top: 0 !important;
}
.slider-cates.so-categories .cat-wrap.theme3 .content-layout {
    margin: 10px;
}

@media (max-width: 550px){
    /* modtitle */
    .slider-cates .modtitle {
        text-align: center;
    }
    .layout-9.common-home #content .module h3.modtitle span:before {
        display: none;
    }
    .layout-9.common-home #content .module h3.modtitle span {
        padding:0 !important;
    }
    
    
    .col-autopart-cats, .slider-cates, .slider-cates .modcontent{
        padding:0 !important;
    }
}
@media (max-width: 450px){
    .child-cat {
        padding-left: 5px !important;
    }
    .slider-cates.so-categories .cat-wrap .content-box .image-cat img {
        height: 150px !important;
    }
    .slider-cates.so-categories .cat-wrap .content-box .child-cat .child-cat-title a {
        font-size: 13px !important;
    }
    .slider-cates.so-categories .cat-wrap .content-box .cat-title a {
        padding: 5px 2px !important;
        min-height: 50px !important;
        font-size: 13px !important;
    }
    .slider-cates.so-categories .cat-wrap.theme3 .content-layout {
        margin: 2px !important;
    }
}
.slider-cates10.so-categories .cat-wrap {
    padding: 0px !important;
}


/*.slider-cates10.so-categories .cat-wrap .content-box {
    max-width: 150px !important;
    height: 100%;
    padding: 5px !important;
    margin: 0 auto !important;
    text-align: center;
    background-color: #ff2d37 !important;
    transition: 0.2s;
}*/
.slider-cates10.so-categories .cat-wrap .content-box {
    background-color: transparent !important;
}
.slider-cates10.so-categories  {
    margin: 10px 0px 10px 0px !important;
}
.slider-cates10.so-categories .owl2-stage-outer {
    background: #f5f5f5;
}
.slider-cates10.so-categories .item {
    text-align: center;
    padding: 13px 0 !important;
    border: 1px solid transparent ;
    border-color: #2b4954;
    border-radius: 3px ;
    margin: 2px;
    transition: 1s ease-out;
}
.slider-cates10.so-categories .item:hover {
    cursor: pointer;
    background: #bac0cb;
}
.slider-cates10.so-categories .cat-wrap .content-box .image-cat img {
    max-height: 55px;
    width: auto;
    margin: auto;
}
.slider-cates10.so-categories .cat-wrap .content-box .cat-title {
    margin-bottom: 0px !important;
}
.slider-cates10.so-categories .cat-wrap .content-box .cat-title a {
    text-transform: uppercase !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    font-family: sans-serif !important;
    color: #00102a !important;
}

.slider-cates10.so-categories .owl2-carousel .owl2-stage {
    display: flex;
    align-items: stretch;
}

/*.so-categories.preset01-4 .cat-wrap .content-box:hover {
    background-color: #cb171f !important;
}
.so-categories.preset01-4 .cat-wrap .content-box:hover img {
    transform: scale(1.05);
}
*/
/*=================================*/


/* menu */
.common-home .typeheader-10:not(.navbar-compact) .header-bottom {
    display: none;
}


.typeheader-10 .container-megamenu.horizontal ul.megamenu > li {
    margin: 0 15px 0 0 !important;
}
.typeheader-10 .container-megamenu.horizontal ul.megamenu > li > a {
    padding: 3px 0 !important;
}

.typeheader-10 .search-header-w {
    max-width: 700px;
    width: initial !important;
}
.typeheader-10 #sosearchpro .search input.form-control {
    height: 36px !important;
    border-radius: 5px !important;
}
.typeheader-10 #sosearchpro .search {
    border: 1px #e5e5e5 solid !important;
    border-radius:  7px !important;
}
.typeheader-10 #sosearchpro .search button {
    width: 48px !important;
    top: 0 !important;
    right: 0 !important;
    border-radius: 0 !important;
    border-top-right-radius: 7px !important;
    border-bottom-right-radius: 7px !important;
    background-color : #282828 !important
}
.typeheader-10 #sosearchpro .search input.form-control {
    font-size: 24px !important;
    color: #282828 !important;
}

.typeheader-10 .middle-left .logo img {
    max-height: 70px;
}
.typeheader-10 .middle-right-w {
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.typeheader-10 .header-bottom {
    border: none !important;
}
.typeheader-10 .header-middle {
    padding: 3px 0px !important;
    background: #2b4954;
}
.typeheader-10 .header-top {
    background-color: #00102a !important;
}

.megamenu-style-dev {
    display: flex;
    justify-content: center;
}

 .typeheader-10 .container-megamenu.horizontal ul.megamenu > li.home > a {
    background-color: transparent;
    color: #ff2d37;
}
/* ================= */



/* filter shop by */
.module.so_filter_wrap.filter-horizontal .so-filter-content-opts-container .opt-select[data-type="manufacturer"] {
    display: inline-block;
    margin-right: 20px !important;
}
.module.so_filter_wrap.filter-horizontal .modcontent ul li.so-filter-options .so-filter-content-opts .so-filter-content-opts-container .opt-select ~ .opt-select[data-type="manufacturer"] {
    border: none !important;
}
#content .filter-horizontal .modcontent {
    border: none !important;
}
#content .filter-horizontal li.so-filter-options .so-filter-heading {
    display: none !important;
}
#content .filter-horizontal ul {
    border: none !important;
}
#content .filter-horizontal {
    margin-bottom: 0 !important;
}
#content .filter-horizontal .so-filter-content-opts-container {
    padding: 0 !important;
}

.module.so_filter_wrap .modcontent ul li.so-filter-options .so-filter-content-opts .so-filter-content-opts-container .so-option-container label {
    margin-bottom: 0;
    font-size: 16px !important;
    margin-right: 3px;
}

/* ==================== */





/* product listing */
.product-layout.product-table .right-block > .price, .product-layout.product-list .right-block > .price {
    display: none !important;
}

.products-list .product-table .right-block h4 {
    width: initial !important;
}

.products-list .product-table .right-block .product-info {
    width: 35%;
}

.price, .price .price-new {
    font-size: 32px !important;
    font-weight: 600 !important;
    letter-spacing: -2px;
    color: #282828 !important;
    margin: 0 0 5px 0 !important;
}

.product-layout.product-table .right-block > .price, .product-layout.product-list .right-block > .price {
  display: none !important;
}

.products-list .product-table .right-block h4 {
  width: initial !important;
}

.products-list .product-table .right-block .product-info {
  width: 50%;
}

.products-list .product-table .product-item-container {
    margin-bottom: 5px;
    border-bottom: 1px solid #dbdbdb !important;
    border-radius: 5px;
    box-shadow: 0px 0px 10px 0px #dbdbdb;
}
.products-list .product-table .right-block > *, .products-list .product-table .product-item-container > :last-child {
  border-left: none !important;
}

.products-list .product-table .right-block .description {
    width: 50% !important;
    justify-content: normal;
    margin: 10px 0px;
    border: 1px solid #ddd !important;
    background-color: #f8f8f8;
    border-radius: 5px;
    height: 100px;
    overflow: auto;
}

.products-list .product-table .list-block .addToCart{
  width: 50% !important;
  margin: 0 auto 5px !important; 
  padding: 5px 10px !important;
}
.products-list .product-table .list-block .addToCart {
    text-transform: uppercase;
    display: block;
    width: 100%;
    margin-bottom: 10px;
    padding: 5px 10px;
    background: #495057;
    color: #fff;
    border-radius: 3px;
    
    border: none;
    background: #ec1313;
    border-color: #ec1313;
}

.products-list  .product-item-container .left-block .product-image-container {
  height: 120px;
}
.products-list  .product-item-container .left-block .product-image-container img {
  max-height: 100px;
  width: auto !important;
  margin: auto;
  display: block;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}


.products-list .product-list .product-item-container {
  width: 100%;
}
.products-list .product-list .product-item-container .list-block .addToCart, .products-list .product-list .product-item-container .list-block .btn-button {
  float: none !important;
}
.products-list .product-list .product-item-container .list-block .btn-button {
  border-width: 0px !important;
}

.products-list .product-layout.product-table .product-item-container .manufacturer-image {
  width: 130px;
  white-space: nowrap;
}

.products-list .product-table .right-block a.product-name {
  font-size: 18px;
  color: #282828;
}
.products-list .product-table .right-block h4.product-code {
  font-size: 16px;
  color: #282828;
}
.label-stock {
  position: static !important;
}
/* ==================== */


.product-filter-top {
    display: none;
}
.products-category .form-group.category-info, .title-category {
    margin-bottom:  3px !important;
}

/* ==================== */

/*.slider-cates10.so-categories {
	height:122px;
	overflow:hidden !important;
}
.so-categories .owl2-item { 
	width:179px !important;
}*/

.slider-cates10.so-categories .cat-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.slider-cates10.so-categories .item {
    width: calc(12.5% - 4px);
}
@media (max-width: 1200px){
    .slider-cates10.so-categories .item {
        width: calc(20% - 4px);
    }
}
@media (max-width: 768px){
    .slider-cates10.so-categories .item {
        width: calc(25% - 4px);
    }
}
@media (max-width: 475px){
    .slider-cates10.so-categories .item {
        width: calc(33.3% - 4px);
    }
}


@media (max-width: 1400px){
    .common-home .row-style{
        margin-left: -5px !important;
        margin-right: -5px !important;
    }
}

@media (min-width: 1400px){
	.common-home #content {
		margin-bottom: 0px;
		min-height: 1100px;
	}
	.product-listing {
		min-height: 1100px;
	}
}