body, .row, .rownopad {
    min-width: 220px;
}
.row {
    border: 0 solid #0000ff;
    box-sizing: border-box;
    clear: both;
    margin: 0 auto;
    max-width: 1100px;
    padding-left: 0.96%;
    width: auto;
}
.rownopad {
    margin-left: auto;
    margin-right: auto;
    max-width: 1100px;
    padding: 0;
}
.g10, .g11, .g12, .g2, .g3, .g4, .g5, .g6, .g7, .g8, .g9, .g1, .s-g1, .s-g10, .s-g11, .s-g12, .s-g2, .s-g3, .s-g4, .s-g5, .s-g6, .s-g7, .s-g8, .s-g9, .m-g1, .m-g10, .m-g11, .m-g12, .m-g2, .m-g3, .m-g4, .m-g5, .m-g6, .m-g7, .m-g8, .m-g9 {
    box-sizing: border-box;
    clear: none;
    display: inline-block;
    float: left;
    margin: 0 1% 0 0;
}
.g1 {
    width: 7.33333%;
}
.g2 {
    width: 15.6667%;
}
.g3 {
    width: 24%;
}
.g4 {
    width: 32.3333%;
}
.g5 {
    width: 40.6667%;
}
.g6 {
    width: 49%;
}
.g7 {
    width: 57.3333%;
}
.g8 {
    width: 65.6667%;
}
.g9 {
    width: 74%;
}
.g10 {
    width: 82.3333%;
}
.g11 {
    width: 90.6667%;
}
.g12 {
    width: 99%;
}
.pad {
    padding: 0.5em;
}
.pad-t {
    padding-top: 0.5em;
}
.pad-b {
    padding-bottom: 0.5em;
}
.pad-lr {
    padding: 0 0.5em;
}
.pad-tb {
    padding: 0.5em 0;
}
.pad-lrb {
    padding: 0 0.5em 0.5em;
}
.pad-lrt {
    padding: 0.5em 0.5em 0;
}
.margin-tblr {
    margin: 0.5em;
}
.flow-opposite {
    float: right;
}
.center {
    text-align: center;
}
.left {
    text-align: left;
}
.right {
    text-align: right;
}
.onlyshowmobile {
    display: none;
}
.mobileonlyinline {
    display: none;
}
.g1nm, .g2nm, .g3nm, .g4nm, .g5nm, .g6nm, .g7nm, .g8nm, .g9nm, .g10nm, .g11nm, .g12nm {
    display: inline;
    float: left;
    margin: 0;
    min-height: 1px;
}
.g2nm {
    width: 16.6666%;
}
.g3nm {
    width: 25%;
}
.g4nm {
    width: 33.3333%;
}
.g6nm {
    width: 50%;
}
.g8nm {
    width: 66.6666%;
}
.g9nm {
    width: 75%;
}
.g12nm {
    width: 100%;
}
@media (min-width: 521px) and (max-width: 800px) {
.m-g2 {
    width: 15.6667%;
}
.m-g3 {
    width: 24%;
}
.m-g4 {
    width: 32.3333%;
}
.m-g5 {
    width: 40.6667%;
}
.m-g6 {
    width: 49%;
}
.m-g7 {
    width: 57.3333%;
}
.m-g8 {
    width: 65.6667%;
}
.m-g9 {
    width: 74%;
}
.m-g10 {
    width: 82.3333%;
}
.m-g12 {
    width: 99%;
}
.m-flow-opposite {
    float: right;
}
.m-center {
    text-align: center;
}
.m-left {
    text-align: left;
}
.m-right {
    text-align: right;
}
.m-hidden {
    display: none;
}
.onlyshowtablet {
    display: block;
}
}
@media (max-width: 520px) {
.s-g3 {
    width: 24%;
}
.s-g4 {
    width: 32.3333%;
}
.s-g6 {
    width: 49%;
}
.s-g8 {
    width: 65.6667%;
}
.s-g9 {
    width: 74%;
}
.s-g12 {
    width: 99%;
}
.s-flow-opposite {
    float: right;
}
.s-center {
    text-align: center;
}
.s-left {
    text-align: left;
}
.s-right {
    text-align: right;
}
.s-hidden {
    display: none;
}
.onlyshowmobile {
    display: block;
}
.onlyshowtablet {
    display: block;
}
.mobileonlyinline {
    display: inline;
}
}
.clearfix::before, .clearfix::after, .row::before, .row::after {
    content: " ";
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    width: 0;
}
.row::after, .clearfix::after {
    clear: both;
}
.row, .clearfix {
}
.clearfix {
    display: block;
}
.clear {
    clear: both;
    display: block;
    height: 0;
}
.clear10 {
    clear: both;
    display: block;
    height: 10px;
}
.clear15 {
    clear: both;
    display: block;
    height: 15px;
}
.clear20 {
    clear: both;
    display: block;
    height: 20px;
}
.clear40 {
    clear: both;
    display: block;
    height: 40px;
}