@charset "utf-8";



/*──────────────── Radio & Checkbox (mobile)────────────────*/
input[type="checkbox"], input[type="radio"] {display:none;}
input[type="checkbox"] + span, input[type="radio"] + span{cursor:pointer;display:inline-flex;align-items:center;}

input[type="checkbox"] + span:before{content:'\e91e';font-family:'intaefont';font-size:12px;width:24px;height:24px;border-radius:50%;text-align:center;color:rgba(0,0,0,0.4);margin-right:10px;background:#fff;border:1px solid rgba(0,0,0,0.5);;
	display:inline-flex;align-items:center;justify-content:center;}
input[type="checkbox"]:hover + span:before{color:rgba(0,0,0,0.7);background:rgba(0,0,0,0.06);}
input[type="checkbox"]:checked + span:before{color:#fff;background:#0019FF;border:0;}

input[type="radio"] + span{position:relative;}
input[type="radio"] + span:before{content:'\e335';font-family:'newfont';font-size:40px;width:24px;height:24px;border-radius:50%;text-align:center;color:rgba(0,0,0,0.0);background:#fff;transition:all .1s ease-in-out;
	display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(0,0,0,0.3);}
input[type="radio"]:hover + span:before{color:rgba(0,0,0,0.25);}
input[type="radio"]:checked + span:before{background:#1428A0;border-color:#1428A0;color:#fff;}


input[type="radio"].red:checked + span:before{background:#EF3434;border-color:#EF3434;}
input[type="radio"].orange:checked + span:before{background:#F66700;border-color:#F66700;}
input[type="radio"].blue:checked + span:before{background:#1428A0;border-color:#1428A0;}