/*----------------------------------
    # Main Grid
-----------------------------------*/
.container, .container-sm {
    width: 100%;
    padding-right: 20px;
    padding-left: 20px;
    margin-right: auto;
    margin-left: auto
}
.container-fluid {
    width: 100%;
    padding-right: 20px;
    padding-left: 20px;
    margin-right: auto;
    margin-left: auto
}
.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -20px;
    margin-left: -20px
}
.no-gutters {
    margin-right: 0;
    margin-left: 0
}
.no-gutters > .c,
.no-gutters > [class*="c-"] {
    padding-right: 0;
    padding-left: 0
}
.c-1, .c-2, .c-3, .c-4, .c-5, .c-6, .c-7, .c-8, .c-9, .c-10, .c-11, .c-12, .c,
.c-auto, .c-s-1, .c-s-2, .c-s-3, .c-s-4, .c-s-5, .c-s-6, .c-s-7, .c-s-8, .c-s-9, .c-s-10, .c-s-11, .c-s-12, .c-s,
.c-s-auto, .c-m-1, .c-m-2, .c-m-3, .c-m-4, .c-m-5, .c-m-6, .c-m-7, .c-m-8, .c-m-9, .c-m-10, .c-m-11, .c-m-12, .c-m,
.c-m-auto, .c-l-1, .c-l-2, .c-l-3, .c-l-4, .c-l-5, .c-l-6, .c-l-7, .c-l-8, .c-l-9, .c-l-10, .c-l-11, .c-l-12, .c-l,
.c-l-auto, .c-x-1, .c-x-2, .c-x-3, .c-x-4, .c-x-5, .c-x-6, .c-x-7, .c-x-8, .c-x-9, .c-x-10, .c-x-11, .c-x-12, .c-x,
.c-x-auto,

