@font-face {
    font-family: 'Cabin';
    font-style: normal;
    font-weight: 700;
    font-stretch: normal;
    font-display: swap;
    src: url(/wideprogramming/fonts/cabin/v27/u-4X0qWljRw-PfU81xCKCpdpbgZJl6XFpfEd7eA9BIxxkbqDH7alwQ.woff) format('woff');
}

@font-face {
    font-family: 'Source Sans Pro';
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: url(/wideprogramming/fonts/sourcesanspro/v22/6xKwdSBYKcSV-LCoeQqfX1RYOo3qPZZMkids18I.woff) format('woff');
}

@font-face {
    font-family: 'Source Sans Pro';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url(/wideprogramming/fonts/sourcesanspro/v22/6xK1dSBYKcSV-LCoeQqfX1RYOo3qPZ7nsDQ.woff) format('woff');
}

@font-face {
    font-family: 'Source Sans Pro';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url(/wideprogramming/fonts/sourcesanspro/v22/6xKwdSBYKcSV-LCoeQqfX1RYOo3qPZZclSds18I.woff) format('woff');
}

@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(/wideprogramming/fonts/sourcesanspro/v22/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwlxdo.woff) format('woff');
}

@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/wideprogramming/fonts/sourcesanspro/v22/6xK3dSBYKcSV-LCoeQqfX1RYOo3qOK7j.woff) format('woff');
}

@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(/wideprogramming/fonts/sourcesanspro/v22/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwlxdo.woff) format('woff');
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(/wideprogramming/fonts/montserrat/v26/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCu173w5aXw.woff) format('woff');
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(/wideprogramming/fonts/montserrat/v26/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCuM73w5aXw.woff) format('woff');
}

.x {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    margin: 0;
    box-sizing: border-box;
}

    .x *,
    .x :after,
    .x :before {
        box-sizing: inherit;
    }

.x-el a[href^="mailto:"]:not(.x-el),
.x-el a[href^="tel:"]:not(.x-el) {
    color: inherit;
    font-size: inherit;
    text-decoration: inherit;
}

.x-el-article,
.x-el-aside,
.x-el-details,
.x-el-figcaption,
.x-el-figure,
.x-el-footer,
.x-el-header,
.x-el-hgroup,
.x-el-main,
.x-el-menu,
.x-el-nav,
.x-el-section,
.x-el-summary {
    display: block;
}

.x-el-audio,
.x-el-canvas,
.x-el-progress,
.x-el-video {
    display: inline-block;
    vertical-align: baseline;
}

    .x-el-audio:not([controls]) {
        display: none;
        height: 0;
    }

.x-el-template {
    display: none;
}

.x-el-a {
    background-color: transparent;
    color: inherit;
}

.x-el-a:active,
.x-el-a:hover {
    outline: 0;
}

.x-el-abbr[title] {
    border-bottom: 1px dotted;
}

.x-el-b,
.x-el-strong {
    font-weight: 700;
}

.x-el-dfn {
    font-style: italic;
}

.x-el-mark {
    background: #ff0;
    color: #000;
}

.x-el-small {
    font-size: 80%;
}

.x-el-sub,
.x-el-sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

.x-el-sup {
    top: -0.5em;
}

.x-el-sub {
    bottom: -0.25em;
}

.x-el-img {
    vertical-align: middle;
    border: 0;
}

.x-el-svg:not(:root) {
    overflow: hidden;
}

.x-el-figure {
    margin: 0;
}

.x-el-hr {
    box-sizing: content-box;
    height: 0;
}

.x-el-pre {
    overflow: auto;
}

.x-el-code,
.x-el-kbd,
.x-el-pre,
.x-el-samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

.x-el-button,
.x-el-input,
.x-el-optgroup,
.x-el-select,
.x-el-textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

.x-el-button {
    overflow: visible;
}

.x-el-button,
.x-el-select {
    text-transform: none;
}

.x-el-button,
.x-el-input[type="button"],
.x-el-input[type="reset"],
.x-el-input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

    .x-el-button[disabled],
    .x-el-input[disabled] {
        cursor: default;
    }

    .x-el-button::-moz-focus-inner,
    .x-el-input::-moz-focus-inner {
        border: 0;
        padding: 0;
    }

