.white{
  color: #ffffff !important;
}
.black{
  color: #000000 !important;
}
.green{
  color: #5bab2c !important;
}
.yellow{
  color: #fde600 !important;
}
.gold{
  color: #b7955c!important;
}
.light-grey {
  color: #828283!important;
}
.grey {
  color: #686666!important;
}
.dim-grey {
  color: #232221!important;
}
.grey-7b7979 {
  color: #7b7979!important;
}
.grey-8f8c8c {
  color: #8f8c8c!important;
}

.orange-gradient {
  background: -webkit-linear-gradient(left, #f8612f, #fa9639);
  background: linear-gradient(to right, #fa9639, #f8612f)!important;
}

.font-size-20{
  font-size: 0.2rem!important;
}
.font-size-22{
  font-size: 0.22rem!important;
}
.font-size-24{
  font-size: 0.24rem!important;
}
.font-size-26{
  font-size: 0.26rem!important;
}
.font-size-28{
  font-size: 0.28rem!important;
}
.font-size-30{
  font-size: 0.30rem!important;
}
.font-size-32{
  font-size: 0.32rem!important;
}
.font-size-36{
  font-size: 0.36rem!important;
}
.font-size-40{
  font-size: 0.4rem!important;
}
.font-size-46{
  font-size: 0.46rem!important;
}
.font-size-48{
  font-size: 0.48rem!important;
}
.font-size-60{
  font-size: 0.60rem!important;
}

.bold{
  font-weight: bold!important;
}
.weight-normal{
  font-weight: normal!important;
}

.text-left{
  text-align: left!important;
}
.text-center{
  text-align: center!important;
}
.text-justify{
  text-align: justify!important;
}
.text-right{
  text-align: right!important;
}

.line-height-1 {
  line-height: 1!important;
}
.line-height-1-2 {
  line-height: 1.2!important;
}
.line-height-1-4 {
  line-height: 1.4!important;
}
.line-height-1-6 {
  line-height: 1.6!important;
}

.padding-top-10 {
  padding-top: 0.1rem!important;
}
.padding-top-20 {
  padding-top: 0.2rem!important;
}
.padding-top-30 {
  padding-top: 0.3rem!important;
}
.padding-top-40 {
  padding-top: 0.4rem!important;
}
.padding-top-120 {
  padding-top: 1.2rem!important;
}

.opacity-0 {
  opacity: 0!important;
}

.h-list{
  display: box;              /* OLD - Android 4.4- */
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- */
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.h-list .list1{
  -webkit-box-flex: 1;
  -ms-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}
.h-list .list2{
  -webkit-box-flex: 2;
  -ms-flex: 2;
  -webkit-flex: 2;
  flex: 2;
}
.h-list .list3{
  -webkit-box-flex: 3;
  -ms-flex: 3;
  -webkit-flex: 3;
  flex: 3;
}
.h-list .list4{
  -webkit-box-flex: 4;
  -ms-flex: 4;
  -webkit-flex: 4;
  flex: 4;
}
.h-list .list5{
  -webkit-box-flex: 5;
  -ms-flex: 5;
  -webkit-flex: 5;
  flex: 5;
}

.flex-col {
  display: flex;
  flex-direction: column;
}
.flex-row {
  display: flex;
  flex-direction: row;
}
.justify-start {
  display: flex;
  justify-content: flex-start;
}
.justify-center {
  display: flex;
  justify-content: center;
}

.justify-end {
  display: flex;
  justify-content: flex-end;
}
.justify-evenly {
  display: flex;
  justify-content: space-evenly;
}
.justify-around {
  display: flex;
  justify-content: space-around;
}
.justify-between {
  display: flex;
  justify-content: space-between;
}
.align-start {
  display: flex;
  align-items: flex-start;
}
.align-center {
  display: flex;
  align-items: center;
}
.align-end {
  display: flex;
  align-items: flex-end;
}