.c-l-4-full{
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 20px;
    padding-left: 20px
}
.c {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
}
.c-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none
}
.c-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%
}
.c-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%
}
.c-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}
.c-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%
}
.c-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%
}
.c-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}
.c-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%
}
.c-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%
}
.c-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
}
.c-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%
}
.c-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%
}
.c-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}
.d-none {
    display: none
}
.d-inline-block {
    display: inline-block
}
.d-block {
    display: block
}
.d-flex {
    display: -ms-flexbox;
    display: flex
}
.d-inline-flex {
    display: inline-flex
}
.flex-row{
    -ms-flex-direction: row;
    flex-direction: row;
}
.flex-col{
    -ms-flex-direction: column;
    flex-direction: column;
}
.flex-wrap{
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.j-content-start {
    -ms-flex-pack: start;
    justify-content: flex-start
}
.j-content-end {
    -ms-flex-pack: end;
    justify-content: flex-end
}
.j-content-center {
    -ms-flex-pack: center;
    justify-content: center
}
.j-content-space-btw {
    justify-content: space-between
}
.a-items-start {
    -ms-flex-align: start;
    align-items: flex-start
}
.a-items-end {
    -ms-flex-align: end;
    align-items: flex-end
}
.a-items-center {
    -ms-flex-align: center;
    align-items: center
}
.a-content-start {
    -ms-flex-line-pack: start;
    align-content: flex-start
}
.a-content-end {
    -ms-flex-line-pack: end;
    align-content: flex-end
}
.a-content-center {
    -ms-flex-line-pack: center;
    align-content: center
}
.a-self-auto {
    -ms-flex-item-align: auto;
    align-self: auto
}
.a-self-start {
    -ms-flex-item-align: start;
    align-self: flex-start
}
.a-self-end {
    -ms-flex-item-align: end;
    align-self: flex-end
}
.a-self-center {
    -ms-flex-item-align: center;
    align-self: center
}
.def-space{
    padding: 8rem
}
.of-0 {
    margin-left: 0
}
.of-1 {
    margin-left: 8.333333%
}
.of-2 {
    margin-left: 16.666667%
}
.of-3 {
    margin-left: 25%
}
.of-4 {
    margin-left: 33.333333%
}
.of-5 {
    margin-left: 41.666667%
}
.of-6 {
    margin-left: 50%
}
.of-7 {
    margin-left: 58.333333%
}
.of-8 {
    margin-left: 66.666667%
}
.of-9 {
    margin-left: 75%
}
.of-10 {
    margin-left: 83.333333%
}
.of-11 {
    margin-left: 91.666667%
}
.or-first {
    -ms-flex-order: -1;
    order: -1
}
.or-last {
    -ms-flex-order: 13;
    order: 13
}
.or-0 {
    -ms-flex-order: 0;
    order: 0
}
.or-1 {
    -ms-flex-order: 1;
    order: 1
}
.or-2 {
    -ms-flex-order: 2;
    order: 2
}
.or-3 {
    -ms-flex-order: 3;
    order: 3
}
.or-4 {
    -ms-flex-order: 4;
    order: 4
}
.or-5 {
    -ms-flex-order: 5;
    order: 5
}
.or-6 {
    -ms-flex-order: 6;
    order: 6
}
.or-7 {
    -ms-flex-order: 7;
    order: 7
}
.or-8 {
    -ms-flex-order: 8;
    order: 8
}
.or-9 {
    -ms-flex-order: 9;
    order: 9
}
.or-10 {
    -ms-flex-order: 10;
    order: 10
}
.or-11 {
    -ms-flex-order: 11;
    order: 11
}
.or-12 {
    -ms-flex-order: 12;
    order: 12
}
@media (min-width: 576px) {
    .container, .container-sm {
        max-width: 540px
    }
    .c-s {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }
    .c-s-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }
    .c-s-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .c-s-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .c-s-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .c-s-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .c-s-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .c-s-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .c-s-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .c-s-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .c-s-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .c-s-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .c-s-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .c-s-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .d-s-none {
        display: none
    }
    .d-s-inline-block {
        display: inline-block
    }
    .d-s-block {
        display: block
    }
    .d-s-flex {
        display: -ms-flexbox;
        display: flex
    }
    .of-s-0 {
        margin-left: 0
    }
    .of-s-1 {
        margin-left: 8.333333%
    }
    .of-s-2 {
        margin-left: 16.666667%
    }
    .of-s-3 {
        margin-left: 25%
    }
    .of-s-4 {
        margin-left: 33.333333%
    }
    .of-s-5 {
        margin-left: 41.666667%
    }
    .of-s-6 {
        margin-left: 50%
    }
    .of-s-7 {
        margin-left: 58.333333%
    }
    .of-s-8 {
        margin-left: 66.666667%
    }
    .of-s-9 {
        margin-left: 75%
    }
    .of-s-10 {
        margin-left: 83.333333%
    }
    .of-s-11 {
        margin-left: 91.666667%
    }
    .or-s-first {
        -ms-flex-order: -1;
        order: -1
    }
    .or-s-last {
        -ms-flex-order: 13;
        order: 13
    }
    .or-s-0 {
        -ms-flex-order: 0;
        order: 0
    }
    .or-s-1 {
        -ms-flex-order: 1;
        order: 1
    }
    .or-s-2 {
        -ms-flex-order: 2;
        order: 2
    }
    .or-s-3 {
        -ms-flex-order: 3;
        order: 3
    }
    .or-s-4 {
        -ms-flex-order: 4;
        order: 4
    }
    .or-s-5 {
        -ms-flex-order: 5;
        order: 5;
    }
    .or-s-6 {
        -ms-flex-order: 6;
        order: 6;
    }
    .or-s-7 {
        -ms-flex-order: 7;
        order: 7;
    }
    .or-s-8 {
        -ms-flex-order: 8;
        order: 8;
    }
    .or-s-9 {
        -ms-flex-order: 9;
        order: 9;
    }
    .or-s-10 {
        -ms-flex-order: 10;
        order: 10;
    }
    .or-s-11 {
        -ms-flex-order: 11;
        order: 11;
    }
    .or-s-12 {
        -ms-flex-order: 12;
        order: 12;
    }
}
@media (min-width: 768px) {
    .container, .container-sm {
        max-width: 720px
    }
    .c-m {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }
    .c-m-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }
    .c-m-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .c-m-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .c-m-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .c-m-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .c-m-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .c-m-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .c-m-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .c-m-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .c-m-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .c-m-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .c-m-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .c-m-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .d-m-none {
        display: none
    }
    .d-m-inline-block {
        display: inline-block
    }
    .d-m-block {
        display: block
    }
    .d-m-flex {
        display: -ms-flexbox;
        display: flex
    }
    .of-m-0 {
        margin-left: 0;
    }
    .of-m-1 {
        margin-left: 8.333333%;
    }
    .of-m-2 {
        margin-left: 16.666667%;
    }
    .of-m-3 {
        margin-left: 25%;
    }
    .of-m-4 {
        margin-left: 33.333333%;
    }
    .of-m-5 {
        margin-left: 41.666667%;
    }
    .of-m-6 {
        margin-left: 50%;
    }
    .of-m-7 {
        margin-left: 58.333333%;
    }
    .of-m-8 {
        margin-left: 66.666667%;
    }
    .of-m-9 {
        margin-left: 75%;
    }
    .of-m-10 {
        margin-left: 83.333333%;
    }
    .of-m-11 {
        margin-left: 91.666667%;
    }
    .or-m-first {
        -ms-flex-order: -1;
        order: -1;
    }
    .or-m-last {
        -ms-flex-order: 13;
        order: 13;
    }
    .or-m-0 {
        -ms-flex-order: 0;
        order: 0;
    }
    .or-m-1 {
        -ms-flex-order: 1;
        order: 1;
    }
    .or-m-2 {
        -ms-flex-order: 2;
        order: 2;
    }
    .or-m-3 {
        -ms-flex-order: 3;
        order: 3;
    }
    .or-m-4 {
        -ms-flex-order: 4;
        order: 4;
    }
    .or-m-5 {
        -ms-flex-order: 5;
        order: 5;
    }
    .or-m-6 {
        -ms-flex-order: 6;
        order: 6;
    }
    .or-m-7 {
        -ms-flex-order: 7;
        order: 7;
    }
    .or-m-8 {
        -ms-flex-order: 8;
        order: 8;
    }
    .or-m-9 {
        -ms-flex-order: 9;
        order: 9;
    }
    .or-m-10 {
        -ms-flex-order: 10;
        order: 10;
    }
    .or-m-11 {
        -ms-flex-order: 11;
        order: 11;
    }
    .or-m-12 {
        -ms-flex-order: 12;
        order: 12;
    }
}
@media (min-width: 992px) {
    .container {
        max-width: 960px
    }
    .container-sm{
        max-width: 768px
    }
    .c-l {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }
    .c-l-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }
    .c-l-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .c-l-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .c-l-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .c-l-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .c-l-4-full {
        -ms-flex: 1 1 33.333333%;
        flex: 1 1 33.333333%;
    }
    .c-l-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .c-l-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .c-l-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .c-l-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .c-l-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .c-l-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .c-l-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .c-l-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .d-l-none {
        display: none
    }
    .d-l-inline-block {
        display: inline-block
    }
    .d-l-block {
        display: block
    }
    .d-l-flex {
        display: -ms-flexbox;
        display: flex
    }
    .of-l-0 {
        margin-left: 0
    }
    .of-l-1 {
        margin-left: 8.333333%
    }
    .of-l-2 {
        margin-left: 16.666667%
    }
    .of-l-3 {
        margin-left: 25%
    }
    .of-l-4 {
        margin-left: 33.333333%
    }
    .of-l-5 {
        margin-left: 41.666667%
    }
    .of-l-6 {
        margin-left: 50%
    }
    .of-l-7 {
        margin-left: 58.333333%
    }
    .of-l-8 {
        margin-left: 66.666667%
    }
    .of-l-9 {
        margin-left: 75%
    }
    .of-l-10 {
        margin-left: 83.333333%
    }
    .of-l-11 {
        margin-left: 91.666667%
    }
    .or-l-first {
        -ms-flex-order: -1;
        order: -1;
    }
    .or-l-last {
        -ms-flex-order: 13;
        order: 13;
    }
    .or-l-0 {
        -ms-flex-order: 0;
        order: 0;
    }
    .or-l-1 {
        -ms-flex-order: 1;
        order: 1;
    }
    .or-l-2 {
        -ms-flex-order: 2;
        order: 2;
    }
    .or-l-3 {
        -ms-flex-order: 3;
        order: 3;
    }
    .or-l-4 {
        -ms-flex-order: 4;
        order: 4;
    }
    .or-l-5 {
        -ms-flex-order: 5;
        order: 5;
    }
    .or-l-6 {
        -ms-flex-order: 6;
        order: 6;
    }
    .or-l-7 {
        -ms-flex-order: 7;
        order: 7;
    }
    .or-l-8 {
        -ms-flex-order: 8;
        order: 8;
    }
    .or-l-9 {
        -ms-flex-order: 9;
        order: 9;
    }
    .or-l-10 {
        -ms-flex-order: 10;
        order: 10;
    }
    .or-l-11 {
        -ms-flex-order: 11;
        order: 11;
    }
    .or-l-12 {
        -ms-flex-order: 12;
        order: 12;
    }
}
@media (min-width: 1200px) {
    .container {
        max-width: 1312px
    }
    .container-sm{
        max-width: 768px
    }
    .c-x {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }
    .c-x-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }
    .c-x-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .c-x-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .c-x-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .c-x-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .c-x-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .c-x-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .c-x-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .c-x-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .c-x-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .c-x-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .c-x-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .c-x-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .d-x-none {
        display: none
    }
    .d-x-inline-block {
        display: inline-block
    }
    .d-x-block {
        display: block
    }
    .d-x-flex {
        display: -ms-flexbox;
        display: flex
    }
    .of-x-0 {
        margin-left: 0;
    }
    .of-x-1 {
        margin-left: 8.333333%;
    }
    .of-x-2 {
        margin-left: 16.666667%;
    }
    .of-x-3 {
        margin-left: 25%;
    }
    .of-x-4 {
        margin-left: 33.333333%;
    }
    .of-x-5 {
        margin-left: 41.666667%;
    }
    .of-x-6 {
        margin-left: 50%;
    }
    .of-x-7 {
        margin-left: 58.333333%;
    }
    .of-x-8 {
        margin-left: 66.666667%;
    }
    .of-x-9 {
        margin-left: 75%;
    }
    .of-x-10 {
        margin-left: 83.333333%;
    }
    .of-x-11 {
        margin-left: 91.666667%;
    }
    .or-x-first {
        -ms-flex-order: -1;
        order: -1;
    }
    .or-x-last {
        -ms-flex-order: 13;
        order: 13;
    }
    .or-x-0 {
        -ms-flex-order: 0;
        order: 0;
    }
    .or-x-1 {
        -ms-flex-order: 1;
        order: 1;
    }
    .or-x-2 {
        -ms-flex-order: 2;
        order: 2;
    }
    .or-x-3 {
        -ms-flex-order: 3;
        order: 3;
    }
    .or-x-4 {
        -ms-flex-order: 4;
        order: 4;
    }
    .or-x-5 {
        -ms-flex-order: 5;
        order: 5;
    }
    .or-x-6 {
        -ms-flex-order: 6;
        order: 6;
    }
    .or-x-7 {
        -ms-flex-order: 7;
        order: 7;
    }
    .or-x-8 {
        -ms-flex-order: 8;
        order: 8;
    }
    .or-x-9 {
        -ms-flex-order: 9;
        order: 9;
    }
    .or-x-10 {
        -ms-flex-order: 10;
        order: 10;
    }
    .or-x-11 {
        -ms-flex-order: 11;
        order: 11;
    }
    .or-x-12 {
        -ms-flex-order: 12;
        order: 12;
    }
}

