.bg-white { background-color: #fff; }
.bg-black { background-color: #000; }

.txt-white { color: #fff; }
.txtdecor-n, .txtdecor-n:hover, .txtdecor-n:focus, .txtdecor-n:visited { text-decoration: none; }

.center { text-align: center; }
.justify { text-align: justify; }

.relative { position: relative; }
.block { display: block; }

.br15 { border-radius: 15px; }

.m0auto { margin: 0 auto; }

.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mt40 { margin-top: 40px; }
.mt50 { margin-top: 50px; }

.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }
.mb50 { margin-bottom: 50px; }

.mx10 { margin-left: 10px; margin-right: 10px; }
.mx20 { margin-left: 20px; margin-right: 20px; }
.mx30 { margin-left: 30px; margin-right: 30px; }
.mx40 { margin-left: 40px; margin-right: 40px; }
.mx50 { margin-left: 50px; margin-right: 50px; }

.my10 { margin-top: 10px; margin-bottom: 10px; }
.my20 { margin-top: 20px; margin-bottom: 20px; }
.my30 { margin-top: 30px; margin-bottom: 30px; }
.my40 { margin-top: 40px; margin-bottom: 40px; }
.my50 { margin-top: 50px; margin-bottom: 50px; }

.p20 { padding: 20px; }

.pl15 { padding-left: 15px; }
.pl30 { padding-left: 30px; }

.pr30 { padding-right: 30px; }

.px10 { padding: 0px 10px; }
.px15 { padding: 0px 15px; }
.px20 { padding: 0px 20px; }
.px30 { padding: 0px 30px; }

.clearfix1 { height: 1px; }
.clearfix5 { height: 5px; }
.clearfix10 { height: 10px; }
.clearfix20 { height: 20px; }
.clearfix30 { height: 30px; }
.clearfix40 { height: 40px; }
.clearfix50 { height: 50px; }
.clearfix60 { height: 60px; }
.clearfix100 { height: 100px; }

.font16 { font-size: 16px; }

.dashdiv { height:1px; width: 300px; margin: 0 auto; border-bottom: 2px dashed #333; }

.default-btn { background-color: #333; border-radius: 5px; color: #fff!important; font-size: 16px; padding: 6px 12px; }
.default-btn:hover { background-color: #999; text-decoration:none; }