.oaob-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.oaob-row_middle {
     align-items: center;
     -webkit-align-items: center;
 }

.oaob-row_bottom {
     align-items: flex-end;
     -webkit-align-items: flex-end;
 }

.oaob-row_nowrap {
     -ms-flex-wrap: nowrap;
     flex-wrap: nowrap;
 }

@media only screen and (min-width: 768px) {
    .oaob-row_desk-nowrap {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
}

.oaob-col-grow { flex: 1 1 auto; -ms-flex: 1 1 auto; width: auto; max-width: none; }
.oaob-col-auto { flex: 0 1 auto; -ms-flex: 0 1 auto; width: auto; max-width: none; }
.oaob-col-100 { width: 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% }
.oaob-col-90 { width: 100%; -ms-flex: 0 0 90%; flex: 0 0 90%; max-width: 90% }
.oaob-col-80 { width: 100%; -ms-flex: 0 0 80%; flex: 0 0 80%; max-width: 80% }
.oaob-col-75 { width: 100%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% }
.oaob-col-70 { width: 100%; -ms-flex: 0 0 70%; flex: 0 0 70%; max-width: 70% }
.oaob-col-66-6 { width: 100%; -ms-flex: 0 0 66.666666%; flex: 0 0 66.666666%; max-width: 66.666666% }
.oaob-col-65 { width: 100%; -ms-flex: 0 0 65%; flex: 0 0 65%; max-width: 65% }
.oaob-col-60 { width: 100%; -ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 60% }
.oaob-col-55 { width: 100%; -ms-flex: 0 0 55%; flex: 0 0 55%; max-width: 55% }
.oaob-col-50 { width: 100%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% }
.oaob-col-45 { width: 100%; -ms-flex: 0 0 45%; flex: 0 0 45%; max-width: 45% }
.oaob-col-40 { width: 100%; -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40% }
.oaob-col-35 { width: 100%; -ms-flex: 0 0 35%; flex: 0 0 35%; max-width: 35% }
.oaob-col-33-3 { width: 100%; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333% }
.oaob-col-30 { width: 100%; -ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30% }
.oaob-col-25 { width: 100%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% }
.oaob-col-20 { width: 100%; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20% }
.oaob-col-15 { width: 100%; -ms-flex: 0 0 15%; flex: 0 0 15%; max-width: 15% }
.oaob-col-10 { width: 100%; -ms-flex: 0 0 10%; flex: 0 0 10%; max-width: 10% }

@media only screen and (min-width: 768px) {
    .oaob-desk-col-grow { flex: 1 1 auto; -ms-flex: 1 1 auto; width: auto; max-width: none; }
    .oaob-desk-col-auto { flex: 0 1 auto; -ms-flex: 0 1 auto; width: auto; max-width: none; }
    .oaob-desk-col-100 { width: 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% }
    .oaob-desk-col-90 { width: 100%; -ms-flex: 0 0 90%; flex: 0 0 90%; max-width: 90% }
    .oaob-desk-col-80 { width: 100%; -ms-flex: 0 0 80%; flex: 0 0 80%; max-width: 80% }
    .oaob-desk-col-75 { width: 100%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% }
    .oaob-desk-col-70 { width: 100%; -ms-flex: 0 0 70%; flex: 0 0 70%; max-width: 70% }
    .oaob-desk-col-66-6 { width: 100%; -ms-flex: 0 0 66.666666%; flex: 0 0 66.666666%; max-width: 66.666666% }
    .oaob-desk-col-65 { width: 100%; -ms-flex: 0 0 65%; flex: 0 0 65%; max-width: 65% }
    .oaob-desk-col-60 { width: 100%; -ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 60% }
    .oaob-desk-col-55 { width: 100%; -ms-flex: 0 0 55%; flex: 0 0 55%; max-width: 55% }
    .oaob-desk-col-50 { width: 100%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% }
    .oaob-desk-col-45 { width: 100%; -ms-flex: 0 0 45%; flex: 0 0 45%; max-width: 45% }
    .oaob-desk-col-40 { width: 100%; -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40% }
    .oaob-desk-col-35 { width: 100%; -ms-flex: 0 0 35%; flex: 0 0 35%; max-width: 35% }
    .oaob-desk-col-33-3 { width: 100%; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333% }
    .oaob-desk-col-30 { width: 100%; -ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30% }
    .oaob-desk-col-25 { width: 100%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% }
    .oaob-desk-col-20 { width: 100%; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20% }
    .oaob-desk-col-15 { width: 100%; -ms-flex: 0 0 15%; flex: 0 0 15%; max-width: 15% }
    .oaob-desk-col-10 { width: 100%; -ms-flex: 0 0 10%; flex: 0 0 10%; max-width: 10% }
}