@font-face {
    font-family: "Microsoft Sans Serif";
    src: url("../fonts/micross.ttf") format("truetype");
    font-display: swap;
}
body {
    background-color: #f3f3f3;
    font-family: "Microsoft Sans Serif", sans-serif;
    color: #000;
    font-size: 19px;
}
.no-padding-bottom, .col.no-padding-bottom {
    padding-bottom: 0px !important;
}
:root {
    --color1: #ca1f2b;
    --colorbody: #00000017;
}
@-webkit-keyframes spinwait {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    50% {
        -webkit-transform: rotate(-360deg);
        -moz-transform: rotate(-360deg);
        -ms-transform: rotate(-360deg);
        -o-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
    100% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@-moz-keyframes spinwait {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    50% {
        -webkit-transform: rotate(-360deg);
        -moz-transform: rotate(-360deg);
        -ms-transform: rotate(-360deg);
        -o-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
    100% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@-o-keyframes spinwait {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    50% {
        -webkit-transform: rotate(-360deg);
        -moz-transform: rotate(-360deg);
        -ms-transform: rotate(-360deg);
        -o-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
    100% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@keyframes spinwait {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    50% {
        -webkit-transform: rotate(-360deg);
        -moz-transform: rotate(-360deg);
        -ms-transform: rotate(-360deg);
        -o-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
    100% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

.rendering-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.5);
    opacity: 1;
    z-index: 3000;
    display: none;
}

.loading-v2 {
    position: relative;
}

.loading-v2 .rendering-overlay {
    display: block !important;
    position: absolute;
    z-index: 1;
}

.rendering-overlay #loader,
.loading-v2 .rendering-overlay .loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 86px;
    height: 86px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #3498db;
    -webkit-animation: spinwait 3s linear infinite;
    -moz-animation: spinwait 3s linear infinite;
    animation: spinwait 3s linear infinite;
}

.loading-v2 .rendering-overlay .loader {
    width: 50px;
    height: 50px;
    margin: -30px 0 0 -25px;
}

.rendering-overlay #loader:before,
.loading-v2 .rendering-overlay .loader:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #e74c3c;
    -webkit-animation: spinwait 4s linear infinite;
    -moz-animation: spinwait 4s linear infinite;
    animation: spinwait 4s linear infinite;
}

.rendering-overlay #loader:after,
.loading-v2 .rendering-overlay .loader:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #f9c922;
    -webkit-animation: spinwait 2.5s linear infinite;
    -moz-animation: spinwait 2.5s linear infinite;
    animation: spinwait 2.5s linear infinite;
}

.grid-x {
    display: flex;
    flex-flow: row wrap
}

.cell {
    flex: 0 0 auto;
    min-height: 0;
    min-width: 0;
    width: 100%
}

.cell.auto {
    flex: 1 1 0px
}

.cell.shrink {
    flex: 0 0 auto
}

.grid-x>.auto,.grid-x>.shrink {
    width: auto
}

.grid-x>.small-1,.grid-x>.small-10,.grid-x>.small-11,.grid-x>.small-12,.grid-x>.small-2,.grid-x>.small-3,.grid-x>.small-4,.grid-x>.small-5,.grid-x>.small-6,.grid-x>.small-7,.grid-x>.small-8,.grid-x>.small-9,.grid-x>.small-full,.grid-x>.small-shrink {
    flex-basis: auto
}

@media print,screen and (min-width: 40em) {
    .grid-x>.medium-1,.grid-x>.medium-10,.grid-x>.medium-11,.grid-x>.medium-12,.grid-x>.medium-2,.grid-x>.medium-3,.grid-x>.medium-4,.grid-x>.medium-5,.grid-x>.medium-6,.grid-x>.medium-7,.grid-x>.medium-8,.grid-x>.medium-9,.grid-x>.medium-full,.grid-x>.medium-shrink {
        flex-basis:auto
    }
}

@media print,screen and (min-width: 64.0625em) {
    .grid-x>.large-1,.grid-x>.large-10,.grid-x>.large-11,.grid-x>.large-12,.grid-x>.large-2,.grid-x>.large-3,.grid-x>.large-4,.grid-x>.large-5,.grid-x>.large-6,.grid-x>.large-7,.grid-x>.large-8,.grid-x>.large-9,.grid-x>.large-full,.grid-x>.large-shrink {
        flex-basis:auto
    }
}

.grid-x>.small-1,.grid-x>.small-10,.grid-x>.small-11,.grid-x>.small-12,.grid-x>.small-2,.grid-x>.small-3,.grid-x>.small-4,.grid-x>.small-5,.grid-x>.small-6,.grid-x>.small-7,.grid-x>.small-8,.grid-x>.small-9 {
    flex: 0 0 auto
}

.grid-x>.small-1 {
    width: 8.3333333333%
}

.grid-x>.small-2 {
    width: 16.6666666667%
}

.grid-x>.small-3 {
    width: 25%
}

.grid-x>.small-4 {
    width: 33.3333333333%
}

.grid-x>.small-5 {
    width: 41.6666666667%
}

.grid-x>.small-6 {
    width: 50%
}

.grid-x>.small-7 {
    width: 58.3333333333%
}

.grid-x>.small-8 {
    width: 66.6666666667%
}

.grid-x>.small-9 {
    width: 75%
}

.grid-x>.small-10 {
    width: 83.3333333333%
}

.grid-x>.small-11 {
    width: 91.6666666667%
}

.grid-x>.small-12 {
    width: 100%
}

@media print,screen and (min-width: 40em) {
    .grid-x>.medium-auto {
        flex:1 1 0px;
        width: auto
    }

    .grid-x>.medium-1,.grid-x>.medium-10,.grid-x>.medium-11,.grid-x>.medium-12,.grid-x>.medium-2,.grid-x>.medium-3,.grid-x>.medium-4,.grid-x>.medium-5,.grid-x>.medium-6,.grid-x>.medium-7,.grid-x>.medium-8,.grid-x>.medium-9,.grid-x>.medium-shrink {
        flex: 0 0 auto
    }

    .grid-x>.medium-shrink {
        width: auto
    }

    .grid-x>.medium-1 {
        width: 8.3333333333%
    }

    .grid-x>.medium-2 {
        width: 16.6666666667%
    }

    .grid-x>.medium-3 {
        width: 25%
    }

    .grid-x>.medium-4 {
        width: 33.3333333333%
    }

    .grid-x>.medium-5 {
        width: 41.6666666667%
    }

    .grid-x>.medium-6 {
        width: 50%
    }

    .grid-x>.medium-7 {
        width: 58.3333333333%
    }

    .grid-x>.medium-8 {
        width: 66.6666666667%
    }

    .grid-x>.medium-9 {
        width: 75%
    }

    .grid-x>.medium-10 {
        width: 83.3333333333%
    }

    .grid-x>.medium-11 {
        width: 91.6666666667%
    }

    .grid-x>.medium-12 {
        width: 100%
    }
}

@media print,screen and (min-width: 64.0625em) {
    .grid-x>.large-auto {
        flex:1 1 0px;
        width: auto
    }

    .grid-x>.large-1,.grid-x>.large-10,.grid-x>.large-11,.grid-x>.large-12,.grid-x>.large-2,.grid-x>.large-3,.grid-x>.large-4,.grid-x>.large-5,.grid-x>.large-6,.grid-x>.large-7,.grid-x>.large-8,.grid-x>.large-9,.grid-x>.large-shrink {
        flex: 0 0 auto
    }

    .grid-x>.large-shrink {
        width: auto
    }

    .grid-x>.large-1 {
        width: 8.3333333333%
    }

    .grid-x>.large-2 {
        width: 16.6666666667%
    }

    .grid-x>.large-3 {
        width: 25%
    }

    .grid-x>.large-4 {
        width: 33.3333333333%
    }

    .grid-x>.large-5 {
        width: 41.6666666667%
    }

    .grid-x>.large-6 {
        width: 50%
    }

    .grid-x>.large-7 {
        width: 58.3333333333%
    }

    .grid-x>.large-8 {
        width: 66.6666666667%
    }

    .grid-x>.large-9 {
        width: 75%
    }

    .grid-x>.large-10 {
        width: 83.3333333333%
    }

    .grid-x>.large-11 {
        width: 91.6666666667%
    }

    .grid-x>.large-12 {
        width: 100%
    }
}

.grid-margin-x:not(.grid-x)>.cell {
    width: auto
}

.grid-margin-y:not(.grid-y)>.cell {
    height: auto
}

.grid-margin-x {
    margin-left: -.625rem;
    margin-right: -.625rem
}

@media print,screen and (min-width: 40em) {
    .grid-margin-x {
        margin-left:-.9375rem;
        margin-right: -.9375rem
    }
}

.grid-margin-x>.cell {
    margin-left: .625rem;
    margin-right: .625rem;
    width: calc(100% - 1.25rem)
}

@media print,screen and (min-width: 40em) {
    .grid-margin-x>.cell {
        margin-left:.9375rem;
        margin-right: .9375rem;
        width: calc(100% - 1.875rem)
    }
}

.grid-margin-x>.auto,.grid-margin-x>.shrink {
    width: auto
}

.grid-margin-x>.small-1 {
    width: calc(8.33333% - 1.25rem)
}

.grid-margin-x>.small-2 {
    width: calc(16.66667% - 1.25rem)
}

.grid-margin-x>.small-3 {
    width: calc(25% - 1.25rem)
}

.grid-margin-x>.small-4 {
    width: calc(33.33333% - 1.25rem)
}

.grid-margin-x>.small-5 {
    width: calc(41.66667% - 1.25rem)
}

.grid-margin-x>.small-6 {
    width: calc(50% - 1.25rem)
}

.grid-margin-x>.small-7 {
    width: calc(58.33333% - 1.25rem)
}

.grid-margin-x>.small-8 {
    width: calc(66.66667% - 1.25rem)
}

.grid-margin-x>.small-9 {
    width: calc(75% - 1.25rem)
}

.grid-margin-x>.small-10 {
    width: calc(83.33333% - 1.25rem)
}

.grid-margin-x>.small-11 {
    width: calc(91.66667% - 1.25rem)
}

.grid-margin-x>.small-12 {
    width: calc(100% - 1.25rem)
}

@media print,screen and (min-width: 40em) {
    .grid-margin-x>.auto,.grid-margin-x>.shrink {
        width:auto
    }

    .grid-margin-x>.small-1 {
        width: calc(8.33333% - 1.875rem)
    }

    .grid-margin-x>.small-2 {
        width: calc(16.66667% - 1.875rem)
    }

    .grid-margin-x>.small-3 {
        width: calc(25% - 1.875rem)
    }

    .grid-margin-x>.small-4 {
        width: calc(33.33333% - 1.875rem)
    }

    .grid-margin-x>.small-5 {
        width: calc(41.66667% - 1.875rem)
    }

    .grid-margin-x>.small-6 {
        width: calc(50% - 1.875rem)
    }

    .grid-margin-x>.small-7 {
        width: calc(58.33333% - 1.875rem)
    }

    .grid-margin-x>.small-8 {
        width: calc(66.66667% - 1.875rem)
    }

    .grid-margin-x>.small-9 {
        width: calc(75% - 1.875rem)
    }

    .grid-margin-x>.small-10 {
        width: calc(83.33333% - 1.875rem)
    }

    .grid-margin-x>.small-11 {
        width: calc(91.66667% - 1.875rem)
    }

    .grid-margin-x>.small-12 {
        width: calc(100% - 1.875rem)
    }

    .grid-margin-x>.medium-auto,.grid-margin-x>.medium-shrink {
        width: auto
    }

    .grid-margin-x>.medium-1 {
        width: calc(8.33333% - 1.875rem)
    }

    .grid-margin-x>.medium-2 {
        width: calc(16.66667% - 1.875rem)
    }

    .grid-margin-x>.medium-3 {
        width: calc(25% - 1.875rem)
    }

    .grid-margin-x>.medium-4 {
        width: calc(33.33333% - 1.875rem)
    }

    .grid-margin-x>.medium-5 {
        width: calc(41.66667% - 1.875rem)
    }

    .grid-margin-x>.medium-6 {
        width: calc(50% - 1.875rem)
    }

    .grid-margin-x>.medium-7 {
        width: calc(58.33333% - 1.875rem)
    }

    .grid-margin-x>.medium-8 {
        width: calc(66.66667% - 1.875rem)
    }

    .grid-margin-x>.medium-9 {
        width: calc(75% - 1.875rem)
    }

    .grid-margin-x>.medium-10 {
        width: calc(83.33333% - 1.875rem)
    }

    .grid-margin-x>.medium-11 {
        width: calc(91.66667% - 1.875rem)
    }

    .grid-margin-x>.medium-12 {
        width: calc(100% - 1.875rem)
    }
}

@media print,screen and (min-width: 64.0625em) {
    .grid-margin-x>.large-auto,.grid-margin-x>.large-shrink {
        width:auto
    }

    .grid-margin-x>.large-1 {
        width: calc(8.33333% - 1.875rem)
    }

    .grid-margin-x>.large-2 {
        width: calc(16.66667% - 1.875rem)
    }

    .grid-margin-x>.large-3 {
        width: calc(25% - 1.875rem)
    }

    .grid-margin-x>.large-4 {
        width: calc(33.33333% - 1.875rem)
    }

    .grid-margin-x>.large-5 {
        width: calc(41.66667% - 1.875rem)
    }

    .grid-margin-x>.large-6 {
        width: calc(50% - 1.875rem)
    }

    .grid-margin-x>.large-7 {
        width: calc(58.33333% - 1.875rem)
    }

    .grid-margin-x>.large-8 {
        width: calc(66.66667% - 1.875rem)
    }

    .grid-margin-x>.large-9 {
        width: calc(75% - 1.875rem)
    }

    .grid-margin-x>.large-10 {
        width: calc(83.33333% - 1.875rem)
    }

    .grid-margin-x>.large-11 {
        width: calc(91.66667% - 1.875rem)
    }

    .grid-margin-x>.large-12 {
        width: calc(100% - 1.875rem)
    }
}

.grid-padding-x .grid-padding-x {
    margin-left: -.625rem;
    margin-right: -.625rem
}

@media print,screen and (min-width: 40em) {
    .grid-padding-x .grid-padding-x {
        margin-left:-.9375rem;
        margin-right: -.9375rem
    }
}

.grid-container:not(.full)>.grid-padding-x {
    margin-left: -.625rem;
    margin-right: -.625rem
}

@media print,screen and (min-width: 40em) {
    .grid-container:not(.full)>.grid-padding-x {
        margin-left:-.9375rem;
        margin-right: -.9375rem
    }
}

.grid-padding-x>.cell {
    padding-left: .625rem;
    padding-right: .625rem
}

@media print,screen and (min-width: 40em) {
    .grid-padding-x>.cell {
        padding-left:.9375rem;
        padding-right: .9375rem
    }
}

.small-up-1>.cell {
    width: 100%
}

.small-up-2>.cell {
    width: 50%
}

.small-up-3>.cell {
    width: 33.3333333333%
}

.small-up-4>.cell {
    width: 25%
}

.small-up-5>.cell {
    width: 20%
}

.small-up-6>.cell {
    width: 16.6666666667%
}

.small-up-7>.cell {
    width: 14.2857142857%
}

.small-up-8>.cell {
    width: 12.5%
}

@media print,screen and (min-width: 40em) {
    .medium-up-1>.cell {
        width:100%
    }

    .medium-up-2>.cell {
        width: 50%
    }

    .medium-up-3>.cell {
        width: 33.3333333333%
    }

    .medium-up-4>.cell {
        width: 25%
    }

    .medium-up-5>.cell {
        width: 20%
    }

    .medium-up-6>.cell {
        width: 16.6666666667%
    }

    .medium-up-7>.cell {
        width: 14.2857142857%
    }

    .medium-up-8>.cell {
        width: 12.5%
    }
}

@media print,screen and (min-width: 64.0625em) {
    .large-up-1>.cell {
        width:100%
    }

    .large-up-2>.cell {
        width: 50%
    }

    .large-up-3>.cell {
        width: 33.3333333333%
    }

    .large-up-4>.cell {
        width: 25%
    }

    .large-up-5>.cell {
        width: 20%
    }

    .large-up-6>.cell {
        width: 16.6666666667%
    }

    .large-up-7>.cell {
        width: 14.2857142857%
    }

    .large-up-8>.cell {
        width: 12.5%
    }
}

.grid-margin-x.small-up-1>.cell {
    width: calc(100% - 1.25rem)
}

.grid-margin-x.small-up-2>.cell {
    width: calc(50% - 1.25rem)
}

.grid-margin-x.small-up-3>.cell {
    width: calc(33.33333% - 1.25rem)
}

.grid-margin-x.small-up-4>.cell {
    width: calc(25% - 1.25rem)
}

.grid-margin-x.small-up-5>.cell {
    width: calc(20% - 1.25rem)
}

.grid-margin-x.small-up-6>.cell {
    width: calc(16.66667% - 1.25rem)
}

.grid-margin-x.small-up-7>.cell {
    width: calc(14.28571% - 1.25rem)
}

.grid-margin-x.small-up-8>.cell {
    width: calc(12.5% - 1.25rem)
}

@media print,screen and (min-width: 40em) {
    .grid-margin-x.small-up-1>.cell {
        width:calc(100% - 1.875rem)
    }

    .grid-margin-x.small-up-2>.cell {
        width: calc(50% - 1.875rem)
    }

    .grid-margin-x.small-up-3>.cell {
        width: calc(33.33333% - 1.875rem)
    }

    .grid-margin-x.small-up-4>.cell {
        width: calc(25% - 1.875rem)
    }

    .grid-margin-x.small-up-5>.cell {
        width: calc(20% - 1.875rem)
    }

    .grid-margin-x.small-up-6>.cell {
        width: calc(16.66667% - 1.875rem)
    }

    .grid-margin-x.small-up-7>.cell {
        width: calc(14.28571% - 1.875rem)
    }

    .grid-margin-x.small-up-8>.cell {
        width: calc(12.5% - 1.875rem)
    }

    .grid-margin-x.medium-up-1>.cell {
        width: calc(100% - 1.875rem)
    }

    .grid-margin-x.medium-up-2>.cell {
        width: calc(50% - 1.875rem)
    }

    .grid-margin-x.medium-up-3>.cell {
        width: calc(33.33333% - 1.875rem)
    }

    .grid-margin-x.medium-up-4>.cell {
        width: calc(25% - 1.875rem)
    }

    .grid-margin-x.medium-up-5>.cell {
        width: calc(20% - 1.875rem)
    }

    .grid-margin-x.medium-up-6>.cell {
        width: calc(16.66667% - 1.875rem)
    }

    .grid-margin-x.medium-up-7>.cell {
        width: calc(14.28571% - 1.875rem)
    }

    .grid-margin-x.medium-up-8>.cell {
        width: calc(12.5% - 1.875rem)
    }
}

@media print,screen and (min-width: 64.0625em) {
    .grid-margin-x.large-up-1>.cell {
        width:calc(100% - 1.875rem)
    }

    .grid-margin-x.large-up-2>.cell {
        width: calc(50% - 1.875rem)
    }

    .grid-margin-x.large-up-3>.cell {
        width: calc(33.33333% - 1.875rem)
    }

    .grid-margin-x.large-up-4>.cell {
        width: calc(25% - 1.875rem)
    }

    .grid-margin-x.large-up-5>.cell {
        width: calc(20% - 1.875rem)
    }

    .grid-margin-x.large-up-6>.cell {
        width: calc(16.66667% - 1.875rem)
    }

    .grid-margin-x.large-up-7>.cell {
        width: calc(14.28571% - 1.875rem)
    }

    .grid-margin-x.large-up-8>.cell {
        width: calc(12.5% - 1.875rem)
    }
}

.small-margin-collapse,.small-margin-collapse>.cell {
    margin-left: 0;
    margin-right: 0
}

.small-margin-collapse>.small-1 {
    width: 8.3333333333%
}

.small-margin-collapse>.small-2 {
    width: 16.6666666667%
}

.small-margin-collapse>.small-3 {
    width: 25%
}

.small-margin-collapse>.small-4 {
    width: 33.3333333333%
}

.small-margin-collapse>.small-5 {
    width: 41.6666666667%
}

.small-margin-collapse>.small-6 {
    width: 50%
}

.small-margin-collapse>.small-7 {
    width: 58.3333333333%
}

.small-margin-collapse>.small-8 {
    width: 66.6666666667%
}

.small-margin-collapse>.small-9 {
    width: 75%
}

.small-margin-collapse>.small-10 {
    width: 83.3333333333%
}

.small-margin-collapse>.small-11 {
    width: 91.6666666667%
}

.small-margin-collapse>.small-12 {
    width: 100%
}

@media print,screen and (min-width: 40em) {
    .small-margin-collapse>.medium-1 {
        width:8.3333333333%
    }

    .small-margin-collapse>.medium-2 {
        width: 16.6666666667%
    }

    .small-margin-collapse>.medium-3 {
        width: 25%
    }

    .small-margin-collapse>.medium-4 {
        width: 33.3333333333%
    }

    .small-margin-collapse>.medium-5 {
        width: 41.6666666667%
    }

    .small-margin-collapse>.medium-6 {
        width: 50%
    }

    .small-margin-collapse>.medium-7 {
        width: 58.3333333333%
    }

    .small-margin-collapse>.medium-8 {
        width: 66.6666666667%
    }

    .small-margin-collapse>.medium-9 {
        width: 75%
    }

    .small-margin-collapse>.medium-10 {
        width: 83.3333333333%
    }

    .small-margin-collapse>.medium-11 {
        width: 91.6666666667%
    }

    .small-margin-collapse>.medium-12 {
        width: 100%
    }
}

@media print,screen and (min-width: 64.0625em) {
    .small-margin-collapse>.large-1 {
        width:8.3333333333%
    }

    .small-margin-collapse>.large-2 {
        width: 16.6666666667%
    }

    .small-margin-collapse>.large-3 {
        width: 25%
    }

    .small-margin-collapse>.large-4 {
        width: 33.3333333333%
    }

    .small-margin-collapse>.large-5 {
        width: 41.6666666667%
    }

    .small-margin-collapse>.large-6 {
        width: 50%
    }

    .small-margin-collapse>.large-7 {
        width: 58.3333333333%
    }

    .small-margin-collapse>.large-8 {
        width: 66.6666666667%
    }

    .small-margin-collapse>.large-9 {
        width: 75%
    }

    .small-margin-collapse>.large-10 {
        width: 83.3333333333%
    }

    .small-margin-collapse>.large-11 {
        width: 91.6666666667%
    }

    .small-margin-collapse>.large-12 {
        width: 100%
    }
}

.small-padding-collapse {
    margin-left: 0;
    margin-right: 0
}

.small-padding-collapse>.cell {
    padding-left: 0;
    padding-right: 0
}

@media print,screen and (min-width: 40em) {
    .medium-margin-collapse,.medium-margin-collapse>.cell {
        margin-left:0;
        margin-right: 0
    }

    .medium-margin-collapse>.small-1 {
        width: 8.3333333333%
    }

    .medium-margin-collapse>.small-2 {
        width: 16.6666666667%
    }

    .medium-margin-collapse>.small-3 {
        width: 25%
    }

    .medium-margin-collapse>.small-4 {
        width: 33.3333333333%
    }

    .medium-margin-collapse>.small-5 {
        width: 41.6666666667%
    }

    .medium-margin-collapse>.small-6 {
        width: 50%
    }

    .medium-margin-collapse>.small-7 {
        width: 58.3333333333%
    }

    .medium-margin-collapse>.small-8 {
        width: 66.6666666667%
    }

    .medium-margin-collapse>.small-9 {
        width: 75%
    }

    .medium-margin-collapse>.small-10 {
        width: 83.3333333333%
    }

    .medium-margin-collapse>.small-11 {
        width: 91.6666666667%
    }

    .medium-margin-collapse>.small-12 {
        width: 100%
    }

    .medium-margin-collapse>.medium-1 {
        width: 8.3333333333%
    }

    .medium-margin-collapse>.medium-2 {
        width: 16.6666666667%
    }

    .medium-margin-collapse>.medium-3 {
        width: 25%
    }

    .medium-margin-collapse>.medium-4 {
        width: 33.3333333333%
    }

    .medium-margin-collapse>.medium-5 {
        width: 41.6666666667%
    }

    .medium-margin-collapse>.medium-6 {
        width: 50%
    }

    .medium-margin-collapse>.medium-7 {
        width: 58.3333333333%
    }

    .medium-margin-collapse>.medium-8 {
        width: 66.6666666667%
    }

    .medium-margin-collapse>.medium-9 {
        width: 75%
    }

    .medium-margin-collapse>.medium-10 {
        width: 83.3333333333%
    }

    .medium-margin-collapse>.medium-11 {
        width: 91.6666666667%
    }

    .medium-margin-collapse>.medium-12 {
        width: 100%
    }
}

@media print,screen and (min-width: 64.0625em) {
    .medium-margin-collapse>.large-1 {
        width:8.3333333333%
    }

    .medium-margin-collapse>.large-2 {
        width: 16.6666666667%
    }

    .medium-margin-collapse>.large-3 {
        width: 25%
    }

    .medium-margin-collapse>.large-4 {
        width: 33.3333333333%
    }

    .medium-margin-collapse>.large-5 {
        width: 41.6666666667%
    }

    .medium-margin-collapse>.large-6 {
        width: 50%
    }

    .medium-margin-collapse>.large-7 {
        width: 58.3333333333%
    }

    .medium-margin-collapse>.large-8 {
        width: 66.6666666667%
    }

    .medium-margin-collapse>.large-9 {
        width: 75%
    }

    .medium-margin-collapse>.large-10 {
        width: 83.3333333333%
    }

    .medium-margin-collapse>.large-11 {
        width: 91.6666666667%
    }

    .medium-margin-collapse>.large-12 {
        width: 100%
    }
}

@media print,screen and (min-width: 40em) {
    .medium-padding-collapse {
        margin-left:0;
        margin-right: 0
    }

    .medium-padding-collapse>.cell {
        padding-left: 0;
        padding-right: 0
    }
}

@media print,screen and (min-width: 64.0625em) {
    .large-margin-collapse,.large-margin-collapse>.cell {
        margin-left:0;
        margin-right: 0
    }

    .large-margin-collapse>.small-1 {
        width: 8.3333333333%
    }

    .large-margin-collapse>.small-2 {
        width: 16.6666666667%
    }

    .large-margin-collapse>.small-3 {
        width: 25%
    }

    .large-margin-collapse>.small-4 {
        width: 33.3333333333%
    }

    .large-margin-collapse>.small-5 {
        width: 41.6666666667%
    }

    .large-margin-collapse>.small-6 {
        width: 50%
    }

    .large-margin-collapse>.small-7 {
        width: 58.3333333333%
    }

    .large-margin-collapse>.small-8 {
        width: 66.6666666667%
    }

    .large-margin-collapse>.small-9 {
        width: 75%
    }

    .large-margin-collapse>.small-10 {
        width: 83.3333333333%
    }

    .large-margin-collapse>.small-11 {
        width: 91.6666666667%
    }

    .large-margin-collapse>.small-12 {
        width: 100%
    }

    .large-margin-collapse>.medium-1 {
        width: 8.3333333333%
    }

    .large-margin-collapse>.medium-2 {
        width: 16.6666666667%
    }

    .large-margin-collapse>.medium-3 {
        width: 25%
    }

    .large-margin-collapse>.medium-4 {
        width: 33.3333333333%
    }

    .large-margin-collapse>.medium-5 {
        width: 41.6666666667%
    }

    .large-margin-collapse>.medium-6 {
        width: 50%
    }

    .large-margin-collapse>.medium-7 {
        width: 58.3333333333%
    }

    .large-margin-collapse>.medium-8 {
        width: 66.6666666667%
    }

    .large-margin-collapse>.medium-9 {
        width: 75%
    }

    .large-margin-collapse>.medium-10 {
        width: 83.3333333333%
    }

    .large-margin-collapse>.medium-11 {
        width: 91.6666666667%
    }

    .large-margin-collapse>.medium-12 {
        width: 100%
    }

    .large-margin-collapse>.large-1 {
        width: 8.3333333333%
    }

    .large-margin-collapse>.large-2 {
        width: 16.6666666667%
    }

    .large-margin-collapse>.large-3 {
        width: 25%
    }

    .large-margin-collapse>.large-4 {
        width: 33.3333333333%
    }

    .large-margin-collapse>.large-5 {
        width: 41.6666666667%
    }

    .large-margin-collapse>.large-6 {
        width: 50%
    }

    .large-margin-collapse>.large-7 {
        width: 58.3333333333%
    }

    .large-margin-collapse>.large-8 {
        width: 66.6666666667%
    }

    .large-margin-collapse>.large-9 {
        width: 75%
    }

    .large-margin-collapse>.large-10 {
        width: 83.3333333333%
    }

    .large-margin-collapse>.large-11 {
        width: 91.6666666667%
    }

    .large-margin-collapse>.large-12 {
        width: 100%
    }

    .large-padding-collapse {
        margin-left: 0;
        margin-right: 0
    }

    .large-padding-collapse>.cell {
        padding-left: 0;
        padding-right: 0
    }
}

.small-offset-0 {
    margin-left: 0
}

.grid-margin-x>.small-offset-0 {
    margin-left: .625rem
}

.small-offset-1 {
    margin-left: 8.3333333333%
}

.grid-margin-x>.small-offset-1 {
    margin-left: calc(8.33333% + .625rem)
}

.small-offset-2 {
    margin-left: 16.6666666667%
}

.grid-margin-x>.small-offset-2 {
    margin-left: calc(16.66667% + .625rem)
}

.small-offset-3 {
    margin-left: 25%
}

.grid-margin-x>.small-offset-3 {
    margin-left: calc(25% + .625rem)
}

.small-offset-4 {
    margin-left: 33.3333333333%
}

.grid-margin-x>.small-offset-4 {
    margin-left: calc(33.33333% + .625rem)
}

.small-offset-5 {
    margin-left: 41.6666666667%
}

.grid-margin-x>.small-offset-5 {
    margin-left: calc(41.66667% + .625rem)
}

.small-offset-6 {
    margin-left: 50%
}

.grid-margin-x>.small-offset-6 {
    margin-left: calc(50% + .625rem)
}

.small-offset-7 {
    margin-left: 58.3333333333%
}

.grid-margin-x>.small-offset-7 {
    margin-left: calc(58.33333% + .625rem)
}

.small-offset-8 {
    margin-left: 66.6666666667%
}

.grid-margin-x>.small-offset-8 {
    margin-left: calc(66.66667% + .625rem)
}

.small-offset-9 {
    margin-left: 75%
}

.grid-margin-x>.small-offset-9 {
    margin-left: calc(75% + .625rem)
}

.small-offset-10 {
    margin-left: 83.3333333333%
}

.grid-margin-x>.small-offset-10 {
    margin-left: calc(83.33333% + .625rem)
}

.small-offset-11 {
    margin-left: 91.6666666667%
}

.grid-margin-x>.small-offset-11 {
    margin-left: calc(91.66667% + .625rem)
}

@media print,screen and (min-width: 40em) {
    .medium-offset-0 {
        margin-left:0
    }

    .grid-margin-x>.medium-offset-0 {
        margin-left: .9375rem
    }

    .medium-offset-1 {
        margin-left: 8.3333333333%
    }

    .grid-margin-x>.medium-offset-1 {
        margin-left: calc(8.33333% + .9375rem)
    }

    .medium-offset-2 {
        margin-left: 16.6666666667%
    }

    .grid-margin-x>.medium-offset-2 {
        margin-left: calc(16.66667% + .9375rem)
    }

    .medium-offset-3 {
        margin-left: 25%
    }

    .grid-margin-x>.medium-offset-3 {
        margin-left: calc(25% + .9375rem)
    }

    .medium-offset-4 {
        margin-left: 33.3333333333%
    }

    .grid-margin-x>.medium-offset-4 {
        margin-left: calc(33.33333% + .9375rem)
    }

    .medium-offset-5 {
        margin-left: 41.6666666667%
    }

    .grid-margin-x>.medium-offset-5 {
        margin-left: calc(41.66667% + .9375rem)
    }

    .medium-offset-6 {
        margin-left: 50%
    }

    .grid-margin-x>.medium-offset-6 {
        margin-left: calc(50% + .9375rem)
    }

    .medium-offset-7 {
        margin-left: 58.3333333333%
    }

    .grid-margin-x>.medium-offset-7 {
        margin-left: calc(58.33333% + .9375rem)
    }

    .medium-offset-8 {
        margin-left: 66.6666666667%
    }

    .grid-margin-x>.medium-offset-8 {
        margin-left: calc(66.66667% + .9375rem)
    }

    .medium-offset-9 {
        margin-left: 75%
    }

    .grid-margin-x>.medium-offset-9 {
        margin-left: calc(75% + .9375rem)
    }

    .medium-offset-10 {
        margin-left: 83.3333333333%
    }

    .grid-margin-x>.medium-offset-10 {
        margin-left: calc(83.33333% + .9375rem)
    }

    .medium-offset-11 {
        margin-left: 91.6666666667%
    }

    .grid-margin-x>.medium-offset-11 {
        margin-left: calc(91.66667% + .9375rem)
    }
}

@media print,screen and (min-width: 64.0625em) {
    .large-offset-0 {
        margin-left:0
    }

    .grid-margin-x>.large-offset-0 {
        margin-left: .9375rem
    }

    .large-offset-1 {
        margin-left: 8.3333333333%
    }

    .grid-margin-x>.large-offset-1 {
        margin-left: calc(8.33333% + .9375rem)
    }

    .large-offset-2 {
        margin-left: 16.6666666667%
    }

    .grid-margin-x>.large-offset-2 {
        margin-left: calc(16.66667% + .9375rem)
    }

    .large-offset-3 {
        margin-left: 25%
    }

    .grid-margin-x>.large-offset-3 {
        margin-left: calc(25% + .9375rem)
    }

    .large-offset-4 {
        margin-left: 33.3333333333%
    }

    .grid-margin-x>.large-offset-4 {
        margin-left: calc(33.33333% + .9375rem)
    }

    .large-offset-5 {
        margin-left: 41.6666666667%
    }

    .grid-margin-x>.large-offset-5 {
        margin-left: calc(41.66667% + .9375rem)
    }

    .large-offset-6 {
        margin-left: 50%
    }

    .grid-margin-x>.large-offset-6 {
        margin-left: calc(50% + .9375rem)
    }

    .large-offset-7 {
        margin-left: 58.3333333333%
    }

    .grid-margin-x>.large-offset-7 {
        margin-left: calc(58.33333% + .9375rem)
    }

    .large-offset-8 {
        margin-left: 66.6666666667%
    }

    .grid-margin-x>.large-offset-8 {
        margin-left: calc(66.66667% + .9375rem)
    }

    .large-offset-9 {
        margin-left: 75%
    }

    .grid-margin-x>.large-offset-9 {
        margin-left: calc(75% + .9375rem)
    }

    .large-offset-10 {
        margin-left: 83.3333333333%
    }

    .grid-margin-x>.large-offset-10 {
        margin-left: calc(83.33333% + .9375rem)
    }

    .large-offset-11 {
        margin-left: 91.6666666667%
    }

    .grid-margin-x>.large-offset-11 {
        margin-left: calc(91.66667% + .9375rem)
    }
}

.grid-y {
    display: flex;
    flex-flow: column nowrap
}

.grid-y>.cell {
    height: auto;
    max-height: none
}

.grid-y>.auto,.grid-y>.shrink {
    height: auto
}

.grid-y>.small-1,.grid-y>.small-10,.grid-y>.small-11,.grid-y>.small-12,.grid-y>.small-2,.grid-y>.small-3,.grid-y>.small-4,.grid-y>.small-5,.grid-y>.small-6,.grid-y>.small-7,.grid-y>.small-8,.grid-y>.small-9,.grid-y>.small-full,.grid-y>.small-shrink {
    flex-basis: auto
}

@media print,screen and (min-width: 40em) {
    .grid-y>.medium-1,.grid-y>.medium-10,.grid-y>.medium-11,.grid-y>.medium-12,.grid-y>.medium-2,.grid-y>.medium-3,.grid-y>.medium-4,.grid-y>.medium-5,.grid-y>.medium-6,.grid-y>.medium-7,.grid-y>.medium-8,.grid-y>.medium-9,.grid-y>.medium-full,.grid-y>.medium-shrink {
        flex-basis:auto
    }
}

@media print,screen and (min-width: 64.0625em) {
    .grid-y>.large-1,.grid-y>.large-10,.grid-y>.large-11,.grid-y>.large-12,.grid-y>.large-2,.grid-y>.large-3,.grid-y>.large-4,.grid-y>.large-5,.grid-y>.large-6,.grid-y>.large-7,.grid-y>.large-8,.grid-y>.large-9,.grid-y>.large-full,.grid-y>.large-shrink {
        flex-basis:auto
    }
}

.grid-y>.small-1,.grid-y>.small-10,.grid-y>.small-11,.grid-y>.small-12,.grid-y>.small-2,.grid-y>.small-3,.grid-y>.small-4,.grid-y>.small-5,.grid-y>.small-6,.grid-y>.small-7,.grid-y>.small-8,.grid-y>.small-9 {
    flex: 0 0 auto
}

.grid-y>.small-1 {
    height: 8.3333333333%
}

.grid-y>.small-2 {
    height: 16.6666666667%
}

.grid-y>.small-3 {
    height: 25%
}

.grid-y>.small-4 {
    height: 33.3333333333%
}

.grid-y>.small-5 {
    height: 41.6666666667%
}

.grid-y>.small-6 {
    height: 50%
}

.grid-y>.small-7 {
    height: 58.3333333333%
}

.grid-y>.small-8 {
    height: 66.6666666667%
}

.grid-y>.small-9 {
    height: 75%
}

.grid-y>.small-10 {
    height: 83.3333333333%
}

.grid-y>.small-11 {
    height: 91.6666666667%
}

.grid-y>.small-12 {
    height: 100%
}

@media print,screen and (min-width: 40em) {
    .grid-y>.medium-auto {
        flex:1 1 0px;
        height: auto
    }

    .grid-y>.medium-1,.grid-y>.medium-10,.grid-y>.medium-11,.grid-y>.medium-12,.grid-y>.medium-2,.grid-y>.medium-3,.grid-y>.medium-4,.grid-y>.medium-5,.grid-y>.medium-6,.grid-y>.medium-7,.grid-y>.medium-8,.grid-y>.medium-9,.grid-y>.medium-shrink {
        flex: 0 0 auto
    }

    .grid-y>.medium-shrink {
        height: auto
    }

    .grid-y>.medium-1 {
        height: 8.3333333333%
    }

    .grid-y>.medium-2 {
        height: 16.6666666667%
    }

    .grid-y>.medium-3 {
        height: 25%
    }

    .grid-y>.medium-4 {
        height: 33.3333333333%
    }

    .grid-y>.medium-5 {
        height: 41.6666666667%
    }

    .grid-y>.medium-6 {
        height: 50%
    }

    .grid-y>.medium-7 {
        height: 58.3333333333%
    }

    .grid-y>.medium-8 {
        height: 66.6666666667%
    }

    .grid-y>.medium-9 {
        height: 75%
    }

    .grid-y>.medium-10 {
        height: 83.3333333333%
    }

    .grid-y>.medium-11 {
        height: 91.6666666667%
    }

    .grid-y>.medium-12 {
        height: 100%
    }
}

@media print,screen and (min-width: 64.0625em) {
    .grid-y>.large-auto {
        flex:1 1 0px;
        height: auto
    }

    .grid-y>.large-1,.grid-y>.large-10,.grid-y>.large-11,.grid-y>.large-12,.grid-y>.large-2,.grid-y>.large-3,.grid-y>.large-4,.grid-y>.large-5,.grid-y>.large-6,.grid-y>.large-7,.grid-y>.large-8,.grid-y>.large-9,.grid-y>.large-shrink {
        flex: 0 0 auto
    }

    .grid-y>.large-shrink {
        height: auto
    }

    .grid-y>.large-1 {
        height: 8.3333333333%
    }

    .grid-y>.large-2 {
        height: 16.6666666667%
    }

    .grid-y>.large-3 {
        height: 25%
    }

    .grid-y>.large-4 {
        height: 33.3333333333%
    }

    .grid-y>.large-5 {
        height: 41.6666666667%
    }

    .grid-y>.large-6 {
        height: 50%
    }

    .grid-y>.large-7 {
        height: 58.3333333333%
    }

    .grid-y>.large-8 {
        height: 66.6666666667%
    }

    .grid-y>.large-9 {
        height: 75%
    }

    .grid-y>.large-10 {
        height: 83.3333333333%
    }

    .grid-y>.large-11 {
        height: 91.6666666667%
    }

    .grid-y>.large-12 {
        height: 100%
    }
}

.grid-padding-y .grid-padding-y {
    margin-bottom: -.625rem;
    margin-top: -.625rem
}

@media print,screen and (min-width: 40em) {
    .grid-padding-y .grid-padding-y {
        margin-bottom:-.9375rem;
        margin-top: -.9375rem
    }
}

.grid-padding-y>.cell {
    padding-bottom: .625rem;
    padding-top: .625rem
}

@media print,screen and (min-width: 40em) {
    .grid-padding-y>.cell {
        padding-bottom:.9375rem;
        padding-top: .9375rem
    }
}

.grid-frame {
    align-items: stretch;
    flex-wrap: nowrap;
    overflow: hidden;
    position: relative;
    width: 100vw
}

.cell .grid-frame {
    width: 100%
}

.cell-block {
    max-width: 100%;
    overflow-x: auto
}

.cell-block,.cell-block-y {
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar
}

.cell-block-y {
    max-height: 100%;
    min-height: 100%;
    overflow-y: auto
}

.cell-block-container {
    display: flex;
    flex-direction: column;
    max-height: 100%
}

.cell-block-container>.grid-x {
    flex-wrap: nowrap;
    max-height: 100%
}

@media print,screen and (min-width: 40em) {
    .medium-grid-frame {
        align-items:stretch;
        flex-wrap: nowrap;
        overflow: hidden;
        position: relative;
        width: 100vw
    }

    .cell .medium-grid-frame {
        width: 100%
    }

    .medium-cell-block {
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        max-width: 100%;
        overflow-x: auto
    }

    .medium-cell-block-container {
        display: flex;
        flex-direction: column;
        max-height: 100%
    }

    .medium-cell-block-container>.grid-x {
        flex-wrap: nowrap;
        max-height: 100%
    }

    .medium-cell-block-y {
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        max-height: 100%;
        min-height: 100%;
        overflow-y: auto
    }
}

@media print,screen and (min-width: 64.0625em) {
    .large-grid-frame {
        align-items:stretch;
        flex-wrap: nowrap;
        overflow: hidden;
        position: relative;
        width: 100vw
    }

    .cell .large-grid-frame {
        width: 100%
    }

    .large-cell-block {
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        max-width: 100%;
        overflow-x: auto
    }

    .large-cell-block-container {
        display: flex;
        flex-direction: column;
        max-height: 100%
    }

    .large-cell-block-container>.grid-x {
        flex-wrap: nowrap;
        max-height: 100%
    }

    .large-cell-block-y {
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        max-height: 100%;
        min-height: 100%;
        overflow-y: auto
    }
}

.grid-y.grid-frame {
    align-items: stretch;
    flex-wrap: nowrap;
    height: 100vh;
    overflow: hidden;
    position: relative;
    width: auto
}

@media print,screen and (min-width: 40em) {
    .grid-y.medium-grid-frame {
        align-items:stretch;
        flex-wrap: nowrap;
        height: 100vh;
        overflow: hidden;
        position: relative;
        width: auto
    }
}

@media print,screen and (min-width: 64.0625em) {
    .grid-y.large-grid-frame {
        align-items:stretch;
        flex-wrap: nowrap;
        height: 100vh;
        overflow: hidden;
        position: relative;
        width: auto
    }
}

.cell .grid-y.grid-frame {
    height: 100%
}

@media print,screen and (min-width: 40em) {
    .cell .grid-y.medium-grid-frame {
        height:100%
    }
}

@media print,screen and (min-width: 64.0625em) {
    .cell .grid-y.large-grid-frame {
        height:100%
    }
}

.grid-margin-y {
    margin-bottom: -.625rem;
    margin-top: -.625rem
}

@media print,screen and (min-width: 40em) {
    .grid-margin-y {
        margin-bottom:-.9375rem;
        margin-top: -.9375rem
    }
}

.grid-margin-y>.cell {
    height: calc(100% - 1.25rem);
    margin-bottom: .625rem;
    margin-top: .625rem
}

@media print,screen and (min-width: 40em) {
    .grid-margin-y>.cell {
        height:calc(100% - 1.875rem);
        margin-bottom: .9375rem;
        margin-top: .9375rem
    }
}

.grid-margin-y>.auto,.grid-margin-y>.shrink {
    height: auto
}

.grid-margin-y>.small-1 {
    height: calc(8.33333% - 1.25rem)
}

.grid-margin-y>.small-2 {
    height: calc(16.66667% - 1.25rem)
}

.grid-margin-y>.small-3 {
    height: calc(25% - 1.25rem)
}

.grid-margin-y>.small-4 {
    height: calc(33.33333% - 1.25rem)
}

.grid-margin-y>.small-5 {
    height: calc(41.66667% - 1.25rem)
}

.grid-margin-y>.small-6 {
    height: calc(50% - 1.25rem)
}

.grid-margin-y>.small-7 {
    height: calc(58.33333% - 1.25rem)
}

.grid-margin-y>.small-8 {
    height: calc(66.66667% - 1.25rem)
}

.grid-margin-y>.small-9 {
    height: calc(75% - 1.25rem)
}

.grid-margin-y>.small-10 {
    height: calc(83.33333% - 1.25rem)
}

.grid-margin-y>.small-11 {
    height: calc(91.66667% - 1.25rem)
}

.grid-margin-y>.small-12 {
    height: calc(100% - 1.25rem)
}

@media print,screen and (min-width: 40em) {
    .grid-margin-y>.auto,.grid-margin-y>.shrink {
        height:auto
    }

    .grid-margin-y>.small-1 {
        height: calc(8.33333% - 1.875rem)
    }

    .grid-margin-y>.small-2 {
        height: calc(16.66667% - 1.875rem)
    }

    .grid-margin-y>.small-3 {
        height: calc(25% - 1.875rem)
    }

    .grid-margin-y>.small-4 {
        height: calc(33.33333% - 1.875rem)
    }

    .grid-margin-y>.small-5 {
        height: calc(41.66667% - 1.875rem)
    }

    .grid-margin-y>.small-6 {
        height: calc(50% - 1.875rem)
    }

    .grid-margin-y>.small-7 {
        height: calc(58.33333% - 1.875rem)
    }

    .grid-margin-y>.small-8 {
        height: calc(66.66667% - 1.875rem)
    }

    .grid-margin-y>.small-9 {
        height: calc(75% - 1.875rem)
    }

    .grid-margin-y>.small-10 {
        height: calc(83.33333% - 1.875rem)
    }

    .grid-margin-y>.small-11 {
        height: calc(91.66667% - 1.875rem)
    }

    .grid-margin-y>.small-12 {
        height: calc(100% - 1.875rem)
    }

    .grid-margin-y>.medium-auto,.grid-margin-y>.medium-shrink {
        height: auto
    }

    .grid-margin-y>.medium-1 {
        height: calc(8.33333% - 1.875rem)
    }

    .grid-margin-y>.medium-2 {
        height: calc(16.66667% - 1.875rem)
    }

    .grid-margin-y>.medium-3 {
        height: calc(25% - 1.875rem)
    }

    .grid-margin-y>.medium-4 {
        height: calc(33.33333% - 1.875rem)
    }

    .grid-margin-y>.medium-5 {
        height: calc(41.66667% - 1.875rem)
    }

    .grid-margin-y>.medium-6 {
        height: calc(50% - 1.875rem)
    }

    .grid-margin-y>.medium-7 {
        height: calc(58.33333% - 1.875rem)
    }

    .grid-margin-y>.medium-8 {
        height: calc(66.66667% - 1.875rem)
    }

    .grid-margin-y>.medium-9 {
        height: calc(75% - 1.875rem)
    }

    .grid-margin-y>.medium-10 {
        height: calc(83.33333% - 1.875rem)
    }

    .grid-margin-y>.medium-11 {
        height: calc(91.66667% - 1.875rem)
    }

    .grid-margin-y>.medium-12 {
        height: calc(100% - 1.875rem)
    }
}

@media print,screen and (min-width: 64.0625em) {
    .grid-margin-y>.large-auto,.grid-margin-y>.large-shrink {
        height:auto
    }

    .grid-margin-y>.large-1 {
        height: calc(8.33333% - 1.875rem)
    }

    .grid-margin-y>.large-2 {
        height: calc(16.66667% - 1.875rem)
    }

    .grid-margin-y>.large-3 {
        height: calc(25% - 1.875rem)
    }

    .grid-margin-y>.large-4 {
        height: calc(33.33333% - 1.875rem)
    }

    .grid-margin-y>.large-5 {
        height: calc(41.66667% - 1.875rem)
    }

    .grid-margin-y>.large-6 {
        height: calc(50% - 1.875rem)
    }

    .grid-margin-y>.large-7 {
        height: calc(58.33333% - 1.875rem)
    }

    .grid-margin-y>.large-8 {
        height: calc(66.66667% - 1.875rem)
    }

    .grid-margin-y>.large-9 {
        height: calc(75% - 1.875rem)
    }

    .grid-margin-y>.large-10 {
        height: calc(83.33333% - 1.875rem)
    }

    .grid-margin-y>.large-11 {
        height: calc(91.66667% - 1.875rem)
    }

    .grid-margin-y>.large-12 {
        height: calc(100% - 1.875rem)
    }
}

.grid-frame.grid-margin-y {
    height: calc(100vh + 1.25rem)
}

@media print,screen and (min-width: 40em) {
    .grid-frame.grid-margin-y {
        height:calc(100vh + 1.875rem)
    }
}

@media print,screen and (min-width: 64.0625em) {
    .grid-frame.grid-margin-y {
        height:calc(100vh + 1.875rem)
    }
}

@media print,screen and (min-width: 40em) {
    .grid-margin-y.medium-grid-frame {
        height:calc(100vh + 1.875rem)
    }
}

@media print,screen and (min-width: 64.0625em) {
    .grid-margin-y.large-grid-frame {
        height:calc(100vh + 1.875rem)
    }
}

.section-custom.posts_carousel.posts_list {
    display: block;
}
.section-custom .heading-title {
    font-style: normal;
    text-transform: uppercase;
    color: #000000;
    position: relative;
    text-align: left;
    font-size: 28px;
    padding-left: 20px;
}
.section-custom .heading-title::before {
    content: "";
    position: absolute;
    width: 5px;
    left: 5px;
    top: 2px;
    bottom: 5px;
    transform: skew(-20deg);
    background-color: var(--color1);
}
@media (max-width: 64.05rem) {
    .section-custom .heading-title {
        /*1025px*/
        font-size: 24px;
    }
}
@media (max-width: 39.9875rem) {
    .section-custom .heading-title {
        /*640px*/
        font-size: 22px;
    }
}

.section-custom .sub_title {
    font-style: normal;
    font-weight: 400;
    font-size: 25px;
    line-height: 28px;
    color: #4D4D4D;
}
.section-custome .sub_title {
    font-style: normal;
    font-weight: 400;
    font-size: 25px;
    line-height: 28px;
    color: #4D4D4D;
}

.hb_postitem_all {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--colorbody);
}
.hb_postitem_all h2 {
    margin-bottom: 0;
}
.hb_postitem_all a.view-all {
    color: var(--color1);
    font-weight: 400;
    letter-spacing: -0.5px;
    font-size: 18px !important;
}
@media (max-width: 39.9875rem) {
    .hb_postitem_all a.view-all {
        /*640px*/
        font-size: 16px !important;
    }
}
.hb_postitem_all a.view-all:hover {
    color: var(--color1);
}

.hb_button {
    margin-top: 20px;
}
.hb_button a {
    color: #fff;
    padding: 10px 40px;
    border: 1px solid transparent;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    border: unset;
    display: inline-block;
    border-radius: 50px;
    background: #002E49;
    box-shadow: 6px 3px 18px rgba(2, 64, 105, 0.2);
}
.hb_button a::after {
    content: "";
    position: absolute;
    top: -30px;
    left: -30px;
    right: -30px;
    bottom: 130%;
    transform: rotate(-5deg);
    transition: all 0.8s;
    background: #fff;
    z-index: 0;
}
.hb_button a:hover span {
    color: #000;
    position: relative;
    z-index: 9999;
}
.hb_button a:hover i {
    color: #000;
    position: relative;
    z-index: 9999;
}
.hb_button a:hover::after {
    bottom: -20%;
}
.post-hot-home {
    width: 100%;
}
@media screen and (min-width: 768px) and (max-width: 900px) {
    .post-item.first .ratio-3v2 {
        padding-bottom: 45% !important;
    }
}
@media screen and (min-width: 900px) and (max-width: 1023px) {
    .post-hot-home.medium-columns-3>.col, .post-hot-home.medium-columns-3 .flickity-slider>.col {
        max-width: 33.33333%;
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
    }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
    .post-hot-home>.cell.first {
        max-width: 66.66666%;
        flex-basis: 66.66666%;
    }

    .post-hot-home>.cell.first .overlay-content {
        position: absolute;
        bottom: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        z-index: 10;
        background-image: linear-gradient(to top, rgba(0, 0, 0, 0.54), rgba(103, 103, 103, 0.1));
        display: flex;
        align-items: end;
        flex-flow: row wrap;
        color: #ffffff;
        border-radius: 8px;
    }
    .post-hot-home>.cell.first .cover-content {
        width: 100%;
    }
    .post-hot-home>.cell.first article.item .overlay-content .h3 a, .post-hot-home>.cell.first article.item .overlay-content a.pld-like-dislike-trigger, .post-hot-home>.cell.first article.item .overlay-content span.pld-count-wrap{
        color: #ffffff !important;
    }

    .post-hot-home>.cell.first article.item .overlay-content .feed-post-category a{
        color: #ffffff !important;
    }

}
@media screen and (min-width: 1024px) {
    .post-hot-home>.cell.first {
        max-width: 50%;
        flex-basis: 50%;
    }

    .post-hot-home>.cell.first .overlay-content {
        position: absolute;
        bottom: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        z-index: 10;
        background-image: linear-gradient(to top, rgba(0, 0, 0, 0.54), rgba(103, 103, 103, 0.1));
        display: flex;
        align-items: end;
        flex-flow: row wrap;
        color: #ffffff;
        border-radius: 8px;
    }
    .post-hot-home>.cell.first .cover-content {
        width: 100%;
    }
    .post-hot-home>.cell.first article.item .overlay-content .h3 a, .post-hot-home>.cell.first article.item .overlay-content a.pld-like-dislike-trigger, .post-hot-home>.cell.first article.item .overlay-content span.pld-count-wrap{
        color: #ffffff !important;
    }

    .post-hot-home>.cell.first article.item .overlay-content .feed-post-category a{
        color: #ffffff !important;
    }
}



.post-hot-home .col img {
    width: auto;
}
.post-hot-home .col .feed-post-category a {
    color: #00572d;
}
.cover,.res {
    display: block;
    overflow: hidden;
    position: relative
}

.res {
    transition: all .3s ease-in-out;
    width: 100%
}

.res>img {
    display: block;
    height: 100%!important;
    left: 50%;
    max-width: unset;
    min-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) translateX(-50%)
}

.res.auto>img,.res>img {
    -o-object-position: center;
    object-position: center
}

.res.auto>img {
    height: auto!important;
    max-height: 100%;
    max-width: 100%;
    min-height: 90%;
    min-width: 90%;
    -o-object-fit: contain;
    object-fit: contain;
    width: auto
}

.res.scale {
    transform: scale(1.0001);
    transition: transform .8s cubic-bezier(.25,.46,.45,.94),opacity .3s;
    will-change: transform
}

.res.scale:hover {
    opacity: 1;
    transform: scale(1.06)
}

.ratio,.ratio-1v1 {
    aspect-ratio: auto 1/1;
    padding-bottom: 100%
}

.ratio,.ratio-1v1,.ratio-3v2 {
    height: 0;
    -o-object-fit: scale-down;
    object-fit: scale-down
}

.ratio-3v2 {
    aspect-ratio: auto 3/2;
    padding-bottom: 50.6666666667%
}

.ratio-2v3 {
    aspect-ratio: auto 2/3;
    padding-bottom: 150%
}

.ratio-2v3,.ratio-4v3 {
    height: 0;
    -o-object-fit: scale-down;
    object-fit: scale-down
}

.ratio-4v3 {
    aspect-ratio: auto 4/3;
    padding-bottom: 75%
}

.ratio-3v4 {
    aspect-ratio: auto 3/4;
    padding-bottom: 133.3333333333%
}

.ratio-16v9,.ratio-3v4 {
    height: 0;
    -o-object-fit: scale-down;
    object-fit: scale-down
}

.ratio-16v9 {
    aspect-ratio: auto 16/9;
    padding-bottom: 56.25%
}

.ratio-9v16 {
    aspect-ratio: auto 9/16;
    height: 0;
    -o-object-fit: scale-down;
    object-fit: scale-down;
    padding-bottom: 177.7777777778%
}

@keyframes circle {
    0% {
        opacity: 1
    }

    40% {
        opacity: 1
    }

    to {
        height: 200%;
        opacity: 0;
        width: 200%
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes image-animation {
    1% {
        animation-timing-function: ease-in;
        opacity: 0
    }

    4% {
        animation-timing-function: ease-out;
        opacity: .1;
        transform: scale(1.05)
    }

    22% {
        opacity: .9;
        transform: scale(1.15) rotate(-2deg)
    }

    44% {
        opacity: 1;
        transform: scale(1.1) rotate(1deg)
    }

    96% {
        animation-timing-function: ease-in;
        opacity: .2;
        transform: scale(1.05)
    }

    99% {
        animation-timing-function: ease-in;
        opacity: .1
    }

    to {
        opacity: 0
    }
}

@keyframes image-animation2 {
    1% {
        animation-timing-function: ease-in
    }

    4% {
        animation-timing-function: ease-out;
        transform: scale(1.05)
    }

    22% {
        transform: scale(1.15) rotate(-2deg)
    }

    44% {
        transform: scale(1.1) rotate(1deg)
    }

    96% {
        animation-timing-function: ease-in;
        transform: scale(1.05)
    }

    99% {
        animation-timing-function: ease-in
    }

    to {
        animation-timing-function: ease-out;
        transform: scale(1.001)
    }
}

@keyframes gradient-animation {
    0% {
        background-position: 0 13%
    }

    50% {
        background-position: 100% 88%
    }

    to {
        background-position: 0 13%
    }
}

@keyframes ng-circle-anim {
    0% {
        opacity: .1;
        transform: rotate(0) scale(.5) skew(1deg)
    }

    30% {
        opacity: .4;
        transform: rotate(0) scale(.7) skew(1deg)
    }

    to {
        opacity: .1;
        transform: rotate(0) scale(1) skew(1deg)
    }
}

@keyframes ng-circle-fill-anim {
    0% {
        opacity: .2;
        transform: rotate(0) scale(.7) skew(1deg)
    }

    50% {
        opacity: .2;
        transform: rotate(0) scale(1) skew(1deg)
    }

    to {
        opacity: .2;
        transform: rotate(0) scale(.7) skew(1deg)
    }
}

@keyframes ng-circle-icon-anim {
    0% {
        transform: rotate(0) scale(1) skew(1deg)
    }

    10% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }

    20% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }

    30% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }

    40% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }

    50% {
        transform: rotate(0) scale(1) skew(1deg)
    }

    to {
        transform: rotate(0) scale(1) skew(1deg)
    }
}


