@media screen {
    .g0 {
        width: 0%;
        display: none;
    }
    .g1 {
        width: 8.33%;
    }
    .g2 {
        width: 16.66%;
    }
    .g3 {
        width: 25%;
    }
    .g4 {
        width: 33.33%;
    }
    .g5 {
        width: 41.66%;
    }
    .g6 {
        width: 50%;
    }
    .g7 {
        width: 58.33%;
    }
    .g8 {
        width: 66.66%;
    }
    .g9 {
        width: 75%;
    }
    .g10 {
        width: 83.33%;
    }
    .g11 {
        width: 91.66%;
    }
    .g12 {
        width: 100%;
    }
    .txt-darkblack,
    .txt-darkblack:hover {
        color: black;
    }
    .txt-black,
    .txt-black:hover {
        color: #171717;
    }
    .txt-lightblack,
    .txt-lightblack:hover {
        color: #333333;
    }
    .txt-darkgreen,
    .txt-darkgreen:hover {
        color: #008600;
    }
    .txt-green,
    .txt-green:hover {
        color: #00ba00;
    }
    .txt-lightgreen,
    .txt-lightgreen:hover {
        color: #00d500;
    }
    .txt-darkred,
    .txt-darkred:hover {
        color: #bb0909;
    }
    .txt-red,
    .txt-red:hover {
        color: #ff3c3c;
    }
    .txt-lightred,
    .txt-lightred:hover {
        color: #ff6464;
    }
    .txt-darkorange,
    .txt-darkorange:hover {
        color: #df7300;
    }
    .txt-orange,
    .txt-orange:hover {
        color: #ff9c33;
    }
    .txt-lightorange,
    .txt-lightorange:hover {
        color: #ffc356;
    }
    .txt-darkyellow,
    .txt-darkyellow:hover {
        color: #dddd07;
    }
    .txt-yellow,
    .txt-yellow:hover {
        color: yellow;
    }
    .txt-lightyellow,
    .txt-lightyellow:hover {
        color: #ffff95;
    }
    .txt-darkblue,
    .txt-darkblue:hover {
        color: #005ec1;
    }
    .txt-blue,
    .txt-blue:hover {
        color: #1f73cc;
    }
    .txt-lightblue,
    .txt-lightblue:hover {
        color: #589be1;
    }
    .txt-darkgrey,
    .txt-darkgrey:hover {
        color: #595959;
    }
    .txt-grey,
    .txt-grey:hover {
        color: grey;
    }
    .txt-lightgrey,
    .txt-lightgrey:hover {
        color: lightgrey;
    }
    .txt-darkwhite,
    .txt-darkwhite:hover {
        color: #eaeaea;
    }
    .txt-white,
    .txt-white:hover {
        color: white;
    }
    .bg-darkblack,
    .bg-darkblack:hover {
        background-color: black;
    }
    .bg-black,
    .bg-black:hover {
        background-color: #171717;
    }
    .bg-lightblack,
    .bg-lightblack:hover {
        background-color: #333333;
    }
    .bg-darkgreen,
    .bg-darkgreen:hover {
        background-color: #008600;
    }
    .bg-green,
    .bg-green:hover {
        background-color: #00ba00;
    }
    .bg-lightgreen,
    .bg-lightgreen:hover {
        background-color: #00d500;
    }
    .bg-darkred,
    .bg-darkred:hover {
        background-color: #bb0909;
    }
    .bg-red,
    .bg-red:hover {
        background-color: #ff3c3c;
    }
    .bg-lightred,
    .bg-lightred:hover {
        background-color: #ff6464;
    }
    .bg-darkorange,
    .bg-darkorange:hover {
        background-color: #df7300;
    }
    .bg-orange,
    .bg-orange:hover {
        background-color: #ff9c33;
    }
    .bg-lightorange,
    .bg-lightorange:hover {
        background-color: #ffc356;
    }
    .bg-darkyellow,
    .bg-darkyellow:hover {
        background-color: #dddd07;
    }
    .bg-yellow,
    .bg-yellow:hover {
        background-color: yellow;
    }
    .bg-lightyellow,
    .bg-lightyellow:hover {
        background-color: #ffff95;
    }
    .bg-darkblue,
    .bg-darkblue:hover {
        background-color: #005ec1;
    }
    .bg-blue,
    .bg-blue:hover {
        background-color: #1f73cc;
    }
    .bg-lightblue,
    .bg-lightblue:hover {
        background-color: #589be1;
    }
    .bg-darkgrey,
    .bg-darkgrey:hover {
        background-color: #595959;
    }
    .bg-grey,
    .bg-grey:hover {
        background-color: grey;
    }
    .bg-lightgrey,
    .bg-lightgrey:hover {
        background-color: lightgrey;
    }
    .bg-darkwhite,
    .bg-darkwhite:hover {
        background-color: #eaeaea;
    }
    .bg-white,
    .bg-white:hover {
        background-color: white;
    }
    .float-left {
        float: left;
    }
    .float-right {
        float: right;
    }
    .float-center {
        margin-left: auto;
    }
    .float-center {
        margin-right: auto;
    }
    .float-center {
        text-align: center;
    }
    .txt-align-justify {
        text-align: justify;
    }
    .txt-align-left {
        text-align: left;
    }
    .txt-align-right {
        text-align: right;
    }
    .txt-align-center {
        text-align: center;
    }
    .v-align-top {
        vertical-align: top;
    }
    .v-align-middle {
        vertical-align: middle;
    }
    .v-align-bottom {
        vertical-align: bottom;
    }
    .display-none {
        display: none;
    }
    .display-block {
        display: block;
    }
    .display-inline {
        display: inline;
    }
    .display-inblock {
        display: inline-block;
    }
    .margin-none {
        margin: 0px;
    }
    .margin-none-left {
        margin-left: 0px;
    }
    .margin-none-right {
        margin-right: 0px;
    }
    .margin-none-top {
        margin-top: 0px;
    }
    .margin-none-bottom {
        margin-bottom: 0px;
    }
    .margin-none-lateral {
        margin-left: 0px;
        margin-right: 0px;
    }
    .margin-none-vertical {
        margin-top: 0px;
        margin-bottom: 0px;
    }
    .margin-small {
        margin: 5px;
    }
    .margin-small-left {
        margin-left: 5px;
    }
    .margin-small-right {
        margin-right: 5px;
    }
    .margin-small-top {
        margin-top: 5px;
    }
    .margin-small-bottom {
        margin-bottom: 5px;
    }
    .margin-small-lateral {
        margin-left: 5px;
        margin-right: 5px;
    }
    .margin-small-vertical {
        margin-top: 5px;
        margin-bottom: 5px;
    }
    .margin-medium {
        margin: 10px;
    }
    .margin-medium-left {
        margin-left: 10px;
    }
    .margin-medium-right {
        margin-right: 10px;
    }
    .margin-medium-top {
        margin-top: 10px;
    }
    .margin-medium-bottom {
        margin-bottom: 10px;
    }
    .margin-medium-lateral {
        margin-left: 10px;
        margin-right: 10px;
    }
    .margin-medium-vertical {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .margin-big {
        margin: 20px;
    }
    .margin-big-left {
        margin-left: 20px;
    }
    .margin-big-right {
        margin-right: 20px;
    }
    .margin-big-top {
        margin-top: 20px;
    }
    .margin-big-bottom {
        margin-bottom: 20px;
    }
    .margin-big-lateral {
        margin-left: 20px;
        margin-right: 20px;
    }
    .margin-big-vertical {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .padding-none {
        padding: 0px;
    }
    .padding-none-left {
        padding-left: 0px;
    }
    .padding-none-right {
        padding-right: 0px;
    }
    .padding-none-top {
        padding-top: 0px;
    }
    .padding-none-bottom {
        padding-bottom: 0px;
    }
    .padding-none-lateral {
        padding-left: 0px;
        padding-right: 0px;
    }
    .padding-none-vertical {
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .padding-small {
        padding: 5px;
    }
    .padding-small-left {
        padding-left: 5px;
    }
    .padding-small-right {
        padding-right: 5px;
    }
    .padding-small-top {
        padding-top: 5px;
    }
    .padding-small-bottom {
        padding-bottom: 5px;
    }
    .padding-small-lateral {
        padding-left: 5px;
        padding-right: 5px;
    }
    .padding-small-vertical {
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .padding-medium {
        padding: 10px;
    }
    .padding-medium-left {
        padding-left: 10px;
    }
    .padding-medium-right {
        padding-right: 10px;
    }
    .padding-medium-top {
        padding-top: 10px;
    }
    .padding-medium-bottom {
        padding-bottom: 10px;
    }
    .padding-medium-lateral {
        padding-left: 10px;
        padding-right: 10px;
    }
    .padding-medium-vertical {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .padding-big {
        padding: 20px;
    }
    .padding-big-left {
        padding-left: 20px;
    }
    .padding-big-right {
        padding-right: 20px;
    }
    .padding-big-top {
        padding-top: 20px;
    }
    .padding-big-bottom {
        padding-bottom: 20px;
    }
    .padding-big-lateral {
        padding-left: 20px;
        padding-right: 20px;
    }
    .padding-big-vertical {
        padding-top: 20px;
        padding-bottom: 20px;
    }
}
@media screen and (min-width: 1960px) {
    .l-g0 {
        width: 0%;
        display: none;
    }
    .l-g1 {
        width: 8.33%;
    }
    .l-g2 {
        width: 16.66%;
    }
    .l-g3 {
        width: 25%;
    }
    .l-g4 {
        width: 33.33%;
    }
    .l-g5 {
        width: 41.66%;
    }
    .l-g6 {
        width: 50%;
    }
    .l-g7 {
        width: 58.33%;
    }
    .l-g8 {
        width: 66.66%;
    }
    .l-g9 {
        width: 75%;
    }
    .l-g10 {
        width: 83.33%;
    }
    .l-g11 {
        width: 91.66%;
    }
    .l-g12 {
        width: 100%;
    }
    .l-txt-darkblack,
    .l-txt-darkblack:hover {
        color: black;
    }
    .l-txt-black,
    .l-txt-black:hover {
        color: #171717;
    }
    .l-txt-lightblack,
    .l-txt-lightblack:hover {
        color: #333333;
    }
    .l-txt-darkgreen,
    .l-txt-darkgreen:hover {
        color: #008600;
    }
    .l-txt-green,
    .l-txt-green:hover {
        color: #00ba00;
    }
    .l-txt-lightgreen,
    .l-txt-lightgreen:hover {
        color: #00d500;
    }
    .l-txt-darkred,
    .l-txt-darkred:hover {
        color: #bb0909;
    }
    .l-txt-red,
    .l-txt-red:hover {
        color: #ff3c3c;
    }
    .l-txt-lightred,
    .l-txt-lightred:hover {
        color: #ff6464;
    }
    .l-txt-darkorange,
    .l-txt-darkorange:hover {
        color: #df7300;
    }
    .l-txt-orange,
    .l-txt-orange:hover {
        color: #ff9c33;
    }
    .l-txt-lightorange,
    .l-txt-lightorange:hover {
        color: #ffc356;
    }
    .l-txt-darkyellow,
    .l-txt-darkyellow:hover {
        color: #dddd07;
    }
    .l-txt-yellow,
    .l-txt-yellow:hover {
        color: yellow;
    }
    .l-txt-lightyellow,
    .l-txt-lightyellow:hover {
        color: #ffff95;
    }
    .l-txt-darkblue,
    .l-txt-darkblue:hover {
        color: #005ec1;
    }
    .l-txt-blue,
    .l-txt-blue:hover {
        color: #1f73cc;
    }
    .l-txt-lightblue,
    .l-txt-lightblue:hover {
        color: #589be1;
    }
    .l-txt-darkgrey,
    .l-txt-darkgrey:hover {
        color: #595959;
    }
    .l-txt-grey,
    .l-txt-grey:hover {
        color: grey;
    }
    .l-txt-lightgrey,
    .l-txt-lightgrey:hover {
        color: lightgrey;
    }
    .l-txt-darkwhite,
    .l-txt-darkwhite:hover {
        color: #eaeaea;
    }
    .l-txt-white,
    .l-txt-white:hover {
        color: white;
    }
    .l-bg-darkblack,
    .l-bg-darkblack:hover {
        background-color: black;
    }
    .l-bg-black,
    .l-bg-black:hover {
        background-color: #171717;
    }
    .l-bg-lightblack,
    .l-bg-lightblack:hover {
        background-color: #333333;
    }
    .l-bg-darkgreen,
    .l-bg-darkgreen:hover {
        background-color: #008600;
    }
    .l-bg-green,
    .l-bg-green:hover {
        background-color: #00ba00;
    }
    .l-bg-lightgreen,
    .l-bg-lightgreen:hover {
        background-color: #00d500;
    }
    .l-bg-darkred,
    .l-bg-darkred:hover {
        background-color: #bb0909;
    }
    .l-bg-red,
    .l-bg-red:hover {
        background-color: #ff3c3c;
    }
    .l-bg-lightred,
    .l-bg-lightred:hover {
        background-color: #ff6464;
    }
    .l-bg-darkorange,
    .l-bg-darkorange:hover {
        background-color: #df7300;
    }
    .l-bg-orange,
    .l-bg-orange:hover {
        background-color: #ff9c33;
    }
    .l-bg-lightorange,
    .l-bg-lightorange:hover {
        background-color: #ffc356;
    }
    .l-bg-darkyellow,
    .l-bg-darkyellow:hover {
        background-color: #dddd07;
    }
    .l-bg-yellow,
    .l-bg-yellow:hover {
        background-color: yellow;
    }
    .l-bg-lightyellow,
    .l-bg-lightyellow:hover {
        background-color: #ffff95;
    }
    .l-bg-darkblue,
    .l-bg-darkblue:hover {
        background-color: #005ec1;
    }
    .l-bg-blue,
    .l-bg-blue:hover {
        background-color: #1f73cc;
    }
    .l-bg-lightblue,
    .l-bg-lightblue:hover {
        background-color: #589be1;
    }
    .l-bg-darkgrey,
    .l-bg-darkgrey:hover {
        background-color: #595959;
    }
    .l-bg-grey,
    .l-bg-grey:hover {
        background-color: grey;
    }
    .l-bg-lightgrey,
    .l-bg-lightgrey:hover {
        background-color: lightgrey;
    }
    .l-bg-darkwhite,
    .l-bg-darkwhite:hover {
        background-color: #eaeaea;
    }
    .l-bg-white,
    .l-bg-white:hover {
        background-color: white;
    }
    .l-float-left {
        float: left;
    }
    .l-float-right {
        float: right;
    }
    .l-float-center {
        margin-left: auto;
    }
    .l-float-center {
        margin-right: auto;
    }
    .l-float-center {
        text-align: center;
    }
    .l-txt-align-justify {
        text-align: justify;
    }
    .l-txt-align-left {
        text-align: left;
    }
    .l-txt-align-right {
        text-align: right;
    }
    .l-txt-align-center {
        text-align: center;
    }
    .l-v-align-top {
        vertical-align: top;
    }
    .l-v-align-middle {
        vertical-align: middle;
    }
    .l-v-align-bottom {
        vertical-align: bottom;
    }
    .l-display-none {
        display: none;
    }
    .l-display-block {
        display: block;
    }
    .l-display-inline {
        display: inline;
    }
    .l-display-inblock {
        display: inline-block;
    }
    .l-margin-none {
        margin: 0px;
    }
    .l-margin-none-left {
        margin-left: 0px;
    }
    .l-margin-none-right {
        margin-right: 0px;
    }
    .l-margin-none-top {
        margin-top: 0px;
    }
    .l-margin-none-bottom {
        margin-bottom: 0px;
    }
    .l-margin-none-lateral {
        margin-left: 0px;
        margin-right: 0px;
    }
    .l-margin-none-vertical {
        margin-top: 0px;
        margin-bottom: 0px;
    }
    .l-margin-small {
        margin: 5px;
    }
    .l-margin-small-left {
        margin-left: 5px;
    }
    .l-margin-small-right {
        margin-right: 5px;
    }
    .l-margin-small-top {
        margin-top: 5px;
    }
    .l-margin-small-bottom {
        margin-bottom: 5px;
    }
    .l-margin-small-lateral {
        margin-left: 5px;
        margin-right: 5px;
    }
    .l-margin-small-vertical {
        margin-top: 5px;
        margin-bottom: 5px;
    }
    .l-margin-medium {
        margin: 10px;
    }
    .l-margin-medium-left {
        margin-left: 10px;
    }
    .l-margin-medium-right {
        margin-right: 10px;
    }
    .l-margin-medium-top {
        margin-top: 10px;
    }
    .l-margin-medium-bottom {
        margin-bottom: 10px;
    }
    .l-margin-medium-lateral {
        margin-left: 10px;
        margin-right: 10px;
    }
    .l-margin-medium-vertical {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .l-margin-big {
        margin: 20px;
    }
    .l-margin-big-left {
        margin-left: 20px;
    }
    .l-margin-big-right {
        margin-right: 20px;
    }
    .l-margin-big-top {
        margin-top: 20px;
    }
    .l-margin-big-bottom {
        margin-bottom: 20px;
    }
    .l-margin-big-lateral {
        margin-left: 20px;
        margin-right: 20px;
    }
    .l-margin-big-vertical {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .l-padding-none {
        padding: 0px;
    }
    .l-padding-none-left {
        padding-left: 0px;
    }
    .l-padding-none-right {
        padding-right: 0px;
    }
    .l-padding-none-top {
        padding-top: 0px;
    }
    .l-padding-none-bottom {
        padding-bottom: 0px;
    }
    .l-padding-none-lateral {
        padding-left: 0px;
        padding-right: 0px;
    }
    .l-padding-none-vertical {
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .l-padding-small {
        padding: 5px;
    }
    .l-padding-small-left {
        padding-left: 5px;
    }
    .l-padding-small-right {
        padding-right: 5px;
    }
    .l-padding-small-top {
        padding-top: 5px;
    }
    .l-padding-small-bottom {
        padding-bottom: 5px;
    }
    .l-padding-small-lateral {
        padding-left: 5px;
        padding-right: 5px;
    }
    .l-padding-small-vertical {
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .l-padding-medium {
        padding: 10px;
    }
    .l-padding-medium-left {
        padding-left: 10px;
    }
    .l-padding-medium-right {
        padding-right: 10px;
    }
    .l-padding-medium-top {
        padding-top: 10px;
    }
    .l-padding-medium-bottom {
        padding-bottom: 10px;
    }
    .l-padding-medium-lateral {
        padding-left: 10px;
        padding-right: 10px;
    }
    .l-padding-medium-vertical {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .l-padding-big {
        padding: 20px;
    }
    .l-padding-big-left {
        padding-left: 20px;
    }
    .l-padding-big-right {
        padding-right: 20px;
    }
    .l-padding-big-top {
        padding-top: 20px;
    }
    .l-padding-big-bottom {
        padding-bottom: 20px;
    }
    .l-padding-big-lateral {
        padding-left: 20px;
        padding-right: 20px;
    }
    .l-padding-big-vertical {
        padding-top: 20px;
        padding-bottom: 20px;
    }
}
@media screen and (min-width: 2400px) {
    .xl-g0 {
        width: 0%;
        display: none;
    }
    .xl-g1 {
        width: 8.33%;
    }
    .xl-g2 {
        width: 16.66%;
    }
    .xl-g3 {
        width: 25%;
    }
    .xl-g4 {
        width: 33.33%;
    }
    .xl-g5 {
        width: 41.66%;
    }
    .xl-g6 {
        width: 50%;
    }
    .xl-g7 {
        width: 58.33%;
    }
    .xl-g8 {
        width: 66.66%;
    }
    .xl-g9 {
        width: 75%;
    }
    .xl-g10 {
        width: 83.33%;
    }
    .xl-g11 {
        width: 91.66%;
    }
    .xl-g12 {
        width: 100%;
    }
    .xl-txt-darkblack,
    .xl-txt-darkblack:hover {
        color: black;
    }
    .xl-txt-black,
    .xl-txt-black:hover {
        color: #171717;
    }
    .xl-txt-lightblack,
    .xl-txt-lightblack:hover {
        color: #333333;
    }
    .xl-txt-darkgreen,
    .xl-txt-darkgreen:hover {
        color: #008600;
    }
    .xl-txt-green,
    .xl-txt-green:hover {
        color: #00ba00;
    }
    .xl-txt-lightgreen,
    .xl-txt-lightgreen:hover {
        color: #00d500;
    }
    .xl-txt-darkred,
    .xl-txt-darkred:hover {
        color: #bb0909;
    }
    .xl-txt-red,
    .xl-txt-red:hover {
        color: #ff3c3c;
    }
    .xl-txt-lightred,
    .xl-txt-lightred:hover {
        color: #ff6464;
    }
    .xl-txt-darkorange,
    .xl-txt-darkorange:hover {
        color: #df7300;
    }
    .xl-txt-orange,
    .xl-txt-orange:hover {
        color: #ff9c33;
    }
    .xl-txt-lightorange,
    .xl-txt-lightorange:hover {
        color: #ffc356;
    }
    .xl-txt-darkyellow,
    .xl-txt-darkyellow:hover {
        color: #dddd07;
    }
    .xl-txt-yellow,
    .xl-txt-yellow:hover {
        color: yellow;
    }
    .xl-txt-lightyellow,
    .xl-txt-lightyellow:hover {
        color: #ffff95;
    }
    .xl-txt-darkblue,
    .xl-txt-darkblue:hover {
        color: #005ec1;
    }
    .xl-txt-blue,
    .xl-txt-blue:hover {
        color: #1f73cc;
    }
    .xl-txt-lightblue,
    .xl-txt-lightblue:hover {
        color: #589be1;
    }
    .xl-txt-darkgrey,
    .xl-txt-darkgrey:hover {
        color: #595959;
    }
    .xl-txt-grey,
    .xl-txt-grey:hover {
        color: grey;
    }
    .xl-txt-lightgrey,
    .xl-txt-lightgrey:hover {
        color: lightgrey;
    }
    .xl-txt-darkwhite,
    .xl-txt-darkwhite:hover {
        color: #eaeaea;
    }
    .xl-txt-white,
    .xl-txt-white:hover {
        color: white;
    }
    .xl-bg-darkblack,
    .xl-bg-darkblack:hover {
        background-color: black;
    }
    .xl-bg-black,
    .xl-bg-black:hover {
        background-color: #171717;
    }
    .xl-bg-lightblack,
    .xl-bg-lightblack:hover {
        background-color: #333333;
    }
    .xl-bg-darkgreen,
    .xl-bg-darkgreen:hover {
        background-color: #008600;
    }
    .xl-bg-green,
    .xl-bg-green:hover {
        background-color: #00ba00;
    }
    .xl-bg-lightgreen,
    .xl-bg-lightgreen:hover {
        background-color: #00d500;
    }
    .xl-bg-darkred,
    .xl-bg-darkred:hover {
        background-color: #bb0909;
    }
    .xl-bg-red,
    .xl-bg-red:hover {
        background-color: #ff3c3c;
    }
    .xl-bg-lightred,
    .xl-bg-lightred:hover {
        background-color: #ff6464;
    }
    .xl-bg-darkorange,
    .xl-bg-darkorange:hover {
        background-color: #df7300;
    }
    .xl-bg-orange,
    .xl-bg-orange:hover {
        background-color: #ff9c33;
    }
    .xl-bg-lightorange,
    .xl-bg-lightorange:hover {
        background-color: #ffc356;
    }
    .xl-bg-darkyellow,
    .xl-bg-darkyellow:hover {
        background-color: #dddd07;
    }
    .xl-bg-yellow,
    .xl-bg-yellow:hover {
        background-color: yellow;
    }
    .xl-bg-lightyellow,
    .xl-bg-lightyellow:hover {
        background-color: #ffff95;
    }
    .xl-bg-darkblue,
    .xl-bg-darkblue:hover {
        background-color: #005ec1;
    }
    .xl-bg-blue,
    .xl-bg-blue:hover {
        background-color: #1f73cc;
    }
    .xl-bg-lightblue,
    .xl-bg-lightblue:hover {
        background-color: #589be1;
    }
    .xl-bg-darkgrey,
    .xl-bg-darkgrey:hover {
        background-color: #595959;
    }
    .xl-bg-grey,
    .xl-bg-grey:hover {
        background-color: grey;
    }
    .xl-bg-lightgrey,
    .xl-bg-lightgrey:hover {
        background-color: lightgrey;
    }
    .xl-bg-darkwhite,
    .xl-bg-darkwhite:hover {
        background-color: #eaeaea;
    }
    .xl-bg-white,
    .xl-bg-white:hover {
        background-color: white;
    }
    .xl-float-left {
        float: left;
    }
    .xl-float-right {
        float: right;
    }
    .xl-float-center {
        margin-left: auto;
    }
    .xl-float-center {
        margin-right: auto;
    }
    .xl-float-center {
        text-align: center;
    }
    .xl-txt-align-justify {
        text-align: justify;
    }
    .xl-txt-align-left {
        text-align: left;
    }
    .xl-txt-align-right {
        text-align: right;
    }
    .xl-txt-align-center {
        text-align: center;
    }
    .xl-v-align-top {
        vertical-align: top;
    }
    .xl-v-align-middle {
        vertical-align: middle;
    }
    .xl-v-align-bottom {
        vertical-align: bottom;
    }
    .xl-display-none {
        display: none;
    }
    .xl-display-block {
        display: block;
    }
    .xl-display-inline {
        display: inline;
    }
    .xl-display-inblock {
        display: inline-block;
    }
    .xl-margin-none {
        margin: 0px;
    }
    .xl-margin-none-left {
        margin-left: 0px;
    }
    .xl-margin-none-right {
        margin-right: 0px;
    }
    .xl-margin-none-top {
        margin-top: 0px;
    }
    .xl-margin-none-bottom {
        margin-bottom: 0px;
    }
    .xl-margin-none-lateral {
        margin-left: 0px;
        margin-right: 0px;
    }
    .xl-margin-none-vertical {
        margin-top: 0px;
        margin-bottom: 0px;
    }
    .xl-margin-small {
        margin: 5px;
    }
    .xl-margin-small-left {
        margin-left: 5px;
    }
    .xl-margin-small-right {
        margin-right: 5px;
    }
    .xl-margin-small-top {
        margin-top: 5px;
    }
    .xl-margin-small-bottom {
        margin-bottom: 5px;
    }
    .xl-margin-small-lateral {
        margin-left: 5px;
        margin-right: 5px;
    }
    .xl-margin-small-vertical {
        margin-top: 5px;
        margin-bottom: 5px;
    }
    .xl-margin-medium {
        margin: 10px;
    }
    .xl-margin-medium-left {
        margin-left: 10px;
    }
    .xl-margin-medium-right {
        margin-right: 10px;
    }
    .xl-margin-medium-top {
        margin-top: 10px;
    }
    .xl-margin-medium-bottom {
        margin-bottom: 10px;
    }
    .xl-margin-medium-lateral {
        margin-left: 10px;
        margin-right: 10px;
    }
    .xl-margin-medium-vertical {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .xl-margin-big {
        margin: 20px;
    }
    .xl-margin-big-left {
        margin-left: 20px;
    }
    .xl-margin-big-right {
        margin-right: 20px;
    }
    .xl-margin-big-top {
        margin-top: 20px;
    }
    .xl-margin-big-bottom {
        margin-bottom: 20px;
    }
    .xl-margin-big-lateral {
        margin-left: 20px;
        margin-right: 20px;
    }
    .xl-margin-big-vertical {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .xl-padding-none {
        padding: 0px;
    }
    .xl-padding-none-left {
        padding-left: 0px;
    }
    .xl-padding-none-right {
        padding-right: 0px;
    }
    .xl-padding-none-top {
        padding-top: 0px;
    }
    .xl-padding-none-bottom {
        padding-bottom: 0px;
    }
    .xl-padding-none-lateral {
        padding-left: 0px;
        padding-right: 0px;
    }
    .xl-padding-none-vertical {
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .xl-padding-small {
        padding: 5px;
    }
    .xl-padding-small-left {
        padding-left: 5px;
    }
    .xl-padding-small-right {
        padding-right: 5px;
    }
    .xl-padding-small-top {
        padding-top: 5px;
    }
    .xl-padding-small-bottom {
        padding-bottom: 5px;
    }
    .xl-padding-small-lateral {
        padding-left: 5px;
        padding-right: 5px;
    }
    .xl-padding-small-vertical {
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .xl-padding-medium {
        padding: 10px;
    }
    .xl-padding-medium-left {
        padding-left: 10px;
    }
    .xl-padding-medium-right {
        padding-right: 10px;
    }
    .xl-padding-medium-top {
        padding-top: 10px;
    }
    .xl-padding-medium-bottom {
        padding-bottom: 10px;
    }
    .xl-padding-medium-lateral {
        padding-left: 10px;
        padding-right: 10px;
    }
    .xl-padding-medium-vertical {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .xl-padding-big {
        padding: 20px;
    }
    .xl-padding-big-left {
        padding-left: 20px;
    }
    .xl-padding-big-right {
        padding-right: 20px;
    }
    .xl-padding-big-top {
        padding-top: 20px;
    }
    .xl-padding-big-bottom {
        padding-bottom: 20px;
    }
    .xl-padding-big-lateral {
        padding-left: 20px;
        padding-right: 20px;
    }
    .xl-padding-big-vertical {
        padding-top: 20px;
        padding-bottom: 20px;
    }
}
@media screen and (min-width: 3200px) {
    .xxl-g0 {
        width: 0%;
        display: none;
    }
    .xxl-g1 {
        width: 8.33%;
    }
    .xxl-g2 {
        width: 16.66%;
    }
    .xxl-g3 {
        width: 25%;
    }
    .xxl-g4 {
        width: 33.33%;
    }
    .xxl-g5 {
        width: 41.66%;
    }
    .xxl-g6 {
        width: 50%;
    }
    .xxl-g7 {
        width: 58.33%;
    }
    .xxl-g8 {
        width: 66.66%;
    }
    .xxl-g9 {
        width: 75%;
    }
    .xxl-g10 {
        width: 83.33%;
    }
    .xxl-g11 {
        width: 91.66%;
    }
    .xxl-g12 {
        width: 100%;
    }
    .xxl-txt-darkblack,
    .xxl-txt-darkblack:hover {
        color: black;
    }
    .xxl-txt-black,
    .xxl-txt-black:hover {
        color: #171717;
    }
    .xxl-txt-lightblack,
    .xxl-txt-lightblack:hover {
        color: #333333;
    }
    .xxl-txt-darkgreen,
    .xxl-txt-darkgreen:hover {
        color: #008600;
    }
    .xxl-txt-green,
    .xxl-txt-green:hover {
        color: #00ba00;
    }
    .xxl-txt-lightgreen,
    .xxl-txt-lightgreen:hover {
        color: #00d500;
    }
    .xxl-txt-darkred,
    .xxl-txt-darkred:hover {
        color: #bb0909;
    }
    .xxl-txt-red,
    .xxl-txt-red:hover {
        color: #ff3c3c;
    }
    .xxl-txt-lightred,
    .xxl-txt-lightred:hover {
        color: #ff6464;
    }
    .xxl-txt-darkorange,
    .xxl-txt-darkorange:hover {
        color: #df7300;
    }
    .xxl-txt-orange,
    .xxl-txt-orange:hover {
        color: #ff9c33;
    }
    .xxl-txt-lightorange,
    .xxl-txt-lightorange:hover {
        color: #ffc356;
    }
    .xxl-txt-darkyellow,
    .xxl-txt-darkyellow:hover {
        color: #dddd07;
    }
    .xxl-txt-yellow,
    .xxl-txt-yellow:hover {
        color: yellow;
    }
    .xxl-txt-lightyellow,
    .xxl-txt-lightyellow:hover {
        color: #ffff95;
    }
    .xxl-txt-darkblue,
    .xxl-txt-darkblue:hover {
        color: #005ec1;
    }
    .xxl-txt-blue,
    .xxl-txt-blue:hover {
        color: #1f73cc;
    }
    .xxl-txt-lightblue,
    .xxl-txt-lightblue:hover {
        color: #589be1;
    }
    .xxl-txt-darkgrey,
    .xxl-txt-darkgrey:hover {
        color: #595959;
    }
    .xxl-txt-grey,
    .xxl-txt-grey:hover {
        color: grey;
    }
    .xxl-txt-lightgrey,
    .xxl-txt-lightgrey:hover {
        color: lightgrey;
    }
    .xxl-txt-darkwhite,
    .xxl-txt-darkwhite:hover {
        color: #eaeaea;
    }
    .xxl-txt-white,
    .xxl-txt-white:hover {
        color: white;
    }
    .xxl-bg-darkblack,
    .xxl-bg-darkblack:hover {
        background-color: black;
    }
    .xxl-bg-black,
    .xxl-bg-black:hover {
        background-color: #171717;
    }
    .xxl-bg-lightblack,
    .xxl-bg-lightblack:hover {
        background-color: #333333;
    }
    .xxl-bg-darkgreen,
    .xxl-bg-darkgreen:hover {
        background-color: #008600;
    }
    .xxl-bg-green,
    .xxl-bg-green:hover {
        background-color: #00ba00;
    }
    .xxl-bg-lightgreen,
    .xxl-bg-lightgreen:hover {
        background-color: #00d500;
    }
    .xxl-bg-darkred,
    .xxl-bg-darkred:hover {
        background-color: #bb0909;
    }
    .xxl-bg-red,
    .xxl-bg-red:hover {
        background-color: #ff3c3c;
    }
    .xxl-bg-lightred,
    .xxl-bg-lightred:hover {
        background-color: #ff6464;
    }
    .xxl-bg-darkorange,
    .xxl-bg-darkorange:hover {
        background-color: #df7300;
    }
    .xxl-bg-orange,
    .xxl-bg-orange:hover {
        background-color: #ff9c33;
    }
    .xxl-bg-lightorange,
    .xxl-bg-lightorange:hover {
        background-color: #ffc356;
    }
    .xxl-bg-darkyellow,
    .xxl-bg-darkyellow:hover {
        background-color: #dddd07;
    }
    .xxl-bg-yellow,
    .xxl-bg-yellow:hover {
        background-color: yellow;
    }
    .xxl-bg-lightyellow,
    .xxl-bg-lightyellow:hover {
        background-color: #ffff95;
    }
    .xxl-bg-darkblue,
    .xxl-bg-darkblue:hover {
        background-color: #005ec1;
    }
    .xxl-bg-blue,
    .xxl-bg-blue:hover {
        background-color: #1f73cc;
    }
    .xxl-bg-lightblue,
    .xxl-bg-lightblue:hover {
        background-color: #589be1;
    }
    .xxl-bg-darkgrey,
    .xxl-bg-darkgrey:hover {
        background-color: #595959;
    }
    .xxl-bg-grey,
    .xxl-bg-grey:hover {
        background-color: grey;
    }
    .xxl-bg-lightgrey,
    .xxl-bg-lightgrey:hover {
        background-color: lightgrey;
    }
    .xxl-bg-darkwhite,
    .xxl-bg-darkwhite:hover {
        background-color: #eaeaea;
    }
    .xxl-bg-white,
    .xxl-bg-white:hover {
        background-color: white;
    }
    .xxl-float-left {
        float: left;
    }
    .xxl-float-right {
        float: right;
    }
    .xxl-float-center {
        margin-left: auto;
    }
    .xxl-float-center {
        margin-right: auto;
    }
    .xxl-float-center {
        text-align: center;
    }
    .xxl-txt-align-justify {
        text-align: justify;
    }
    .xxl-txt-align-left {
        text-align: left;
    }
    .xxl-txt-align-right {
        text-align: right;
    }
    .xxl-txt-align-center {
        text-align: center;
    }
    .xxl-v-align-top {
        vertical-align: top;
    }
    .xxl-v-align-middle {
        vertical-align: middle;
    }
    .xxl-v-align-bottom {
        vertical-align: bottom;
    }
    .xxl-display-none {
        display: none;
    }
    .xxl-display-block {
        display: block;
    }
    .xxl-display-inline {
        display: inline;
    }
    .xxl-display-inblock {
        display: inline-block;
    }
    .xxl-margin-none {
        margin: 0px;
    }
    .xxl-margin-none-left {
        margin-left: 0px;
    }
    .xxl-margin-none-right {
        margin-right: 0px;
    }
    .xxl-margin-none-top {
        margin-top: 0px;
    }
    .xxl-margin-none-bottom {
        margin-bottom: 0px;
    }
    .xxl-margin-none-lateral {
        margin-left: 0px;
        margin-right: 0px;
    }
    .xxl-margin-none-vertical {
        margin-top: 0px;
        margin-bottom: 0px;
    }
    .xxl-margin-small {
        margin: 5px;
    }
    .xxl-margin-small-left {
        margin-left: 5px;
    }
    .xxl-margin-small-right {
        margin-right: 5px;
    }
    .xxl-margin-small-top {
        margin-top: 5px;
    }
    .xxl-margin-small-bottom {
        margin-bottom: 5px;
    }
    .xxl-margin-small-lateral {
        margin-left: 5px;
        margin-right: 5px;
    }
    .xxl-margin-small-vertical {
        margin-top: 5px;
        margin-bottom: 5px;
    }
    .xxl-margin-medium {
        margin: 10px;
    }
    .xxl-margin-medium-left {
        margin-left: 10px;
    }
    .xxl-margin-medium-right {
        margin-right: 10px;
    }
    .xxl-margin-medium-top {
        margin-top: 10px;
    }
    .xxl-margin-medium-bottom {
        margin-bottom: 10px;
    }
    .xxl-margin-medium-lateral {
        margin-left: 10px;
        margin-right: 10px;
    }
    .xxl-margin-medium-vertical {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .xxl-margin-big {
        margin: 20px;
    }
    .xxl-margin-big-left {
        margin-left: 20px;
    }
    .xxl-margin-big-right {
        margin-right: 20px;
    }
    .xxl-margin-big-top {
        margin-top: 20px;
    }
    .xxl-margin-big-bottom {
        margin-bottom: 20px;
    }
    .xxl-margin-big-lateral {
        margin-left: 20px;
        margin-right: 20px;
    }
    .xxl-margin-big-vertical {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .xxl-padding-none {
        padding: 0px;
    }
    .xxl-padding-none-left {
        padding-left: 0px;
    }
    .xxl-padding-none-right {
        padding-right: 0px;
    }
    .xxl-padding-none-top {
        padding-top: 0px;
    }
    .xxl-padding-none-bottom {
        padding-bottom: 0px;
    }
    .xxl-padding-none-lateral {
        padding-left: 0px;
        padding-right: 0px;
    }
    .xxl-padding-none-vertical {
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .xxl-padding-small {
        padding: 5px;
    }
    .xxl-padding-small-left {
        padding-left: 5px;
    }
    .xxl-padding-small-right {
        padding-right: 5px;
    }
    .xxl-padding-small-top {
        padding-top: 5px;
    }
    .xxl-padding-small-bottom {
        padding-bottom: 5px;
    }
    .xxl-padding-small-lateral {
        padding-left: 5px;
        padding-right: 5px;
    }
    .xxl-padding-small-vertical {
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .xxl-padding-medium {
        padding: 10px;
    }
    .xxl-padding-medium-left {
        padding-left: 10px;
    }
    .xxl-padding-medium-right {
        padding-right: 10px;
    }
    .xxl-padding-medium-top {
        padding-top: 10px;
    }
    .xxl-padding-medium-bottom {
        padding-bottom: 10px;
    }
    .xxl-padding-medium-lateral {
        padding-left: 10px;
        padding-right: 10px;
    }
    .xxl-padding-medium-vertical {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .xxl-padding-big {
        padding: 20px;
    }
    .xxl-padding-big-left {
        padding-left: 20px;
    }
    .xxl-padding-big-right {
        padding-right: 20px;
    }
    .xxl-padding-big-top {
        padding-top: 20px;
    }
    .xxl-padding-big-bottom {
        padding-bottom: 20px;
    }
    .xxl-padding-big-lateral {
        padding-left: 20px;
        padding-right: 20px;
    }
    .xxl-padding-big-vertical {
        padding-top: 20px;
        padding-bottom: 20px;
    }
}
@media screen and (max-width: 1280px) {
    .lm-g0 {
        width: 0%;
        display: none;
    }
    .lm-g1 {
        width: 8.33%;
    }
    .lm-g2 {
        width: 16.66%;
    }
    .lm-g3 {
        width: 25%;
    }
    .lm-g4 {
        width: 33.33%;
    }
    .lm-g5 {
        width: 41.66%;
    }
    .lm-g6 {
        width: 50%;
    }
    .lm-g7 {
        width: 58.33%;
    }
    .lm-g8 {
        width: 66.66%;
    }
    .lm-g9 {
        width: 75%;
    }
    .lm-g10 {
        width: 83.33%;
    }
    .lm-g11 {
        width: 91.66%;
    }
    .lm-g12 {
        width: 100%;
    }
    .lm-txt-darkblack,
    .lm-txt-darkblack:hover {
        color: black;
    }
    .lm-txt-black,
    .lm-txt-black:hover {
        color: #171717;
    }
    .lm-txt-lightblack,
    .lm-txt-lightblack:hover {
        color: #333333;
    }
    .lm-txt-darkgreen,
    .lm-txt-darkgreen:hover {
        color: #008600;
    }
    .lm-txt-green,
    .lm-txt-green:hover {
        color: #00ba00;
    }
    .lm-txt-lightgreen,
    .lm-txt-lightgreen:hover {
        color: #00d500;
    }
    .lm-txt-darkred,
    .lm-txt-darkred:hover {
        color: #bb0909;
    }
    .lm-txt-red,
    .lm-txt-red:hover {
        color: #ff3c3c;
    }
    .lm-txt-lightred,
    .lm-txt-lightred:hover {
        color: #ff6464;
    }
    .lm-txt-darkorange,
    .lm-txt-darkorange:hover {
        color: #df7300;
    }
    .lm-txt-orange,
    .lm-txt-orange:hover {
        color: #ff9c33;
    }
    .lm-txt-lightorange,
    .lm-txt-lightorange:hover {
        color: #ffc356;
    }
    .lm-txt-darkyellow,
    .lm-txt-darkyellow:hover {
        color: #dddd07;
    }
    .lm-txt-yellow,
    .lm-txt-yellow:hover {
        color: yellow;
    }
    .lm-txt-lightyellow,
    .lm-txt-lightyellow:hover {
        color: #ffff95;
    }
    .lm-txt-darkblue,
    .lm-txt-darkblue:hover {
        color: #005ec1;
    }
    .lm-txt-blue,
    .lm-txt-blue:hover {
        color: #1f73cc;
    }
    .lm-txt-lightblue,
    .lm-txt-lightblue:hover {
        color: #589be1;
    }
    .lm-txt-darkgrey,
    .lm-txt-darkgrey:hover {
        color: #595959;
    }
    .lm-txt-grey,
    .lm-txt-grey:hover {
        color: grey;
    }
    .lm-txt-lightgrey,
    .lm-txt-lightgrey:hover {
        color: lightgrey;
    }
    .lm-txt-darkwhite,
    .lm-txt-darkwhite:hover {
        color: #eaeaea;
    }
    .lm-txt-white,
    .lm-txt-white:hover {
        color: white;
    }
    .lm-bg-darkblack,
    .lm-bg-darkblack:hover {
        background-color: black;
    }
    .lm-bg-black,
    .lm-bg-black:hover {
        background-color: #171717;
    }
    .lm-bg-lightblack,
    .lm-bg-lightblack:hover {
        background-color: #333333;
    }
    .lm-bg-darkgreen,
    .lm-bg-darkgreen:hover {
        background-color: #008600;
    }
    .lm-bg-green,
    .lm-bg-green:hover {
        background-color: #00ba00;
    }
    .lm-bg-lightgreen,
    .lm-bg-lightgreen:hover {
        background-color: #00d500;
    }
    .lm-bg-darkred,
    .lm-bg-darkred:hover {
        background-color: #bb0909;
    }
    .lm-bg-red,
    .lm-bg-red:hover {
        background-color: #ff3c3c;
    }
    .lm-bg-lightred,
    .lm-bg-lightred:hover {
        background-color: #ff6464;
    }
    .lm-bg-darkorange,
    .lm-bg-darkorange:hover {
        background-color: #df7300;
    }
    .lm-bg-orange,
    .lm-bg-orange:hover {
        background-color: #ff9c33;
    }
    .lm-bg-lightorange,
    .lm-bg-lightorange:hover {
        background-color: #ffc356;
    }
    .lm-bg-darkyellow,
    .lm-bg-darkyellow:hover {
        background-color: #dddd07;
    }
    .lm-bg-yellow,
    .lm-bg-yellow:hover {
        background-color: yellow;
    }
    .lm-bg-lightyellow,
    .lm-bg-lightyellow:hover {
        background-color: #ffff95;
    }
    .lm-bg-darkblue,
    .lm-bg-darkblue:hover {
        background-color: #005ec1;
    }
    .lm-bg-blue,
    .lm-bg-blue:hover {
        background-color: #1f73cc;
    }
    .lm-bg-lightblue,
    .lm-bg-lightblue:hover {
        background-color: #589be1;
    }
    .lm-bg-darkgrey,
    .lm-bg-darkgrey:hover {
        background-color: #595959;
    }
    .lm-bg-grey,
    .lm-bg-grey:hover {
        background-color: grey;
    }
    .lm-bg-lightgrey,
    .lm-bg-lightgrey:hover {
        background-color: lightgrey;
    }
    .lm-bg-darkwhite,
    .lm-bg-darkwhite:hover {
        background-color: #eaeaea;
    }
    .lm-bg-white,
    .lm-bg-white:hover {
        background-color: white;
    }
    .lm-float-left {
        float: left;
    }
    .lm-float-right {
        float: right;
    }
    .lm-float-center {
        margin-left: auto;
    }
    .lm-float-center {
        margin-right: auto;
    }
    .lm-float-center {
        text-align: center;
    }
    .lm-txt-align-justify {
        text-align: justify;
    }
    .lm-txt-align-left {
        text-align: left;
    }
    .lm-txt-align-right {
        text-align: right;
    }
    .lm-txt-align-center {
        text-align: center;
    }
    .lm-v-align-top {
        vertical-align: top;
    }
    .lm-v-align-middle {
        vertical-align: middle;
    }
    .lm-v-align-bottom {
        vertical-align: bottom;
    }
    .lm-display-none {
        display: none;
    }
    .lm-display-block {
        display: block;
    }
    .lm-display-inline {
        display: inline;
    }
    .lm-display-inblock {
        display: inline-block;
    }
    .lm-margin-none {
        margin: 0px;
    }
    .lm-margin-none-left {
        margin-left: 0px;
    }
    .lm-margin-none-right {
        margin-right: 0px;
    }
    .lm-margin-none-top {
        margin-top: 0px;
    }
    .lm-margin-none-bottom {
        margin-bottom: 0px;
    }
    .lm-margin-none-lateral {
        margin-left: 0px;
        margin-right: 0px;
    }
    .lm-margin-none-vertical {
        margin-top: 0px;
        margin-bottom: 0px;
    }
    .lm-margin-small {
        margin: 5px;
    }
    .lm-margin-small-left {
        margin-left: 5px;
    }
    .lm-margin-small-right {
        margin-right: 5px;
    }
    .lm-margin-small-top {
        margin-top: 5px;
    }
    .lm-margin-small-bottom {
        margin-bottom: 5px;
    }
    .lm-margin-small-lateral {
        margin-left: 5px;
        margin-right: 5px;
    }
    .lm-margin-small-vertical {
        margin-top: 5px;
        margin-bottom: 5px;
    }
    .lm-margin-medium {
        margin: 10px;
    }
    .lm-margin-medium-left {
        margin-left: 10px;
    }
    .lm-margin-medium-right {
        margin-right: 10px;
    }
    .lm-margin-medium-top {
        margin-top: 10px;
    }
    .lm-margin-medium-bottom {
        margin-bottom: 10px;
    }
    .lm-margin-medium-lateral {
        margin-left: 10px;
        margin-right: 10px;
    }
    .lm-margin-medium-vertical {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .lm-margin-big {
        margin: 20px;
    }
    .lm-margin-big-left {
        margin-left: 20px;
    }
    .lm-margin-big-right {
        margin-right: 20px;
    }
    .lm-margin-big-top {
        margin-top: 20px;
    }
    .lm-margin-big-bottom {
        margin-bottom: 20px;
    }
    .lm-margin-big-lateral {
        margin-left: 20px;
        margin-right: 20px;
    }
    .lm-margin-big-vertical {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .lm-padding-none {
        padding: 0px;
    }
    .lm-padding-none-left {
        padding-left: 0px;
    }
    .lm-padding-none-right {
        padding-right: 0px;
    }
    .lm-padding-none-top {
        padding-top: 0px;
    }
    .lm-padding-none-bottom {
        padding-bottom: 0px;
    }
    .lm-padding-none-lateral {
        padding-left: 0px;
        padding-right: 0px;
    }
    .lm-padding-none-vertical {
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .lm-padding-small {
        padding: 5px;
    }
    .lm-padding-small-left {
        padding-left: 5px;
    }
    .lm-padding-small-right {
        padding-right: 5px;
    }
    .lm-padding-small-top {
        padding-top: 5px;
    }
    .lm-padding-small-bottom {
        padding-bottom: 5px;
    }
    .lm-padding-small-lateral {
        padding-left: 5px;
        padding-right: 5px;
    }
    .lm-padding-small-vertical {
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .lm-padding-medium {
        padding: 10px;
    }
    .lm-padding-medium-left {
        padding-left: 10px;
    }
    .lm-padding-medium-right {
        padding-right: 10px;
    }
    .lm-padding-medium-top {
        padding-top: 10px;
    }
    .lm-padding-medium-bottom {
        padding-bottom: 10px;
    }
    .lm-padding-medium-lateral {
        padding-left: 10px;
        padding-right: 10px;
    }
    .lm-padding-medium-vertical {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .lm-padding-big {
        padding: 20px;
    }
    .lm-padding-big-left {
        padding-left: 20px;
    }
    .lm-padding-big-right {
        padding-right: 20px;
    }
    .lm-padding-big-top {
        padding-top: 20px;
    }
    .lm-padding-big-bottom {
        padding-bottom: 20px;
    }
    .lm-padding-big-lateral {
        padding-left: 20px;
        padding-right: 20px;
    }
    .lm-padding-big-vertical {
        padding-top: 20px;
        padding-bottom: 20px;
    }
}
@media screen and (max-width: 1024px) {
    .m-g0 {
        width: 0%;
        display: none;
    }
    .m-g1 {
        width: 8.33%;
    }
    .m-g2 {
        width: 16.66%;
    }
    .m-g3 {
        width: 25%;
    }
    .m-g4 {
        width: 33.33%;
    }
    .m-g5 {
        width: 41.66%;
    }
    .m-g6 {
        width: 50%;
    }
    .m-g7 {
        width: 58.33%;
    }
    .m-g8 {
        width: 66.66%;
    }
    .m-g9 {
        width: 75%;
    }
    .m-g10 {
        width: 83.33%;
    }
    .m-g11 {
        width: 91.66%;
    }
    .m-g12 {
        width: 100%;
    }
    .m-txt-darkblack,
    .m-txt-darkblack:hover {
        color: black;
    }
    .m-txt-black,
    .m-txt-black:hover {
        color: #171717;
    }
    .m-txt-lightblack,
    .m-txt-lightblack:hover {
        color: #333333;
    }
    .m-txt-darkgreen,
    .m-txt-darkgreen:hover {
        color: #008600;
    }
    .m-txt-green,
    .m-txt-green:hover {
        color: #00ba00;
    }
    .m-txt-lightgreen,
    .m-txt-lightgreen:hover {
        color: #00d500;
    }
    .m-txt-darkred,
    .m-txt-darkred:hover {
        color: #bb0909;
    }
    .m-txt-red,
    .m-txt-red:hover {
        color: #ff3c3c;
    }
    .m-txt-lightred,
    .m-txt-lightred:hover {
        color: #ff6464;
    }
    .m-txt-darkorange,
    .m-txt-darkorange:hover {
        color: #df7300;
    }
    .m-txt-orange,
    .m-txt-orange:hover {
        color: #ff9c33;
    }
    .m-txt-lightorange,
    .m-txt-lightorange:hover {
        color: #ffc356;
    }
    .m-txt-darkyellow,
    .m-txt-darkyellow:hover {
        color: #dddd07;
    }
    .m-txt-yellow,
    .m-txt-yellow:hover {
        color: yellow;
    }
    .m-txt-lightyellow,
    .m-txt-lightyellow:hover {
        color: #ffff95;
    }
    .m-txt-darkblue,
    .m-txt-darkblue:hover {
        color: #005ec1;
    }
    .m-txt-blue,
    .m-txt-blue:hover {
        color: #1f73cc;
    }
    .m-txt-lightblue,
    .m-txt-lightblue:hover {
        color: #589be1;
    }
    .m-txt-darkgrey,
    .m-txt-darkgrey:hover {
        color: #595959;
    }
    .m-txt-grey,
    .m-txt-grey:hover {
        color: grey;
    }
    .m-txt-lightgrey,
    .m-txt-lightgrey:hover {
        color: lightgrey;
    }
    .m-txt-darkwhite,
    .m-txt-darkwhite:hover {
        color: #eaeaea;
    }
    .m-txt-white,
    .m-txt-white:hover {
        color: white;
    }
    .m-bg-darkblack,
    .m-bg-darkblack:hover {
        background-color: black;
    }
    .m-bg-black,
    .m-bg-black:hover {
        background-color: #171717;
    }
    .m-bg-lightblack,
    .m-bg-lightblack:hover {
        background-color: #333333;
    }
    .m-bg-darkgreen,
    .m-bg-darkgreen:hover {
        background-color: #008600;
    }
    .m-bg-green,
    .m-bg-green:hover {
        background-color: #00ba00;
    }
    .m-bg-lightgreen,
    .m-bg-lightgreen:hover {
        background-color: #00d500;
    }
    .m-bg-darkred,
    .m-bg-darkred:hover {
        background-color: #bb0909;
    }
    .m-bg-red,
    .m-bg-red:hover {
        background-color: #ff3c3c;
    }
    .m-bg-lightred,
    .m-bg-lightred:hover {
        background-color: #ff6464;
    }
    .m-bg-darkorange,
    .m-bg-darkorange:hover {
        background-color: #df7300;
    }
    .m-bg-orange,
    .m-bg-orange:hover {
        background-color: #ff9c33;
    }
    .m-bg-lightorange,
    .m-bg-lightorange:hover {
        background-color: #ffc356;
    }
    .m-bg-darkyellow,
    .m-bg-darkyellow:hover {
        background-color: #dddd07;
    }
    .m-bg-yellow,
    .m-bg-yellow:hover {
        background-color: yellow;
    }
    .m-bg-lightyellow,
    .m-bg-lightyellow:hover {
        background-color: #ffff95;
    }
    .m-bg-darkblue,
    .m-bg-darkblue:hover {
        background-color: #005ec1;
    }
    .m-bg-blue,
    .m-bg-blue:hover {
        background-color: #1f73cc;
    }
    .m-bg-lightblue,
    .m-bg-lightblue:hover {
        background-color: #589be1;
    }
    .m-bg-darkgrey,
    .m-bg-darkgrey:hover {
        background-color: #595959;
    }
    .m-bg-grey,
    .m-bg-grey:hover {
        background-color: grey;
    }
    .m-bg-lightgrey,
    .m-bg-lightgrey:hover {
        background-color: lightgrey;
    }
    .m-bg-darkwhite,
    .m-bg-darkwhite:hover {
        background-color: #eaeaea;
    }
    .m-bg-white,
    .m-bg-white:hover {
        background-color: white;
    }
    .m-float-left {
        float: left;
    }
    .m-float-right {
        float: right;
    }
    .m-float-center {
        margin-left: auto;
    }
    .m-float-center {
        margin-right: auto;
    }
    .m-float-center {
        text-align: center;
    }
    .m-txt-align-justify {
        text-align: justify;
    }
    .m-txt-align-left {
        text-align: left;
    }
    .m-txt-align-right {
        text-align: right;
    }
    .m-txt-align-center {
        text-align: center;
    }
    .m-v-align-top {
        vertical-align: top;
    }
    .m-v-align-middle {
        vertical-align: middle;
    }
    .m-v-align-bottom {
        vertical-align: bottom;
    }
    .m-display-none {
        display: none;
    }
    .m-display-block {
        display: block;
    }
    .m-display-inline {
        display: inline;
    }
    .m-display-inblock {
        display: inline-block;
    }
    .m-margin-none {
        margin: 0px;
    }
    .m-margin-none-left {
        margin-left: 0px;
    }
    .m-margin-none-right {
        margin-right: 0px;
    }
    .m-margin-none-top {
        margin-top: 0px;
    }
    .m-margin-none-bottom {
        margin-bottom: 0px;
    }
    .m-margin-none-lateral {
        margin-left: 0px;
        margin-right: 0px;
    }
    .m-margin-none-vertical {
        margin-top: 0px;
        margin-bottom: 0px;
    }
    .m-margin-small {
        margin: 5px;
    }
    .m-margin-small-left {
        margin-left: 5px;
    }
    .m-margin-small-right {
        margin-right: 5px;
    }
    .m-margin-small-top {
        margin-top: 5px;
    }
    .m-margin-small-bottom {
        margin-bottom: 5px;
    }
    .m-margin-small-lateral {
        margin-left: 5px;
        margin-right: 5px;
    }
    .m-margin-small-vertical {
        margin-top: 5px;
        margin-bottom: 5px;
    }
    .m-margin-medium {
        margin: 10px;
    }
    .m-margin-medium-left {
        margin-left: 10px;
    }
    .m-margin-medium-right {
        margin-right: 10px;
    }
    .m-margin-medium-top {
        margin-top: 10px;
    }
    .m-margin-medium-bottom {
        margin-bottom: 10px;
    }
    .m-margin-medium-lateral {
        margin-left: 10px;
        margin-right: 10px;
    }
    .m-margin-medium-vertical {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .m-margin-big {
        margin: 20px;
    }
    .m-margin-big-left {
        margin-left: 20px;
    }
    .m-margin-big-right {
        margin-right: 20px;
    }
    .m-margin-big-top {
        margin-top: 20px;
    }
    .m-margin-big-bottom {
        margin-bottom: 20px;
    }
    .m-margin-big-lateral {
        margin-left: 20px;
        margin-right: 20px;
    }
    .m-margin-big-vertical {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .m-padding-none {
        padding: 0px;
    }
    .m-padding-none-left {
        padding-left: 0px;
    }
    .m-padding-none-right {
        padding-right: 0px;
    }
    .m-padding-none-top {
        padding-top: 0px;
    }
    .m-padding-none-bottom {
        padding-bottom: 0px;
    }
    .m-padding-none-lateral {
        padding-left: 0px;
        padding-right: 0px;
    }
    .m-padding-none-vertical {
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .m-padding-small {
        padding: 5px;
    }
    .m-padding-small-left {
        padding-left: 5px;
    }
    .m-padding-small-right {
        padding-right: 5px;
    }
    .m-padding-small-top {
        padding-top: 5px;
    }
    .m-padding-small-bottom {
        padding-bottom: 5px;
    }
    .m-padding-small-lateral {
        padding-left: 5px;
        padding-right: 5px;
    }
    .m-padding-small-vertical {
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .m-padding-medium {
        padding: 10px;
    }
    .m-padding-medium-left {
        padding-left: 10px;
    }
    .m-padding-medium-right {
        padding-right: 10px;
    }
    .m-padding-medium-top {
        padding-top: 10px;
    }
    .m-padding-medium-bottom {
        padding-bottom: 10px;
    }
    .m-padding-medium-lateral {
        padding-left: 10px;
        padding-right: 10px;
    }
    .m-padding-medium-vertical {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .m-padding-big {
        padding: 20px;
    }
    .m-padding-big-left {
        padding-left: 20px;
    }
    .m-padding-big-right {
        padding-right: 20px;
    }
    .m-padding-big-top {
        padding-top: 20px;
    }
    .m-padding-big-bottom {
        padding-bottom: 20px;
    }
    .m-padding-big-lateral {
        padding-left: 20px;
        padding-right: 20px;
    }
    .m-padding-big-vertical {
        padding-top: 20px;
        padding-bottom: 20px;
    }
}
@media screen and (max-width: 962px) {
    .sm-g0 {
        width: 0%;
        display: none;
    }
    .sm-g1 {
        width: 8.33%;
    }
    .sm-g2 {
        width: 16.66%;
    }
    .sm-g3 {
        width: 25%;
    }
    .sm-g4 {
        width: 33.33%;
    }
    .sm-g5 {
        width: 41.66%;
    }
    .sm-g6 {
        width: 50%;
    }
    .sm-g7 {
        width: 58.33%;
    }
    .sm-g8 {
        width: 66.66%;
    }
    .sm-g9 {
        width: 75%;
    }
    .sm-g10 {
        width: 83.33%;
    }
    .sm-g11 {
        width: 91.66%;
    }
    .sm-g12 {
        width: 100%;
    }
    .sm-txt-darkblack,
    .sm-txt-darkblack:hover {
        color: black;
    }
    .sm-txt-black,
    .sm-txt-black:hover {
        color: #171717;
    }
    .sm-txt-lightblack,
    .sm-txt-lightblack:hover {
        color: #333333;
    }
    .sm-txt-darkgreen,
    .sm-txt-darkgreen:hover {
        color: #008600;
    }
    .sm-txt-green,
    .sm-txt-green:hover {
        color: #00ba00;
    }
    .sm-txt-lightgreen,
    .sm-txt-lightgreen:hover {
        color: #00d500;
    }
    .sm-txt-darkred,
    .sm-txt-darkred:hover {
        color: #bb0909;
    }
    .sm-txt-red,
    .sm-txt-red:hover {
        color: #ff3c3c;
    }
    .sm-txt-lightred,
    .sm-txt-lightred:hover {
        color: #ff6464;
    }
    .sm-txt-darkorange,
    .sm-txt-darkorange:hover {
        color: #df7300;
    }
    .sm-txt-orange,
    .sm-txt-orange:hover {
        color: #ff9c33;
    }
    .sm-txt-lightorange,
    .sm-txt-lightorange:hover {
        color: #ffc356;
    }
    .sm-txt-darkyellow,
    .sm-txt-darkyellow:hover {
        color: #dddd07;
    }
    .sm-txt-yellow,
    .sm-txt-yellow:hover {
        color: yellow;
    }
    .sm-txt-lightyellow,
    .sm-txt-lightyellow:hover {
        color: #ffff95;
    }
    .sm-txt-darkblue,
    .sm-txt-darkblue:hover {
        color: #005ec1;
    }
    .sm-txt-blue,
    .sm-txt-blue:hover {
        color: #1f73cc;
    }
    .sm-txt-lightblue,
    .sm-txt-lightblue:hover {
        color: #589be1;
    }
    .sm-txt-darkgrey,
    .sm-txt-darkgrey:hover {
        color: #595959;
    }
    .sm-txt-grey,
    .sm-txt-grey:hover {
        color: grey;
    }
    .sm-txt-lightgrey,
    .sm-txt-lightgrey:hover {
        color: lightgrey;
    }
    .sm-txt-darkwhite,
    .sm-txt-darkwhite:hover {
        color: #eaeaea;
    }
    .sm-txt-white,
    .sm-txt-white:hover {
        color: white;
    }
    .sm-bg-darkblack,
    .sm-bg-darkblack:hover {
        background-color: black;
    }
    .sm-bg-black,
    .sm-bg-black:hover {
        background-color: #171717;
    }
    .sm-bg-lightblack,
    .sm-bg-lightblack:hover {
        background-color: #333333;
    }
    .sm-bg-darkgreen,
    .sm-bg-darkgreen:hover {
        background-color: #008600;
    }
    .sm-bg-green,
    .sm-bg-green:hover {
        background-color: #00ba00;
    }
    .sm-bg-lightgreen,
    .sm-bg-lightgreen:hover {
        background-color: #00d500;
    }
    .sm-bg-darkred,
    .sm-bg-darkred:hover {
        background-color: #bb0909;
    }
    .sm-bg-red,
    .sm-bg-red:hover {
        background-color: #ff3c3c;
    }
    .sm-bg-lightred,
    .sm-bg-lightred:hover {
        background-color: #ff6464;
    }
    .sm-bg-darkorange,
    .sm-bg-darkorange:hover {
        background-color: #df7300;
    }
    .sm-bg-orange,
    .sm-bg-orange:hover {
        background-color: #ff9c33;
    }
    .sm-bg-lightorange,
    .sm-bg-lightorange:hover {
        background-color: #ffc356;
    }
    .sm-bg-darkyellow,
    .sm-bg-darkyellow:hover {
        background-color: #dddd07;
    }
    .sm-bg-yellow,
    .sm-bg-yellow:hover {
        background-color: yellow;
    }
    .sm-bg-lightyellow,
    .sm-bg-lightyellow:hover {
        background-color: #ffff95;
    }
    .sm-bg-darkblue,
    .sm-bg-darkblue:hover {
        background-color: #005ec1;
    }
    .sm-bg-blue,
    .sm-bg-blue:hover {
        background-color: #1f73cc;
    }
    .sm-bg-lightblue,
    .sm-bg-lightblue:hover {
        background-color: #589be1;
    }
    .sm-bg-darkgrey,
    .sm-bg-darkgrey:hover {
        background-color: #595959;
    }
    .sm-bg-grey,
    .sm-bg-grey:hover {
        background-color: grey;
    }
    .sm-bg-lightgrey,
    .sm-bg-lightgrey:hover {
        background-color: lightgrey;
    }
    .sm-bg-darkwhite,
    .sm-bg-darkwhite:hover {
        background-color: #eaeaea;
    }
    .sm-bg-white,
    .sm-bg-white:hover {
        background-color: white;
    }
    .sm-float-left {
        float: left;
    }
    .sm-float-right {
        float: right;
    }
    .sm-float-center {
        margin-left: auto;
    }
    .sm-float-center {
        margin-right: auto;
    }
    .sm-float-center {
        text-align: center;
    }
    .sm-txt-align-justify {
        text-align: justify;
    }
    .sm-txt-align-left {
        text-align: left;
    }
    .sm-txt-align-right {
        text-align: right;
    }
    .sm-txt-align-center {
        text-align: center;
    }
    .sm-v-align-top {
        vertical-align: top;
    }
    .sm-v-align-middle {
        vertical-align: middle;
    }
    .sm-v-align-bottom {
        vertical-align: bottom;
    }
    .sm-display-none {
        display: none;
    }
    .sm-display-block {
        display: block;
    }
    .sm-display-inline {
        display: inline;
    }
    .sm-display-inblock {
        display: inline-block;
    }
    .sm-margin-none {
        margin: 0px;
    }
    .sm-margin-none-left {
        margin-left: 0px;
    }
    .sm-margin-none-right {
        margin-right: 0px;
    }
    .sm-margin-none-top {
        margin-top: 0px;
    }
    .sm-margin-none-bottom {
        margin-bottom: 0px;
    }
    .sm-margin-none-lateral {
        margin-left: 0px;
        margin-right: 0px;
    }
    .sm-margin-none-vertical {
        margin-top: 0px;
        margin-bottom: 0px;
    }
    .sm-margin-small {
        margin: 5px;
    }
    .sm-margin-small-left {
        margin-left: 5px;
    }
    .sm-margin-small-right {
        margin-right: 5px;
    }
    .sm-margin-small-top {
        margin-top: 5px;
    }
    .sm-margin-small-bottom {
        margin-bottom: 5px;
    }
    .sm-margin-small-lateral {
        margin-left: 5px;
        margin-right: 5px;
    }
    .sm-margin-small-vertical {
        margin-top: 5px;
        margin-bottom: 5px;
    }
    .sm-margin-medium {
        margin: 10px;
    }
    .sm-margin-medium-left {
        margin-left: 10px;
    }
    .sm-margin-medium-right {
        margin-right: 10px;
    }
    .sm-margin-medium-top {
        margin-top: 10px;
    }
    .sm-margin-medium-bottom {
        margin-bottom: 10px;
    }
    .sm-margin-medium-lateral {
        margin-left: 10px;
        margin-right: 10px;
    }
    .sm-margin-medium-vertical {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .sm-margin-big {
        margin: 20px;
    }
    .sm-margin-big-left {
        margin-left: 20px;
    }
    .sm-margin-big-right {
        margin-right: 20px;
    }
    .sm-margin-big-top {
        margin-top: 20px;
    }
    .sm-margin-big-bottom {
        margin-bottom: 20px;
    }
    .sm-margin-big-lateral {
        margin-left: 20px;
        margin-right: 20px;
    }
    .sm-margin-big-vertical {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .sm-padding-none {
        padding: 0px;
    }
    .sm-padding-none-left {
        padding-left: 0px;
    }
    .sm-padding-none-right {
        padding-right: 0px;
    }
    .sm-padding-none-top {
        padding-top: 0px;
    }
    .sm-padding-none-bottom {
        padding-bottom: 0px;
    }
    .sm-padding-none-lateral {
        padding-left: 0px;
        padding-right: 0px;
    }
    .sm-padding-none-vertical {
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .sm-padding-small {
        padding: 5px;
    }
    .sm-padding-small-left {
        padding-left: 5px;
    }
    .sm-padding-small-right {
        padding-right: 5px;
    }
    .sm-padding-small-top {
        padding-top: 5px;
    }
    .sm-padding-small-bottom {
        padding-bottom: 5px;
    }
    .sm-padding-small-lateral {
        padding-left: 5px;
        padding-right: 5px;
    }
    .sm-padding-small-vertical {
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .sm-padding-medium {
        padding: 10px;
    }
    .sm-padding-medium-left {
        padding-left: 10px;
    }
    .sm-padding-medium-right {
        padding-right: 10px;
    }
    .sm-padding-medium-top {
        padding-top: 10px;
    }
    .sm-padding-medium-bottom {
        padding-bottom: 10px;
    }
    .sm-padding-medium-lateral {
        padding-left: 10px;
        padding-right: 10px;
    }
    .sm-padding-medium-vertical {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .sm-padding-big {
        padding: 20px;
    }
    .sm-padding-big-left {
        padding-left: 20px;
    }
    .sm-padding-big-right {
        padding-right: 20px;
    }
    .sm-padding-big-top {
        padding-top: 20px;
    }
    .sm-padding-big-bottom {
        padding-bottom: 20px;
    }
    .sm-padding-big-lateral {
        padding-left: 20px;
        padding-right: 20px;
    }
    .sm-padding-big-vertical {
        padding-top: 20px;
        padding-bottom: 20px;
    }
}
@media screen and (max-width: 640px) {
    .s-g0 {
        width: 0%;
        display: none;
    }
    .s-g1 {
        width: 8.33%;
    }
    .s-g2 {
        width: 16.66%;
    }
    .s-g3 {
        width: 25%;
    }
    .s-g4 {
        width: 33.33%;
    }
    .s-g5 {
        width: 41.66%;
    }
    .s-g6 {
        width: 50%;
    }
    .s-g7 {
        width: 58.33%;
    }
    .s-g8 {
        width: 66.66%;
    }
    .s-g9 {
        width: 75%;
    }
    .s-g10 {
        width: 83.33%;
    }
    .s-g11 {
        width: 91.66%;
    }
    .s-g12 {
        width: 100%;
    }
    .s-txt-darkblack,
    .s-txt-darkblack:hover {
        color: black;
    }
    .s-txt-black,
    .s-txt-black:hover {
        color: #171717;
    }
    .s-txt-lightblack,
    .s-txt-lightblack:hover {
        color: #333333;
    }
    .s-txt-darkgreen,
    .s-txt-darkgreen:hover {
        color: #008600;
    }
    .s-txt-green,
    .s-txt-green:hover {
        color: #00ba00;
    }
    .s-txt-lightgreen,
    .s-txt-lightgreen:hover {
        color: #00d500;
    }
    .s-txt-darkred,
    .s-txt-darkred:hover {
        color: #bb0909;
    }
    .s-txt-red,
    .s-txt-red:hover {
        color: #ff3c3c;
    }
    .s-txt-lightred,
    .s-txt-lightred:hover {
        color: #ff6464;
    }
    .s-txt-darkorange,
    .s-txt-darkorange:hover {
        color: #df7300;
    }
    .s-txt-orange,
    .s-txt-orange:hover {
        color: #ff9c33;
    }
    .s-txt-lightorange,
    .s-txt-lightorange:hover {
        color: #ffc356;
    }
    .s-txt-darkyellow,
    .s-txt-darkyellow:hover {
        color: #dddd07;
    }
    .s-txt-yellow,
    .s-txt-yellow:hover {
        color: yellow;
    }
    .s-txt-lightyellow,
    .s-txt-lightyellow:hover {
        color: #ffff95;
    }
    .s-txt-darkblue,
    .s-txt-darkblue:hover {
        color: #005ec1;
    }
    .s-txt-blue,
    .s-txt-blue:hover {
        color: #1f73cc;
    }
    .s-txt-lightblue,
    .s-txt-lightblue:hover {
        color: #589be1;
    }
    .s-txt-darkgrey,
    .s-txt-darkgrey:hover {
        color: #595959;
    }
    .s-txt-grey,
    .s-txt-grey:hover {
        color: grey;
    }
    .s-txt-lightgrey,
    .s-txt-lightgrey:hover {
        color: lightgrey;
    }
    .s-txt-darkwhite,
    .s-txt-darkwhite:hover {
        color: #eaeaea;
    }
    .s-txt-white,
    .s-txt-white:hover {
        color: white;
    }
    .s-bg-darkblack,
    .s-bg-darkblack:hover {
        background-color: black;
    }
    .s-bg-black,
    .s-bg-black:hover {
        background-color: #171717;
    }
    .s-bg-lightblack,
    .s-bg-lightblack:hover {
        background-color: #333333;
    }
    .s-bg-darkgreen,
    .s-bg-darkgreen:hover {
        background-color: #008600;
    }
    .s-bg-green,
    .s-bg-green:hover {
        background-color: #00ba00;
    }
    .s-bg-lightgreen,
    .s-bg-lightgreen:hover {
        background-color: #00d500;
    }
    .s-bg-darkred,
    .s-bg-darkred:hover {
        background-color: #bb0909;
    }
    .s-bg-red,
    .s-bg-red:hover {
        background-color: #ff3c3c;
    }
    .s-bg-lightred,
    .s-bg-lightred:hover {
        background-color: #ff6464;
    }
    .s-bg-darkorange,
    .s-bg-darkorange:hover {
        background-color: #df7300;
    }
    .s-bg-orange,
    .s-bg-orange:hover {
        background-color: #ff9c33;
    }
    .s-bg-lightorange,
    .s-bg-lightorange:hover {
        background-color: #ffc356;
    }
    .s-bg-darkyellow,
    .s-bg-darkyellow:hover {
        background-color: #dddd07;
    }
    .s-bg-yellow,
    .s-bg-yellow:hover {
        background-color: yellow;
    }
    .s-bg-lightyellow,
    .s-bg-lightyellow:hover {
        background-color: #ffff95;
    }
    .s-bg-darkblue,
    .s-bg-darkblue:hover {
        background-color: #005ec1;
    }
    .s-bg-blue,
    .s-bg-blue:hover {
        background-color: #1f73cc;
    }
    .s-bg-lightblue,
    .s-bg-lightblue:hover {
        background-color: #589be1;
    }
    .s-bg-darkgrey,
    .s-bg-darkgrey:hover {
        background-color: #595959;
    }
    .s-bg-grey,
    .s-bg-grey:hover {
        background-color: grey;
    }
    .s-bg-lightgrey,
    .s-bg-lightgrey:hover {
        background-color: lightgrey;
    }
    .s-bg-darkwhite,
    .s-bg-darkwhite:hover {
        background-color: #eaeaea;
    }
    .s-bg-white,
    .s-bg-white:hover {
        background-color: white;
    }
    .s-float-left {
        float: left;
    }
    .s-float-right {
        float: right;
    }
    .s-float-center {
        margin-left: auto;
    }
    .s-float-center {
        margin-right: auto;
    }
    .s-float-center {
        text-align: center;
    }
    .s-txt-align-justify {
        text-align: justify;
    }
    .s-txt-align-left {
        text-align: left;
    }
    .s-txt-align-right {
        text-align: right;
    }
    .s-txt-align-center {
        text-align: center;
    }
    .s-v-align-top {
        vertical-align: top;
    }
    .s-v-align-middle {
        vertical-align: middle;
    }
    .s-v-align-bottom {
        vertical-align: bottom;
    }
    .s-display-none {
        display: none;
    }
    .s-display-block {
        display: block;
    }
    .s-display-inline {
        display: inline;
    }
    .s-display-inblock {
        display: inline-block;
    }
    .s-margin-none {
        margin: 0px;
    }
    .s-margin-none-left {
        margin-left: 0px;
    }
    .s-margin-none-right {
        margin-right: 0px;
    }
    .s-margin-none-top {
        margin-top: 0px;
    }
    .s-margin-none-bottom {
        margin-bottom: 0px;
    }
    .s-margin-none-lateral {
        margin-left: 0px;
        margin-right: 0px;
    }
    .s-margin-none-vertical {
        margin-top: 0px;
        margin-bottom: 0px;
    }
    .s-margin-small {
        margin: 5px;
    }
    .s-margin-small-left {
        margin-left: 5px;
    }
    .s-margin-small-right {
        margin-right: 5px;
    }
    .s-margin-small-top {
        margin-top: 5px;
    }
    .s-margin-small-bottom {
        margin-bottom: 5px;
    }
    .s-margin-small-lateral {
        margin-left: 5px;
        margin-right: 5px;
    }
    .s-margin-small-vertical {
        margin-top: 5px;
        margin-bottom: 5px;
    }
    .s-margin-medium {
        margin: 10px;
    }
    .s-margin-medium-left {
        margin-left: 10px;
    }
    .s-margin-medium-right {
        margin-right: 10px;
    }
    .s-margin-medium-top {
        margin-top: 10px;
    }
    .s-margin-medium-bottom {
        margin-bottom: 10px;
    }
    .s-margin-medium-lateral {
        margin-left: 10px;
        margin-right: 10px;
    }
    .s-margin-medium-vertical {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .s-margin-big {
        margin: 20px;
    }
    .s-margin-big-left {
        margin-left: 20px;
    }
    .s-margin-big-right {
        margin-right: 20px;
    }
    .s-margin-big-top {
        margin-top: 20px;
    }
    .s-margin-big-bottom {
        margin-bottom: 20px;
    }
    .s-margin-big-lateral {
        margin-left: 20px;
        margin-right: 20px;
    }
    .s-margin-big-vertical {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .s-padding-none {
        padding: 0px;
    }
    .s-padding-none-left {
        padding-left: 0px;
    }
    .s-padding-none-right {
        padding-right: 0px;
    }
    .s-padding-none-top {
        padding-top: 0px;
    }
    .s-padding-none-bottom {
        padding-bottom: 0px;
    }
    .s-padding-none-lateral {
        padding-left: 0px;
        padding-right: 0px;
    }
    .s-padding-none-vertical {
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .s-padding-small {
        padding: 5px;
    }
    .s-padding-small-left {
        padding-left: 5px;
    }
    .s-padding-small-right {
        padding-right: 5px;
    }
    .s-padding-small-top {
        padding-top: 5px;
    }
    .s-padding-small-bottom {
        padding-bottom: 5px;
    }
    .s-padding-small-lateral {
        padding-left: 5px;
        padding-right: 5px;
    }
    .s-padding-small-vertical {
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .s-padding-medium {
        padding: 10px;
    }
    .s-padding-medium-left {
        padding-left: 10px;
    }
    .s-padding-medium-right {
        padding-right: 10px;
    }
    .s-padding-medium-top {
        padding-top: 10px;
    }
    .s-padding-medium-bottom {
        padding-bottom: 10px;
    }
    .s-padding-medium-lateral {
        padding-left: 10px;
        padding-right: 10px;
    }
    .s-padding-medium-vertical {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .s-padding-big {
        padding: 20px;
    }
    .s-padding-big-left {
        padding-left: 20px;
    }
    .s-padding-big-right {
        padding-right: 20px;
    }
    .s-padding-big-top {
        padding-top: 20px;
    }
    .s-padding-big-bottom {
        padding-bottom: 20px;
    }
    .s-padding-big-lateral {
        padding-left: 20px;
        padding-right: 20px;
    }
    .s-padding-big-vertical {
        padding-top: 20px;
        padding-bottom: 20px;
    }
}
@media screen and (max-width: 480px) {
    .xs-g0 {
        width: 0%;
        display: none;
    }
    .xs-g1 {
        width: 8.33%;
    }
    .xs-g2 {
        width: 16.66%;
    }
    .xs-g3 {
        width: 25%;
    }
    .xs-g4 {
        width: 33.33%;
    }
    .xs-g5 {
        width: 41.66%;
    }
    .xs-g6 {
        width: 50%;
    }
    .xs-g7 {
        width: 58.33%;
    }
    .xs-g8 {
        width: 66.66%;
    }
    .xs-g9 {
        width: 75%;
    }
    .xs-g10 {
        width: 83.33%;
    }
    .xs-g11 {
        width: 91.66%;
    }
    .xs-g12 {
        width: 100%;
    }
    .xs-txt-darkblack,
    .xs-txt-darkblack:hover {
        color: black;
    }
    .xs-txt-black,
    .xs-txt-black:hover {
        color: #171717;
    }
    .xs-txt-lightblack,
    .xs-txt-lightblack:hover {
        color: #333333;
    }
    .xs-txt-darkgreen,
    .xs-txt-darkgreen:hover {
        color: #008600;
    }
    .xs-txt-green,
    .xs-txt-green:hover {
        color: #00ba00;
    }
    .xs-txt-lightgreen,
    .xs-txt-lightgreen:hover {
        color: #00d500;
    }
    .xs-txt-darkred,
    .xs-txt-darkred:hover {
        color: #bb0909;
    }
    .xs-txt-red,
    .xs-txt-red:hover {
        color: #ff3c3c;
    }
    .xs-txt-lightred,
    .xs-txt-lightred:hover {
        color: #ff6464;
    }
    .xs-txt-darkorange,
    .xs-txt-darkorange:hover {
        color: #df7300;
    }
    .xs-txt-orange,
    .xs-txt-orange:hover {
        color: #ff9c33;
    }
    .xs-txt-lightorange,
    .xs-txt-lightorange:hover {
        color: #ffc356;
    }
    .xs-txt-darkyellow,
    .xs-txt-darkyellow:hover {
        color: #dddd07;
    }
    .xs-txt-yellow,
    .xs-txt-yellow:hover {
        color: yellow;
    }
    .xs-txt-lightyellow,
    .xs-txt-lightyellow:hover {
        color: #ffff95;
    }
    .xs-txt-darkblue,
    .xs-txt-darkblue:hover {
        color: #005ec1;
    }
    .xs-txt-blue,
    .xs-txt-blue:hover {
        color: #1f73cc;
    }
    .xs-txt-lightblue,
    .xs-txt-lightblue:hover {
        color: #589be1;
    }
    .xs-txt-darkgrey,
    .xs-txt-darkgrey:hover {
        color: #595959;
    }
    .xs-txt-grey,
    .xs-txt-grey:hover {
        color: grey;
    }
    .xs-txt-lightgrey,
    .xs-txt-lightgrey:hover {
        color: lightgrey;
    }
    .xs-txt-darkwhite,
    .xs-txt-darkwhite:hover {
        color: #eaeaea;
    }
    .xs-txt-white,
    .xs-txt-white:hover {
        color: white;
    }
    .xs-bg-darkblack,
    .xs-bg-darkblack:hover {
        background-color: black;
    }
    .xs-bg-black,
    .xs-bg-black:hover {
        background-color: #171717;
    }
    .xs-bg-lightblack,
    .xs-bg-lightblack:hover {
        background-color: #333333;
    }
    .xs-bg-darkgreen,
    .xs-bg-darkgreen:hover {
        background-color: #008600;
    }
    .xs-bg-green,
    .xs-bg-green:hover {
        background-color: #00ba00;
    }
    .xs-bg-lightgreen,
    .xs-bg-lightgreen:hover {
        background-color: #00d500;
    }
    .xs-bg-darkred,
    .xs-bg-darkred:hover {
        background-color: #bb0909;
    }
    .xs-bg-red,
    .xs-bg-red:hover {
        background-color: #ff3c3c;
    }
    .xs-bg-lightred,
    .xs-bg-lightred:hover {
        background-color: #ff6464;
    }
    .xs-bg-darkorange,
    .xs-bg-darkorange:hover {
        background-color: #df7300;
    }
    .xs-bg-orange,
    .xs-bg-orange:hover {
        background-color: #ff9c33;
    }
    .xs-bg-lightorange,
    .xs-bg-lightorange:hover {
        background-color: #ffc356;
    }
    .xs-bg-darkyellow,
    .xs-bg-darkyellow:hover {
        background-color: #dddd07;
    }
    .xs-bg-yellow,
    .xs-bg-yellow:hover {
        background-color: yellow;
    }
    .xs-bg-lightyellow,
    .xs-bg-lightyellow:hover {
        background-color: #ffff95;
    }
    .xs-bg-darkblue,
    .xs-bg-darkblue:hover {
        background-color: #005ec1;
    }
    .xs-bg-blue,
    .xs-bg-blue:hover {
        background-color: #1f73cc;
    }
    .xs-bg-lightblue,
    .xs-bg-lightblue:hover {
        background-color: #589be1;
    }
    .xs-bg-darkgrey,
    .xs-bg-darkgrey:hover {
        background-color: #595959;
    }
    .xs-bg-grey,
    .xs-bg-grey:hover {
        background-color: grey;
    }
    .xs-bg-lightgrey,
    .xs-bg-lightgrey:hover {
        background-color: lightgrey;
    }
    .xs-bg-darkwhite,
    .xs-bg-darkwhite:hover {
        background-color: #eaeaea;
    }
    .xs-bg-white,
    .xs-bg-white:hover {
        background-color: white;
    }
    .xs-float-left {
        float: left;
    }
    .xs-float-right {
        float: right;
    }
    .xs-float-center {
        margin-left: auto;
    }
    .xs-float-center {
        margin-right: auto;
    }
    .xs-float-center {
        text-align: center;
    }
    .xs-txt-align-justify {
        text-align: justify;
    }
    .xs-txt-align-left {
        text-align: left;
    }
    .xs-txt-align-right {
        text-align: right;
    }
    .xs-txt-align-center {
        text-align: center;
    }
    .xs-v-align-top {
        vertical-align: top;
    }
    .xs-v-align-middle {
        vertical-align: middle;
    }
    .xs-v-align-bottom {
        vertical-align: bottom;
    }
    .xs-display-none {
        display: none;
    }
    .xs-display-block {
        display: block;
    }
    .xs-display-inline {
        display: inline;
    }
    .xs-display-inblock {
        display: inline-block;
    }
    .xs-margin-none {
        margin: 0px;
    }
    .xs-margin-none-left {
        margin-left: 0px;
    }
    .xs-margin-none-right {
        margin-right: 0px;
    }
    .xs-margin-none-top {
        margin-top: 0px;
    }
    .xs-margin-none-bottom {
        margin-bottom: 0px;
    }
    .xs-margin-none-lateral {
        margin-left: 0px;
        margin-right: 0px;
    }
    .xs-margin-none-vertical {
        margin-top: 0px;
        margin-bottom: 0px;
    }
    .xs-margin-small {
        margin: 5px;
    }
    .xs-margin-small-left {
        margin-left: 5px;
    }
    .xs-margin-small-right {
        margin-right: 5px;
    }
    .xs-margin-small-top {
        margin-top: 5px;
    }
    .xs-margin-small-bottom {
        margin-bottom: 5px;
    }
    .xs-margin-small-lateral {
        margin-left: 5px;
        margin-right: 5px;
    }
    .xs-margin-small-vertical {
        margin-top: 5px;
        margin-bottom: 5px;
    }
    .xs-margin-medium {
        margin: 10px;
    }
    .xs-margin-medium-left {
        margin-left: 10px;
    }
    .xs-margin-medium-right {
        margin-right: 10px;
    }
    .xs-margin-medium-top {
        margin-top: 10px;
    }
    .xs-margin-medium-bottom {
        margin-bottom: 10px;
    }
    .xs-margin-medium-lateral {
        margin-left: 10px;
        margin-right: 10px;
    }
    .xs-margin-medium-vertical {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .xs-margin-big {
        margin: 20px;
    }
    .xs-margin-big-left {
        margin-left: 20px;
    }
    .xs-margin-big-right {
        margin-right: 20px;
    }
    .xs-margin-big-top {
        margin-top: 20px;
    }
    .xs-margin-big-bottom {
        margin-bottom: 20px;
    }
    .xs-margin-big-lateral {
        margin-left: 20px;
        margin-right: 20px;
    }
    .xs-margin-big-vertical {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .xs-padding-none {
        padding: 0px;
    }
    .xs-padding-none-left {
        padding-left: 0px;
    }
    .xs-padding-none-right {
        padding-right: 0px;
    }
    .xs-padding-none-top {
        padding-top: 0px;
    }
    .xs-padding-none-bottom {
        padding-bottom: 0px;
    }
    .xs-padding-none-lateral {
        padding-left: 0px;
        padding-right: 0px;
    }
    .xs-padding-none-vertical {
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .xs-padding-small {
        padding: 5px;
    }
    .xs-padding-small-left {
        padding-left: 5px;
    }
    .xs-padding-small-right {
        padding-right: 5px;
    }
    .xs-padding-small-top {
        padding-top: 5px;
    }
    .xs-padding-small-bottom {
        padding-bottom: 5px;
    }
    .xs-padding-small-lateral {
        padding-left: 5px;
        padding-right: 5px;
    }
    .xs-padding-small-vertical {
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .xs-padding-medium {
        padding: 10px;
    }
    .xs-padding-medium-left {
        padding-left: 10px;
    }
    .xs-padding-medium-right {
        padding-right: 10px;
    }
    .xs-padding-medium-top {
        padding-top: 10px;
    }
    .xs-padding-medium-bottom {
        padding-bottom: 10px;
    }
    .xs-padding-medium-lateral {
        padding-left: 10px;
        padding-right: 10px;
    }
    .xs-padding-medium-vertical {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .xs-padding-big {
        padding: 20px;
    }
    .xs-padding-big-left {
        padding-left: 20px;
    }
    .xs-padding-big-right {
        padding-right: 20px;
    }
    .xs-padding-big-top {
        padding-top: 20px;
    }
    .xs-padding-big-bottom {
        padding-bottom: 20px;
    }
    .xs-padding-big-lateral {
        padding-left: 20px;
        padding-right: 20px;
    }
    .xs-padding-big-vertical {
        padding-top: 20px;
        padding-bottom: 20px;
    }
}
@media screen and (max-width: 320px) {
    .xxs-g0 {
        width: 0%;
        display: none;
    }
    .xxs-g1 {
        width: 8.33%;
    }
    .xxs-g2 {
        width: 16.66%;
    }
    .xxs-g3 {
        width: 25%;
    }
    .xxs-g4 {
        width: 33.33%;
    }
    .xxs-g5 {
        width: 41.66%;
    }
    .xxs-g6 {
        width: 50%;
    }
    .xxs-g7 {
        width: 58.33%;
    }
    .xxs-g8 {
        width: 66.66%;
    }
    .xxs-g9 {
        width: 75%;
    }
    .xxs-g10 {
        width: 83.33%;
    }
    .xxs-g11 {
        width: 91.66%;
    }
    .xxs-g12 {
        width: 100%;
    }
    .xxs-txt-darkblack,
    .xxs-txt-darkblack:hover {
        color: black;
    }
    .xxs-txt-black,
    .xxs-txt-black:hover {
        color: #171717;
    }
    .xxs-txt-lightblack,
    .xxs-txt-lightblack:hover {
        color: #333333;
    }
    .xxs-txt-darkgreen,
    .xxs-txt-darkgreen:hover {
        color: #008600;
    }
    .xxs-txt-green,
    .xxs-txt-green:hover {
        color: #00ba00;
    }
    .xxs-txt-lightgreen,
    .xxs-txt-lightgreen:hover {
        color: #00d500;
    }
    .xxs-txt-darkred,
    .xxs-txt-darkred:hover {
        color: #bb0909;
    }
    .xxs-txt-red,
    .xxs-txt-red:hover {
        color: #ff3c3c;
    }
    .xxs-txt-lightred,
    .xxs-txt-lightred:hover {
        color: #ff6464;
    }
    .xxs-txt-darkorange,
    .xxs-txt-darkorange:hover {
        color: #df7300;
    }
    .xxs-txt-orange,
    .xxs-txt-orange:hover {
        color: #ff9c33;
    }
    .xxs-txt-lightorange,
    .xxs-txt-lightorange:hover {
        color: #ffc356;
    }
    .xxs-txt-darkyellow,
    .xxs-txt-darkyellow:hover {
        color: #dddd07;
    }
    .xxs-txt-yellow,
    .xxs-txt-yellow:hover {
        color: yellow;
    }
    .xxs-txt-lightyellow,
    .xxs-txt-lightyellow:hover {
        color: #ffff95;
    }
    .xxs-txt-darkblue,
    .xxs-txt-darkblue:hover {
        color: #005ec1;
    }
    .xxs-txt-blue,
    .xxs-txt-blue:hover {
        color: #1f73cc;
    }
    .xxs-txt-lightblue,
    .xxs-txt-lightblue:hover {
        color: #589be1;
    }
    .xxs-txt-darkgrey,
    .xxs-txt-darkgrey:hover {
        color: #595959;
    }
    .xxs-txt-grey,
    .xxs-txt-grey:hover {
        color: grey;
    }
    .xxs-txt-lightgrey,
    .xxs-txt-lightgrey:hover {
        color: lightgrey;
    }
    .xxs-txt-darkwhite,
    .xxs-txt-darkwhite:hover {
        color: #eaeaea;
    }
    .xxs-txt-white,
    .xxs-txt-white:hover {
        color: white;
    }
    .xxs-bg-darkblack,
    .xxs-bg-darkblack:hover {
        background-color: black;
    }
    .xxs-bg-black,
    .xxs-bg-black:hover {
        background-color: #171717;
    }
    .xxs-bg-lightblack,
    .xxs-bg-lightblack:hover {
        background-color: #333333;
    }
    .xxs-bg-darkgreen,
    .xxs-bg-darkgreen:hover {
        background-color: #008600;
    }
    .xxs-bg-green,
    .xxs-bg-green:hover {
        background-color: #00ba00;
    }
    .xxs-bg-lightgreen,
    .xxs-bg-lightgreen:hover {
        background-color: #00d500;
    }
    .xxs-bg-darkred,
    .xxs-bg-darkred:hover {
        background-color: #bb0909;
    }
    .xxs-bg-red,
    .xxs-bg-red:hover {
        background-color: #ff3c3c;
    }
    .xxs-bg-lightred,
    .xxs-bg-lightred:hover {
        background-color: #ff6464;
    }
    .xxs-bg-darkorange,
    .xxs-bg-darkorange:hover {
        background-color: #df7300;
    }
    .xxs-bg-orange,
    .xxs-bg-orange:hover {
        background-color: #ff9c33;
    }
    .xxs-bg-lightorange,
    .xxs-bg-lightorange:hover {
        background-color: #ffc356;
    }
    .xxs-bg-darkyellow,
    .xxs-bg-darkyellow:hover {
        background-color: #dddd07;
    }
    .xxs-bg-yellow,
    .xxs-bg-yellow:hover {
        background-color: yellow;
    }
    .xxs-bg-lightyellow,
    .xxs-bg-lightyellow:hover {
        background-color: #ffff95;
    }
    .xxs-bg-darkblue,
    .xxs-bg-darkblue:hover {
        background-color: #005ec1;
    }
    .xxs-bg-blue,
    .xxs-bg-blue:hover {
        background-color: #1f73cc;
    }
    .xxs-bg-lightblue,
    .xxs-bg-lightblue:hover {
        background-color: #589be1;
    }
    .xxs-bg-darkgrey,
    .xxs-bg-darkgrey:hover {
        background-color: #595959;
    }
    .xxs-bg-grey,
    .xxs-bg-grey:hover {
        background-color: grey;
    }
    .xxs-bg-lightgrey,
    .xxs-bg-lightgrey:hover {
        background-color: lightgrey;
    }
    .xxs-bg-darkwhite,
    .xxs-bg-darkwhite:hover {
        background-color: #eaeaea;
    }
    .xxs-bg-white,
    .xxs-bg-white:hover {
        background-color: white;
    }
    .xxs-float-left {
        float: left;
    }
    .xxs-float-right {
        float: right;
    }
    .xxs-float-center {
        margin-left: auto;
    }
    .xxs-float-center {
        margin-right: auto;
    }
    .xxs-float-center {
        text-align: center;
    }
    .xxs-txt-align-justify {
        text-align: justify;
    }
    .xxs-txt-align-left {
        text-align: left;
    }
    .xxs-txt-align-right {
        text-align: right;
    }
    .xxs-txt-align-center {
        text-align: center;
    }
    .xxs-v-align-top {
        vertical-align: top;
    }
    .xxs-v-align-middle {
        vertical-align: middle;
    }
    .xxs-v-align-bottom {
        vertical-align: bottom;
    }
    .xxs-display-none {
        display: none;
    }
    .xxs-display-block {
        display: block;
    }
    .xxs-display-inline {
        display: inline;
    }
    .xxs-display-inblock {
        display: inline-block;
    }
    .xxs-margin-none {
        margin: 0px;
    }
    .xxs-margin-none-left {
        margin-left: 0px;
    }
    .xxs-margin-none-right {
        margin-right: 0px;
    }
    .xxs-margin-none-top {
        margin-top: 0px;
    }
    .xxs-margin-none-bottom {
        margin-bottom: 0px;
    }
    .xxs-margin-none-lateral {
        margin-left: 0px;
        margin-right: 0px;
    }
    .xxs-margin-none-vertical {
        margin-top: 0px;
        margin-bottom: 0px;
    }
    .xxs-margin-small {
        margin: 5px;
    }
    .xxs-margin-small-left {
        margin-left: 5px;
    }
    .xxs-margin-small-right {
        margin-right: 5px;
    }
    .xxs-margin-small-top {
        margin-top: 5px;
    }
    .xxs-margin-small-bottom {
        margin-bottom: 5px;
    }
    .xxs-margin-small-lateral {
        margin-left: 5px;
        margin-right: 5px;
    }
    .xxs-margin-small-vertical {
        margin-top: 5px;
        margin-bottom: 5px;
    }
    .xxs-margin-medium {
        margin: 10px;
    }
    .xxs-margin-medium-left {
        margin-left: 10px;
    }
    .xxs-margin-medium-right {
        margin-right: 10px;
    }
    .xxs-margin-medium-top {
        margin-top: 10px;
    }
    .xxs-margin-medium-bottom {
        margin-bottom: 10px;
    }
    .xxs-margin-medium-lateral {
        margin-left: 10px;
        margin-right: 10px;
    }
    .xxs-margin-medium-vertical {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .xxs-margin-big {
        margin: 20px;
    }
    .xxs-margin-big-left {
        margin-left: 20px;
    }
    .xxs-margin-big-right {
        margin-right: 20px;
    }
    .xxs-margin-big-top {
        margin-top: 20px;
    }
    .xxs-margin-big-bottom {
        margin-bottom: 20px;
    }
    .xxs-margin-big-lateral {
        margin-left: 20px;
        margin-right: 20px;
    }
    .xxs-margin-big-vertical {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .xxs-padding-none {
        padding: 0px;
    }
    .xxs-padding-none-left {
        padding-left: 0px;
    }
    .xxs-padding-none-right {
        padding-right: 0px;
    }
    .xxs-padding-none-top {
        padding-top: 0px;
    }
    .xxs-padding-none-bottom {
        padding-bottom: 0px;
    }
    .xxs-padding-none-lateral {
        padding-left: 0px;
        padding-right: 0px;
    }
    .xxs-padding-none-vertical {
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .xxs-padding-small {
        padding: 5px;
    }
    .xxs-padding-small-left {
        padding-left: 5px;
    }
    .xxs-padding-small-right {
        padding-right: 5px;
    }
    .xxs-padding-small-top {
        padding-top: 5px;
    }
    .xxs-padding-small-bottom {
        padding-bottom: 5px;
    }
    .xxs-padding-small-lateral {
        padding-left: 5px;
        padding-right: 5px;
    }
    .xxs-padding-small-vertical {
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .xxs-padding-medium {
        padding: 10px;
    }
    .xxs-padding-medium-left {
        padding-left: 10px;
    }
    .xxs-padding-medium-right {
        padding-right: 10px;
    }
    .xxs-padding-medium-top {
        padding-top: 10px;
    }
    .xxs-padding-medium-bottom {
        padding-bottom: 10px;
    }
    .xxs-padding-medium-lateral {
        padding-left: 10px;
        padding-right: 10px;
    }
    .xxs-padding-medium-vertical {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .xxs-padding-big {
        padding: 20px;
    }
    .xxs-padding-big-left {
        padding-left: 20px;
    }
    .xxs-padding-big-right {
        padding-right: 20px;
    }
    .xxs-padding-big-top {
        padding-top: 20px;
    }
    .xxs-padding-big-bottom {
        padding-bottom: 20px;
    }
    .xxs-padding-big-lateral {
        padding-left: 20px;
        padding-right: 20px;
    }
    .xxs-padding-big-vertical {
        padding-top: 20px;
        padding-bottom: 20px;
    }
}

body{
    margin: 0;
    font-family: sans-serif;
    line-height:1.5rem;
}

.border-0{
    border: 0 !important;
}
.border-1{
    border: 1px solid !important;
}
.border-2{
    border: 2px solid !important;
}
.border-3{
    border: 3px solid !important;
}

.shadow-small,.shadow-small-hover:hover{
    -webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
}
.shadow-medium,.shadow-medium-hover:hover{
    -webkit-box-shadow: 10px 10px 10px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 10px 0px rgba(0,0,0,0.75);
    box-shadow: 10px 10px 10px 0px rgba(0,0,0,0.75);
}
.shadow-big,.shadow-big-hover:hover{
    -webkit-box-shadow: 15px 15px 15px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 15px 15px 15px 0px rgba(0,0,0,0.75);
    box-shadow: 15px 15px 15px 0px rgba(0,0,0,0.75);
}

.nodecoration,.nodecoration-hover:hover{
    text-decoration: none;
}
.underline,.underline-hover:hover{
    text-decoration: underline;
}
.overline,.overline-hover:hover{
    text-decoration: overline;
}
.strikeline,.strikeline-hover:hover{
    text-decoration: line-through;
}
.italic,.italic-hover:hover{
    font-style: italic;
}
.strong, .bold, .strong-hover:hover,.bold-hover:hover{
    font-weight: bold;
}
/* Tamaños */
.width-responsive{
    width: 100%;
    height: auto;
}
.font-size-very-small{
    font-size: 60%;
    font-size:0.6em;
}
.font-size-small{
    font-size: 80%;
    font-size:0.8em;
}
.font-size-big{
    font-size: 120%;
    font-size:1.2em;
}
.font-size-very-big{
    font-size: 140%;
    font-size:1.4em;
}
.font-size-super-big{
    font-size: 160%;
    font-size:1.6em;
}
.font-size-gegant{
    font-size: 200%;
    font-size: 1.8em;
    line-height:1em;
}

.round-corner-superbig{
    -webkit-border-radius: 45px;
    -moz-border-radius: 45px;
    -o-border-radius: 45px;
    border-radius: 45px;
}
.round-corner-big{
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -o-border-radius: 25px;
    border-radius: 25px;
}
.round-corner-medium{
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
}
.round-corner{
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
}
.round-corner-small{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

.round-corner-top-big{
    -webkit-border-top-left-radius: 25px;
    -webkit-border-top-right-radius: 25px;
    -moz-border-top-left-radius: 25px;
    -moz-border-top-right-radius: 25px;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
}
.round-corner-top-medium{
    -webkit-border-top-left-radius: 15px;
    -webkit-border-top-right-radius: 15px;
    -moz-border-top-left-radius: 15px;
    -moz-border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}
.round-corner-top-small{
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-top-left-radius: 5px;
    -moz-border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.round-corner-bottom-big{
    -webkit-border-bottom-left-radius: 25px;
    -webkit-border-bottom-right-radius: 25px;
    -moz-border-radius-bottomleft: 25px;
    -moz-border-radius-bottomright: 25px;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
}
.round-corner-bottom-medium{
    -webkit-border-bottom-left-radius: 15px;
    -webkit-border-bottom-right-radius: 15px;
    -moz-border-radius-bottomleft: 15px;
    -moz-border-radius-bottomright: 15px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}
.round-corner-bottom-small{
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

/* Efectos visuales. Las transiciones solo hacen falta en la clase principal si el hover hará la misma */
.semiTransparent-big,.opacity-small, .opacity-small-hover:hover{
    opacity: 0.25;
    filter:alpha(opacity=25);
    -moz-opacity:0.25;
    -khtml-opacity: 0.25;
}
.semiTransparent-medium,.opacity-medium, .opatcity-medium-hover:hover{
    opacity: 0.50;
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    -khtml-opacity: 0.5;
}
.semiTransparent-small,.opacity-big, .opacity-big-hover:hover{
    opacity: 0.75;
    filter:alpha(opacity=75);
    -moz-opacity:0.75;
    -khtml-opacity: 0.75;
}
.contrast{
    opacity: 0.85;
    filter:alpha(opacity=85);
    -moz-opacity:0.85;
    -khtml-opacity: 0.85;
    -webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -ms-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
}

.contrast:hover{
    opacity: 1;
    filter:alpha(opacity=100);
    -moz-opacity:1;
    -khtml-opacity: 1;
}

/* Cursores */
.cursor-pointer{
    cursor:pointer;
}
.cursor-help{
    cursor:help;
}
.cursor-move{
    cursor:move;
}


/* Mensajes */
.message:before{
    clear: both;
}
.message{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 2px 2px 5px 0px;
    -moz-box-shadow: 2px 2px 5px 0px;
    box-shadow: 2px 2px 5px 0px;
    min-height: 30px;
    text-align: left;
    margin: 15px;
    padding: 20px;
    font-size: 1.5rem;
    line-height: 1.4em;
}
.message.info{
    background-color: lightblue;
    color: darkblue;
}
.message.warning{
    background-color: #ffff95;
    color: #ff6600
}
.message.success{
    background-color: lightgreen;
    color: darkgreen;
}
.message.error{
    background-color: lightcoral/*#ffa681*/;
    color:#8b0000;
}
.message p{
    font-size: 1rem;
    margin: 0;
}

/* Formularios */
label{
    font-size: 1.2em;
    /*display: block;*/
}
input, textarea, select{
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 5px;
    padding: 5px;
    border: 1px solid grey;
    margin-bottom: 5px;
    font-size: 1.2rem;
}
label, input:not([type=image]){
    height: 2em
}
input:focus, textarea:focus{
    border: 0px solid #000000;
}
input[type=submit],input[type=reset],input[type=button], button{
    /*font-size: 1.4em;*/
    padding: 0 10px;
    border-radius: 5px;
    height: 3rem;
}
input[type=checkbox],input[type=radio] {
    width: 2em;
}
input[type=submit]:focus,input[type=reset]:focus,input[type=button]:focus, button:focus{
    border: 0 solid transparent;
}
input[type=submit]:hover,input[type=reset]:hover,input[type=button]:hover, button:hover{
    cursor: pointer;
}
select{
    height: 3rem;
    font-size: 1em;
    padding: 0 10px;
    width: 100%
}
.flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.g12{
    width: -moz-available !important;
    width: -webkit-fill-available !important;
}