.x-el-input {
    line-height: normal;
}

    .x-el-input[type="checkbox"],
    .x-el-input[type="radio"] {
        box-sizing: border-box;
        padding: 0;
    }

    .x-el-input[type="number"]::-webkit-inner-spin-button,
    .x-el-input[type="number"]::-webkit-outer-spin-button {
        height: auto;
    }

    .x-el-input[type="search"] {
        -webkit-appearance: textfield;
        box-sizing: content-box;
    }

    .x-el-input[type="search"]::-webkit-search-cancel-button,
    .x-el-input[type="search"]::-webkit-search-decoration {
        -webkit-appearance: none;
    }

.x-el-textarea {
    border: 0;
}

.x-el-fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

.x-el-legend {
    border: 0;
    padding: 0;
}

.x-el-textarea {
    overflow: auto;
}

.x-el-optgroup {
    font-weight: 700;
}

.x-el-table {
    border-collapse: collapse;
    border-spacing: 0;
}

.x-el-td,
.x-el-th {
    padding: 0;
}

.x {
    -webkit-font-smoothing: antialiased;
}

.x-el-hr {
    border: 0;
}

.x-el-fieldset,
.x-el-input,
.x-el-select,
.x-el-textarea {
    margin-top: 0;
    margin-bottom: 0;
}

    .x-el-fieldset,
    .x-el-input[type="email"],
    .x-el-input[type="text"],
    .x-el-textarea {
        width: 100%;
    }

.x-el-label {
    vertical-align: middle;
}

.x-el-input {
    border-style: none;
    padding: 0.5em;
    vertical-align: middle;
}

.x-el-select:not([multiple]) {
    vertical-align: middle;
}

.x-el-textarea {
    line-height: 1.75;
    padding: 0.5em;
}

.x-el.d-none {
    display: none !important;
}

.sideline-footer {
    margin-top: auto;
}

.disable-scroll {
    touch-action: none;
    overflow: hidden;
    position: fixed;
    max-width: 100vw;
}