article.item {
    border-radius: 8px;
    position: relative;
    height: 100%;
    overflow: hidden;
    background-attachment: scroll;
    background-clip: padding-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: linear-gradient(135deg, rgb(229, 232, 239) 35.59%, rgb(220, 235, 239) 100%);
    background-origin: padding-box;
    background-position-x: 0%;
    background-position-y: 0%;
    box-shadow: rgba(0, 0, 0, 0.06) 0px 0px 0px 1px, rgba(0, 0, 0, 0.04) 0px 2px 4px 0px;
}

.w-posts-carousel-3 article.item {
    border-radius: 12px;
}
.cover-content {
    font-size: 14px;
    grid-column-end: auto;
    grid-column-start: 1;
    grid-row-end: auto;
    grid-row-start: 2;
    height: 86px;
    line-height: 20px;
    overflow: hidden;
    padding: 12px 16px 0px;
}
.cover-content.small {
    height: 80px;
}
.total-statistics {
    display: flex;
    font-size: 14px;
    padding: 0px 16px 16px;

}
.total-statistics .fa-comment-o {
    margin-right: 3px;
}

.total-statistics .fas{
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.total-statistics span {
    padding-right: 10px;
}
.total-statistics .fa-thumbs-up:before {
    content: "\f087"
}
.total-statistics .fa-thumbs-down:before {
    content: "\f088"
}

.total-statistics .pld-common-wrap {
    display: inline-block;
    min-width: unset !important;
    margin-right: 5px !important;
}
.total-statistics .pld-like-dislike-wrap {
    display: inline-block;
    margin-bottom: 0px !important;
}
.padding-top-section {
    padding-top: 0.9375rem;
}
.ftwp-in-post#ftwp-container-outer.ftwp-float-right {
    width: 100% !important;
}
.ftwp-in-post#ftwp-container-outer.ftwp-float-right #ftwp-contents {
    width: 100% !important;
}
.show-detail-info {
    display: flex;
}
.show-detail-info li {
    margin-right: 35px;
}
.show-total-share {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-flow: row wrap;

}
.show-total-share .total-statistics{
    padding: 0px;
}

