fieldset.rating { 

  border: none;
  float: left;
}

fieldset.rating > input { display: none; } 
fieldset.rating > label:before { 
  margin: 5px;
  font-size: 1.25em;
  font-family: "Font Awesome 5 Free";
  display: inline-block;
  content: "\f005";
}

fieldset.rating > .half:before { 
  content: "\f089";
  position: absolute;
}

fieldset.rating > label { 
  color: #ddd; 
 float: right; 
 cursor: pointer;
}

/***** CSS Magic to Highlight Stars on Hover *****/

fieldset.rating > input:checked ~ label, /* show gold star when clicked */
fieldset.rating:not(:checked) > label:hover, /* hover current star */
fieldset.rating:not(:checked) > label:hover ~ label { color: #FFD700;  } /* hover previous stars in list */

fieldset.rating > input:checked + label:hover, /* hover current star when changing rating */
fieldset.rating > input:checked ~ label:hover,
fieldset.rating > label:hover ~ input:checked ~ label, /* lighten current selection */
fieldset.rating > input:checked ~ label:hover ~ label { color: #FFED85;  } 


.product li.vars{padding-left:0; padding-right: 0; display: flex; justify-content: center;font-size: .875em!important; letter-spacing: -1px;  }
.product li.vars .variant-group span i{display: none;}
.product li.vars .variant-group{/*margin-left: 5px;*/}

.product .variants.o{display: none}
.product .variant-group{float:left;}

.product .variants{ margin-left: 0px; left: 0; 
 width:100% !important;display: flex; flex-direction: row; justify-content: flex-start;  /*margin-left: 50%; width: 300px; */
 flex-wrap: nowrap;
height: 50px;
	max-height: 50px;
position: absolute;
background-color: #fff;
margin-top: -70px;

overflow-y: hidden;
overflow-x: auto;
}

.product .variants div.variant.colorbox{border-radius: 16px; width:35px; height: 35px;/*margin-top: 7px;*/}

.product  .variants div.variant.imagebox{padding: 0!important;width: 50%; float: left; border-radius: 4px; }
.product  .variants div.variant.imagebox div.imagebox{  width:auto; max-width: auto; padding: 0!important; box-shadow: none;}
.product  .variants div.variant.imagebox .imagebox:hover:after{display: none;}

.product .variant.imagebox{ margin:0 .5%; float: left; }
.product  .variant.imagebox .imagebox{width: 100%; justify-content: center;}
.product  .variant.imagebox .imagebox .placeholder{width: 150px; height: 150px}

.product .variants div.variant.imagebox{float: left; border-radius: 4px;}
.product .variants div.variant.imagebox div.imagebox{  width:auto; max-width: auto; padding: 0!important; box-shadow: none;}


@media(max-width: 592px){
	/*.cd-features-list li{display: flex;width: 100%;}*/
    .product  .variants{ justify-content: space-between; flex-wrap: nowrap; }
    .product  .variants div.variant.imagebox{ width:auto; max-width:auto; float: left;}
    .product  .variants div.variant.imagebox div.imagebox{  }


}

.sectop{width:100%; position:fixed; z-index:9; left: 0; top:0px; height:200px; background-color: #c2f0b6; border-bottom: 3px solid #dadce2; display: none;}

.cd-products-comparison-table header{padding-top: 20px; padding-bottom: 20px; background-color: #fff}






.filter-column .list-style{width: 100%; margin: 0; padding:0 10px; justify-content: space-between;}
 