@-webkit-keyframes loaderscale {
    0% {
        transform: scale(1);
        opacity: 1;
    }

    45% {
        transform: scale(0.1);
        opacity: 0.7;
    }

    80% {
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes loaderscale {
    0% {
        transform: scale(1);
        opacity: 1;
    }

    45% {
        transform: scale(0.1);
        opacity: 0.7;
    }

    80% {
        transform: scale(1);
        opacity: 1;
    }
}

.x-loader svg {
    display: inline-block;
}

    .x-loader svg:first-child {
        -webkit-animation: loaderscale 0.75s cubic-bezier(0.2, 0.68, 0.18, 1.08) -0.24s infinite;
        animation: loaderscale 0.75s cubic-bezier(0.2, 0.68, 0.18, 1.08) -0.24s infinite;
    }

    .x-loader svg:nth-child(2) {
        -webkit-animation: loaderscale 0.75s cubic-bezier(0.2, 0.68, 0.18, 1.08) -0.12s infinite;
        animation: loaderscale 0.75s cubic-bezier(0.2, 0.68, 0.18, 1.08) -0.12s infinite;
    }

    .x-loader svg:nth-child(3) {
        -webkit-animation: loaderscale 0.75s cubic-bezier(0.2, 0.68, 0.18, 1.08) 0s infinite;
        animation: loaderscale 0.75s cubic-bezier(0.2, 0.68, 0.18, 1.08) 0s infinite;
    }

.x-icon > svg {
    transition: transform 0.33s ease-in-out;
}

    .x-icon > svg.rotate-90 {
        transform: rotate(-90deg);
    }

    .x-icon > svg.rotate90 {
        transform: rotate(90deg);
    }

    .x-icon > svg.rotate-180 {
        transform: rotate(-180deg);
    }

    .x-icon > svg.rotate180 {
        transform: rotate(180deg);
    }

.x-rt ol,
.x-rt ul {
    text-align: left;
}

.x-rt p {
    margin: 0;
}

.mte-inline-block {
    display: inline-block;
}

@media only screen and (min-device-width: 1025px) {
    :root select,
    _::-webkit-full-page-media,
    _:future {
        font-family: sans-serif !important;
    }
}
/* Copyright 2016 The Cabin Project Authors (impallari@gmail.com) This Font Software is licensed under the SIL Open Font License, Version 1.1. This license is copied below, and is also available with a FAQ at: http://scripts.sil.org/OFL —————————————————————————————- SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007 —————————————————————————————- */
/* Copyright 2010, 2012, 2014 Adobe Systems Incorporated (http://www.adobe.com/), with Reserved Font Name Source. This Font Software is licensed under the SIL Open Font License, Version 1.1. This license is copied below, and is also available with a FAQ at: http://scripts.sil.org/OFL —————————————————————————————- SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007 —————————————————————————————- */
/* Copyright 2011 The Montserrat Project Authors (https://github.com/JulietaUla/Montserrat) This Font Software is licensed under the SIL Open Font License, Version 1.1. This license is copied below, and is also available with a FAQ at: http://scripts.sil.org/OFL —————————————————————————————- SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007 —————————————————————————————- */

.x .c1-1 {
    letter-spacing: normal;
}

.x .c1-2 {
    text-transform: none;
}

.x .c1-3 {
    background-color: rgb(255, 255, 255);
}

.x .c1-4 {
    width: 100%;
}

.x .c1-5 > div {
    position: relative;
}

.x .c1-6 > div {
    overflow: hidden;
}

.x .c1-7 > div {
    margin-top: auto;
}

.x .c1-8 > div {
    margin-right: auto;
}

.x .c1-9 > div {
    margin-bottom: auto;
}

.x .c1-a > div {
    margin-left: auto;
}

.x .c1-b {
    font-family: "Source Sans Pro", arial, sans-serif;
}

.x .c1-h {
    background-color: rgb(22, 22, 22);
}

.x .c1-i {
    padding-top: 40px;
}

.x .c1-j {
    padding-bottom: 40px;
}

.x .c1-k {
    overflow: hidden;
}

.x .c1-l {
    padding: 0px !important;
}

.x .c1-o {
    display: none;
}

.x .c1-q {
    position: relative;
}

.x .c1-r {
    height: 100%;
}

.x .c1-s {
    position: absolute;
}

.x .c1-t {
    margin-top: 0;
}

.x .c1-u {
    margin-right: auto;
}

.x .c1-v {
    margin-bottom: 0;
}

.x .c1-w {
    margin-left: auto;
}

.x .c1-x {
    display: flex;
}

.x .c1-y {
    top: 0px;
}

.x .c1-z {
    left: 0px;
}

.x .c1-10 {
    height: inherit;
}

.x .c1-13 {
    opacity: 0.72;
}

.x .c1-14 {
    right: 0px;
}

.x .c1-15 {
    bottom: 0px;
}

.x .c1-16 {
    flex-direction: column;
}

.x .c1-17 {
    min-height: 500px;
}

.x .c1-18 {
    justify-content: flex-start;
}

.x .c1-1a {
    position: static;
}

.x .c1-1c {
    background-color: transparent;
}

.x .c1-1d .sticky-animate {
    background-color: rgba(22, 22, 22, 0.3);
}

.x .c1-1e {
    transition: background 0.3s;
}

.x .c1-1f {
    padding-top: 24px;
}

.x .c1-1g {
    padding-bottom: 24px;
}

.x .c1-1h {
    padding-left: 24px;
}

.x .c1-1i {
    padding-right: 24px;
}

.x .c1-1j {
    background-color: rgba(22, 22, 22, 0.25);
}

.x .c1-1k {
    z-index: auto;
}

.x .c1-1p {
    align-items: center;
}

.x .c1-1q {
    flex-wrap: nowrap;
}

.x .c1-1r {
    margin-right: 0px;
}

.x .c1-1s {
    margin-left: 0px;
}

.x .c1-1v {
    width: 15%;
}

.x .c1-1w {
    padding-right: 0px;
}

.x .c1-1x {
    padding-left: 0px;
}

.x .c1-1y {
    letter-spacing: inherit;
}

.x .c1-1z {
    text-transform: inherit;
}

.x .c1-20 {
    text-decoration: none;
}

.x .c1-21 {
    word-wrap: break-word;
}

.x .c1-22 {
    overflow-wrap: break-word;
}

.x .c1-23 {
    cursor: pointer;
}

.x .c1-24 {
    border-top: 0px;
}

.x .c1-25 {
    border-right: 0px;
}

.x .c1-26 {
    border-bottom: 0px;
}

.x .c1-27 {
    border-left: 0px;
}

.x .c1-28 {
    color: rgb(247, 247, 247);
}

.x .c1-29 {
    font-weight: inherit;
}

.x .c1-2a:hover {
    color: rgb(255, 242, 0);
}

.x .c1-2b:active {
    color: rgb(255, 242, 0);
}

.x .c1-2c {
    color: inherit;
}

.x .c1-2d {
    display: inline-block;
}

.x .c1-2e {
    vertical-align: top;
}

.x .c1-2f {
    padding-top: 6px;
}

.x .c1-2g {
    padding-right: 6px;
}

.x .c1-2h {
    padding-bottom: 6px;
}

.x .c1-2i {
    padding-left: 6px;
}

.x .c1-2j {
    width: 70%;
}

.x .c1-2k {
    text-align: center;
}

.x .c1-2l {
    justify-content: center;
}

.x .c1-2m {
    padding-left: 8px;
}

.x .c1-2n {
    padding-right: 8px;
}

.x .c1-2o {
    letter-spacing: 1px;
}

.x .c1-2p {
    text-transform: uppercase;
}

.x .c1-2q {
    font-family: "Cabin", arial, sans-serif;
}

.x .c1-2r {
    max-width: 100%;
}

.x .c1-2v {
    display: inline;
}

.x .c1-2w {
    color: rgb(255, 242, 0);
}

.x .c1-2x:hover {
    color: rgb(195, 185, 0);
}

.x .c1-2y {
    letter-spacing: 4px;
}

.x .c1-2z {
    line-height: 1.2;
}

.x .c1-30 {
    font-family: "Montserrat", sans-serif;
}

.x .c1-32 {
    font-weight: 700;
}

.x .c1-37 {
    word-wrap: normal !important;
}

.x .c1-38 {
    overflow-wrap: normal !important;
}

.x .c1-39 {
    visibility: hidden;
}

.x .c1-3a {
    width: auto;
}

.x .c1-3b {
    overflow: visible;
}

.x .c1-3m {
    justify-content: flex-end;
}

.x .c1-3r {
    box-sizing: border-box;
}

.x .c1-3s {
    flex-direction: row;
}

.x .c1-3t {
    padding-top: 0px;
}

.x .c1-3u {
    padding-bottom: 0px;
}

.x .c1-3w {
    flex-grow: 1;
}

.x .c1-3x {
    flex-shrink: 1;
}

.x .c1-3y {
    flex-basis: 0%;
}

.x .c1-41 {
    line-height: 24px;
}

.x .c1-42 {
    padding-left: 32px;
}

.x .c1-43 {
    white-space: nowrap;
}

.x .c1-44:first-child {
    padding-left: 0;
}

.x .c1-45 {
    letter-spacing: 0.063em;
}

.x .c1-46 {
    display: block;
}

.x .c1-47 {
    line-height: 1.5em;
}

.x .c1-48 {
    margin-bottom: -5px;
}

.x .c1-49 {
    font-weight: 400;
}

.x .c1-4a {
    padding-bottom: 4px;
}

.x .c1-4b {
    border-bottom: 1px solid;
}

.x .c1-4c:hover {
    color: rgb(247, 247, 247);
}

.x .c1-4d:active {
    color: rgb(247, 247, 247);
}

.x .c1-4e {
    margin-left: -6px;
}

.x .c1-4f {
    margin-right: -6px;
}

.x .c1-4g {
    margin-top: -6px;
}

.x .c1-4h {
    margin-bottom: -6px;
}

.x .c1-4i {
    z-index: 1;
}

.x .c1-4m {
    transition: transform 0.33s ease-in-out;
}

.x .c1-4n {
    transform: rotate(0deg);
}

.x .c1-4o {
    vertical-align: middle;
}

.x .c1-4p {
    border-radius: 4px;
}

.x .c1-4q {
    box-shadow: 0 3px 6px 3px rgba(0, 0, 0, 0.24);
}

.x .c1-4r {
    padding-top: 16px;
}

.x .c1-4s {
    padding-bottom: 16px;
}

.x .c1-4t {
    padding-left: 16px;
}

.x .c1-4u {
    padding-right: 16px;
}

.x .c1-4v {
    right: 0px;
}

.x .c1-4w {
    top: 32px;
}

.x .c1-4x {
    max-height: 45vh;
}

.x .c1-4y {
    overflow-y: auto;
}

.x .c1-4z {
    z-index: 1003;
}

.x .c1-52 {
    color: rgb(164, 164, 164);
}

.x .c1-53 {
    text-align: left;
}

.x .c1-54:last-child {
    margin-bottom: 0;
}

.x .c1-55 {
    line-height: 1.5;
}

.x .c1-56 {
    margin-bottom: 8px;
}

.x .c1-57 {
    margin-top: 8px;
}

.x .c1-58 {
    position: fixed;
}

.x .c1-59 {
    z-index: 10002;
}

.x .c1-5a {
    padding-top: 56px;
}

.x .c1-5b {
    -webkit-overflow-scrolling: touch;
}

.x .c1-5c {
    transform: translateX(-249vw);
}

.x .c1-5c-disabled {
    transform: translateX(0px);
}

.x .c1-5d {
    overscroll-behavior: contain;
}

.x .c1-5e {
    box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.2);
}

.x .c1-5f {
    transition: transform 0.3s ease-in-out;
}

.x .c1-5g {
    line-height: 1.3em;
}

.x .c1-5h {
    font-style: normal;
}

.x .c1-5i {
    top: 15px;
}

.x .c1-5j {
    right: 15px;
}

.x .c1-5p {
    overflow-x: hidden;
}

.x .c1-5q {
    overscroll-behavior: none;
}

.x .c1-5r {
    -webkit-margin-before: 0;
}

.x .c1-5s {
    -webkit-margin-after: 0;
}

.x .c1-5t {
    -webkit-padding-start: 0;
}

.x .c1-5u {
    border-color: rgba(76, 76, 76, 0.5);
}

.x .c1-5v {
    border-bottom-width: 1px;
}

.x .c1-5w {
    border-bottom-style: solid;
}

.x .c1-5x:last-child {
    border-bottom: 0;
}

.x .c1-5y {
    min-width: 200px;
}

.x .c1-5z {
    justify-content: space-between;
}

.x .c1-63 {
    align-items: flex-start;
}

.x .c1-6b {
    margin-top: none;
}

.x .c1-6h {
    padding-left: 0px;
}

.x .c1-6i {
    padding-right: 0px;
}

.x .c1-6r > :nth-child(n) {
    margin-bottom: 8px;
}

.x .c1-6s > :last-child {
    margin-bottom: 0 !important;
}

.x .c1-70 {
    width: inherit;
}

.x .c1-76 {
    line-height: 1.25;
}

.x .c1-77 {
    white-space: pre-line;
}

.x .c1-78 {
    border-bottom-width: 0px;
}

.x .c1-79 {
    border-color: rgba(247, 247, 247, 0.5);
}

.x .c1-7j > p {
    margin-top: 0;
}

.x .c1-7k > p {
    margin-right: 0;
}

.x .c1-7l > p {
    margin-bottom: 0;
}

.x .c1-7m > p {
    margin-left: 0;
}

.x .c1-7o {
    line-height: inherit;
}

.x .c1-7p {
    font-style: italic;
}

.x .c1-7q {
    text-decoration: line-through;
}

.x .c1-7r {
    text-decoration: underline;
}

.x .c1-7s {
    flex-wrap: wrap;
}

.x .c1-7t {
    column-gap: 24px;
}

.x .c1-7u {
    row-gap: 24px;
}

.x .c1-7v {
    justify-content: left;
}

.x .c1-7w {
    margin-top: 16px;
}

.x .c1-7x {
    margin-bottom: 16px;
}

.x .c1-7y {
    padding-top: 8px;
}

.x .c1-7z {
    padding-bottom: 8px;
}

.x .c1-82 {
    transition: all 0.3s;
}

.x .c1-83 {
    transition-property: background-color;
}

.x .c1-84 {
    transition-duration: 0.3s;
}

.x .c1-85 {
    transition-timing-function: ease-in-out;
}

.x .c1-86 {
    border-style: none;
}

.x .c1-87 {
    display: inline-flex;
}

.x .c1-88 {
    padding-right: 32px;
}

.x .c1-89 {
    min-height: 56px;
}

.x .c1-8a {
    border-radius: 0px;
}

.x .c1-8b {
    color: rgb(36, 35, 31);
}

.x .c1-8c {
    background-color: rgb(255, 242, 0);
}

.x .c1-8d {
    text-shadow: none;
}

.x .c1-8e:hover {
    background-color: rgb(255, 255, 255);
}

.x .c1-8j {
    background-color: rgb(0, 0, 0);
}

.x .c1-8k {
    margin-top: 0px;
}

.x .c1-8l {
    list-style-type: none;
}

.x .c1-8n {
    color: rgb(226, 226, 226);
}

.x .c1-8o:hover {
    color: rgb(226, 226, 226);
}

.x .c1-8p:active {
    color: rgb(226, 226, 226);
}

.x .c1-8s {
    flex-basis: 100%;
}

.x .c1-8v {
    color: rgb(150, 150, 150);
}

.x .c1-92 {
    z-index: 10000;
}

.x .c1-93 {
    height: auto;
}

.x .c1-94 {
    background-color: rgb(240, 228, 0);
}

.x .c1-95 {
    transition: all 1s ease-in;
}

.x .c1-96 {
    box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.3);
}

