.w100 {
    width: 100%;
}
.w128 {
    width: 128px;
}
.w200 {
    width: 200px;
}

.w256 {
    width: 256px;
}
.w400 {
    width: 400px;
}
.w440 {
    width: 440px;
}
.w460 {
    width: 460px;
    margin: auto;
}
.w600 {
    width: 600px;
}
.w628 {
    width: 628px;
}
.w700 {
    width: 700px;
}
.w850 {
    width: 850px;
}
.w900 {
    width: 900px;
}
.w950 {
    width: 950px;
}
.w992 {
    width: 992px;
}
.w1060 {
    width: 1060px;
}


.w50 {
    width: calc(50% - 8px);
}
.w35 {
    width: calc(35% - 12px);
}
.w33 {
    width: calc(33% - 8px);
}
.w23 {
    width: calc(23% - 12px);
}
.w15 {
    width: calc(15% - 12px);
}
.w10 {
    width: calc(10% - 12px);
}

.h100 {
  height: 100%;
}
.h80 {
    height: 80px;
}

.m-auto {
  margin: auto;
}
.m0 {
    margin: 0;
}
.mt8 {
    margin-top: 8px;
}
.mt24 {
    margin-top: 24px;
}

.mb0 {
    margin-bottom: 0;
}
.mb4 {
    margin-bottom: 4px;
}
.mb8 {
    margin-bottom: 8px;
}
.mb12 {
    margin-bottom: 12px;
}
.mb16 {
    margin-bottom: 16px;
}
.mb24 {
    margin-bottom: 24px;
}
.mb36 {
    margin-bottom: 36px;
}
.mb40 {
    margin-bottom: 40px;
}
.mb48 {
    margin-bottom: 48px;
}
.mb60 {
    margin-bottom: 60px;
}

.ml8 {
    margin-left: 8px;
}
.ml12 {
    margin-left: 12px;
}
.ml16 {
    margin-left: 16px;
}
.ml24 {
    margin-left: 24px;
}
.ml36 {
    margin-left: 36px;
}
.ml48 {
    margin-left: 48px;
}
.ml60 {
    margin-left: 60px;
}
.ml80 {
    margin-left: 80px;
}
.ml130 {
    margin-left: 130px;
}

.mr40 {
    margin-right: 40px;
}

.mr24 {
    margin-right: 24px;
}

.p36 {
    padding: 0 36px;
}
.pl0 {
    padding-left: 0;
    min-width: 70px;
}
.pr0 {
    padding-right: 0;
}
.pr10 {
    padding-right: 10px;
}

.fs20 {
    font-size: 20px;
}

.f-grey {
    color: #838080;
}