.hidden {display:none}
.w-20 {
    width: 20px;
    background-color: red;
}
.w-1p {
    width: 1%;
}
.w-s {
    width: 40px;
}
.w-m {
    width: 70px;
}
.w-is {
    width: 150px;
}
.w-im {
    width: 250px;
}
.w-il {
    width: 350px;
}
.c-r {
    color: #E62117;
}
.f-l {float:left}
.f-r {float:right}
.mr-10 {margin-right:10px}
.mr-15 {margin-right:15px}

.ta-r {
    text-align:right;
}
.addr {
    display: inline-block;
    width: 350px;
}
.hidden {
    display: none;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #bbb;
  font-style: italic;
  opacity: 1; /* Firefox */
}

.container {
    display: flex;
    align-items: stretch
}
.col-left {
    flex-grow: 5;
    margin-right: 20px;
}
.col-right {
    flex-grow: 4;
}