.x .c1-98 {
    bottom: -500px;
}

.x .c1-9g {
    color: rgb(0, 0, 0);
}

.x .c1-9h {
    max-height: 300px;
}

.x .c1-9i {
    color: rgb(70, 68, 54);
}

.x .c1-9k {
    margin-top: 24px;
}

.x .c1-9l {
    margin-bottom: 4px;
}

.x .c1-9m {
    word-break: break-word;
}

.x .c1-9n {
    flex-basis: 50%;
}

.x .c1-9o {
    padding-top: 4px;
}

.x .c1-9p {
    min-height: 40px;
}

.x .c1-9q {
    color: rgb(219, 219, 219);
}

.x .c1-9r:hover {
    background-color: rgb(0, 0, 0);
}

.x .c1-9t:nth-child(2) {
    margin-left: 24px;
}

@media (max-width: 767px) {
    .x .c1-m {
        padding-top: 32px;
    }

    .x .c1-n {
        padding-bottom: 32px;
    }
}

@media (max-width: 767px) {
    .x .c1-11 {
        display: none;
    }
}

@media (max-width: 767px) {
    .x .c1-12 {
        display: block;
    }
}

@media (max-width: 767px) {
    .x .c1-2s {
        justify-content: center;
    }
}

@media (max-width: 767px) {
    .x .c1-2t {
        max-width: 100%;
    }
}