/*----------------------------------
    # Helper Styles
-----------------------------------*/

.rel {
    position: relative
}
.abs {
    position: absolute
}
.fixed {
    position: fixed
}
.t-0 {
    top: 0
}
.l-0 {
    left: 0
}
.r-0 {
    right: 0
}
.b-0 {
    bottom: 0
}
.b-10 {
    bottom: 1rem
}
.abs.x-cen {
    left: 50%;
    transform: translateX(-50%)
}
.abs.y-cen {
    top: 50%;
    transform: translateY(-50%)
}
.abs.xy-cen {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}
.z-m-2 {
    z-index: -2
}
.z-m-1 {
    z-index: -1
}
.z-1 {
    z-index: 1
}
.z-0 {
    z-index: 0
}
.left {
    float: left
}
.right {
    float: right
}
.fit {
    max-width: 100%
}
.o-hidden {
    overflow: hidden
}
.w-25 {
    width: 25%
}
.w-50 {
    width: 50%
}
.w-75 {
    width: 75%
}
.w-100 {
    width: 100%
}
.w-100-vw{
    width: 100vw
}
.w-auto {
    width: auto
}
.h-0{
    height: 0
}
.h-25 {
    height: 25%
}
.h-50 {
    height: 50%
}
.h-75 {
    height: 75%
}
.h-100 {
    height: 100%
}
.h-100-vh{
    height: 100vh
}
.h-auto {
    height: auto
}
.mh-3p {
    max-height: 3rem
}
.mw-100 {
    max-width: 100%
}
.mh-100 {
    max-height: 100%
}
.min-h-in{
    min-height: inherit;
}
.m-0 {
    margin: 0
}
.mt-0,
.my-0 {
    margin-top: 0
}
.mr-0,
.mx-0 {
    margin-right: 0
}
.mb-0,
.my-0 {
    margin-bottom: 0
}
.ml-0,
.mx-0 {
    margin-left: 0
}
.m-10 {
    margin: 1rem
}
.mt-10,
.my-10 {
    margin-top: 1rem
}
.mr-10,
.mx-10 {
    margin-right: 1rem
}
.mb-10,
.my-10 {
    margin-bottom: 1rem
}
.ml-10,
.mx-10 {
    margin-left: 1rem
}
.m-15 {
    margin: 1.5rem
}
.mt-15,
.my-15 {
    margin-top: 1.5rem
}
.mr-15,
.mx-15 {
    margin-right: 1.5rem
}
.mb-15,
.my-15 {
    margin-bottom: 1.5rem
}
.ml-15,
.mx-15 {
    margin-left: 1.5rem
}
.m-20 {
    margin: 2rem
}
.mt-20,
.my-20 {
    margin-top: 2rem
}
.mr-20,
.mx-20 {
    margin-right: 2rem
}
.mb-20,
.my-20 {
    margin-bottom: 2rem
}
.ml-20,
.mx-20 {
    margin-left: 2rem
}
.m-30 {
    margin: 3rem
}
.mt-30,
.my-30 {
    margin-top: 3rem
}
.mr-30,
.mx-30 {
    margin-right: 3rem
}
.mb-30,
.my-30 {
    margin-bottom: 3rem
}
.ml-30,
.mx-30 {
    margin-left: 3rem
}
.p-0 {
    padding: 0
}
.pt-0,
.py-0 {
    padding-top: 0
}
.pr-0,
.px-0 {
    padding-right: 0
}
.pb-0,
.py-0 {
    padding-bottom: 0
}
.pl-0,
.px-0 {
    padding-left: 0
}
.p-15 {
    padding: 1.5rem
}
.pt-5,
.py-5 {
    padding-top: .5rem
}

