@media only screen and (min-width: 768px) {
    .main-container {
        padding-bottom: 5rem;
        margin-top: 0;
        padding-top: 55px;
    }
}

.form-control {
    font-size: 0.8rem !important;
}

@media only screen and (min-width: 360px) {
    .sign-picker-container .mx-auto {
        padding: 0 15px 0 20px !important;
    }
}
.navbar-nav,
.header_menu_drop {
    padding-bottom: 0;
}
    
[class^=icon-],
[class*=" icon-"] {
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-plus:before {
    content: "";
}

.bg-hearts {
    background: url(../images/love-sign/bg-hearts.svg) no-repeat 47% center/contain;
}

.sign-card__icon.icon-sign-aries {
    background-image: url(../images/love-sign/aries.png)
}

.sign-card__icon.icon-sign-taurus {
    background-image: url(../images/love-sign/taurus.png)
}

.sign-card__icon.icon-sign-gemini {
    background-image: url(../images/love-sign/gemini.png)
}

.sign-card__icon.icon-sign-cancer {
    background-image: url(../images/love-sign/cancer.png)
}

.sign-card__icon.icon-sign-leo {
    background-image: url(../images/love-sign/leo.png)
}

.sign-card__icon.icon-sign-virgo {
    background-image: url(../images/love-sign/virgo.png)
}

.sign-card__icon.icon-sign-libra {
    background-image: url(../images/love-sign/libra.png)
}

.sign-card__icon.icon-sign-scorpio {
    background-image: url(../images/love-sign/scorpio.png)
}

.sign-card__icon.icon-sign-sagittarius {
    background-image: url(../images/love-sign/sagittarius.png)
}

.sign-card__icon.icon-sign-capricorn {
    background-image: url(../images/love-sign/capricorn.png)
}

.sign-card__icon.icon-sign-aquarius {
    background-image: url(../images/love-sign/aquarius.png)
}

.sign-card__icon.icon-sign-pisces {
    background-image: url(../images/love-sign/pisces.png)
}

.bg-clouds {
    background: url(../images/cloud.jpg) no-repeat center top/100%;
    background-size: cover;
}

.bg-clouds {
    background-color: #101010
}

.sign-card:hover .bg-tourmaline {
    background-color: #ee528f !important;
}

.bg-tourmaline {
    background-color: transparent !important;
}

.signs {
    margin: 0 auto;
    max-width: 840px;
    width: 100%;
}


h1 {
    font-size: 2em;
}



h1,
h2,
h3,
h4,
h5,
h6,
p,
ul {
    margin: 0;
}

ul {
    padding: 0;
}

.tarot-card,
.image-card--horz,
.image-card {
    overflow: hidden;
}

.tarot-card img,
.image-card--horz img,
.image-card img {
    transform: scale(1);
    transition: transform .4s ease-out 0s;
}

.tarot-card:hover img,
.image-card--horz:hover img,
.image-card:hover img {
    transform: scale(1.05);
}

.bg-gradient-carnelian {
    background: #edcaa0;
    background: -moz-linear-gradient(220deg, #edcaa0 35%, #f26e66 85%);
    background: -webkit-linear-gradient(220deg, #edcaa0 35%, #f26e66 85%);
    background: linear-gradient(220deg, #edcaa0 25%, #f26e66 65%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#edcaa0", endColorstr="#f26e66", GradientType=1);
}

.bg-gradient-dusk {
    background: #684296;
    background: -moz-linear-gradient(22deg, #684296 22%, #c664b7 97%);
    background: -webkit-linear-gradient(22deg, #684296 22%, #c664b7 97%);
    background: linear-gradient(22deg, #684296 22%, #c664b7 97%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#684296", endColorstr="#c664b7", GradientType=1);
}

.bg-gradient-lilac {
    background: #a892d2;
    background: -moz-linear-gradient(220deg, #a892d2 13%, #5e59b6 107%);
    background: -webkit-linear-gradient(220deg, #a892d2 13%, #5e59b6 107%);
    background: linear-gradient(220deg, #a892d2 13%, #5e59b6 107%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a892d2", endColorstr="#5e59b6", GradientType=1);
}

.bg-gradient-rose {
    background: #e493ae;
    background: -moz-linear-gradient(226deg, #e493ae 22%, #e16295 117%);
    background: -webkit-linear-gradient(226deg, #e493ae 22%, #e16295 117%);
    background: linear-gradient(226deg, #e493ae 22%, #e16295 117%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e493ae", endColorstr="#e16295", GradientType=1);
}

.bg-gradient-ruby {
    background: #d15266;
    background: -moz-linear-gradient(218deg, #d15266 19%, #ba394d 85%);
    background: -webkit-linear-gradient(218deg, #d15266 19%, #ba394d 85%);
    background: linear-gradient(218deg, #d15266 19%, #ba394d 85%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d15266", endColorstr="#ba394d", GradientType=1);
}

.bg-gradient-quartz {
    background: #975ea9;
    background: -moz-linear-gradient(0deg, #975ea9 0%, #634792 100%);
    background: -webkit-linear-gradient(0deg, #975ea9 0%, #634792 100%);
    background: linear-gradient(0deg, #975ea9 0%, #634792 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#975ea9", endColorstr="#634792", GradientType=1);
}

.bg-gradient-sapphire {
    background: #4d48af;
    background: -moz-linear-gradient(220deg, #6e89fc 19%, #4d48af 85%);
    background: -webkit-linear-gradient(220deg, #6e89fc 19%, #4d48af 85%);
    background: linear-gradient(220deg, #6e89fc 19%, #4d48af 85%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#6e89fc", endColorstr="#4d48af", GradientType=1);
}

.bg-gradient-teal {
    background: #96d1b2;
    background: -moz-linear-gradient(228deg, #96d1b2 8%, #96d1b2 8%, #007eb4 114%);
    background: -webkit-linear-gradient(228deg, #96d1b2 8%, #96d1b2 8%, #007eb4 114%);
    background: linear-gradient(228deg, #96d1b2 8%, #96d1b2 8%, #007eb4 114%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#96d1b2", endColorstr="#007eb4", GradientType=1);
}

.fadeInBg {
    -webkit-animation-name: fadeInBg;
    -webkit-animation-duration: 1s;
    animation-name: fadeInBg;
    animation-duration: 1s;
}

@keyframes fadeInBg {
    from {
        opacity: .4;
    }

    to {
        opacity: 1;
    }
}

@-webkit-keyframes fadeInBg {
    from {
        opacity: .4;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.shake {
    animation: shake .82s cubic-bezier(.36, .07, .19, .97) both;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    perspective: 1000px;
}

@keyframes shake {

    10%,
    90% {
        transform: translate3d(-1px, 0, 0);
    }

    20%,
    80% {
        transform: translate3d(2px, 0, 0);
    }

    30%,
    50%,
    70% {
        transform: translate3d(-4px, 0, 0);
    }

    40%,
    60% {
        transform: translate3d(4px, 0, 0);
    }
}

.m-1 {
    margin: 10px;
}

.p-1 {
    padding: 10px;
}

.m-2 {
    margin: 20px;
}

.p-2 {
    padding: 20px;
}

.m-3 {
    margin: 30px;
}

.p-3 {
    padding: 30px;
}

.m-4 {
    margin: 40px;
}

.p-4 {
    padding: 40px;
}

.m-5 {
    margin: 50px;
}

.p-5 {
    padding: 50px;
}

.m-6 {
    margin: 60px;
}

.p-6 {
    padding: 60px;
}

.m-7 {
    margin: 70px;
}

.p-7 {
    padding: 70px;
}

.m-8 {
    margin: 80px;
}

.p-8 {
    padding: 80px;
}

.m-9 {
    margin: 90px;
}

.p-9 {
    padding: 90px;
}

.m-10 {
    margin: 100px;
}

.p-10 {
    padding: 100px;
}

.mt-1 {
    margin-top: 10px;
}

.pt-1 {
    padding-top: 10px;
}

.mt-2 {
    margin-top: 20px;
}

.pt-2 {
    padding-top: 20px;
}

.mt-3 {
    margin-top: 30px;
}

.pt-3 {
    padding-top: 30px;
}

.mt-4 {
    margin-top: 40px;
}

.pt-4 {
    padding-top: 40px;
}

.mt-5 {
    margin-top: 50px;
}

.pt-5 {
    padding-top: 50px;
}

.mt-6 {
    margin-top: 60px;
}

.pt-6 {
    padding-top: 60px;
}

.mt-7 {
    margin-top: 70px;
}

.pt-7 {
    padding-top: 70px;
}

.mt-8 {
    margin-top: 80px;
}

.pt-8 {
    padding-top: 80px;
}

.mt-9 {
    margin-top: 90px;
}

.pt-9 {
    padding-top: 90px;
}

.mt-10 {
    margin-top: 100px;
}

.pt-10 {
    padding-top: 100px;
}

.mb-1 {
    margin-bottom: 10px;
}

.pb-1 {
    padding-bottom: 10px;
}

.mb-2 {
    margin-bottom: 20px;
}

.pb-2 {
    padding-bottom: 20px;
}

.mb-3 {
    margin-bottom: 30px;
}

.pb-3 {
    padding-bottom: 30px;
}

.mb-4 {
    margin-bottom: 40px;
}

.pb-4 {
    padding-bottom: 40px;
}

.mb-5 {
    margin-bottom: 50px;
}

.pb-5 {
    padding-bottom: 50px;
}

.mb-6 {
    margin-bottom: 60px;
}

.pb-6 {
    padding-bottom: 60px;
}

.mb-7 {
    margin-bottom: 70px;
}

.pb-7 {
    padding-bottom: 70px;
}

.mb-8 {
    margin-bottom: 80px;
}

.pb-8 {
    padding-bottom: 80px;
}

.mb-9 {
    margin-bottom: 90px;
}

.pb-9 {
    padding-bottom: 90px;
}

.mb-10 {
    margin-bottom: 100px;
}

.pb-10 {
    padding-bottom: 100px;
}

.ml-1 {
    margin-left: 10px;
}

.pl-1 {
    padding-left: 10px;
}

.ml-2 {
    margin-left: 20px;
}

.pl-2 {
    padding-left: 20px;
}

.ml-3 {
    margin-left: 30px;
}

.pl-3 {
    padding-left: 30px;
}

.ml-4 {
    margin-left: 40px;
}

.pl-4 {
    padding-left: 40px;
}

.ml-5 {
    margin-left: 50px;
}

.pl-5 {
    padding-left: 50px;
}

.ml-6 {
    margin-left: 60px;
}

.pl-6 {
    padding-left: 60px;
}

.ml-7 {
    margin-left: 70px;
}

.pl-7 {
    padding-left: 70px;
}

.ml-8 {
    margin-left: 80px;
}

.pl-8 {
    padding-left: 80px;
}

.ml-9 {
    margin-left: 90px;
}

.pl-9 {
    padding-left: 90px;
}

.ml-10 {
    margin-left: 100px;
}

.pl-10 {
    padding-left: 100px;
}

.mr-1 {
    margin-right: 10px;
}

.pr-1 {
    padding-right: 10px;
}

.mr-2 {
    margin-right: 20px;
}

.pr-2 {
    padding-right: 20px;
}

.mr-3 {
    margin-right: 30px;
}

.pr-3 {
    padding-right: 30px;
}

.mr-4 {
    margin-right: 40px;
}

.pr-4 {
    padding-right: 40px;
}

.mr-5 {
    margin-right: 50px;
}

.pr-5 {
    padding-right: 50px;
}

.mr-6 {
    margin-right: 60px;
}

.pr-6 {
    padding-right: 60px;
}

.mr-7 {
    margin-right: 70px;
}

.pr-7 {
    padding-right: 70px;
}

.mr-8 {
    margin-right: 80px;
}

.pr-8 {
    padding-right: 80px;
}

.mr-9 {
    margin-right: 90px;
}

.pr-9 {
    padding-right: 90px;
}

.mr-10 {
    margin-right: 100px;
}

.pr-10 {
    padding-right: 100px;
}

.mx-1 {
    margin-left: 10px;
    margin-right: 10px;
}

.px-1 {
    padding-left: 10px;
    padding-right: 10px;
}

.mx-2 {
    margin-left: 20px;
    margin-right: 20px;
}

.px-2 {
    padding-left: 20px;
    padding-right: 20px;
}

.mx-3 {
    margin-left: 30px;
    margin-right: 30px;
}

.px-3 {
    padding-left: 30px;
    padding-right: 30px;
}

.mx-4 {
    margin-left: 40px;
    margin-right: 40px;
}

.px-4 {
    padding-left: 40px;
    padding-right: 40px;
}

.mx-5 {
    margin-left: 50px;
    margin-right: 50px;
}

.px-5 {
    padding-left: 50px;
    padding-right: 50px;
}

.mx-6 {
    margin-left: 60px;
    margin-right: 60px;
}

.px-6 {
    padding-left: 60px;
    padding-right: 60px;
}

.mx-7 {
    margin-left: 70px;
    margin-right: 70px;
}

.px-7 {
    padding-left: 70px;
    padding-right: 70px;
}

.mx-8 {
    margin-left: 80px;
    margin-right: 80px;
}

.px-8 {
    padding-left: 80px;
    padding-right: 80px;
}

.mx-9 {
    margin-left: 90px;
    margin-right: 90px;
}

.px-9 {
    padding-left: 90px;
    padding-right: 90px;
}

.mx-10 {
    margin-left: 100px;
    margin-right: 100px;
}

.px-10 {
    padding-left: 100px;
    padding-right: 100px;
}

.my-1 {
    margin-bottom: 10px;
    margin-top: 10px;
}

.py-1 {
    padding-bottom: 10px;
    padding-top: 10px;
}

.my-2 {
    margin-bottom: 20px;
    margin-top: 20px;
}

.py-2 {
    padding-bottom: 20px;
    padding-top: 20px;
}

.my-3 {
    margin-bottom: 30px;
    margin-top: 30px;
}

.py-3 {
    padding-bottom: 30px;
    padding-top: 30px;
}

.my-4 {
    margin-bottom: 40px;
    margin-top: 40px;
}

.py-4 {
    padding-bottom: 40px;
    padding-top: 40px;
}

.my-5 {
    margin-bottom: 50px;
    margin-top: 50px;
}

.py-5 {
    padding-bottom: 50px;
    padding-top: 50px;
}

.my-6 {
    margin-bottom: 60px;
    margin-top: 60px;
}

.py-6 {
    padding-bottom: 60px;
    padding-top: 60px;
}

.my-7 {
    margin-bottom: 70px;
    margin-top: 70px;
}

.py-7 {
    padding-bottom: 70px;
    padding-top: 70px;
}

.my-8 {
    margin-bottom: 80px;
    margin-top: 80px;
}

.py-8 {
    padding-bottom: 80px;
    padding-top: 80px;
}

.my-9 {
    margin-bottom: 90px;
    margin-top: 90px;
}

.py-9 {
    padding-bottom: 90px;
    padding-top: 90px;
}

.my-10 {
    margin-bottom: 100px;
    margin-top: 100px;
}

.py-10 {
    padding-bottom: 100px;
    padding-top: 100px;
}

@media only screen and (min-width:768px) {
    .m-md-1 {
        margin: 10px;
    }

    .p-md-1 {
        padding: 10px;
    }

    .m-md-2 {
        margin: 20px;
    }

    .p-md-2 {
        padding: 20px;
    }

    .m-md-3 {
        margin: 30px;
    }

    .p-md-3 {
        padding: 30px;
    }

    .m-md-4 {
        margin: 40px;
    }

    .p-md-4 {
        padding: 40px;
    }

    .m-md-5 {
        margin: 50px;
    }

    .p-md-5 {
        padding: 50px;
    }

    .m-md-6 {
        margin: 60px;
    }

    .p-md-6 {
        padding: 60px;
    }

    .m-md-7 {
        margin: 70px;
    }

    .p-md-7 {
        padding: 70px;
    }

    .m-md-8 {
        margin: 80px;
    }

    .p-md-8 {
        padding: 80px;
    }

    .m-md-9 {
        margin: 90px;
    }

    .p-md-9 {
        padding: 90px;
    }

    .m-md-10 {
        margin: 100px;
    }

    .p-md-10 {
        padding: 100px;
    }

    .mt-md-1 {
        margin-top: 10px;
    }

    .pt-md-1 {
        padding-top: 10px;
    }

    .mt-md-2 {
        margin-top: 20px;
    }

    .pt-md-2 {
        padding-top: 20px;
    }

    .mt-md-3 {
        margin-top: 30px;
    }

    .pt-md-3 {
        padding-top: 30px;
    }

    .mt-md-4 {
        margin-top: 40px;
    }

    .pt-md-4 {
        padding-top: 40px;
    }

    .mt-md-5 {
        margin-top: 50px;
    }

    .pt-md-5 {
        padding-top: 50px;
    }

    .mt-md-6 {
        margin-top: 60px;
    }

    .pt-md-6 {
        padding-top: 60px;
    }

    .mt-md-7 {
        margin-top: 70px;
    }

    .pt-md-7 {
        padding-top: 70px;
    }

    .mt-md-8 {
        margin-top: 80px;
    }

    .pt-md-8 {
        padding-top: 80px;
    }

    .mt-md-9 {
        margin-top: 90px;
    }

    .pt-md-9 {
        padding-top: 90px;
    }

    .mt-md-10 {
        margin-top: 100px;
    }

    .pt-md-10 {
        padding-top: 100px;
    }

    .mb-md-1 {
        margin-bottom: 10px;
    }

    .pb-md-1 {
        padding-bottom: 10px;
    }

    .mb-md-2 {
        margin-bottom: 20px;
    }

    .pb-md-2 {
        padding-bottom: 20px;
    }

    .mb-md-3 {
        margin-bottom: 30px;
    }

    .pb-md-3 {
        padding-bottom: 30px;
    }

    .mb-md-4 {
        margin-bottom: 40px;
    }

    .pb-md-4 {
        padding-bottom: 40px;
    }

    .mb-md-5 {
        margin-bottom: 50px;
    }

    .pb-md-5 {
        padding-bottom: 50px;
    }

    .mb-md-6 {
        margin-bottom: 60px;
    }

    .pb-md-6 {
        padding-bottom: 60px;
    }

    .mb-md-7 {
        margin-bottom: 70px;
    }

    .pb-md-7 {
        padding-bottom: 70px;
    }

    .mb-md-8 {
        margin-bottom: 80px;
    }

    .pb-md-8 {
        padding-bottom: 80px;
    }

    .mb-md-9 {
        margin-bottom: 90px;
    }

    .pb-md-9 {
        padding-bottom: 90px;
    }

    .pb-md-10 {
        padding-bottom: 100px;
    }

    .ml-md-1 {
        margin-left: 10px;
    }

    .pl-md-1 {
        padding-left: 10px;
    }

    .ml-md-2 {
        margin-left: 20px;
    }

    .pl-md-2 {
        padding-left: 20px;
    }

    .ml-md-3 {
        margin-left: 30px;
    }

    .pl-md-3 {
        padding-left: 30px;
    }

    .ml-md-4 {
        margin-left: 40px;
    }

    .pl-md-4 {
        padding-left: 40px;
    }

    .ml-md-5 {
        margin-left: 50px;
    }

    .pl-md-5 {
        padding-left: 50px;
    }

    .ml-md-6 {
        margin-left: 60px;
    }

    .pl-md-6 {
        padding-left: 60px;
    }

    .ml-md-7 {
        margin-left: 70px;
    }

    .pl-md-7 {
        padding-left: 70px;
    }

    .ml-md-8 {
        margin-left: 80px;
    }

    .pl-md-8 {
        padding-left: 80px;
    }

    .ml-md-9 {
        margin-left: 90px;
    }

    .pl-md-9 {
        padding-left: 90px;
    }

    .ml-md-10 {
        margin-left: 100px;
    }

    .pl-md-10 {
        padding-left: 100px;
    }

    .mr-md-1 {
        margin-right: 10px;
    }

    .pr-md-1 {
        padding-right: 10px;
    }

    .mr-md-2 {
        margin-right: 20px;
    }

    .pr-md-2 {
        padding-right: 20px;
    }

    .mr-md-3 {
        margin-right: 30px;
    }

    .pr-md-3 {
        padding-right: 30px;
    }

    .mr-md-4 {
        margin-right: 40px;
    }

    .pr-md-4 {
        padding-right: 40px;
    }

    .mr-md-5 {
        margin-right: 50px;
    }

    .pr-md-5 {
        padding-right: 50px;
    }

    .mr-md-6 {
        margin-right: 60px;
    }

    .pr-md-6 {
        padding-right: 60px;
    }

    .mr-md-7 {
        margin-right: 70px;
    }

    .pr-md-7 {
        padding-right: 70px;
    }

    .mr-md-8 {
        margin-right: 80px;
    }

    .pr-md-8 {
        padding-right: 80px;
    }

    .mr-md-9 {
        margin-right: 90px;
    }

    .pr-md-9 {
        padding-right: 90px;
    }

    .mr-md-10 {
        margin-right: 100px;
    }

    .pr-md-10 {
        padding-right: 100px;
    }

    .mx-md-1 {
        margin-left: 10px;
        margin-right: 10px;
    }

    .px-md-1 {
        padding-left: 10px;
        padding-right: 10px;
    }

    .mx-md-2 {
        margin-left: 20px;
        margin-right: 20px;
    }

    .px-md-2 {
        padding-left: 20px;
        padding-right: 20px;
    }

    .mx-md-3 {
        margin-left: 30px;
        margin-right: 30px;
    }

    .px-md-3 {
        padding-left: 30px;
        padding-right: 30px;
    }

    .mx-md-4 {
        margin-left: 40px;
        margin-right: 40px;
    }

    .px-md-4 {
        padding-left: 40px;
        padding-right: 40px;
    }

    .mx-md-5 {
        margin-left: 50px;
        margin-right: 50px;
    }

    .px-md-5 {
        padding-left: 50px;
        padding-right: 50px;
    }

    .mx-md-6 {
        margin-left: 60px;
        margin-right: 60px;
    }

    .px-md-6 {
        padding-left: 60px;
        padding-right: 60px;
    }

    .mx-md-7 {
        margin-left: 70px;
        margin-right: 70px;
    }

    .px-md-7 {
        padding-left: 70px;
        padding-right: 70px;
    }

    .mx-md-8 {
        margin-left: 80px;
        margin-right: 80px;
    }

    .px-md-8 {
        padding-left: 80px;
        padding-right: 80px;
    }

    .mx-md-9 {
        margin-left: 90px;
        margin-right: 90px;
    }

    .px-md-9 {
        padding-left: 90px;
        padding-right: 90px;
    }

    .mx-md-10 {
        margin-left: 100px;
        margin-right: 100px;
    }

    .px-md-10 {
        padding-left: 100px;
        padding-right: 100px;
    }

    .my-md-1 {
        margin-bottom: 10px;
        margin-top: 10px;
    }

    .py-md-1 {
        padding-bottom: 10px;
        padding-top: 10px;
    }

    .my-md-2 {
        margin-bottom: 20px;
        margin-top: 20px;
    }

    .py-md-2 {
        padding-bottom: 20px;
        padding-top: 20px;
    }

    .my-md-3 {
        margin-bottom: 30px;
        margin-top: 30px;
    }

    .py-md-3 {
        padding-bottom: 30px;
        padding-top: 30px;
    }

    .my-md-4 {
        margin-bottom: 40px;
        margin-top: 40px;
    }

    .py-md-4 {
        padding-bottom: 40px;
        padding-top: 40px;
    }

    .my-md-5 {
        margin-bottom: 50px;
        margin-top: 50px;
    }

    .py-md-5 {
        padding-bottom: 50px;
        padding-top: 50px;
    }

    .my-md-6 {
        margin-bottom: 60px;
        margin-top: 60px;
    }

    .py-md-6 {
        padding-bottom: 60px;
        padding-top: 60px;
    }

    .my-md-7 {
        margin-bottom: 70px;
        margin-top: 70px;
    }

    .py-md-7 {
        padding-bottom: 70px;
        padding-top: 70px;
    }

    .my-md-8 {
        margin-bottom: 80px;
        margin-top: 80px;
    }

    .py-md-8 {
        padding-bottom: 80px;
        padding-top: 80px;
    }

    .my-md-9 {
        margin-bottom: 90px;
        margin-top: 90px;
    }

    .py-md-9 {
        padding-bottom: 90px;
        padding-top: 90px;
    }

    .my-md-10 {
        margin-bottom: 100px;
        margin-top: 100px;
    }

    .py-md-10 {
        padding-bottom: 100px;
        padding-top: 100px;
    }
}

.m-15 {
    margin: 15px;
}

.p-15 {
    padding: 15px;
}

.mt-15 {
    margin-top: 15px;
}

.pt-15 {
    padding-top: 15px;
}

.mb-15 {
    margin-bottom: 15px;
}

.pb-15 {
    padding-bottom: 15px;
}

.ml-15 {
    margin-left: 15px;
}

.pl-15 {
    padding-left: 15px;
}

.mr-15 {
    margin-right: 15px;
}

.pr-15 {
    padding-right: 15px;
}

.mx-15 {
    margin-left: 15px;
    margin-right: 15px;
}

.px-15 {
    padding-left: 15px;
    padding-right: 15px;
}

.my-15 {
    margin-bottom: 15px;
    margin-top: 15px;
}

.py-15 {
    padding-bottom: 15px;
    padding-top: 15px;
}

@media only screen and (min-width:768px) {
    .m-md-15 {
        margin: 15px;
    }

    .p-md-15 {
        padding: 15px;
    }

    .mt-md-15 {
        margin-top: 15px;
    }

    .pt-md-15 {
        padding-top: 15px;
    }

    .mb-md-15 {
        margin-bottom: 15px;
    }

    .pb-md-15 {
        padding-bottom: 15px;
    }

    .ml-md-15 {
        margin-left: 15px;
    }

    .pl-md-15 {
        padding-left: 15px;
    }

    .mr-md-15 {
        margin-right: 15px;
    }

    .pr-md-15 {
        padding-right: 15px;
    }

    .mx-md-15 {
        margin-left: 15px;
        margin-right: 15px;
    }

    .px-md-15 {
        padding-left: 15px;
        padding-right: 15px;
    }

    .my-md-15 {
        margin-bottom: 15px;
        margin-top: 15px;
    }

    .py-md-15 {
        padding-bottom: 15px;
        padding-top: 15px;
    }
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6,
p {
    color: #fff;
}

h1,
.h1,
h2,
.h2 {
    font-weight: 400;
}

h3,
.h3,
h4,
.h4,
h5,
.h5 {
    font-weight: 500;
}

h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5 {
    text-transform: none;
}

h1,
.h1 {
    font-size: 1.625rem;
    letter-spacing: .56px;
    line-height: 1.15;
    margin-bottom: 3rem;
    text-transform: uppercase;
}

@media only screen and (min-width:360px) {

    h1,
    .h1 {
        padding-top: 3rem;
    }

    @media only screen and (min-width:768px) {

        h1,
        .h1 {
            font-size: 1.875rem;
            letter-spacing: 1px;
            line-height: 1.24;
        }
    }

    h2,
    .h2 {
        font-size: 1.5rem;
        letter-spacing: 1px;
        line-height: 1.25;
        margin-bottom: 1.5rem;
    }

    @media only screen and (min-width:768px) {

        h2,
        .h2 {
            font-size: 1.75rem;
            margin-bottom: 2.5rem;
        }
    }

    h3,
    .h3 {
        font-size: 1.5rem;
        letter-spacing: .7px;
        line-height: 1.2;
        margin-bottom: 15px;
    }

    h4,
    .h4 {
        font-size: 1.375rem;
        letter-spacing: .65px;
        line-height: 1.33;
        margin-bottom: 10px;
    }

    h5,
    .h5 {
        font-size: 1.125rem;
        letter-spacing: .5px;
        line-height: 1.22;
    }

    h6,
    .h6 {
        font-size: 1rem;
        font-weight: 500;
        letter-spacing: .48px;
        line-height: 1;
        text-transform: initial;
    }

    p {
        font-size: 1rem;
        margin-bottom: 1.375rem;
    }

    /*a,*/
    .link {
        color: #fff;
        line-height: 1.13;
        text-decoration: none;
        font-size: 1rem;
        font-weight: 500;
        letter-spacing: 1.5px;
        text-transform: uppercase;
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -ms-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
    }

    a:hover,
    .link:hover {
        color: #6e89fc;
    }

    a:focus,
    .link:focus {
        outline: none;
    }

    p a {
        color: #6e89fc;
        text-decoration: underline;
        text-transform: inherit;
        font-size: 1rem;
        font-weight: 400;
        letter-spacing: inherit;
    }

    ol {
        margin-bottom: 30px;
    }

    @media only screen and (min-width:768px) {
        ol {
            margin-bottom: 45px;
        }
    }

    ol>li {
        margin-bottom: 10px;
    }

    @media only screen and (min-width:768px) {
        ol>li {
            margin-bottom: 15px;
        }
    }

    ul {
        padding-bottom: 20px;
    }

    @media only screen and (min-width:0) and (max-width:767px) {
        ul {
            margin-left: 20px;
        }
    }

    ul li::marker {
        color: #4d48af;
        font-size: 1.125rem;
    }

    ul.list>li {
        margin-left: 20px;
    }

    .breadcrumb {
        color: #ddd;
        font-size: 1.125rem;
        font-weight: 500;
        letter-spacing: normal;
        text-transform: uppercase;
    }

    .label {
        font-size: .875rem;
        font-weight: 500;
        letter-spacing: .54px;
        text-transform: uppercase;
    }

    .tag {
        color: #bababa;
        line-height: normal;
        font-size: 1rem;
        font-weight: 500;
        letter-spacing: 1.07px;
        text-transform: uppercase;
    }

    a.tag:not(.link__arrow):hover {
        text-decoration: underline;
    }

    .link__arrow {
        align-items: center;
        background: 0 0 !important;
        display: inline-flex;
    }

    .link__arrow:hover {
        background: inherit;
        text-decoration: none;
    }

    .link__arrow>i.icon-arrow {
        font-size: 1.3em;
        line-height: inherit;
        margin-top: -4px;
    }

    .text-2 {
        color: #ddd;
        font-size: 1rem;
        font-weight: 500;
        letter-spacing: .5px;
        line-height: 1.25;
    }

    .title-3 {
        font-size: 1.1rem;
        font-weight: 500;
        letter-spacing: .5px;
        line-height: 1.45;
        text-transform: capitalize;
    }

    .title-4 {
        font-size: 1.375rem;
        font-weight: 500;
        letter-spacing: .6px;
        line-height: 1.27;
        margin-bottom: 0;
        text-transform: capitalize;
    }

    .page__title {
        text-align: center;
    }

    .page__subtitle {
        color: #bababa;
        font-size: 1rem;
        line-height: 1.63;
        letter-spacing: normal;
        margin-bottom: 2rem;
        margin-left: auto;
        margin-right: auto;
        max-width: 650px;
        text-align: center;
    }

    @media only screen and (min-width:0) and (max-width:767px) {
        .page__subtitle {
            margin: -6px auto 20px;
        }
    }

    .section__title {
        letter-spacing: normal;
        text-transform: capitalize;
    }

    .section__subtitle {
        color: #bababa;
        margin-top: -15px;
        margin-bottom: 25px;
        font-size: 1rem;
        font-weight: 400;
        letter-spacing: normal;
    }

    @media only screen and (min-width:768px) {
        .section__subtitle {
            margin-top: -25px;
            margin-bottom: 40px;
        }
    }

    .text-link {
        display: block;
        margin: 30px 0;
        padding: 10px 0;
        text-align: center;
    }

    @media only screen and (min-width:768px) {
        .text-link {
            padding: 20px 15px;
        }
    }

    .text-link a {
        display: block;
        margin-top: 10px;
    }

    .text-link a>i {
        font-size: 1.5rem;
        vertical-align: sub;
    }

    .text-link p {
        margin: 0;
    }

    button:focus,
    select:focus {
        outline: none;
    }

    input,
    textarea,
    button,
    select,
    a {
        -webkit-tap-highlight-color: transparent;
    }

    .topic-column {
        margin-top: 20px;
        padding: 20px;
    }

    .topic-column .topic-list>* {
        line-height: 2;
        text-align: center;
        font-size: 1rem;
        font-weight: 500;
        letter-spacing: 1.5px;
        text-transform: uppercase;
    }

    .columns {
        display: flex;
        flex-wrap: nowrap;
        margin-top: -10px;
        text-align: left;
    }

    .columns .column__header>i {
        font-size: 35px;
        margin-right: 25px;
    }

    .columns .column__header>i:hover {
        color: #fff;
    }

    .columns .column__header:hover {
        color: #fff;
    }

    .columns .column__header:hover h4 {
        text-decoration: underline;
    }

    .columns .column__list>.link {
        display: block;
        line-height: 2;
    }

    .homepage .signs {
        margin: 0 auto;
        max-width: 880px;
        width: 100%
    }

    @media only screen and (max-width:374px) {
        .signs {
            grid-template-columns: repeat(3, 1fr);
        }
    }

    .signs .sign-card {
        color: #fff;
        cursor: pointer;
        margin: 0 auto;
        text-align: center;
    }

    .signs .sign-card>i {
        font-size: 4rem;
        margin-bottom: 1rem;
    }

    @media only screen and (min-width:768px) {
        .signs .sign-card>i {
            font-size: 5rem;
        }
    }

    .signs .sign-card .img-container {
        margin: 0 auto 10px;
        max-width: 80px;
        width: 100%
    }

    .signs .sign-card.hsapphire:hover {
        background-image: linear-gradient(38deg, #4d48af 17%, #6e89fc 86%);
        border-radius: 2px;
    }

    .signs .sign-card.hgraphite:hover {
        background-image: linear-gradient(37deg, rgba(255, 255, 255, 0.1) 26%, rgba(255, 255, 255, 0.2) 99%);
        border-radius: 2px;
    }

    .signs .sign-card .sign-date {
        color: #ddd;
        line-height: normal;
        margin-bottom: 0;
        margin-top: 7px;
        font-size: 12px;
        font-weight: 500;
        letter-spacing: normal;
        text-transform: uppercase;
    }

    @media only screen and (min-width:768px) {
        .signs .sign-card .sign-date {
            font-size: 1.125rem;
        }
    }

    @media only screen and (max-width:567px) {
        .signs .sign-card .sign-name {
            font-size: 1.125rem;
        }
    }

    @media only screen and (min-width:0) and (max-width:567px) {
        .sign-picker-widget.round-cards .signs {
            grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
        }
    }

    .sign-picker-widget.round-cards .signs .sign-date {
        font-size: 0.8rem;
        font-weight: 500;
        letter-spacing: normal;
        text-transform: uppercase;
    }

    .sign-card:hover .sign-name {
        text-decoration: underline;
    }

    .sign-card:hover .bg-emerald {
        background-color: #39b7a0;
    }

    .sign-card:hover .bg-quartz {
        background-color: #be4ead;
    }

    .sign-card:hover .bg-ruby {
        background-color: #cb3a51;
    }

    .sign-card:hover .bg-sapphire {
        background-color: #433f99;
    }

    .sign-card:hover .bg-topaz {
        background-color: #5071fb;
    }

    .sign-card:hover .bg-tourmaline {
        background-color: #ee528f;
    }

    .sign-card__icon {
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -ms-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
    }

    .sign-card__icon--circle {
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        border: 2.3px solid #fff;
    }

    .sign-card__icon--circle:not(.sm),
    .sign-card__icon--circle:not(.lg) {
        width: 100px;
        height: 100px;
        -moz-border-radius: 50px;
        -webkit-border-radius: 50px;
        border-radius: 50px;
        margin: 0 auto !important;
    }

    .sign-card__icon--circle.sm {
        width: 60px;
        height: 60px;
        -moz-border-radius: 30px;
        -webkit-border-radius: 30px;
        border-radius: 30px;
    }

    .sign-card__icon--circle.lg {
        width: 120px;
        height: 120px;
        -moz-border-radius: 60px;
        -webkit-border-radius: 60px;
        border-radius: 60px;
    }

    .d-flex {
        display: flex;
    }

    .d-inline-flex {
        display: inline-flex;
    }

    .flex-1 {
        flex: 1;
    }

    .flex-auto {
        flex: auto;
    }

    .flex-grow-0 {
        flex-grow: 0;
    }

    .flex-grow-1 {
        flex-grow: 1;
    }

    .flex-row {
        flex-direction: row;
    }

    .flex-row-reverse {
        flex-direction: row-reverse;
    }

    .flex-column {
        flex-direction: column;
    }

    .flex-column-reverse {
        flex-direction: column-reverse;
    }

    @media only screen and (min-width:768px) {
        .flex-md-row {
            flex-direction: row;
        }

        .flex-md-row-reverse {
            flex-direction: row-reverse;
        }
    }

    .flex-wrap {
        flex-wrap: wrap;
    }

    .flex-nowrap {
        flex-wrap: nowrap;
    }

    .flex-justify-end {
        justify-content: flex-end;
    }

    .flex-justify-center {
        justify-content: center;
    }

    .flex-justify-between {
        justify-content: space-between;
    }

    .flex-justify-around {
        justify-content: space-around;
    }

    .flex-justify-evenly {
        justify-content: space-evenly;
    }

    .flex-items-center {
        align-items: center;
    }

    .flex-items-baseline {
        align-items: baseline;
    }

    .flex-self-center {
        align-self: center;
    }

    .flex-order-1 {
        order: 1;
    }

    .flex-order-2 {
        order: 2;
    }

    .flex-order-3 {
        order: 3;
    }

    .flex-order-4 {
        order: 4;
    }

    .flex-order-5 {
        order: 5;
    }

    .flex-order-none {
        order: inherit;
    }

    @media only screen and (min-width:0) and (max-width:767px) {
        .flex-order-1-sm {
            order: 1;
        }

        .flex-order-2-sm {
            order: 2;
        }

        .flex-order-3-sm {
            order: 3;
        }

        .flex-order-4-sm {
            order: 4;
        }

        .flex-order-5-sm {
            order: 5;
        }

        .flex-order-6-sm {
            order: 6;
        }

        .flex-order-none-sm {
            order: inherit;
        }
    }

    @supports(display:grid) {
        .grid-1c {
            display: grid;
            grid-template-columns: 1fr;
            grid-template-rows: auto;
        }

        .grid-2c {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            grid-template-rows: auto;
        }

        .grid-3c {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            grid-template-rows: auto;
        }

        .grid-4c {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            grid-template-rows: auto;
        }

        .grid-5c {
            display: grid;
            grid-template-columns: repeat(5, 1fr);
            grid-template-rows: auto;
        }

        .grid-6c {
            display: grid;
            grid-template-columns: repeat(6, 1fr);
            grid-template-rows: auto;
        }
    }

    @media all and (-ms-high-contrast:none),
    (-ms-high-contrast:active) {
        .grid-1c {
            -ms-overflow-x: auto;
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: space-between;
        }

        .grid-1c>* {
            width: calc((100%/1) - 2%);
        }

        .grid-1c>:nth-child(2n) {
            margin-right: 0;
        }

        .grid-2c {
            -ms-overflow-x: auto;
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: space-between;
        }

        .grid-2c>* {
            width: calc((100%/2) - 2%);
        }

        .grid-2c>:nth-child(2n) {
            margin-right: 0;
        }

        .grid-3c {
            -ms-overflow-x: auto;
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: space-between;
        }

        .grid-3c>* {
            width: calc((100%/3) - 2%);
        }

        .grid-3c>:nth-child(2n) {
            margin-right: 0;
        }

        .grid-4c {
            -ms-overflow-x: auto;
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: space-between;
        }

        .grid-4c>* {
            width: calc((100%/4) - 2%);
        }

        .grid-4c>:nth-child(2n) {
            margin-right: 0;
        }

        .grid-5c {
            -ms-overflow-x: auto;
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: space-between;
        }

        .grid-5c>* {
            width: calc((100%/5) - 2%);
        }

        .grid-5c>:nth-child(2n) {
            margin-right: 0;
        }

        .grid-6c {
            -ms-overflow-x: auto;
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: space-between;
        }

        .grid-6c>* {
            width: calc((100%/6) - 2%);
        }

        .grid-6c>:nth-child(2n) {
            margin-right: 0;
        }
    }

    @supports(display:grid) {
        @media only screen and (min-width: 568px) {
            .grid-sm-1c {
                display: grid;
                grid-template-columns: 1fr;
                grid-template-rows: auto;
            }

            .grid-sm-2c {
                display: grid;
                grid-template-columns: repeat(2, 1fr);
                grid-template-rows: auto;
            }

            .grid-sm-3c {
                display: grid;
                grid-template-columns: repeat(3, 1fr);
                grid-template-rows: auto;
            }

            .grid-sm-4c {
                display: grid;
                grid-template-columns: repeat(4, 1fr);
                grid-template-rows: auto;
            }

            .grid-sm-5c {
                display: grid;
                grid-template-columns: repeat(5, 1fr);
                grid-template-rows: auto;
            }

            .grid-sm-6c {
                display: grid;
                grid-template-columns: repeat(6, 1fr);
                grid-template-rows: auto;
            }
        }

        @media only screen and (min-width:768px) {
            .grid-md-1c {
                display: grid;
                grid-template-columns: 1fr;
                grid-template-rows: auto;
            }

            .grid-md-2c {
                display: grid;
                grid-template-columns: repeat(2, 1fr);
                grid-template-rows: auto;
            }

            .grid-md-3c {
                display: grid;
                grid-template-columns: repeat(3, 1fr);
                grid-template-rows: auto;
            }

            .grid-md-4c {
                display: grid;
                grid-template-columns: repeat(4, 1fr);
                grid-template-rows: auto;
            }

            .grid-md-5c {
                display: grid;
                grid-template-columns: repeat(5, 1fr);
                grid-template-rows: auto;
            }

            .grid-md-6c {
                display: grid;
                grid-template-columns: repeat(6, 1fr);
                grid-template-rows: auto;
            }
        }

        @media only screen and (min-width:1024px) {
            .grid-lg-1c {
                display: grid;
                grid-template-columns: 1fr;
                grid-template-rows: auto;
            }

            .grid-lg-2c {
                display: grid;
                grid-template-columns: repeat(2, 1fr);
                grid-template-rows: auto;
            }

            .grid-lg-3c {
                display: grid;
                grid-template-columns: repeat(3, 1fr);
                grid-template-rows: auto;
            }

            .grid-lg-4c {
                display: grid;
                grid-template-columns: repeat(4, 1fr);
                grid-template-rows: auto;
            }

            .grid-lg-5c {
                display: grid;
                grid-template-columns: repeat(5, 1fr);
                grid-template-rows: auto;
            }

            .grid-lg-6c {
                display: grid;
                grid-template-columns: repeat(6, 1fr);
                grid-template-rows: auto;
            }
        }
    }

    @media all and (min-width:568px) and (-ms-high-contrast:none),
    (-ms-high-contrast:active) {
        .grid-sm-1c {
            -ms-overflow-x: auto;
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: space-between;
        }

        .grid-sm-1c>* {
            width: calc(100%/1 - 2%);
        }

        .grid-sm-2c {
            -ms-overflow-x: auto;
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: space-between;
        }

        .grid-sm-2c>* {
            width: calc(100%/2 - 2%);
        }

        .grid-sm-3c {
            -ms-overflow-x: auto;
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: space-between;
        }

        .grid-sm-3c>* {
            width: calc(100%/3 - 2%);
        }

        .grid-sm-4c {
            -ms-overflow-x: auto;
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: space-between;
        }

        .grid-sm-4c>* {
            width: calc(100%/4 - 2%);
        }

        .grid-sm-5c {
            -ms-overflow-x: auto;
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: space-between;
        }

        .grid-sm-5c>* {
            width: calc(100%/5 - 2%);
        }

        .grid-sm-6c {
            -ms-overflow-x: auto;
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: space-between;
        }

        .grid-sm-6c>* {
            width: calc(100%/6 - 2%);
        }
    }

    @media all and (min-width:768px) and (-ms-high-contrast:none),
    (-ms-high-contrast:active) {
        .grid-md-1c {
            -ms-overflow-x: auto;
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: space-between;
        }

        .grid-md-1c>* {
            width: calc(100%/1 - 2%);
        }

        .grid-md-2c {
            -ms-overflow-x: auto;
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: space-between;
        }

        .grid-md-2c>* {
            width: calc(100%/2 - 2%);
        }

        .grid-md-3c {
            -ms-overflow-x: auto;
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: space-between;
        }

        .grid-md-3c>* {
            width: calc(100%/3 - 2%);
        }

        .grid-md-4c {
            -ms-overflow-x: auto;
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: space-between;
        }

        .grid-md-4c>* {
            width: calc(100%/4 - 2%);
        }

        .grid-md-5c {
            -ms-overflow-x: auto;
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: space-between;
        }

        .grid-md-5c>* {
            width: calc(100%/5 - 2%);
        }

        .grid-md-6c {
            -ms-overflow-x: auto;
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: space-between;
        }

        .grid-md-6c>* {
            width: calc(100%/6 - 2%);
        }
    }

    @media all and (min-width:1024px) and (-ms-high-contrast:none),
    (-ms-high-contrast:active) {
        .grid-lg-1c {
            -ms-overflow-x: auto;
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: space-between;
        }

        .grid-lg-1c>* {
            width: calc(100%/1 - 2%);
        }

        .grid-lg-2c {
            -ms-overflow-x: auto;
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: space-between;
        }

        .grid-lg-2c>* {
            width: calc(100%/2 - 2%);
        }

        .grid-lg-3c {
            -ms-overflow-x: auto;
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: space-between;
        }

        .grid-lg-3c>* {
            width: calc(100%/3 - 2%);
        }

        .grid-lg-4c {
            -ms-overflow-x: auto;
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: space-between;
        }

        .grid-lg-4c>* {
            width: calc(100%/4 - 2%);
        }

        .grid-lg-5c {
            -ms-overflow-x: auto;
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: space-between;
        }

        .grid-lg-5c>* {
            width: calc(100%/5 - 2%);
        }

        .grid-lg-6c {
            -ms-overflow-x: auto;
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: space-between;
        }

        .grid-lg-6c>* {
            width: calc(100%/6 - 2%);
        }
    }

    @supports(display:grid) {
        .grid-c1-s1 {
            grid-column: 1/span 1;
        }

        .grid-c1-s2 {
            grid-column: 1/span 2;
        }

        .grid-c1-s3 {
            grid-column: 1/span 3;
        }

        .grid-c1-s4 {
            grid-column: 1/span 4;
        }

        .grid-c1-s5 {
            grid-column: 1/span 5;
        }

        .grid-c2-s1 {
            grid-column: 2/span 1;
        }

        .grid-c2-s2 {
            grid-column: 2/span 2;
        }

        .grid-c2-s3 {
            grid-column: 2/span 3;
        }

        .grid-c2-s4 {
            grid-column: 2/span 4;
        }

        .grid-c2-s5 {
            grid-column: 2/span 5;
        }

        .grid-c3-s1 {
            grid-column: 3/span 1;
        }

        .grid-c3-s2 {
            grid-column: 3/span 2;
        }

        .grid-c3-s3 {
            grid-column: 3/span 3;
        }

        .grid-c3-s4 {
            grid-column: 3/span 4;
        }

        .grid-c3-s5 {
            grid-column: 3/span 5;
        }

        .grid-c4-s1 {
            grid-column: 4/span 1;
        }

        .grid-c4-s2 {
            grid-column: 4/span 2;
        }

        .grid-c4-s3 {
            grid-column: 4/span 3;
        }

        .grid-c4-s4 {
            grid-column: 4/span 4;
        }

        .grid-c4-s5 {
            grid-column: 4/span 5;
        }

        .grid-c5-s1 {
            grid-column: 5/span 1;
        }

        .grid-c5-s2 {
            grid-column: 5/span 2;
        }

        .grid-c5-s3 {
            grid-column: 5/span 3;
        }

        .grid-c5-s4 {
            grid-column: 5/span 4;
        }

        .grid-c5-s5 {
            grid-column: 5/span 5;
        }

        .grid-r1-s1 {
            grid-row: 1/span 1;
        }

        .grid-r1-s2 {
            grid-row: 1/span 2;
        }

        .grid-r1-s3 {
            grid-row: 1/span 3;
        }

        .grid-r1-s4 {
            grid-row: 1/span 4;
        }

        .grid-r1-s5 {
            grid-row: 1/span 5;
        }

        .grid-r2-s1 {
            grid-row: 2/span 1;
        }

        .grid-r2-s2 {
            grid-row: 2/span 2;
        }

        .grid-r2-s3 {
            grid-row: 2/span 3;
        }

        .grid-r2-s4 {
            grid-row: 2/span 4;
        }

        .grid-r2-s5 {
            grid-row: 2/span 5;
        }

        .grid-r3-s1 {
            grid-row: 3/span 1;
        }

        .grid-r3-s2 {
            grid-row: 3/span 2;
        }

        .grid-r3-s3 {
            grid-row: 3/span 3;
        }

        .grid-r3-s4 {
            grid-row: 3/span 4;
        }

        .grid-r3-s5 {
            grid-row: 3/span 5;
        }

        .grid-r4-s1 {
            grid-row: 4/span 1;
        }

        .grid-r4-s2 {
            grid-row: 4/span 2;
        }

        .grid-r4-s3 {
            grid-row: 4/span 3;
        }

        .grid-r4-s4 {
            grid-row: 4/span 4;
        }

        .grid-r4-s5 {
            grid-row: 4/span 5;
        }

        .grid-r5-s1 {
            grid-row: 5/span 1;
        }

        .grid-r5-s2 {
            grid-row: 5/span 2;
        }

        .grid-r5-s3 {
            grid-row: 5/span 3;
        }

        .grid-r5-s4 {
            grid-row: 5/span 4;
        }

        .grid-r5-s5 {
            grid-row: 5/span 5;
        }
    }

    @media all and (-ms-high-contrast:none),
    (-ms-high-contrast:active) {
        .grid-c1-s1 {
            float: left;
            width: calc((100%/1) - ((1 + 1) * 1%));
        }

        .grid-c1-s2 {
            float: left;
            width: calc((100%/2) - ((1 + 1) * 1%));
        }

        .grid-c1-s3 {
            float: left;
            width: calc((100%/3) - ((1 + 1) * 1%));
        }

        .grid-c1-s4 {
            float: left;
            width: calc((100%/4) - ((1 + 1) * 1%));
        }

        .grid-c1-s5 {
            float: left;
            width: calc((100%/5) - ((1 + 1) * 1%));
        }

        .grid-c2-s1 {
            float: left;
            width: calc((100%/1) - ((2 + 1) * 1%));
        }

        .grid-c2-s2 {
            float: left;
            width: calc((100%/2) - ((2 + 1) * 1%));
        }

        .grid-c2-s3 {
            float: left;
            width: calc((100%/3) - ((2 + 1) * 1%));
        }

        .grid-c2-s4 {
            float: left;
            width: calc((100%/4) - ((2 + 1) * 1%));
        }

        .grid-c2-s5 {
            float: left;
            width: calc((100%/5) - ((2 + 1) * 1%));
        }

        .grid-c3-s1 {
            float: left;
            width: calc((100%/1) - ((3 + 1) * 1%));
        }

        .grid-c3-s2 {
            float: left;
            width: calc((100%/2) - ((3 + 1) * 1%));
        }

        .grid-c3-s3 {
            float: left;
            width: calc((100%/3) - ((3 + 1) * 1%));
        }

        .grid-c3-s4 {
            float: left;
            width: calc((100%/4) - ((3 + 1) * 1%));
        }

        .grid-c3-s5 {
            float: left;
            width: calc((100%/5) - ((3 + 1) * 1%));
        }

        .grid-c4-s1 {
            float: left;
            width: calc((100%/1) - ((4 + 1) * 1%));
        }

        .grid-c4-s2 {
            float: left;
            width: calc((100%/2) - ((4 + 1) * 1%));
        }

        .grid-c4-s3 {
            float: left;
            width: calc((100%/3) - ((4 + 1) * 1%));
        }

        .grid-c4-s4 {
            float: left;
            width: calc((100%/4) - ((4 + 1) * 1%));
        }

        .grid-c4-s5 {
            float: left;
            width: calc((100%/5) - ((4 + 1) * 1%));
        }

        .grid-c5-s1 {
            float: left;
            width: calc((100%/1) - ((5 + 1) * 1%));
        }

        .grid-c5-s2 {
            float: left;
            width: calc((100%/2) - ((5 + 1) * 1%));
        }

        .grid-c5-s3 {
            float: left;
            width: calc((100%/3) - ((5 + 1) * 1%));
        }

        .grid-c5-s4 {
            float: left;
            width: calc((100%/4) - ((5 + 1) * 1%));
        }

        .grid-c5-s5 {
            float: left;
            width: calc((100%/5) - ((5 + 1) * 1%));
        }

        .grid-r1-s1 {
            float: left;
            height: calc(100%/1);
        }

        .grid-r1-s2 {
            float: left;
            height: calc(100%/2);
        }

        .grid-r1-s3 {
            float: left;
            height: calc(100%/3);
        }

        .grid-r1-s4 {
            float: left;
            height: calc(100%/4);
        }

        .grid-r1-s5 {
            float: left;
            height: calc(100%/5);
        }

        .grid-r2-s1 {
            float: left;
            height: calc(100%/1);
        }

        .grid-r2-s2 {
            float: left;
            height: calc(100%/2);
        }

        .grid-r2-s3 {
            float: left;
            height: calc(100%/3);
        }

        .grid-r2-s4 {
            float: left;
            height: calc(100%/4);
        }

        .grid-r2-s5 {
            float: left;
            height: calc(100%/5);
        }

        .grid-r3-s1 {
            float: left;
            height: calc(100%/1);
        }

        .grid-r3-s2 {
            float: left;
            height: calc(100%/2);
        }

        .grid-r3-s3 {
            float: left;
            height: calc(100%/3);
        }

        .grid-r3-s4 {
            float: left;
            height: calc(100%/4);
        }

        .grid-r3-s5 {
            float: left;
            height: calc(100%/5);
        }

        .grid-r4-s1 {
            float: left;
            height: calc(100%/1);
        }

        .grid-r4-s2 {
            float: left;
            height: calc(100%/2);
        }

        .grid-r4-s3 {
            float: left;
            height: calc(100%/3);
        }

        .grid-r4-s4 {
            float: left;
            height: calc(100%/4);
        }

        .grid-r4-s5 {
            float: left;
            height: calc(100%/5);
        }

        .grid-r5-s1 {
            float: left;
            height: calc(100%/1);
        }

        .grid-r5-s2 {
            float: left;
            height: calc(100%/2);
        }

        .grid-r5-s3 {
            float: left;
            height: calc(100%/3);
        }

        .grid-r5-s4 {
            float: left;
            height: calc(100%/4);
        }

        .grid-r5-s5 {
            float: left;
            height: calc(100%/5);
        }
    }

    @supports(display:grid) {
        @media only screen and (min-width: 568px) {
            .grid-sm-c1-s1 {
                grid-column: 1/span 1;
            }

            .grid-sm-c1-s2 {
                grid-column: 1/span 2;
            }

            .grid-sm-c1-s3 {
                grid-column: 1/span 3;
            }

            .grid-sm-c1-s4 {
                grid-column: 1/span 4;
            }

            .grid-sm-c1-s5 {
                grid-column: 1/span 5;
            }

            .grid-sm-c2-s1 {
                grid-column: 2/span 1;
            }

            .grid-sm-c2-s2 {
                grid-column: 2/span 2;
            }

            .grid-sm-c2-s3 {
                grid-column: 2/span 3;
            }

            .grid-sm-c2-s4 {
                grid-column: 2/span 4;
            }

            .grid-sm-c2-s5 {
                grid-column: 2/span 5;
            }

            .grid-sm-c3-s1 {
                grid-column: 3/span 1;
            }

            .grid-sm-c3-s2 {
                grid-column: 3/span 2;
            }

            .grid-sm-c3-s3 {
                grid-column: 3/span 3;
            }

            .grid-sm-c3-s4 {
                grid-column: 3/span 4;
            }

            .grid-sm-c3-s5 {
                grid-column: 3/span 5;
            }

            .grid-sm-c4-s1 {
                grid-column: 4/span 1;
            }

            .grid-sm-c4-s2 {
                grid-column: 4/span 2;
            }

            .grid-sm-c4-s3 {
                grid-column: 4/span 3;
            }

            .grid-sm-c4-s4 {
                grid-column: 4/span 4;
            }

            .grid-sm-c4-s5 {
                grid-column: 4/span 5;
            }

            .grid-sm-c5-s1 {
                grid-column: 5/span 1;
            }

            .grid-sm-c5-s2 {
                grid-column: 5/span 2;
            }

            .grid-sm-c5-s3 {
                grid-column: 5/span 3;
            }

            .grid-sm-c5-s4 {
                grid-column: 5/span 4;
            }

            .grid-sm-c5-s5 {
                grid-column: 5/span 5;
            }

            .grid-sm-r1-s1 {
                grid-row: 1/span 1;
            }

            .grid-sm-r1-s2 {
                grid-row: 1/span 2;
            }

            .grid-sm-r1-s3 {
                grid-row: 1/span 3;
            }

            .grid-sm-r1-s4 {
                grid-row: 1/span 4;
            }

            .grid-sm-r1-s5 {
                grid-row: 1/span 5;
            }

            .grid-sm-r2-s1 {
                grid-row: 2/span 1;
            }

            .grid-sm-r2-s2 {
                grid-row: 2/span 2;
            }

            .grid-sm-r2-s3 {
                grid-row: 2/span 3;
            }

            .grid-sm-r2-s4 {
                grid-row: 2/span 4;
            }

            .grid-sm-r2-s5 {
                grid-row: 2/span 5;
            }

            .grid-sm-r3-s1 {
                grid-row: 3/span 1;
            }

            .grid-sm-r3-s2 {
                grid-row: 3/span 2;
            }

            .grid-sm-r3-s3 {
                grid-row: 3/span 3;
            }

            .grid-sm-r3-s4 {
                grid-row: 3/span 4;
            }

            .grid-sm-r3-s5 {
                grid-row: 3/span 5;
            }

            .grid-sm-r4-s1 {
                grid-row: 4/span 1;
            }

            .grid-sm-r4-s2 {
                grid-row: 4/span 2;
            }

            .grid-sm-r4-s3 {
                grid-row: 4/span 3;
            }

            .grid-sm-r4-s4 {
                grid-row: 4/span 4;
            }

            .grid-sm-r4-s5 {
                grid-row: 4/span 5;
            }

            .grid-sm-r5-s1 {
                grid-row: 5/span 1;
            }

            .grid-sm-r5-s2 {
                grid-row: 5/span 2;
            }

            .grid-sm-r5-s3 {
                grid-row: 5/span 3;
            }

            .grid-sm-r5-s4 {
                grid-row: 5/span 4;
            }

            .grid-sm-r5-s5 {
                grid-row: 5/span 5;
            }
        }

        @media only screen and (min-width:768px) {
            .grid-md-c1-s1 {
                grid-column: 1/span 1;
            }

            .grid-md-c1-s2 {
                grid-column: 1/span 2;
            }

            .grid-md-c1-s3 {
                grid-column: 1/span 3;
            }

            .grid-md-c1-s4 {
                grid-column: 1/span 4;
            }

            .grid-md-c1-s5 {
                grid-column: 1/span 5;
            }

            .grid-md-c2-s1 {
                grid-column: 2/span 1;
            }

            .grid-md-c2-s2 {
                grid-column: 2/span 2;
            }

            .grid-md-c2-s3 {
                grid-column: 2/span 3;
            }

            .grid-md-c2-s4 {
                grid-column: 2/span 4;
            }

            .grid-md-c2-s5 {
                grid-column: 2/span 5;
            }

            .grid-md-c3-s1 {
                grid-column: 3/span 1;
            }

            .grid-md-c3-s2 {
                grid-column: 3/span 2;
            }

            .grid-md-c3-s3 {
                grid-column: 3/span 3;
            }

            .grid-md-c3-s4 {
                grid-column: 3/span 4;
            }

            .grid-md-c3-s5 {
                grid-column: 3/span 5;
            }

            .grid-md-c4-s1 {
                grid-column: 4/span 1;
            }

            .grid-md-c4-s2 {
                grid-column: 4/span 2;
            }

            .grid-md-c4-s3 {
                grid-column: 4/span 3;
            }

            .grid-md-c4-s4 {
                grid-column: 4/span 4;
            }

            .grid-md-c4-s5 {
                grid-column: 4/span 5;
            }

            .grid-md-c5-s1 {
                grid-column: 5/span 1;
            }

            .grid-md-c5-s2 {
                grid-column: 5/span 2;
            }

            .grid-md-c5-s3 {
                grid-column: 5/span 3;
            }

            .grid-md-c5-s4 {
                grid-column: 5/span 4;
            }

            .grid-md-c5-s5 {
                grid-column: 5/span 5;
            }

            .grid-md-r1-s1 {
                grid-row: 1/span 1;
            }

            .grid-md-r1-s2 {
                grid-row: 1/span 2;
            }

            .grid-md-r1-s3 {
                grid-row: 1/span 3;
            }

            .grid-md-r1-s4 {
                grid-row: 1/span 4;
            }

            .grid-md-r1-s5 {
                grid-row: 1/span 5;
            }

            .grid-md-r2-s1 {
                grid-row: 2/span 1;
            }

            .grid-md-r2-s2 {
                grid-row: 2/span 2;
            }

            .grid-md-r2-s3 {
                grid-row: 2/span 3;
            }

            .grid-md-r2-s4 {
                grid-row: 2/span 4;
            }

            .grid-md-r2-s5 {
                grid-row: 2/span 5;
            }

            .grid-md-r3-s1 {
                grid-row: 3/span 1;
            }

            .grid-md-r3-s2 {
                grid-row: 3/span 2;
            }

            .grid-md-r3-s3 {
                grid-row: 3/span 3;
            }

            .grid-md-r3-s4 {
                grid-row: 3/span 4;
            }

            .grid-md-r3-s5 {
                grid-row: 3/span 5;
            }

            .grid-md-r4-s1 {
                grid-row: 4/span 1;
            }

            .grid-md-r4-s2 {
                grid-row: 4/span 2;
            }

            .grid-md-r4-s3 {
                grid-row: 4/span 3;
            }

            .grid-md-r4-s4 {
                grid-row: 4/span 4;
            }

            .grid-md-r4-s5 {
                grid-row: 4/span 5;
            }

            .grid-md-r5-s1 {
                grid-row: 5/span 1;
            }

            .grid-md-r5-s2 {
                grid-row: 5/span 2;
            }

            .grid-md-r5-s3 {
                grid-row: 5/span 3;
            }

            .grid-md-r5-s4 {
                grid-row: 5/span 4;
            }

            .grid-md-r5-s5 {
                grid-row: 5/span 5;
            }
        }

        @media only screen and (min-width:1024px) {
            .grid-lg-c1-s1 {
                grid-column: 1/span 1;
            }

            .grid-lg-c1-s2 {
                grid-column: 1/span 2;
            }

            .grid-lg-c1-s3 {
                grid-column: 1/span 3;
            }

            .grid-lg-c1-s4 {
                grid-column: 1/span 4;
            }

            .grid-lg-c1-s5 {
                grid-column: 1/span 5;
            }

            .grid-lg-c2-s1 {
                grid-column: 2/span 1;
            }

            .grid-lg-c2-s2 {
                grid-column: 2/span 2;
            }

            .grid-lg-c2-s3 {
                grid-column: 2/span 3;
            }

            .grid-lg-c2-s4 {
                grid-column: 2/span 4;
            }

            .grid-lg-c2-s5 {
                grid-column: 2/span 5;
            }

            .grid-lg-c3-s1 {
                grid-column: 3/span 1;
            }

            .grid-lg-c3-s2 {
                grid-column: 3/span 2;
            }

            .grid-lg-c3-s3 {
                grid-column: 3/span 3;
            }

            .grid-lg-c3-s4 {
                grid-column: 3/span 4;
            }

            .grid-lg-c3-s5 {
                grid-column: 3/span 5;
            }

            .grid-lg-c4-s1 {
                grid-column: 4/span 1;
            }

            .grid-lg-c4-s2 {
                grid-column: 4/span 2;
            }

            .grid-lg-c4-s3 {
                grid-column: 4/span 3;
            }

            .grid-lg-c4-s4 {
                grid-column: 4/span 4;
            }

            .grid-lg-c4-s5 {
                grid-column: 4/span 5;
            }

            .grid-lg-c5-s1 {
                grid-column: 5/span 1;
            }

            .grid-lg-c5-s2 {
                grid-column: 5/span 2;
            }

            .grid-lg-c5-s3 {
                grid-column: 5/span 3;
            }

            .grid-lg-c5-s4 {
                grid-column: 5/span 4;
            }

            .grid-lg-c5-s5 {
                grid-column: 5/span 5;
            }

            .grid-lg-r1-s1 {
                grid-row: 1/span 1;
            }

            .grid-lg-r1-s2 {
                grid-row: 1/span 2;
            }

            .grid-lg-r1-s3 {
                grid-row: 1/span 3;
            }

            .grid-lg-r1-s4 {
                grid-row: 1/span 4;
            }

            .grid-lg-r1-s5 {
                grid-row: 1/span 5;
            }

            .grid-lg-r2-s1 {
                grid-row: 2/span 1;
            }

            .grid-lg-r2-s2 {
                grid-row: 2/span 2;
            }

            .grid-lg-r2-s3 {
                grid-row: 2/span 3;
            }

            .grid-lg-r2-s4 {
                grid-row: 2/span 4;
            }

            .grid-lg-r2-s5 {
                grid-row: 2/span 5;
            }

            .grid-lg-r3-s1 {
                grid-row: 3/span 1;
            }

            .grid-lg-r3-s2 {
                grid-row: 3/span 2;
            }

            .grid-lg-r3-s3 {
                grid-row: 3/span 3;
            }

            .grid-lg-r3-s4 {
                grid-row: 3/span 4;
            }

            .grid-lg-r3-s5 {
                grid-row: 3/span 5;
            }

            .grid-lg-r4-s1 {
                grid-row: 4/span 1;
            }

            .grid-lg-r4-s2 {
                grid-row: 4/span 2;
            }

            .grid-lg-r4-s3 {
                grid-row: 4/span 3;
            }

            .grid-lg-r4-s4 {
                grid-row: 4/span 4;
            }

            .grid-lg-r4-s5 {
                grid-row: 4/span 5;
            }

            .grid-lg-r5-s1 {
                grid-row: 5/span 1;
            }

            .grid-lg-r5-s2 {
                grid-row: 5/span 2;
            }

            .grid-lg-r5-s3 {
                grid-row: 5/span 3;
            }

            .grid-lg-r5-s4 {
                grid-row: 5/span 4;
            }

            .grid-lg-r5-s5 {
                grid-row: 5/span 5;
            }
        }
    }

    @media all and (min-width:568px) and (-ms-high-contrast:none),
    (-ms-high-contrast:active) {
        .grid-sm-c1-s1 {
            float: left;
            width: calc((100%/1) - ((1 + 1) * 1%));
        }

        .grid-sm-c1-s2 {
            float: left;
            width: calc((100%/2) - ((1 + 1) * 1%));
        }

        .grid-sm-c1-s3 {
            float: left;
            width: calc((100%/3) - ((1 + 1) * 1%));
        }

        .grid-sm-c1-s4 {
            float: left;
            width: calc((100%/4) - ((1 + 1) * 1%));
        }

        .grid-sm-c1-s5 {
            float: left;
            width: calc((100%/5) - ((1 + 1) * 1%));
        }

        .grid-sm-c2-s1 {
            float: left;
            width: calc((100%/1) - ((2 + 1) * 1%));
        }

        .grid-sm-c2-s2 {
            float: left;
            width: calc((100%/2) - ((2 + 1) * 1%));
        }

        .grid-sm-c2-s3 {
            float: left;
            width: calc((100%/3) - ((2 + 1) * 1%));
        }

        .grid-sm-c2-s4 {
            float: left;
            width: calc((100%/4) - ((2 + 1) * 1%));
        }

        .grid-sm-c2-s5 {
            float: left;
            width: calc((100%/5) - ((2 + 1) * 1%));
        }

        .grid-sm-c3-s1 {
            float: left;
            width: calc((100%/1) - ((3 + 1) * 1%));
        }

        .grid-sm-c3-s2 {
            float: left;
            width: calc((100%/2) - ((3 + 1) * 1%));
        }

        .grid-sm-c3-s3 {
            float: left;
            width: calc((100%/3) - ((3 + 1) * 1%));
        }

        .grid-sm-c3-s4 {
            float: left;
            width: calc((100%/4) - ((3 + 1) * 1%));
        }

        .grid-sm-c3-s5 {
            float: left;
            width: calc((100%/5) - ((3 + 1) * 1%));
        }

        .grid-sm-c4-s1 {
            float: left;
            width: calc((100%/1) - ((4 + 1) * 1%));
        }

        .grid-sm-c4-s2 {
            float: left;
            width: calc((100%/2) - ((4 + 1) * 1%));
        }

        .grid-sm-c4-s3 {
            float: left;
            width: calc((100%/3) - ((4 + 1) * 1%));
        }

        .grid-sm-c4-s4 {
            float: left;
            width: calc((100%/4) - ((4 + 1) * 1%));
        }

        .grid-sm-c4-s5 {
            float: left;
            width: calc((100%/5) - ((4 + 1) * 1%));
        }

        .grid-sm-c5-s1 {
            float: left;
            width: calc((100%/1) - ((5 + 1) * 1%));
        }

        .grid-sm-c5-s2 {
            float: left;
            width: calc((100%/2) - ((5 + 1) * 1%));
        }

        .grid-sm-c5-s3 {
            float: left;
            width: calc((100%/3) - ((5 + 1) * 1%));
        }

        .grid-sm-c5-s4 {
            float: left;
            width: calc((100%/4) - ((5 + 1) * 1%));
        }

        .grid-sm-c5-s5 {
            float: left;
            width: calc((100%/5) - ((5 + 1) * 1%));
        }
    }

    @media all and (min-width:768px) and (-ms-high-contrast:none),
    (-ms-high-contrast:active) {
        .grid-md-c1-s1 {
            float: left;
            width: calc((100%/1) - ((1 + 1) * 1%));
        }

        .grid-md-c1-s2 {
            float: left;
            width: calc((100%/2) - ((1 + 1) * 1%));
        }

        .grid-md-c1-s3 {
            float: left;
            width: calc((100%/3) - ((1 + 1) * 1%));
        }

        .grid-md-c1-s4 {
            float: left;
            width: calc((100%/4) - ((1 + 1) * 1%));
        }

        .grid-md-c1-s5 {
            float: left;
            width: calc((100%/5) - ((1 + 1) * 1%));
        }

        .grid-md-c2-s1 {
            float: left;
            width: calc((100%/1) - ((2 + 1) * 1%));
        }

        .grid-md-c2-s2 {
            float: left;
            width: calc((100%/2) - ((2 + 1) * 1%));
        }

        .grid-md-c2-s3 {
            float: left;
            width: calc((100%/3) - ((2 + 1) * 1%));
        }

        .grid-md-c2-s4 {
            float: left;
            width: calc((100%/4) - ((2 + 1) * 1%));
        }

        .grid-md-c2-s5 {
            float: left;
            width: calc((100%/5) - ((2 + 1) * 1%));
        }

        .grid-md-c3-s1 {
            float: left;
            width: calc((100%/1) - ((3 + 1) * 1%));
        }

        .grid-md-c3-s2 {
            float: left;
            width: calc((100%/2) - ((3 + 1) * 1%));
        }

        .grid-md-c3-s3 {
            float: left;
            width: calc((100%/3) - ((3 + 1) * 1%));
        }

        .grid-md-c3-s4 {
            float: left;
            width: calc((100%/4) - ((3 + 1) * 1%));
        }

        .grid-md-c3-s5 {
            float: left;
            width: calc((100%/5) - ((3 + 1) * 1%));
        }

        .grid-md-c4-s1 {
            float: left;
            width: calc((100%/1) - ((4 + 1) * 1%));
        }

        .grid-md-c4-s2 {
            float: left;
            width: calc((100%/2) - ((4 + 1) * 1%));
        }

        .grid-md-c4-s3 {
            float: left;
            width: calc((100%/3) - ((4 + 1) * 1%));
        }

        .grid-md-c4-s4 {
            float: left;
            width: calc((100%/4) - ((4 + 1) * 1%));
        }

        .grid-md-c4-s5 {
            float: left;
            width: calc((100%/5) - ((4 + 1) * 1%));
        }

        .grid-md-c5-s1 {
            float: left;
            width: calc((100%/1) - ((5 + 1) * 1%));
        }

        .grid-md-c5-s2 {
            float: left;
            width: calc((100%/2) - ((5 + 1) * 1%));
        }

        .grid-md-c5-s3 {
            float: left;
            width: calc((100%/3) - ((5 + 1) * 1%));
        }

        .grid-md-c5-s4 {
            float: left;
            width: calc((100%/4) - ((5 + 1) * 1%));
        }

        .grid-md-c5-s5 {
            float: left;
            width: calc((100%/5) - ((5 + 1) * 1%));
        }
    }

    @media all and (min-width:1024px) and (-ms-high-contrast:none),
    (-ms-high-contrast:active) {
        .grid-lg-c1-s1 {
            float: left;
            width: calc((100%/1) - ((1 + 1) * 1%));
        }

        .grid-lg-c1-s2 {
            float: left;
            width: calc((100%/2) - ((1 + 1) * 1%));
        }

        .grid-lg-c1-s3 {
            float: left;
            width: calc((100%/3) - ((1 + 1) * 1%));
        }

        .grid-lg-c1-s4 {
            float: left;
            width: calc((100%/4) - ((1 + 1) * 1%));
        }

        .grid-lg-c1-s5 {
            float: left;
            width: calc((100%/5) - ((1 + 1) * 1%));
        }

        .grid-lg-c2-s1 {
            float: left;
            width: calc((100%/1) - ((2 + 1) * 1%));
        }

        .grid-lg-c2-s2 {
            float: left;
            width: calc((100%/2) - ((2 + 1) * 1%));
        }

        .grid-lg-c2-s3 {
            float: left;
            width: calc((100%/3) - ((2 + 1) * 1%));
        }

        .grid-lg-c2-s4 {
            float: left;
            width: calc((100%/4) - ((2 + 1) * 1%));
        }

        .grid-lg-c2-s5 {
            float: left;
            width: calc((100%/5) - ((2 + 1) * 1%));
        }

        .grid-lg-c3-s1 {
            float: left;
            width: calc((100%/1) - ((3 + 1) * 1%));
        }

        .grid-lg-c3-s2 {
            float: left;
            width: calc((100%/2) - ((3 + 1) * 1%));
        }

        .grid-lg-c3-s3 {
            float: left;
            width: calc((100%/3) - ((3 + 1) * 1%));
        }

        .grid-lg-c3-s4 {
            float: left;
            width: calc((100%/4) - ((3 + 1) * 1%));
        }

        .grid-lg-c3-s5 {
            float: left;
            width: calc((100%/5) - ((3 + 1) * 1%));
        }

        .grid-lg-c4-s1 {
            float: left;
            width: calc((100%/1) - ((4 + 1) * 1%));
        }

        .grid-lg-c4-s2 {
            float: left;
            width: calc((100%/2) - ((4 + 1) * 1%));
        }

        .grid-lg-c4-s3 {
            float: left;
            width: calc((100%/3) - ((4 + 1) * 1%));
        }

        .grid-lg-c4-s4 {
            float: left;
            width: calc((100%/4) - ((4 + 1) * 1%));
        }

        .grid-lg-c4-s5 {
            float: left;
            width: calc((100%/5) - ((4 + 1) * 1%));
        }

        .grid-lg-c5-s1 {
            float: left;
            width: calc((100%/1) - ((5 + 1) * 1%));
        }

        .grid-lg-c5-s2 {
            float: left;
            width: calc((100%/2) - ((5 + 1) * 1%));
        }

        .grid-lg-c5-s3 {
            float: left;
            width: calc((100%/3) - ((5 + 1) * 1%));
        }

        .grid-lg-c5-s4 {
            float: left;
            width: calc((100%/4) - ((5 + 1) * 1%));
        }

        .grid-lg-c5-s5 {
            float: left;
            width: calc((100%/5) - ((5 + 1) * 1%));
        }
    }

    @media all and (min-width:568px) and (-ms-high-contrast:none),
    (-ms-high-contrast:active) {
        .grid-sm-r1-s1 {
            float: left;
            height: calc(100%/1);
        }

        .grid-sm-r1-s2 {
            float: left;
            height: calc(100%/2);
        }

        .grid-sm-r1-s3 {
            float: left;
            height: calc(100%/3);
        }

        .grid-sm-r1-s4 {
            float: left;
            height: calc(100%/4);
        }

        .grid-sm-r1-s5 {
            float: left;
            height: calc(100%/5);
        }

        .grid-sm-r2-s1 {
            float: left;
            height: calc(100%/1);
        }

        .grid-sm-r2-s2 {
            float: left;
            height: calc(100%/2);
        }

        .grid-sm-r2-s3 {
            float: left;
            height: calc(100%/3);
        }

        .grid-sm-r2-s4 {
            float: left;
            height: calc(100%/4);
        }

        .grid-sm-r2-s5 {
            float: left;
            height: calc(100%/5);
        }

        .grid-sm-r3-s1 {
            float: left;
            height: calc(100%/1);
        }

        .grid-sm-r3-s2 {
            float: left;
            height: calc(100%/2);
        }

        .grid-sm-r3-s3 {
            float: left;
            height: calc(100%/3);
        }

        .grid-sm-r3-s4 {
            float: left;
            height: calc(100%/4);
        }

        .grid-sm-r3-s5 {
            float: left;
            height: calc(100%/5);
        }

        .grid-sm-r4-s1 {
            float: left;
            height: calc(100%/1);
        }

        .grid-sm-r4-s2 {
            float: left;
            height: calc(100%/2);
        }

        .grid-sm-r4-s3 {
            float: left;
            height: calc(100%/3);
        }

        .grid-sm-r4-s4 {
            float: left;
            height: calc(100%/4);
        }

        .grid-sm-r4-s5 {
            float: left;
            height: calc(100%/5);
        }

        .grid-sm-r5-s1 {
            float: left;
            height: calc(100%/1);
        }

        .grid-sm-r5-s2 {
            float: left;
            height: calc(100%/2);
        }

        .grid-sm-r5-s3 {
            float: left;
            height: calc(100%/3);
        }

        .grid-sm-r5-s4 {
            float: left;
            height: calc(100%/4);
        }

        .grid-sm-r5-s5 {
            float: left;
            height: calc(100%/5);
        }
    }

    @media all and (min-width:768px) and (-ms-high-contrast:none),
    (-ms-high-contrast:active) {
        .grid-md-r1-s1 {
            float: left;
            height: calc(100%/1);
        }

        .grid-md-r1-s2 {
            float: left;
            height: calc(100%/2);
        }

        .grid-md-r1-s3 {
            float: left;
            height: calc(100%/3);
        }

        .grid-md-r1-s4 {
            float: left;
            height: calc(100%/4);
        }

        .grid-md-r1-s5 {
            float: left;
            height: calc(100%/5);
        }

        .grid-md-r2-s1 {
            float: left;
            height: calc(100%/1);
        }

        .grid-md-r2-s2 {
            float: left;
            height: calc(100%/2);
        }

        .grid-md-r2-s3 {
            float: left;
            height: calc(100%/3);
        }

        .grid-md-r2-s4 {
            float: left;
            height: calc(100%/4);
        }

        .grid-md-r2-s5 {
            float: left;
            height: calc(100%/5);
        }

        .grid-md-r3-s1 {
            float: left;
            height: calc(100%/1);
        }

        .grid-md-r3-s2 {
            float: left;
            height: calc(100%/2);
        }

        .grid-md-r3-s3 {
            float: left;
            height: calc(100%/3);
        }

        .grid-md-r3-s4 {
            float: left;
            height: calc(100%/4);
        }

        .grid-md-r3-s5 {
            float: left;
            height: calc(100%/5);
        }

        .grid-md-r4-s1 {
            float: left;
            height: calc(100%/1);
        }

        .grid-md-r4-s2 {
            float: left;
            height: calc(100%/2);
        }

        .grid-md-r4-s3 {
            float: left;
            height: calc(100%/3);
        }

        .grid-md-r4-s4 {
            float: left;
            height: calc(100%/4);
        }

        .grid-md-r4-s5 {
            float: left;
            height: calc(100%/5);
        }

        .grid-md-r5-s1 {
            float: left;
            height: calc(100%/1);
        }

        .grid-md-r5-s2 {
            float: left;
            height: calc(100%/2);
        }

        .grid-md-r5-s3 {
            float: left;
            height: calc(100%/3);
        }

        .grid-md-r5-s4 {
            float: left;
            height: calc(100%/4);
        }

        .grid-md-r5-s5 {
            float: left;
            height: calc(100%/5);
        }
    }

    @media all and (min-width:1024px) and (-ms-high-contrast:none),
    (-ms-high-contrast:active) {
        .grid-lg-r1-s1 {
            float: left;
            height: calc(100%/1);
        }

        .grid-lg-r1-s2 {
            float: left;
            height: calc(100%/2);
        }

        .grid-lg-r1-s3 {
            float: left;
            height: calc(100%/3);
        }

        .grid-lg-r1-s4 {
            float: left;
            height: calc(100%/4);
        }

        .grid-lg-r1-s5 {
            float: left;
            height: calc(100%/5);
        }

        .grid-lg-r2-s1 {
            float: left;
            height: calc(100%/1);
        }

        .grid-lg-r2-s2 {
            float: left;
            height: calc(100%/2);
        }

        .grid-lg-r2-s3 {
            float: left;
            height: calc(100%/3);
        }

        .grid-lg-r2-s4 {
            float: left;
            height: calc(100%/4);
        }

        .grid-lg-r2-s5 {
            float: left;
            height: calc(100%/5);
        }

        .grid-lg-r3-s1 {
            float: left;
            height: calc(100%/1);
        }

        .grid-lg-r3-s2 {
            float: left;
            height: calc(100%/2);
        }

        .grid-lg-r3-s3 {
            float: left;
            height: calc(100%/3);
        }

        .grid-lg-r3-s4 {
            float: left;
            height: calc(100%/4);
        }

        .grid-lg-r3-s5 {
            float: left;
            height: calc(100%/5);
        }

        .grid-lg-r4-s1 {
            float: left;
            height: calc(100%/1);
        }

        .grid-lg-r4-s2 {
            float: left;
            height: calc(100%/2);
        }

        .grid-lg-r4-s3 {
            float: left;
            height: calc(100%/3);
        }

        .grid-lg-r4-s4 {
            float: left;
            height: calc(100%/4);
        }

        .grid-lg-r4-s5 {
            float: left;
            height: calc(100%/5);
        }

        .grid-lg-r5-s1 {
            float: left;
            height: calc(100%/1);
        }

        .grid-lg-r5-s2 {
            float: left;
            height: calc(100%/2);
        }

        .grid-lg-r5-s3 {
            float: left;
            height: calc(100%/3);
        }

        .grid-lg-r5-s4 {
            float: left;
            height: calc(100%/4);
        }

        .grid-lg-r5-s5 {
            float: left;
            height: calc(100%/5);
        }
    }

    @supports(display:grid) {
        .grid-gap-1 {
            grid-gap: 10px;
        }

        .grid-gap-2 {
            grid-gap: 20px;
        }

        .grid-gap-3 {
            grid-gap: 30px;
        }

        .grid-gap-4 {
            grid-gap: 40px;
        }

        .grid-gap-5 {
            grid-gap: 50px;
        }

        .grid-gap-6 {
            grid-gap: 60px;
        }

        .grid-c-gap-1 {
            grid-column-gap: 10px;
        }

        .grid-c-gap-2 {
            grid-column-gap: 20px;
        }

        .grid-c-gap-3 {
            grid-column-gap: 30px;
        }

        .grid-c-gap-4 {
            grid-column-gap: 40px;
        }

        .grid-c-gap-5 {
            grid-column-gap: 50px;
        }

        .grid-c-gap-6 {
            grid-column-gap: 60px;
        }

        .grid-r-gap-1 {
            grid-row-gap: 10px;
        }

        .grid-r-gap-2 {
            grid-row-gap: 20px;
        }

        .grid-r-gap-3 {
            grid-row-gap: 30px;
        }

        .grid-r-gap-4 {
            grid-row-gap: 40px;
        }

        .grid-r-gap-5 {
            grid-row-gap: 50px;
        }

        .grid-r-gap-6 {
            grid-row-gap: 60px;
        }
    }

    @supports(display:grid) {
        @media only screen and (min-width: 568px) {
            .grid-sm-gap-1 {
                grid-gap: 10px;
            }

            .grid-sm-gap-2 {
                grid-gap: 20px;
            }

            .grid-sm-gap-3 {
                grid-gap: 30px;
            }

            .grid-sm-gap-4 {
                grid-gap: 40px;
            }

            .grid-sm-gap-5 {
                grid-gap: 50px;
            }

            .grid-sm-gap-6 {
                grid-gap: 60px;
            }

            .grid-sm-c-gap-1 {
                grid-column-gap: 10px;
            }

            .grid-sm-c-gap-2 {
                grid-column-gap: 20px;
            }

            .grid-sm-c-gap-3 {
                grid-column-gap: 30px;
            }

            .grid-sm-c-gap-4 {
                grid-column-gap: 40px;
            }

            .grid-sm-c-gap-5 {
                grid-column-gap: 50px;
            }

            .grid-sm-c-gap-6 {
                grid-column-gap: 60px;
            }

            .grid-sm-r-gap-1 {
                grid-row-gap: 10px;
            }

            .grid-sm-r-gap-2 {
                grid-row-gap: 20px;
            }

            .grid-sm-r-gap-3 {
                grid-row-gap: 30px;
            }

            .grid-sm-r-gap-4 {
                grid-row-gap: 40px;
            }

            .grid-sm-r-gap-5 {
                grid-row-gap: 50px;
            }

            .grid-sm-r-gap-6 {
                grid-row-gap: 60px;
            }
        }

        @media only screen and (min-width:768px) {
            .grid-md-gap-1 {
                grid-gap: 10px;
            }

            .grid-md-gap-2 {
                grid-gap: 20px;
            }

            .grid-md-gap-3 {
                grid-gap: 30px;
            }

            .grid-md-gap-4 {
                grid-gap: 40px;
            }

            .grid-md-gap-5 {
                grid-gap: 50px;
            }

            .grid-md-gap-6 {
                grid-gap: 60px;
            }

            .grid-md-c-gap-1 {
                grid-column-gap: 10px;
            }

            .grid-md-c-gap-2 {
                grid-column-gap: 20px;
            }

            .grid-md-c-gap-3 {
                grid-column-gap: 30px;
            }

            .grid-md-c-gap-4 {
                grid-column-gap: 40px;
            }

            .grid-md-c-gap-5 {
                grid-column-gap: 50px;
            }

            .grid-md-c-gap-6 {
                grid-column-gap: 60px;
            }

            .grid-md-r-gap-1 {
                grid-row-gap: 10px;
            }

            .grid-md-r-gap-2 {
                grid-row-gap: 20px;
            }

            .grid-md-r-gap-3 {
                grid-row-gap: 30px;
            }

            .grid-md-r-gap-4 {
                grid-row-gap: 40px;
            }

            .grid-md-r-gap-5 {
                grid-row-gap: 50px;
            }

            .grid-md-r-gap-6 {
                grid-row-gap: 60px;
            }
        }

        @media only screen and (min-width:1024px) {
            .grid-lg-gap-1 {
                grid-gap: 10px;
            }

            .grid-lg-gap-2 {
                grid-gap: 20px;
            }

            .grid-lg-gap-3 {
                grid-gap: 30px;
            }

            .grid-lg-gap-4 {
                grid-gap: 40px;
            }

            .grid-lg-gap-5 {
                grid-gap: 50px;
            }

            .grid-lg-gap-6 {
                grid-gap: 60px;
            }

            .grid-lg-c-gap-1 {
                grid-column-gap: 10px;
            }

            .grid-lg-c-gap-2 {
                grid-column-gap: 20px;
            }

            .grid-lg-c-gap-3 {
                grid-column-gap: 30px;
            }

            .grid-lg-c-gap-4 {
                grid-column-gap: 40px;
            }

            .grid-lg-c-gap-5 {
                grid-column-gap: 50px;
            }

            .grid-lg-c-gap-6 {
                grid-column-gap: 60px;
            }

            .grid-lg-r-gap-1 {
                grid-row-gap: 10px;
            }

            .grid-lg-r-gap-2 {
                grid-row-gap: 20px;
            }

            .grid-lg-r-gap-3 {
                grid-row-gap: 30px;
            }

            .grid-lg-r-gap-4 {
                grid-row-gap: 40px;
            }

            .grid-lg-r-gap-5 {
                grid-row-gap: 50px;
            }

            .grid-lg-r-gap-6 {
                grid-row-gap: 60px;
            }
        }
    }

    @media all and (min-width:568px) and (-ms-high-contrast:none),
    (-ms-high-contrast:active) {
        .grid-sm-gap-1 {
            -ms-overflow-x: auto;
        }

        .grid-sm-gap-1>* {
            margin-bottom: 10px;
            margin-right: 10px;
        }

        .grid-sm-gap-1>:nth-child(2n) {
            margin-right: 0;
        }

        .grid-sm-gap-2 {
            -ms-overflow-x: auto;
        }

        .grid-sm-gap-2>* {
            margin-bottom: 20px;
            margin-right: 20px;
        }

        .grid-sm-gap-2>:nth-child(2n) {
            margin-right: 0;
        }

        .grid-sm-gap-3 {
            -ms-overflow-x: auto;
        }

        .grid-sm-gap-3>* {
            margin-bottom: 30px;
            margin-right: 30px;
        }

        .grid-sm-gap-3>:nth-child(2n) {
            margin-right: 0;
        }

        .grid-sm-gap-4 {
            -ms-overflow-x: auto;
        }

        .grid-sm-gap-4>* {
            margin-bottom: 40px;
            margin-right: 40px;
        }

        .grid-sm-gap-4>:nth-child(2n) {
            margin-right: 0;
        }

        .grid-sm-gap-5 {
            -ms-overflow-x: auto;
        }

        .grid-sm-gap-5>* {
            margin-bottom: 50px;
            margin-right: 50px;
        }

        .grid-sm-gap-5>:nth-child(2n) {
            margin-right: 0;
        }

        .grid-sm-gap-6 {
            -ms-overflow-x: auto;
        }

        .grid-sm-gap-6>* {
            margin-bottom: 60px;
            margin-right: 60px;
        }

        .grid-sm-gap-6>:nth-child(2n) {
            margin-right: 0;
        }

        .grid-sm-c-gap-1 {
            -ms-overflow-x: auto;
        }

        .grid-sm-c-gap-1>* {
            margin-right: 10px;
        }

        .grid-sm-c-gap-1>:nth-child(2n) {
            margin-right: 0;
        }

        .grid-sm-c-gap-2 {
            -ms-overflow-x: auto;
        }

        .grid-sm-c-gap-2>* {
            margin-right: 20px;
        }

        .grid-sm-c-gap-2>:nth-child(2n) {
            margin-right: 0;
        }

        .grid-sm-c-gap-3 {
            -ms-overflow-x: auto;
        }

        .grid-sm-c-gap-3>* {
            margin-right: 30px;
        }

        .grid-sm-c-gap-3>:nth-child(2n) {
            margin-right: 0;
        }

        .grid-sm-c-gap-4 {
            -ms-overflow-x: auto;
        }

        .grid-sm-c-gap-4>* {
            margin-right: 40px;
        }

        .grid-sm-c-gap-4>:nth-child(2n) {
            margin-right: 0;
        }

        .grid-sm-c-gap-5 {
            -ms-overflow-x: auto;
        }

        .grid-sm-c-gap-5>* {
            margin-right: 50px;
        }

        .grid-sm-c-gap-5>:nth-child(2n) {
            margin-right: 0;
        }

        .grid-sm-c-gap-6 {
            -ms-overflow-x: auto;
        }

        .grid-sm-c-gap-6>* {
            margin-right: 60px;
        }

        .grid-sm-c-gap-6>:nth-child(2n) {
            margin-right: 0;
        }

        .grid-sm-r-gap-1 {
            -ms-overflow-x: auto;
        }

        .grid-sm-r-gap-1>* {
            margin-bottom: 10px;
        }

        .grid-sm-r-gap-1>:nth-child(2n) {
            margin-right: 0;
        }

        .grid-sm-r-gap-2 {
            -ms-overflow-x: auto;
        }

        .grid-sm-r-gap-2>* {
            margin-bottom: 20px;
        }

        .grid-sm-r-gap-2>:nth-child(2n) {
            margin-right: 0;
        }

        .grid-sm-r-gap-3 {
            -ms-overflow-x: auto;
        }

        .grid-sm-r-gap-3>* {
            margin-bottom: 30px;
        }

        .grid-sm-r-gap-3>:nth-child(2n) {
            margin-right: 0;
        }

        .grid-sm-r-gap-4 {
            -ms-overflow-x: auto;
        }

        .grid-sm-r-gap-4>* {
            margin-bottom: 40px;
        }

        .grid-sm-r-gap-4>:nth-child(2n) {
            margin-right: 0;
        }

        .grid-sm-r-gap-5 {
            -ms-overflow-x: auto;
        }

        .grid-sm-r-gap-5>* {
            margin-bottom: 50px;
        }

        .grid-sm-r-gap-5>:nth-child(2n) {
            margin-right: 0;
        }

        .grid-sm-r-gap-6 {
            -ms-overflow-x: auto;
        }

        .grid-sm-r-gap-6>* {
            margin-bottom: 60px;
        }

        .grid-sm-r-gap-6>:nth-child(2n) {
            margin-right: 0;
        }
    }

    @media all and (min-width:768px) and (-ms-high-contrast:none),
    (-ms-high-contrast:active) {
        .grid-md-gap-1 {
            -ms-overflow-x: auto;
        }

        .grid-md-gap-1>* {
            margin-bottom: 10px;
            margin-right: 10px;
        }

        .grid-md-gap-1>:nth-child(2n) {
            margin-right: 0;
        }

        .grid-md-gap-2 {
            -ms-overflow-x: auto;
        }

        .grid-md-gap-2>* {
            margin-bottom: 20px;
            margin-right: 20px;
        }

        .grid-md-gap-2>:nth-child(2n) {
            margin-right: 0;
        }

        .grid-md-gap-3 {
            -ms-overflow-x: auto;
        }

        .grid-md-gap-3>* {
            margin-bottom: 30px;
            margin-right: 30px;
        }

        .grid-md-gap-3>:nth-child(2n) {
            margin-right: 0;
        }

        .grid-md-gap-4 {
            -ms-overflow-x: auto;
        }

        .grid-md-gap-4>* {
            margin-bottom: 40px;
            margin-right: 40px;
        }

        .grid-md-gap-4>:nth-child(2n) {
            margin-right: 0;
        }

        .grid-md-gap-5 {
            -ms-overflow-x: auto;
        }

        .grid-md-gap-5>* {
            margin-bottom: 50px;
            margin-right: 50px;
        }

        .grid-md-gap-5>:nth-child(2n) {
            margin-right: 0;
        }

        .grid-md-gap-6 {
            -ms-overflow-x: auto;
        }

        .grid-md-gap-6>* {
            margin-bottom: 60px;
            margin-right: 60px;
        }

        .grid-md-gap-6>:nth-child(2n) {
            margin-right: 0;
        }

        .grid-md-c-gap-1 {
            -ms-overflow-x: auto;
        }

        .grid-md-c-gap-1>* {
            margin-right: 10px;
        }

        .grid-md-c-gap-1>:nth-child(2n) {
            margin-right: 0;
        }

        .grid-md-c-gap-2 {
            -ms-overflow-x: auto;
        }

        .grid-md-c-gap-2>* {
            margin-right: 20px;
        }

        .grid-md-c-gap-2>:nth-child(2n) {
            margin-right: 0;
        }

        .grid-md-c-gap-3 {
            -ms-overflow-x: auto;
        }

        .grid-md-c-gap-3>* {
            margin-right: 30px;
        }

        .grid-md-c-gap-3>:nth-child(2n) {
            margin-right: 0;
        }

        .grid-md-c-gap-4 {
            -ms-overflow-x: auto;
        }

        .grid-md-c-gap-4>* {
            margin-right: 40px;
        }

        .grid-md-c-gap-4>:nth-child(2n) {
            margin-right: 0;
        }

        .grid-md-c-gap-5 {
            -ms-overflow-x: auto;
        }

        .grid-md-c-gap-5>* {
            margin-right: 50px;
        }

        .grid-md-c-gap-5>:nth-child(2n) {
            margin-right: 0;
        }

        .grid-md-c-gap-6 {
            -ms-overflow-x: auto;
        }

        .grid-md-c-gap-6>* {
            margin-right: 60px;
        }

        .grid-md-c-gap-6>:nth-child(2n) {
            margin-right: 0;
        }

        .grid-md-r-gap-1 {
            -ms-overflow-x: auto;
        }

        .grid-md-r-gap-1>* {
            margin-bottom: 10px;
        }

        .grid-md-r-gap-1>:nth-child(2n) {
            margin-right: 0;
        }

        .grid-md-r-gap-2 {
            -ms-overflow-x: auto;
        }

        .grid-md-r-gap-2>* {
            margin-bottom: 20px;
        }

        .grid-md-r-gap-2>:nth-child(2n) {
            margin-right: 0;
        }

        .grid-md-r-gap-3 {
            -ms-overflow-x: auto;
        }

        .grid-md-r-gap-3>* {
            margin-bottom: 30px;
        }

        .grid-md-r-gap-3>:nth-child(2n) {
            margin-right: 0;
        }

        .grid-md-r-gap-4 {
            -ms-overflow-x: auto;
        }

        .grid-md-r-gap-4>* {
            margin-bottom: 40px;
        }

        .grid-md-r-gap-4>:nth-child(2n) {
            margin-right: 0;
        }

        .grid-md-r-gap-5 {
            -ms-overflow-x: auto;
        }

        .grid-md-r-gap-5>* {
            margin-bottom: 50px;
        }

        .grid-md-r-gap-5>:nth-child(2n) {
            margin-right: 0;
        }

        .grid-md-r-gap-6 {
            -ms-overflow-x: auto;
        }

        .grid-md-r-gap-6>* {
            margin-bottom: 60px;
        }

        .grid-md-r-gap-6>:nth-child(2n) {
            margin-right: 0;
        }
    }

    @media all and (min-width:1024px) and (-ms-high-contrast:none),
    (-ms-high-contrast:active) {
        .grid-lg-gap-1 {
            -ms-overflow-x: auto;
        }

        .grid-lg-gap-1>* {
            margin-bottom: 10px;
            margin-right: 10px;
        }

        .grid-lg-gap-1>:nth-child(2n) {
            margin-right: 0;
        }

        .grid-lg-gap-2 {
            -ms-overflow-x: auto;
        }

        .grid-lg-gap-2>* {
            margin-bottom: 20px;
            margin-right: 20px;
        }

        .grid-lg-gap-2>:nth-child(2n) {
            margin-right: 0;
        }

        .grid-lg-gap-3 {
            -ms-overflow-x: auto;
        }

        .grid-lg-gap-3>* {
            margin-bottom: 30px;
            margin-right: 30px;
        }

        .grid-lg-gap-3>:nth-child(2n) {
            margin-right: 0;
        }

        .grid-lg-gap-4 {
            -ms-overflow-x: auto;
        }

        .grid-lg-gap-4>* {
            margin-bottom: 40px;
            margin-right: 40px;
        }

        .grid-lg-gap-4>:nth-child(2n) {
            margin-right: 0;
        }

        .grid-lg-gap-5 {
            -ms-overflow-x: auto;
        }

        .grid-lg-gap-5>* {
            margin-bottom: 50px;
            margin-right: 50px;
        }

        .grid-lg-gap-5>:nth-child(2n) {
            margin-right: 0;
        }

        .grid-lg-gap-6 {
            -ms-overflow-x: auto;
        }

        .grid-lg-gap-6>* {
            margin-bottom: 60px;
            margin-right: 60px;
        }

        .grid-lg-gap-6>:nth-child(2n) {
            margin-right: 0;
        }

        .grid-lg-c-gap-1 {
            -ms-overflow-x: auto;
        }

        .grid-lg-c-gap-1>* {
            margin-right: 10px;
        }

        .grid-lg-c-gap-1>:nth-child(2n) {
            margin-right: 0;
        }

        .grid-lg-c-gap-2 {
            -ms-overflow-x: auto;
        }

        .grid-lg-c-gap-2>* {
            margin-right: 20px;
        }

        .grid-lg-c-gap-2>:nth-child(2n) {
            margin-right: 0;
        }

        .grid-lg-c-gap-3 {
            -ms-overflow-x: auto;
        }

        .grid-lg-c-gap-3>* {
            margin-right: 30px;
        }

        .grid-lg-c-gap-3>:nth-child(2n) {
            margin-right: 0;
        }

        .grid-lg-c-gap-4 {
            -ms-overflow-x: auto;
        }

        .grid-lg-c-gap-4>* {
            margin-right: 40px;
        }

        .grid-lg-c-gap-4>:nth-child(2n) {
            margin-right: 0;
        }

        .grid-lg-c-gap-5 {
            -ms-overflow-x: auto;
        }

        .grid-lg-c-gap-5>* {
            margin-right: 50px;
        }

        .grid-lg-c-gap-5>:nth-child(2n) {
            margin-right: 0;
        }

        .grid-lg-c-gap-6 {
            -ms-overflow-x: auto;
        }

        .grid-lg-c-gap-6>* {
            margin-right: 60px;
        }

        .grid-lg-c-gap-6>:nth-child(2n) {
            margin-right: 0;
        }

        .grid-lg-r-gap-1 {
            -ms-overflow-x: auto;
        }

        .grid-lg-r-gap-1>* {
            margin-bottom: 10px;
        }

        .grid-lg-r-gap-1>:nth-child(2n) {
            margin-right: 0;
        }

        .grid-lg-r-gap-2 {
            -ms-overflow-x: auto;
        }

        .grid-lg-r-gap-2>* {
            margin-bottom: 20px;
        }

        .grid-lg-r-gap-2>:nth-child(2n) {
            margin-right: 0;
        }

        .grid-lg-r-gap-3 {
            -ms-overflow-x: auto;
        }

        .grid-lg-r-gap-3>* {
            margin-bottom: 30px;
        }

        .grid-lg-r-gap-3>:nth-child(2n) {
            margin-right: 0;
        }

        .grid-lg-r-gap-4 {
            -ms-overflow-x: auto;
        }

        .grid-lg-r-gap-4>* {
            margin-bottom: 40px;
        }

        .grid-lg-r-gap-4>:nth-child(2n) {
            margin-right: 0;
        }

        .grid-lg-r-gap-5 {
            -ms-overflow-x: auto;
        }

        .grid-lg-r-gap-5>* {
            margin-bottom: 50px;
        }

        .grid-lg-r-gap-5>:nth-child(2n) {
            margin-right: 0;
        }

        .grid-lg-r-gap-6 {
            -ms-overflow-x: auto;
        }

        .grid-lg-r-gap-6>* {
            margin-bottom: 60px;
        }

        .grid-lg-r-gap-6>:nth-child(2n) {
            margin-right: 0;
        }
    }

    @supports(display:grid) {
        .d-grid {
            display: grid;
        }

        @media only screen and (min-width:0) and (max-width:767px) {
            .d-grid {
                grid-template-columns: 1fr;
                grid-gap: 0;
            }
        }

        .d-inline-grid {
            display: inline-grid;
        }

        .grid-items-center {
            align-items: center;
        }

        @media only screen and (min-width:768px) {
            .grid-md-items-center {
                align-items: center;
            }

            .grid-md-self-center {
                align-self: center;
            }
        }

        @supports(display:grid) {
            @media only screen and (min-width: 768px) {
                .grid-layout-2col-stacked {
                    display: grid;
                    grid-template-columns: 2.7fr 1fr;
                    grid-template-rows: auto;
                    grid-row-gap: 30px;
                    grid-column-gap: 0;
                    grid-column-gap: 2rem;
                }

                .grid-layout-2col-stacked>* {
                    grid-column: 1/span 2;
                }

                .grid-layout-2col-stacked>.grid__head {
                    grid-column: 1/span 2;
                }

                .grid-layout-2col-stacked>.grid__main {
                    grid-column: 1/span 1;
                }

                .grid-layout-2col-stacked>.grid__rail {
                    grid-column: 2/span 1;
                }

                .grid-layout-2col-stacked>.grid__head~.grid__rail {
                    grid-row: 2/-1;
                }
            }

            @media only screen and (min-width:0) and (max-width:767px) {
                .grid-layout-2col-stacked>* {
                    /*margin-bottom: 30px;*/
                }
            }
        }
    }

    @media all and (-ms-high-contrast:none),
    (-ms-high-contrast:active) {
        .grid-layout-2col-stacked {
            -ms-overflow-x: auto;
        }

        .grid-layout-2col-stacked>* {
            padding-bottom: 2rem;
        }
    }

    @media only screen and (-ms-high-contrast:none) and (min-width:0) and (max-width:767px),
    only screen and (-ms-high-contrast:active) and (min-width:0) and (max-width:767px) {
        .grid-layout-2col-stacked>* {
            margin: 0 auto;
        }
    }

    @media all and (min-width:768px) and (-ms-high-contrast:none),
    (-ms-high-contrast:active) {
        .grid-layout-2col-stacked {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
        }

        .grid-layout-2col-stacked>* {
            flex: 0 0 68%;
            padding-right: 2rem;
            width: 68%
        }

        .grid-layout-2col-stacked .grid__head {
            flex: 1 0 100%;
            padding-right: 0;
            width: 100%
        }

        .grid-layout-2col-stacked .grid__rail {
            flex: 0 0 26%;
            padding-right: 0;
        }
    }

    .more {
        font-size: 1.125rem;
        font-weight: 500;
        letter-spacing: .02em;
        text-transform: uppercase;
    }

    .compat-signs-selected .icon-plus {
        font-size: 25px;
    }

    .zs-traits .text-container a:hover>h4 {
        text-decoration: underline;
    }

    [class^=ad-slot-],
    [class*=" ad-slot-"] {
        display: flex;
        justify-content: center;
        margin-bottom: 2rem;
    }

    .ad-slot-1 {
        min-height: 90px;
        margin-bottom: 1.5rem;
    }

    .ad-container {
        position: relative;
    }

    .ad-container .text-block {
        position: absolute;
        bottom: 20px;
        right: 10px;
        min-width: 160px;
        background-color: #000;
        text-align: center;
        color: #fff;
        padding-left: 20px;
        padding-right: 20px;
    }

    .ad-container .text-block h4 {
        color: #fff;
    }

    .additional-content {
        max-width: 1200px;
        margin: 0 auto;
        padding: 0;
    }

    @media only screen and (min-width:0px) and (max-width:767px) {
        .ad-slot-1 {
            min-height: 50px;
        }

        .ad-container .text-block {
            bottom: 10px;
            max-height: 30px;
        }
    }

    .bg-hematite {
        background-color: #202020;
    }

    .bg-quartz {
        background-color: #c664b7;
    }

    .bg-sapphire {
        background-color: #4d48af;
    }

    .bg-topaz {
        background-color: #6e89fc;
    }

    .bg-clouds {
        background-color: #101010;
    }



    @media only screen and (min-width:768px) {
        .border-b-md--grey {
            border-bottom: 1px solid #6d6d6d;
        }
    }

    .border-rad-4 {
        border-radius: 4px;
        overflow: hidden;
    }

    .text-xxs {
        font-size: .75rem;
    }

    .text-sm {
        font-size: 1rem;
    }

    .text-lg {
        font-size: 1.375rem;
    }

    .text-xxl {
        font-size: 1.625rem;
    }

    .bold {
        font-weight: 600;
    }

    .italic {
        font-style: italic;
    }

    .img-responsive {
        width: 100%;
        display: block;
        height: auto;
    }

    .show-small,
    .show-medium {
        display: none;
    }

    @media only screen and (min-width:0) and (max-width:767px) {
        .hide-small {
            display: none !important;
        }

        .show-small {
            display: block;
        }

        span.show-small {
            display: inline;
        }
    }

    @media only screen and (min-width:768px) and (max-width:1023px) {
        .hide-medium {
            display: none;
        }

        .show-medium {
            display: block;
        }
    }

    .center-layout {
        box-sizing: content-box;
        margin: 0 auto;
        max-width: 1140px;
        padding: 0 15px;
    }

    @media only screen and (min-width:768px) {
        .center-layout {
            padding: 0 20px;
        }
    }

    .pull-right {
        float: right;
    }

    .text-center {
        text-align: center;
    }

    @media only screen and (min-width:0) and (max-width:767px) {
        .text-center-sm {
            text-align: center;
        }
    }

    @media only screen and (min-width:768px) and (max-width:1023px) {
        .text-center-md {
            text-align: center;
        }
    }

    .text-left {
        text-align: left;
    }

    .text-right {
        text-align: right;
    }

    @media only screen and (min-width:768px) {
        .text-md-center {
            text-align: center;
        }

        .max-width-100 {
            max-width: 100px;
            width: 100%
        }

        .max-width-200 {
            max-width: 200px;
            width: 100%
        }

        .max-width-300 {
            max-width: 300px;
            width: 100%
        }

        .max-width-400 {
            max-width: 400px;
            width: 100%
        }

        .max-width-500 {
            max-width: 500px;
            width: 100%
        }

        .max-width-600 {
            max-width: 600px;
            width: 100%
        }

        .max-width-700 {
            max-width: 700px;
            width: 100%
        }

        .max-width-800 {
            max-width: 800px;
            width: 100%
        }

        .full-width {
            width: 100%
        }

        .mx-auto {
            margin-left: auto !important;
            margin-right: auto !important;
        }

        .fixed {
            position: fixed;
        }
    }

    .sign-card:hover .sign-date {
        text-decoration: none !important;
    }

    .mb-md-10 {
        padding-bottom: 4rem;
    }