@media (max-width: 767px) {
    .x .c1-4j {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .x .c1-4k {
        display: flex;
    }
}

@media (max-width: 767px) {
    .x .c1-6t {
        margin-bottom: 16px;
    }
}

@media (max-width: 767px) {
    .x .c1-7a {
        margin-bottom: 8px;
    }

    .x .c1-7b {
        word-wrap: break-word;
    }

    .x .c1-7c {
        overflow-wrap: break-word;
    }

    .x .c1-80 {
        justify-content: left;
    }

    .x .c1-8m {
        flex-direction: column;
    }

    .x .c1-8q {
        padding-top: 4px;
    }

    .x .c1-8r {
        padding-bottom: 4px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .x .c1-2u {
        width: auto;
    }
}

@media (min-width: 768px) {

    .x .c1-3n {
        width: 100%;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .x .c1-4l {
        width: 100%;
    }

    .x .c1-51 {
        right: 0px;
    }
}

@media (min-width: 768px) {

    .x .c1-6c {
        display: flex;
    }

    .x .c1-6d {
        flex-direction: column;
    }

    .x .c1-6e {
        flex-grow: 1;
    }

    .x .c1-6f {
        flex-shrink: 0;
    }

    .x .c1-6g {
        flex-basis: auto;
    }

    .x .c1-6j {
        padding-left: 0px;
    }

    .x .c1-6k {
        align-items: flex-start;
    }

    .x .c1-6l {
        justify-content: space-around;
    }

    .x .c1-6o {
        padding-top: 0px;
    }

    .x .c1-6p {
        padding-bottom: 0px;
    }

    .x .c1-6u {
        text-align: left;
    }

    .x .c1-6v {
        max-width: 100%;
    }

    .x .c1-6w {
        border-color: rgba(247, 247, 247, 0.5);
    }

    .x .c1-6x {
        border-left-style: solid;
    }

    .x .c1-6y {
        border-left-width: 2px;
    }

    .x .c1-6z {
        padding-left: 32px;
    }

 
    .x .c1-7d {
        border-bottom-width: 0px;
    }

    .x .c1-8i {
        width: auto;
    }

    .x .c1-99 {
        width: 400px;
    }

    .x .c1-9a {
        max-height: 500px;
    }

    .x .c1-9b {
        border-radius: 7px;
    }

    .x .c1-9c {
        margin-top: 24px;
    }

    .x .c1-9d {
        margin-right: 24px;
    }

    .x .c1-9e {
        margin-bottom: 24px;
    }

    .x .c1-9f {
        margin-left: 24px;
    }

    .x .c1-9j {
        max-height: 200px;
    }
}

@media (min-width: 1024px) {

    .x .c1-p {
        display: block;
    }

    .x .c1-19 {
        min-height: 100vh;
    }

    .x .c1-1b {
        position: static;
    }

    .x .c1-1l {
        padding-top: 16px;
    }

    .x .c1-1m {
        padding-bottom: 16px;
    }

    .x .c1-1n {
        padding-left: 0px;
    }

    .x .c1-1o {
        padding-right: 0px;
    }

    .x .c1-1u {
        display: none;
    }

    .x .c1-3o {
        width: 984px;
    }

    .x .c1-3v {
        display: flex;
    }

    .x .c1-3z {
        flex-basis: 33.33333333333333%;
    }

    .x .c1-40 {
        max-width: 33.33333333333333%;
    }
}

@media (min-width: 1024px) and (max-width: 1279px) {
    .x .c1-50 {
        right: 0px;
    }
}

@media (min-width: 1024px) {

    .x .c1-61 {
        min-width: 300px;
    }

    .x .c1-64 {
        margin-top: 0px;
    }

    .x .c1-65 {
        margin-bottom: 0px;
    }

    .x .c1-66 {
        justify-content: flex-start;
    }

    .x .c1-67 {
        margin-left: auto;
    }

    .x .c1-68 {
        margin-right: auto;
    }

    .x .c1-69 {
        max-width: 100%;
    }

    .x .c1-6a {
        margin-top: 72px;
    }

    .x .c1-6m {
        max-width: calc(100% * (5 / 6));
    }

    .x .c1-6n {
        margin-left: 0px;
    }

    .x .c1-6q {
        width: 100%;
    }

}

@media (min-width: 1024px) {
    .x .c1-81 {
        margin-bottom: 8px;
    }

    .x .c1-8f:hover {
        box-shadow: inset 0 0 0 2px;
    }

    .x .c1-8g:hover {
        color: rgb(255, 242, 0);
    }

    .x .c1-8h:hover {
        background-color: transparent;
    }

    .x .c1-8t {
        flex-basis: 0%;
    }

    .x .c1-8u {
        max-width: none;
    }

    .x .c1-8y {
        text-align: center;
    }


    .x .c1-9s:hover {
        color: rgb(125, 118, 0);
    }
}

@media (min-width: 1280px) {


    .x .c1-3p {
        width: 1160px;
    }

}

@media (min-width: 1536px) {

    .x .c1-3q {
        width: 1280px;
    }
}

@keyframes opacity-bounce {
    0% {
        opacity: 0;
        transform: translateY(100%);
    }

    60% {
        transform: translateY(-20%);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.page-inner {
    background-color: rgb(0, 0, 0);
    min-height: 100vh;
}

.x-el-form {
    max-width: 700px;
}

.x-el-form input {
    margin-bottom: 12px;
}

.x-el-form textarea {
    margin-bottom: 8px;
}