.pr-5,
.px-5 {
    padding-right: .5rem
}
.pb-5,
.py-5 {
    padding-bottom: .5rem
}
.pl-5,
.px-5 {
    padding-left: .5rem
}
.pt-10,
.py-10 {
    padding-top: 1rem
}
.pr-10,
.px-10 {
    padding-right: 1rem
}
.pb-10,
.py-10 {
    padding-bottom: 1rem
}
.pl-10,
.px-10 {
    padding-left: 1rem
}
.pt-15,
.py-15 {
    padding-top: 1.5rem
}
.pr-15,
.px-15 {
    padding-right: 1.5rem
}
.pb-15,
.py-15 {
    padding-bottom: 1.5rem
}
.pl-15,
.px-15 {
    padding-left: 1.5rem
}
.p-20 {
    padding: 2rem
}
.pt-20,
.py-20 {
    padding-top: 2rem
}
.pr-20,
.px-20 {
    padding-right: 2rem
}
.pb-20,
.py-20 {
    padding-bottom: 2rem
}
.pl-20,
.px-20 {
    padding-left: 2rem
}
.p-30 {
    padding: 3.2rem
}
.pt-32,
.py-32 {
    padding-top: 3.2rem
}
.pr-32,
.px-32 {
    padding-right: 3.2rem
}
.pb-32,
.py-32 {
    padding-bottom: 3.2rem
}
.pl-32,
.px-32 {
    padding-left: 3.2rem
}
.pr-42,
.px-42 {
    padding-right: 4.2rem
}
.pl-42,
.px-42 {
    padding-left: 4.2rem
}

