@charset "UTF-8";


/* -------------------------------------------------- UTILITY  -------------------------------------------------- */

.mt-10	{ margin-top:-10px !important; }
.mt-5	{ margin-top:-5px !important; }
.mt0	{ margin-top:0px !important; }
.mt5	{ margin-top:5px !important; }
.mt10	{ margin-top:10px !important; }
.mt15	{ margin-top:15px !important; }
.mt20	{ margin-top:20px !important; }
.mt25	{ margin-top:25px !important; }
.mt30	{ margin-top:30px !important; }
.mt35	{ margin-top:35px !important; }
.mt40	{ margin-top:40px !important; }
.mt50	{ margin-top:50px !important; }
.mt60	{ margin-top:60px !important; }
.mt100	{ margin-top:100px !important; }

.mr0	{ margin-right:0px !important; }
.mr5	{ margin-right:5px !important; }
.mr10	{ margin-right:10px !important; }
.mr15	{ margin-right:15px !important; }
.mr20	{ margin-right:20px !important; }
.mr25	{ margin-right:25px !important; }
.mr30	{ margin-right:30px !important; }
.mr40	{ margin-right:40px !important; }
.mr50	{ margin-right:50px !important; }
.mr100	{ margin-right:100px !important; }

.mb0	{ margin-bottom:0px !important; }
.mb3	{ margin-bottom:3px !important; }
.mb5	{ margin-bottom:5px !important; }
.mb10	{ margin-bottom:10px !important; }
.mb15	{ margin-bottom:15px !important; }
.mb20	{ margin-bottom:20px !important; }
.mb25	{ margin-bottom:25px !important; }
.mb30	{ margin-bottom:30px !important; }
.mb40	{ margin-bottom:40px !important; }
.mb50	{ margin-bottom:50px !important; }
.mb100	{ margin-bottom:100px !important; }

.ml0	{ margin-left:0px !important; }
.ml2	{ margin-left:2px !important; }
.ml5	{ margin-left:5px !important; }
.ml10	{ margin-left:10px !important; }
.ml15	{ margin-left:15px !important; }
.ml20	{ margin-left:20px !important; }
.ml25	{ margin-left:25px !important; }
.ml30	{ margin-left:30px !important; }
.ml40	{ margin-left:40px !important; }
.ml50	{ margin-left:50px !important; }
.ml100	{ margin-left:100px !important; }


/* -------------------------------------------------- FONT -------------------------------------------------- */

/* defalt font-size */
.f9 { font-size: 62.5% !important; }
.f10 { font-size:77% !important; }
.f11 { font-size:85% !important; }
.f12 { font-size:93% !important; }
.f13 { font-size:100% !important; }
.f14 { font-size:108% !important; }
.f15 { font-size:116% !important; }
.f16 { font-size:123.1% !important; }
.f17 { font-size:131% !important; }
.f18 { font-size:138.5% !important; }
.f19 { font-size:146.5% !important; }
.f20 { font-size:153.9% !important; }
.f21 { font-size:161.6% !important; }
.f22 { font-size:167% !important; }
.f23 { font-size:174% !important; }
.f24 { font-size:182% !important; }
.f25 { font-size:189% !important; }
.f26 { font-size:197% !important; }





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

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

.prod-colors .pcolor {
	display: inline-block;
	width: 1.2rem;
	height: 1.2rem;
	margin-right: 0.5rem;
	background: #fff;
	border: solid 1px #a2a2a2;
	border-radius: 50%;
}

.prod-colors .pcolor.white, .icon-color.white {
	background: #fff;
}

.prod-colors .pcolor.black, .icon-color.black {
	background: #000;
}

.prod-colors .pcolor.silver, .icon-color.silver {
	background: #b4b4b4;
}

.prod-colors .pcolor.red, .icon-color.red {
	background: #e6000d;
}

.prod-colors .pcolor.green, .icon-color.green {
	background: #007130;
}

.prod-colors .pcolor.green2, .icon-color.green2 {
	background: #b3dee5;
}

.prod-colors .pcolor.orange, .icon-color.orange {
	background: #d73a3a;
}

.prod-colors .pcolor.gold, .icon-color.gold {
	background: #decbb2;
}

.prod-colors .pcolor.gold2, .icon-color.gold2 {
	background: #f9e2e5;
}

.prod-colors .pcolor.gold3, .icon-color.gold3 {
	background: #b6b3a9;
}

.prod-colors .pcolor.pink, .icon-color.pink {
	background: #e25282;
}

.prod-colors .pcolor.pink2, .icon-color.pink2 {
	background: #e4b1b7;
}
.prod-colors .pcolor.pink3, .icon-color.pink3 {
	background: #db064b;
}

.prod-colors .pcolor.pink4, .icon-color.pink4 {
	background: #e6bfab;
}

.prod-colors .pcolor.gray, .icon-color.gray {
	background: #939393;
}

.prod-colors .pcolor.darkgray, .icon-color.darkgray {
	background: #454545;
}

.prod-colors .pcolor.violet, .icon-color.violet {
	background: #5a4498;
}

.prod-colors .pcolor.yellow, .icon-color.yellow {
	background: #cecc5a;
}
.prod-colors .pcolor.brown, .icon-color.brown, {
    background: #62412b;
}
.prod-colors .pcolor.blue, .icon-color.blue {
    background: #08babe;
}

.prod-colors .pcolor.beige, .icon-color.beige {
    background: #e0dcd1;
}