/* color */

.black{ color: #000 !important;}
.white{ color: #fff !important;}
.red{ color: #d00c18 !important;}
.orange{ color: #ed6c01 !important;}
.gray{ color: #e4e1d9 !important;}
.yellow{ color: #fff100 !important;}

.bg-white{ background-color: #fff !important;}
.bg-orange{ background-color: #ed6c01 !important;}
.bg-black{ background-color: #231916 !important;}
.bg-red{ background-color: #d00c18 !important;}
.bg-tan{ background-color: #caad88 !important;}
.bg-gray{ background-color: #e4e1d9 !important;}


/* font */

.bold {font-weight: bold;}

.text-c{ text-align: center !important;}
.text-r{ text-align: right !important;}
.text-l{ text-align: left !important;}
.text-j{ text-align: justify !important;}


/* float */

.float_l{ float: left !important;}
.float_r{ float: right !important;}


/*posigtion*/

.posi-r{ position: relative !important;}


/*margin*/

.mg_auto{ margin: 0 auto !important;}


/*padding*/

.pd5 { padding: 5px !important;}
.pd10 { padding: 10px !important;}
.pd15 { padding: 15px !important;}
.pd20 { padding: 20px !important;}
.pd30 { padding: 20px !important;}


.pdt5 { padding-top: 5px !important;}
.pdt10 { padding-top: 10px !important;}
.pdt15 { padding-top: 15px !important;}
.pdt20 { padding-top: 20px !important;}
.pdt30 { padding-top: 30px !important;}

.pdl5 { padding-left: 5px !important;}
.pdl10 { padding-left: 10px !important;}
.pdl15 { padding-left: 15px !important;}
.pdl20 { padding-left: 20px !important;}
.pdl25 { padding-left: 25px !important;}
.pdl30 { padding-left: 30px !important;}

.pdr5 { padding-right: 5px !important;}
.pdr10 { padding-right: 10px !important;}
.pdr15 { padding-right: 15px !important;}
.pdr20 { padding-right: 20px !important;}
.pdr25 { padding-right: 25px !important;}
.pdr30 { padding-right: 30px !important;}

.pdb5 { padding-bottom: 5px !important;}
.pdb10 { padding-bottom: 10px !important;}
.pdb15 { padding-bottom: 15px !important;}
.pdb20 { padding-bottom: 20px !important;}
.pdb30 { padding-bottom: 30px !important;}


/*margin*/

.mg5{ margin: 5px !important;}
.mg10{ margin: 10px !important;}
.mg15{ margin: 15px !important;}
.mg20{ margin: 20px !important;}
.mg25{ margin: 25px !important;}
.mg30{ margin: 30px !important;}


.mgt5 { margin-top: 5px !important;}
.mgt10 { margin-top: 10px !important;}
.mgt15 { margin-top: 15px !important;}
.mgt20 { margin-top: 20px !important;}
.mgt25 { margin-top: 25px !important;}
.mgt30 { margin-top: 30px !important;}
.mgt40 { margin-top: 40px !important;}
.mgt60 { margin-top: 60px !important;}

.mgl5 { margin-left: 5px !important;}
.mgl10 { margin-left: 10px !important;}
.mgl15 { margin-left: 15px !important;}
.mgl20 { margin-left: 20px !important;}
.mgl25 { margin-left: 25px !important;}
.mgl30 { margin-left: 30px !important;}

.mgr5 { margin-right: 5px !important;}
.mgr10 { margin-right: 10px !important;}
.mgr15 { margin-right: 15px !important;}
.mgr20 { margin-right: 20px !important;}
.mgr30 { margin-right: 30px !important;}

.mgb5 { margin-bottom: 5px !important;}
.mgb10 { margin-bottom: 10px !important;}
.mgb15 { margin-bottom: 15px !important;}
.mgb20 { margin-bottom: 20px !important;}
.mgb25 { margin-bottom: 25px !important;}
.mgb30 { margin-bottom: 30px !important;}
.mgb50 { margin-bottom: 50px !important;}