.logo__image img{height:70px;}
.mobile-header__logo img{width:220px;}
.widget-posts__image img{width:70px;}
.post-view__item-post{max-width:100%;}
.post-header__body{max-width:90%}
.comment__avatar{width:64px;}
.products-list[data-layout="table"] .product-card .product-card__prices{align-items:flex-start;min-width:150px;}
.block-header__title{font-size:1.75rem;margin:unset;}
.typography h2{font-size:20px;}
.block-finder__body_page h1{font-size:24px;}
.block-finder-page{height:250px;padding-top:0px;}
.list-group-custom{width:100%;display: inline;font-size: 0.9em;}
.list-group-item-50{width:50%;float:left;}
.list-group-item-50:hover{color:#cb1818;}
.list-group-item span{font-size:12px;}
.block-brands--layout--columns-8-full .block-brands__item{width: calc((100% - 8px) / 12);}
.filter-list__list{max-height: 200px; overflow-y: auto;}
.products-view-loading{opacity: 0.5!important;}
.f-size-11{font-size:11px;}
.f-size-12{font-size:12px;}
.f-size-14{font-size:14px;}
.f-size-16{font-size:16px;}
.color-red{color:#e52727!important;}
.product-card__price--old {font-size:14px; margin-left:10px;font-weight: 400; text-decoration: line-through; color: #999;}
.vehicles-list__body{max-height:250px;overflow-y:auto;}



@media (max-width: 991.98px){
.block-finder-page{height:400px;padding-top:0px;}
.list-group-custom{font-size: 1.1em;}
.list-group-item-50{width:100%;}
.block-header__title{font-size:1.15rem;margin:unset;}
.products-list[data-layout="list"] .product-card .product-card__image .image{width:100%;}
}



.sorter{margin-top:10px;padding:5px;}
.sorter .short-by {
	float: right;
	margin: 0;
	padding-left: 12px
}
.sorter .short-by.page {
	margin: 0;
	padding-left: 0;
	margin-bottom: 10px;
}
.toolbar label {
	color: #777;
	font-size: 14px;
	font-weight: 300;
	line-height: 30px;
	text-transform: capitalize;
	margin-bottom: 0px;
}
.sorter .short-by select {
	border: 0 none;
	display: inline-block;
	font-size: 14px;
	height: 30px;
	margin: 0;
	padding: 0 14px;
	vertical-align: middle;
	width: 110px;
	border: 1px #e8e8e8 solid;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-position: right center;
	background-image: url(../../../../assets/frontend/automag/img/arrow-d.png);
	background-repeat: no-repeat;
	position: right 10px center;
	padding-right: 28px;
	text-indent: 0.01px;
	text-overflow: '';
	cursor: pointer;
	border-radius: 3px;
}
.sorter .short-by.page select {
	width: 65px
}

.sorter .short-by.way select {
	width: 75px
}


/*.card{padding:0px!important;}
.card-body{padding:15px;}
*/
.p10{padding:10px!important;}

.panel-header-comment{height:35px;padding:5px 12px!important}
.panel-comment-parent:after,.panel-comment-parent:before{
	position:absolute;
	top:11px;left:-17px;
	right:100%;
	width:0;
	height:0;
	display:block;
	content:" ";
	border-color:transparent;
	border-style:solid solid outset;
	pointer-events:none;
}
.panel-comment-parent:after{
	border-width:7px;
	border-right-color:#f7f7f7;
	margin-top:1px;
	margin-left:2px;
}
.panel-comment-parent:before{
	border-right-color:#ddd;
	border-width:8px;
}

.panel-comment {
	position:relative;
}
.panel-comment:after,.panel-comment:before{
	position:absolute;
	top:11px;left:-16px;
	right:100%;
	width:0;
	height:0;
	display:block;
	content:" ";
	border-color:transparent;
	border-style:solid solid outset;
	pointer-events:none;
}
.panel-comment:after{
	border-width:7px;
	border-right-color:#f7f7f7;
	margin-top:1px;
	margin-left:2px;
}
.panel-comment:before{
	border-right-color:#ddd;
	border-width:8px;
}
#review_form_query{margin:10px 0px!important;} 


.progress {
  height: 20px;
  margin-bottom: 11.7px;
  overflow: hidden;
  background-color: #f5f5f5;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
          box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
}
.progress-bar {
  float: left;
  width: 0;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background-color: #337ab7;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
          box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
  -webkit-transition: width .6s ease;
       -o-transition: width .6s ease;
          transition: width .6s ease;
}
.progress-striped .progress-bar,
.progress-bar-striped {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  -webkit-background-size: 40px 40px;
          background-size: 40px 40px;
}
.progress.active .progress-bar,
.progress-bar.active {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
       -o-animation: progress-bar-stripes 2s linear infinite;
          animation: progress-bar-stripes 2s linear infinite;
}
.progress-bar-success {
  background-color: #5cb85c;
}
.progress-striped .progress-bar-success {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}
.progress-bar-info {
  background-color: #5bc0de;
}
.progress-striped .progress-bar-info {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}
.progress-bar-warning {
  background-color: #ec008c;
}
.progress-striped .progress-bar-warning {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}
.progress-bar-danger {
  background-color: #d9534f;
}
.progress-striped .progress-bar-danger {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}
 
 
 /*!
 * @copyright © Kartik Visweswaran, Krajee.com, 2013 - 2016
 * @version 4.0.1
 *
 * A simple yet powerful JQuery star rating plugin that allows rendering fractional star ratings and supports
 * Right to Left (RTL) input.
 *
 * For more JQuery/Bootstrap plugins and demos visit http://plugins.krajee.com
 * For more Yii related demos visit http://demos.krajee.com
 */
.rating-loading {
    width: 25px;
    height: 25px;
    font-size: 0;
    color: #fff;
    background: transparent url('../../../../assets/frontend/erzmotor/img/loading.gif') top left no-repeat;
    border: none;
}

/*
 * Stars
 */
.rating-container .rating {
    cursor: default;
    position: relative;
    vertical-align: middle;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    width:200px;
}

.rating-disabled .rating {
    cursor: not-allowed;
}

.rating-container .star {
    display: inline-block;
    margin: 0 3px;
    text-align: center;
    width:30px;
    height:30px;
}

.rating-container .empty-stars {
    color: #aaa;
}

.rating-container .filled-stars {
    position: absolute;
    left: 0;
    top: 0;
    margin: auto;
    color: #fde16d;
    white-space: nowrap;
    overflow: hidden;
    -webkit-text-stroke: 1px #777;
    text-shadow: 1px 1px #999;
}

.rating-rtl {
    float: right;
}

.rating-animate .filled-stars {
    transition: width 0.25s ease;
    -o-transition: width 0.25s ease;
    -moz-transition: width 0.25s ease;
    -webkit-transition: width 0.25s ease;
}

.rating-rtl .filled-stars {
    left: auto;
    right: 0;
    -moz-transform: matrix(-1, 0, 0, 1, 0, 0) translate3d(0, 0, 0);
    -webkit-transform: matrix(-1, 0, 0, 1, 0, 0) translate3d(0, 0, 0);
    -o-transform: matrix(-1, 0, 0, 1, 0, 0) translate3d(0, 0, 0);
    transform: matrix(-1, 0, 0, 1, 0, 0) translate3d(0, 0, 0);
}

.rating-rtl.is-star .filled-stars {
    right: 0.06em;
}

.rating-rtl.is-heart .empty-stars {
    margin-right: 0.07em;
}

/**
 * Sizes
 */
.rating-xl {
    font-size: 4.89em;
}

.rating-lg {
    font-size: 3.91em;
}

.rating-md {
    font-size: 3.13em;
}

.rating-sm {
    font-size: 2.5em;
}

.rating-xs {
    font-size: 2em;
}

.rating-xl {
    font-size: 4.89em;
}

/**
 * Clear
 */
.rating-container .clear-rating {
    color: #aaa;
    cursor: not-allowed;
    display: inline-block;
    vertical-align: middle;
    font-size: 60%;
}

.clear-rating-active {
    cursor: pointer !important;
}

.clear-rating-active:hover {
    color: #843534;
}

.rating-container .clear-rating {
    padding-right: 5px;
}

/**
 * Caption
 */
.rating-container .caption {
    color: #999;
    display: inline-block;
    vertical-align: middle;
    font-size: 60%;
    margin-top: -0.1em;
}

.rating-container .caption {
    margin-left: 5px;
    margin-right: 0;
}

.rating-rtl .caption {
    margin-right: 5px;
    margin-left: 0;
}

/**
 * Print
 */
@media print {
    .rating-container .clear-rating {
        display: none;
    }
}

.ratings-container{
    display:flex;
    align-items:center;
    margin-left:1px;
    line-height:1.1;
    margin-bottom:1.2rem;
    font-size:11px;
    letter-spacing:.2em
}
.ratings-full{
    cursor:pointer
}
.ratings-full,.ratings{
    position:relative;
    font-family:'riode'
}
.ratings-full+.rating-reviews{
    margin-left:1rem
}
.ratings-full::before{
    content:"\e955 " "\e955 " "\e955 " "\e955 " "\e955";
    color:#ec008c;
    font-family:'riode'
}
.ratings-full:hover .tooltiptext{
    visibility:visible;
    opacity:1
}
.ratings{
    position:absolute;
    top:0;
    left:0;
    white-space:nowrap;
    overflow:hidden
}
.ratings::before{
    content:"\e955 " "\e955 " "\e955 " "\e955 " "\e955";
    color:#ec008c;
    font-family:'riode'
}
.rating-reviews{
    margin:2px 0;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    font-size:1.1rem;
    color:#aaa;
    letter-spacing:0;
    text-transform:capitalize
}
.rating-reviews:hover{
    color:#ec008c
}

.badge {
  display: inline-block;
  padding: 0.25em 0.4em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .badge {
    transition: none;
  }
}

a.badge:hover, a.badge:focus {
  text-decoration: none;
}

.badge:empty {
  display: none;
}

.btn .badge {
  position: relative;
  top: -1px;
}

.badge-pill {
  padding-right: 0.6em;
  padding-left: 0.6em;
  border-radius: 10rem;
}

.badge-primary {
  color: #fff;
  background-color: #007bff;
}

a.badge-primary:hover, a.badge-primary:focus {
  color: #fff;
  background-color: #0062cc;
}

a.badge-primary:focus, a.badge-primary.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.badge-secondary {
  color: #fff;
  background-color: #6c757d;
}

a.badge-secondary:hover, a.badge-secondary:focus {
  color: #fff;
  background-color: #545b62;
}

a.badge-secondary:focus, a.badge-secondary.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.badge-success {
  color: #fff;
  background-color: #28a745;
}

a.badge-success:hover, a.badge-success:focus {
  color: #fff;
  background-color: #1e7e34;
}

a.badge-success:focus, a.badge-success.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.badge-info {
  color: #fff;
  background-color: #17a2b8;
}

a.badge-info:hover, a.badge-info:focus {
  color: #fff;
  background-color: #117a8b;
}

a.badge-info:focus, a.badge-info.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.badge-warning {
  color: #212529;
  background-color: #ffc107;
}

a.badge-warning:hover, a.badge-warning:focus {
  color: #212529;
  background-color: #d39e00;
}

a.badge-warning:focus, a.badge-warning.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.badge-danger {
  color: #fff;
  background-color: #dc3545;
}

a.badge-danger:hover, a.badge-danger:focus {
  color: #fff;
  background-color: #bd2130;
}

a.badge-danger:focus, a.badge-danger.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.badge-light {
  color: #212529;
  background-color: #f8f9fa;
}

a.badge-light:hover, a.badge-light:focus {
  color: #212529;
  background-color: #dae0e5;
}

a.badge-light:focus, a.badge-light.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.badge-dark {
  color: #fff;
  background-color: #343a40;
}

a.badge-dark:hover, a.badge-dark:focus {
  color: #fff;
  background-color: #1d2124;
}

a.badge-dark:focus, a.badge-dark.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

 
.border-red{border:#ff0000 1px solid!important;color:#000;}
#alert-update{position: fixed; top: 60px; right: 10px;min-width: 10%; z-index: 9999;}
/*.select2-container{width:100%!important;z-index:4001 !important;}
.select2-container .select2-selection--single{height:33px!important;border:1px solid #ccc!important;}
*/
.add_to_cart{font-size:20px;}
.payment-method ul{margin-bottom:0px;}
.validation-advice-ajax{color:red;font-size:12px;}
.img-loading{margin:0px auto; display:block;margin-bottom:20px; }
.payment_box{ position: relative;  box-sizing: border-box;  width: 100%; padding: 1em; margin: 1em 0;  font-size: .92em;  border-radius: 2px;line-height: 1.5; background-color: #ebebeb; color: #515151; }
.payment_box:before { content: ""; display: block; border: 1em solid #ebebeb; border-right-color: transparent; border-left-color: transparent; border-top-color: transparent; position: absolute; top: -.75em; left: 0; margin: -1em 0 0 2em;}
.payment_box p{margin:0px!important;} 
.prod-list h3 i{font-size:1.2em;} 
.bs-canvas-close span i{cursor:pointer;}
.c-pointer {cursor:pointer;}
.fsize18rem{font-size:1.8rem!important;margin-top:20px!important;}
.mt20{margin-top:20px!important;}
.p1rem{padding:1rem;}
.p2rem{padding:2rem;}
.p3rem{padding:3rem;}
#product-tab-reviews .ratings-container{font-size:30px;display:inline-block!important;}

.avatar-circle {width: 60px;height: 60px; text-align: center;  border-radius: 50%; -webkit-border-radius: 50%;   moz-border-radius: 50%; margin:0px auto; }
.avatar-circle img{border-radius: 50%; -webkit-border-radius: 50%;   moz-border-radius: 50%; margin:0px auto; }
.initials { position: relative;  top: 8px; /* 25% of parent */   font-size: 35px; /* 50% of parent */  line-height: 50px; /* 50% of parent */   color: #fff;  font-family: "Courier New", monospace;  font-weight: bold; }
.hide{display:none!important;}
.progress-xs{height: 15px!important;margin-top: 7px!important;margin-bottom: 0px!important;}
.h135{height:135px;}
.h155{height:155px;}
.panel-body h4{font-size:16px;}
.review-form{display:none;} 
.rating-container .rating{font-size:30px;}
.mtb10{margin-top:10px!important;margin-bottom:10px!important;}
.mtb20{margin-top:20px!important;margin-bottom:20px!important;}
.bg-review-top {background: #eee;min-height:2.5rem; }
.fleft { float: left!important; }
.filter_rating{cursor:pointer;font-size:12px;}
.filter_rating:hover{color:#00bbd6;}
.title-filter{font-size:11px!important;font-weight:bold!important;} 
.filter-by select{width:200px!important;}   
.products-nav .toolbar{padding-bottom:5px!important; margin-bottom:20px!important;clear:both;} 
.short-by select{font-size:12px!important;}
.way{margin-right:5px!important;}
.card-body h4{font-size:14px;}
.bold{font-weight:bold;}
.btn-xs{font-size:11px;}
.text-center{text-align:center;}
.border-red, .redinput{border:#ff0000 1px solid!important;}
.validation-advice{color:#ff0000!important;font-size:10px;}
.validation-advice-ajax{color:#ff0000;font-size:12px;}
.products-nav:after{clear:both;}
.reviews-content{float:right;}
.no-border{border:none;}
.minwidth20{width:20%!important;}
.minwidth30{width:30%!important;}
.card-body-review{padding:0.75rem!important;}
.review-date{font-size:12px;text-align:center;margin-top:10px;  }
.product__rating-stars .rating__body{display:-webkit-inline-box}
.departments__item-link img, .departments__item-link-mobile img{width:25px;height:25px;margin-right:10px;}
.img-modal-center{width:50px; margin:auto;display:block;}
.modal-remote-middle{max-width:600px;}


.minipopup-area{
    position:fixed;
    left:30px;
    bottom:30px;
    z-index:9999
}
.minipopup-box{
    position:absolute;
    left:1rem;
    width:303px;
    padding:2rem;
    background-color:#fff;
    box-shadow:0 5px 20px rgba(0,0,0,0.1);
    transform:translateY(-100%);
    opacity:1;
    transition:opacity .3s, left .3s ease-out, transform .3s;
    z-index:9999
}
.minipopup-box.show{
    opacity:1;
    left:0
}
.minipopup-box.focus{
    transform:scale(0.98) translateY(-100%)
}
.minipopup-box .product.product-cart{
    margin-top:0
}
.minipopup-box .product.product-cart .product-name{
    display:block;
    font-size:1.4rem;
    margin-bottom:3px;
    color:#000;
    font-weight:400
}
.minipopup-box .product.product-cart{
    margin-top:0
}
.minipopup-box .product.product-cart .product-media{
    margin: 1rem auto;
    display:block;
    text-align:center;
}
.minipopup-box .product.product-cart .product-detail{
    margin-top:.3rem
}
.minipopup-box .product.product-cart .product-name{
    display:block;
    font-size:0.9rem;
    margin-bottom:1.1rem;
    color:#000;
    font-weight:400;
    line-height:1.4;
    letter-spacing:-.025em
}
.minipopup-box .product.product-cart .product-name:hover{
    color:#a3b264
}

.minipopup-box .product.product-cart{
 text-align:center;
}
.minipopup-box .product.product-cart .product-price{
    margin-bottom:-.2rem;
    font-size:1.0rem
}
.minipopup-box .product.product-cart .product-quantity{
    font-size:1.0rem;
    font-weight:600;
    color:#222
}
.minipopup-box .product.product-cart .price-box .product-quantity::after{
    margin:0 0 -.2rem .7rem;
    font-size:1.2rem
}
.minipopup-box .product.product-cart.product-purchased .purchased-title{
    margin-bottom:1.9rem
}
.minipopup-box .product.product-cart.product-purchased .product-detail{
    margin-top:.1rem
}
.minipopup-box .product.product-cart.product-purchased .product-name{
    margin-bottom:1.2rem
}
.minipopup-box img{
    max-width:9rem;
    max-height:9rem
}
.minipopup-box .ratings-container{
    margin-bottom:0
}
.minipopup-box .product-price{
    color:#e52727;
    font-weight:bold;
    margin-bottom:3px
}
.minipopup-box .action-group{
    margin-top:2rem
}
.minipopup-box .btn.btn-sm{
    padding:0.92em 2.07em;
    font-weight:600;
    letter-spacing:-.025em;
    border-width:1px
}
.minipopup-box .btn.btn-outline{
    margin-right:.7rem;
    padding:.92em 2.2em
}
.minipopup-title{
    margin-bottom:1.5rem;
    color:#222;
    font-size:1.0rem;
    font-weight:700;
    text-align:center;
    letter-spacing:-.035em;
    line-height:1
}
.minipopup-title .btn{
    margin-left:1rem
}
.purchased-time{
    color:#a3b264;
    font-size:1.2rem
}
@media (max-width: 479px){
    .minipopup-area{
        left:9px
    }
}


.step-by{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    padding:.9rem 0
}
.step-by .title.title-step{
    margin:0 1.4rem 0 1rem;
    font-size:1.3rem;
    text-transform:uppercase;
    font-weight:700;
    color:#666;
    letter-spacing:-0.5px;
    padding:.4rem 0
}

.step-by .title.title-step.visited{
    color:#222
}
.step-by .title.title-step.visited ~ .active::before{
    color:#222
}
.step-by .title.title-step.active{
    color:#cb1818;
}
.step-by .title.title-step:first-child{
    margin-left:0
}
.step-by .title.title-step:first-child::before{
    display:none
}
.step-by .title.title-step:last-child{
    margin-right:0
}

.link-cart-success{color:#a3b264;}

.custom-control-input:checked ~ .custom-control-label::before{border-color: #e52727;background-color: #e52727;}
.s_success{padding:1px 5px; background:#739e73; margin:0px 3px;border-radius:3px;color:#fff;border:#739e73 1px solid;}
.s_done{padding:1px 5px; background:#3BA5AC; margin:0px 3px;border-radius:3px;color:#fff;border:#3BA5AC 1px solid;}
.s_process{padding:1px 5px; background:#8A2BE2; margin:0px 3px;border-radius:3px;color:#fff;border:#8A2BE2 1px solid;}
.s_cancel{padding:1px 5px; background:#F8ACAC; margin:0px 3px;border-radius:3px;color:#fff;border:#F8ACAC 1px solid;}
.s_error{padding:1px 5px; background:#FF0000; margin:0px 3px;border-radius:3px;color:#fff;border:#FF0000 1px solid;}
.s_draft{padding:1px 5px; background:#ccc; margin:0px 3px;border-radius:3px;color:#fff;border:#ccc 1px solid;}
.s_new{padding:1px 5px; background:#FF0000; margin:0px 3px;border-radius:3px;color:#fff;border:#FF0000 1px solid;}

.anpc-images{width:150px;}

.img-brand{margin:10px auto; display:block;}
.block-select-vehicle{
    background: linear-gradient(to right, #0072E9, #FF3B00);
    padding: 20px;
    border-radius:2.5px;
}

.whatsapp__body{padding:1px 5px; background:#0DC143; margin:0px 3px;border-radius:3px;color:#fff;border:#0DC143 1px solid;}
.whatsapp__body .phone__title{color:#fff;}
.whatsapp__body:hover{background:#0DC143;color:#f9f9f9;}
.whatsapp__body .phone__title:hover{color:#f9f9f9;}

.mobile__body{background:#e52727;border-radius:3px;color:#fff;border:#e52727 1px solid;}
.mobile__body .phone__title{color:#fff;}
.mobile__body:hover{background:#e52727;color:#f9f9f9;}
.mobile__body .phone__title:hover{color:#f9f9f9;}


/*#locker-plugin-v2-iframe:not(.locker-plugin-visible) {
    display: none !important;
}*/
.easybox-pickup {
    display: none;
    margin-top: 5px;
}

.easybox-pickup .box-details {
    display: none;
}
/*
.easybox-pickup .select-easybox{
    cursor: pointer;
    border: 1px solid #00bbd6;
    color: #00bbd6;
    background: transparent;
    padding: 1rem 1rem;
    border-radius: 4px;
    margin-bottom: 10px;
}
*/

/* NEED TO TEST ON Mobile */
@media (max-width: 768px) {
  .products-list--grid--4 .products-list__content {
    display: block !important;
  }
  .products-list__item {
    margin-bottom: 16px !important;
  }

  .product-card {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    padding: 6px !important;
    border: 1px solid #eee;
    border-radius: 8px;
    background: #fff;
    position: relative !important;
  }

  .product-card__image {
    width: 150px !important;
    height: 150px !important;
    margin: 0 auto 12px !important;
    padding: 10px !important;
  }
  .product-card__image .image__tag {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    display: block;
  }

  .product-card__info {
    text-align: center !important;
    margin-bottom: 12px !important;
    padding-bottom: 0 !important;
  }
  .product-card__info .product-card__meta,
  .product-card__info .product-card__features {
    display: none !important;
  }
  .product-card__info .product-card__name,
  .product-card__info .rating, 
  .product-card__info, .product-card__rating,
  .product-card__info .product-card__rating-label {
    display: block !important;
    margin: 4px 0 !important;
  }

  .product-card__prices {
    text-align: center !important;
    margin-bottom: 12px !important;
  }
  .product-card__prices > * {
    display: block !important;
    margin: 4px 0 !important;
  }

  .status-badge {
    display: block !important;
    text-align: center !important;
    margin: 8px 0 !important;
  }

  .product-card__addtocart-full {
    display: block !important;
    width: 80% !important;
    max-width: 240px !important;
    padding: 10px 0 !important;
    text-align: center !important;
    margin: 8px 0 !important;
    height: auto !important;
    min-height: 0 !important;
  }

  .product-card__addtocart-icon {
    display: none !important;
  }

  .brand-logo {
    display: block !important;
    position: absolute !important;
    top: 8px !important;
    right: 8px !important;
    width: 40px !important;
    height: auto !important;
    margin: 0 !important;
    z-index: 10 !important;
  }

  .product-card__footer {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
    padding-bottom: 0 !important;
    margin-top: 8px !important;
  }

  .product-card__info .product-card__rating,
  .product-card__info .product-card__rating-label {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 4px 0 !important;
  }

  .product-card__prices {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    flex-wrap: wrap;
    gap: 6px !important;
    margin-bottom: 12px !important;
    font-size: 1.2em !important;
    padding-bottom: 0 !important;
  }

  .product-card__footer .btn-modal-remote {
    width: 80% !important;
    max-width: 240px !important;
  }

  .product-card__prices > * {
    margin: 0 !important;
  }
}

/* END NEED TO TEST ON Mobile */