.pt-42,
.py-42 {
    padding-top: 4.2rem
}
.pb-42,
.py-42 {
    padding-bottom: 4.2rem
}
.pr-64,
.px-64 {
    padding-right: 6.4rem
}
.pl-64,
.px-64 {
    padding-left: 6.4rem
}

.pt-64,
.py-64 {
    padding-top: 6.4rem
}
.pb-64,
.py-64 {
    padding-bottom: 6.4rem
}

.pt-80,
.py-80 {
    padding-top: 8rem
}
.pb-80,
.py-80 {
    padding-bottom: 8rem
}
.pt-112,
.py-112 {
    padding-top: 11.2rem
}
.pb-112,
.py-112 {
    padding-bottom: 11.2rem
}
.m-auto {
    margin: auto
}
.mt-auto,
.my-auto {
    margin-top: auto
}
.mr-auto,
.mx-auto {
    margin-right: auto
}
.mb-auto,
.my-auto {
    margin-bottom: auto
}
.ml-auto,
.mx-auto {
    margin-left: auto
}
.gap-40{
    gap: 40px
}
.t-justify, .text-justify {
    text-align: justify
}
.t-left, .text-left {
    text-align: left
}
.t-right, .text-right {
    text-align: right
}
.t-center, .text-center {
    text-align: center
}
.t-lower {
    text-transform: lowercase
}
.t-upper {
    text-transform: uppercase
}
.t-capital {
    text-transform: capitalize
}
.t-underline {
    text-decoration: underline
}

[class*=" fa-"], [class^=fa-] {
    font-family: "Font Awesome 5 Free"!important;
    font-style: normal;
    font-weight: 600;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.theme-icon-plus:before {
    content: "\2b";
}
.theme-icon-minus:before {
    content: "\00f068";
}
.theme-icon-plus, .theme-icon-minus {
    font-size: 3rem;
    font-weight: 500;
}