#vmMainPageOPC .op_userfields div.field_wrap.radio  input[type=radio]{
  width     : 2em;
  margin    : 0;
  padding   : 0;
  font-size : 1em;
  opacity   : 0;
  float: left; 
}

#vmMainPageOPC .op_userfields div.field_wrap.radio .formField label{
   display      : inline-block;
  margin-left  : -2em;
  line-height  : 1.5em;
  padding-left: 0; 
  float: left; 
  
}

#vmMainPageOPC .op_userfields div.field_wrap.radio .formField label:not(:first-of-type) {
	margin-left: 3em; 
}

#vmMainPageOPC .op_userfields div.field_wrap.radio input[type=radio] + label > span:before{
	 font-family: FontAwesome, "Font Awesome 5 Free";
    display: inline-block;
     content: "\f111";
    color: #535353;
	font-size: 1.4em;
    width: 1.4em;
	position: relative; 
	top: 0.1em; 
}

#vmMainPageOPC .op_userfields div.field_wrap.radio input[type=radio]:checked + label > span:before{
  font-family: FontAwesome, "Font Awesome 5 Free";
  display: inline-block;
  /*ok sing: content: "\f05d";*/
  content: "\f192";
    /*letter-spacing: 5px;*/
	 
    color: #0090e3;
	font-size: 1.4em;
    width: 1.4em;
	position: relative; 
	top: 0.1em; 

}



/*shipment and payment radios*/
#vmMainPageOPC  .opc_ship_wrap input[type=radio],
#vmMainPageOPC  .opc_payment_wrap input[type=radio]{
  width     : 2em;
  margin    : 0;
  padding   : 0;
  font-size : 1em;
  opacity   : 0;
  float: left; 
}

#vmMainPageOPC .opc_ship_wrap label,
#vmMainPageOPC .opc_payment_wrap label{
   /*display      : inline-block;*/
  margin-left  : -2em;
  line-height  : 3em;
  padding-left: 0; 
  float: left; 
  
}

#vmMainPageOPC .opc_ship_wrap label:not(:first-of-type),
#vmMainPageOPC .opc_payment_wrap label:not(:first-of-type) {
	margin-left: 3em; 
}

#vmMainPageOPC .opc_ship_wrap input[type=radio] + label > span:before,
#vmMainPageOPC .opc_payment_wrap input[type=radio] + label > span:before{
	 font-family: FontAwesome, "Font Awesome 5 Free";
    display: inline-block;
     content: "\f111";
    color: #535353;
	font-size: 1.4em;
    width: 1.4em;
	position: relative; 
	top: 0.1em; 
	float: left; 
}

#vmMainPageOPC .opc_ship_wrap input[type=radio]:checked + label > span:before,
#vmMainPageOPC .opc_payment_wrap input[type=radio]:checked + label > span:before{
  font-family: FontAwesome, "Font Awesome 5 Free";
  display: inline-block;
  /*ok sing: content: "\f05d";*/
  content: "\f192";
    /*letter-spacing: 5px;*/
	 
    color: #0090e3;
	font-size: 1.4em;
    width: 1.4em;
	position: relative; 
	top: 0.1em; 
	
}
/*shipmgnet and paymetn radios end*/


/*chckeboxes bottom*/
#vmMainPageOPC input[type=checkbox].bottom_field{
  width     : 2em;
  margin    : 0;
  padding   : 0;
  font-size : 1em;
  opacity   : 0;
  float: left; 
}

#vmMainPageOPC label.bottom_label{
   display      : inline-block;
  margin-left  : -2em;
  line-height  : 1.5em;
  padding-left: 0; 
  float: left; 
  
}

#vmMainPageOPC label.bottom_label:not(:first-of-type) {
	margin-left: 3em; 
}

#vmMainPageOPC  input[type=checkbox].bottom_field + label > span:before{
	 font-family: FontAwesome, "Font Awesome 5 Free";
    display: inline-block;
     content: "\f0c8";
    color: #0090e3;
	font-size: 1.4em;
    width: 1.4em;
	position: relative; 
	top: 0.1em; 
}

#vmMainPageOPC input[type=checkbox].bottom_field:checked + label > span:before{
  font-family: FontAwesome, "Font Awesome 5 Free";
  display: inline-block;
  /*ok sing: content: "\f05d";*/
  content: "\f14a";
    /*letter-spacing: 5px;*/
	 
    color: #0090e3;
	font-size: 1.4em;
    width: 1.4em;
	position: relative; 
	top: 0.1em; 

}

@media (max-width: 767px) { 
#vmMainPageOPC .opc_ship_wrap input[type=radio], #vmMainPageOPC .opc_payment_wrap input[type=radio]
	{
		width: 0px; 
	}
}