.cover-content .h3 a{
    color: #000;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.4;
}


.custom-post-v-2 .col.post-item .col-inner, .blog-archive .col.post-item .col-inner{
    border-radius: 8px;
    position: relative;
    overflow: hidden;
    background-attachment: scroll;
    background-clip: padding-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: linear-gradient(135deg, rgb(229, 232, 239) 35.59%, rgb(220, 235, 239) 100%);
    background-origin: padding-box;
    background-position-x: 0%;
    background-position-y: 0%;

}
.custom-post-v-2 .post-c-t, .blog-archive .post-c-t{
    font-size: 14px;
    grid-column-end: auto;
    grid-column-start: 1;
    grid-row-end: auto;
    grid-row-start: 2;
    height: 110px;
    line-height: 20px;
    overflow: hidden;
    padding: 12px 16px 0px;
}
.custom-post-v-2 .post-c-t .cat-label, .blog-archive .post-c-t .cat-label {
    color: #00572d;
    opacity: 1;
    font-size: 0.8em;
    margin-bottom: 0px;
}
.blog-archive .post-c-t .box-text {
    padding-top: 0px;
}
.custom-post-v-2 .post-c-t .box-text .post-title, .blog-archive .post-c-t .box-text .post-title {
    font-weight: 600;
    font-size: 18px;
    line-height: 1.4;
    padding-bottom: 0px;

    min-height: 48px;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}