/* seo-pages-styles */

.modal-career {
    background-color: #ff4500;
    color: #1a1a1a;
    width: 100vw;
    height: 100vh;
    padding: 4.25rem 1.25rem 1.25rem;
    overflow-y: scroll;
    position: fixed;
    top: 0;
    right: -110vw;
    opacity: 0;
    z-index: 1005;
    -webkit-transition: right 0.5s cubic-bezier(0.85, 0, 0.15, 1),
      opacity 0.5s cubic-bezier(0.85, 0, 0.15, 1);
    -o-transition: right 0.5s cubic-bezier(0.85, 0, 0.15, 1),
      opacity 0.5s cubic-bezier(0.85, 0, 0.15, 1);
    transition: right 0.5s cubic-bezier(0.85, 0, 0.15, 1),
      opacity 0.5s cubic-bezier(0.85, 0, 0.15, 1);
  }
  
  @media (min-width: 768px) {
    .modal-career {
      padding: 7rem 3rem 3rem;
      width: 28.4375rem;
      height: calc(100vh - 4rem);
      top: 2rem;
      right: -30rem;
    }
  }
  
  .career-open .modal-career {
    right: 0;
    opacity: 1;
  }
  
  @media (min-width: 768px) {
    .career-open .modal-career {
      right: 2rem;
    }
  }
  
  .modal-career::-webkit-scrollbar {
    width: 0.25rem;
  }
  
  .modal-career::-webkit-scrollbar-track {
    background: transparent;
  }
  
  .modal-career::-webkit-scrollbar-thumb {
    background: rgba(26, 26, 26, 0.5);
  }
  
  .modal-career::-moz-selection,
  .modal-career ::-moz-selection {
    background: rgba(26, 26, 26, 0.2);
    color: #1a1a1a;
  }
  
  .modal-career ::-moz-selection {
    background: rgba(26, 26, 26, 0.2);
    color: #1a1a1a;
  }
  
  .modal-career ::selection {
    background: rgba(26, 26, 26, 0.2);
    color: #1a1a1a;
  }
  
  .modal-career .close {
    background-color: #1a1a1a;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.833 2.167L2.167 13.833m11.666 0L2.167 2.167' stroke='%2373b3e2' stroke-width='2' stroke-miterlimit='10' stroke-linecap='square'/%3E%3C/svg%3E");
    background-position: 50%;
    background-size: 0.75rem;
    background-repeat: no-repeat;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    position: absolute;
    right: 1.25rem;
    top: 1.25rem;
    -webkit-transition: all 0.3s cubic-bezier(0.85, 0, 0.15, 1);
    -o-transition: all 0.3s cubic-bezier(0.85, 0, 0.15, 1);
    transition: all 0.3s cubic-bezier(0.85, 0, 0.15, 1);
    cursor: pointer;
  }
  
  @media (min-width: 768px) {
    .modal-career .close {
      right: 2rem;
      top: 2rem;
    }
  }
  
  .modal-career .close:hover {
    background-color: #fff;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.833 2.167L2.167 13.833m11.666 0L2.167 2.167' stroke='%231a1a1a' stroke-width='2' stroke-miterlimit='10' stroke-linecap='square'/%3E%3C/svg%3E");
  }
  
  .modal-career h3 {
    font-size: 2.5rem;
    margin-bottom: 1rem;
    letter-spacing: -0.04em;
  }
  
  @media (min-width: 768px) {
    .modal-career h3 {
      font-size: 4rem;
      margin-bottom: 2rem;
    }
  }
  
  .modal-career p {
    letter-spacing: -0.01em;
    font-weight: 500;
    line-height: 1.25;
    margin-bottom: 1.5rem;
    font-size: 0.875rem;
  }
  
  @media (min-width: 768px) {
    .modal-career p {
      font-size: 1rem;
      margin-bottom: 2rem;
    }
  }
  
  .modal-career input,
  .modal-career textarea {
    border: 0;
    background-color: rgba(26, 26, 26, 0.08);
    width: 100%;
    padding: 0.875rem 1rem;
    font-size: 1rem;
    font-weight: 500;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    resize: none;
    -webkit-transition: all 0.5s cubic-bezier(0.85, 0, 0.15, 1);
    -o-transition: all 0.5s cubic-bezier(0.85, 0, 0.15, 1);
    transition: all 0.5s cubic-bezier(0.85, 0, 0.15, 1);
  }
  
  .modal-career input:focus,
  .modal-career textarea:focus {
    outline: none;
    -webkit-box-shadow: inset 0 0 0 1px #1a1a1a;
    box-shadow: inset 0 0 0 1px #1a1a1a;
  }
  
  .modal-career textarea {
    height: 6.25rem;
  }
  
  @media (min-width: 768px) {
    .modal-career textarea {
      height: auto;
    }
  }
  
  .modal-career .wpcf7-not-valid-tip {
    padding-right: 1.625rem;
    font-size: 0.625rem;
    text-transform: uppercase;
    color: rgba(26, 26, 26, 0.5);
    position: absolute;
    letter-spacing: 0.04em;
    font-weight: 600;
    right: 0.75rem;
    top: calc(50% - 0.375rem);
    text-align: right;
    pointer-events: none;
  }
  
  .modal-career .wpcf7-not-valid-tip:after {
    content: "!";
    background-color: rgba(26, 26, 26, 0.2);
    color: #1a1a1a;
    font-weight: 700;
    width: 1.125rem;
    height: 1.125rem;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: calc(50% - 0.5625rem);
    right: 0;
  }
  
  .modal-career label {
    font-weight: 500;
    font-size: 0.875rem;
  }
  
  .modal-career .wpcf7-form-control-wrap {
    display: block;
    margin-top: 0.5rem;
    margin-bottom: 1.25rem;
  }
  
  @media (min-width: 768px) {
    .modal-career .wpcf7-form-control-wrap {
      margin-bottom: 2rem;
    }
  }
  
  .modal-career .btn {
    width: 100%;
    background-color: #1a1a1a;
    color: #ff4500;
  }
  
  .modal-career .btn:hover {
    color: #1a1a1a;
  }
  
  .modal-career .btn.mask-bt > svg circle {
    fill: #fff;
  }
  
  .modal-career .wpcf7-response-output {
    background-color: rgba(26, 26, 26, 0.2);
    border: 0 !important;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 0.875rem;
    padding: 1.5rem !important;
    text-align: center;
    margin: 2.5rem 0 0 !important;
  }
  

hr {
    margin-top: 10px;
    margin-bottom: 10px;
    border: 0;
    border-top: 1px solid hsla(0, 0%, 100%, 0.2); /* Adjust the color and thickness as needed */
  }

.seo-list{
    padding-bottom: 30px;
    padding-top: 30px ;
    list-style: none;
}
.seo-title p {
    color: hsla(0, 0%, 100%, 0.5);
    font-size: 1.5rem;
    line-height: 1.25;
    font-weight: 500;
    letter-spacing: -0.02em;
    margin: 0;
	padding-bottom:15px;
}
.seo-icon  {
    width: 300px;
    height: 400px;
    /* -o-object-fit: contain;
    object-fit: contain; */
}


.seo-title h2 {
    text-indent: unset;
    font-size: 3rem;
    margin-bottom: 30px;
}

.seo-title ul {
    list-style: none;
    padding: 0;
    counter-reset: list;
    margin: 3rem 0 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 1.25rem;
    -webkit-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
}


@media (min-width: 768px) {
 .seo-title ul {
        max-width: 18.25rem;
        display: block;
        margin-top: 0.875rem;
    }
}

@media (min-width: 1025px) {
    .seo-title ul {
        max-width: 32.5rem;
    }
}

.seo-title ul li {
border-top: 1px solid hsla(0, 0%, 100%, 0.2);
    padding: 1.5rem 0;
    font-size: 0.8125rem;
    letter-spacing: -0.03em;
    font-weight: 500;
    line-height: 1.2;
    counter-increment: list;
}

@media (min-width: 768px) {
    body.page-template-about section.list .box .seo ul li {
        padding: 3rem 0;
        font-size: 1rem;
    }
}

@media (min-width: 1025px) {
    body.page-template-about section.list .box .seo ul li {
        padding: 3.5rem 0;
        font-size: 2rem;
    }
}

.career-section .col-lg-6 {
    padding: 50px;
}



.career-section .seo-title  h2 {
    text-indent: unset;
    font-size: 3rem;
    margin-bottom: 30px;
} 


.seo-sec3 {
    padding: 40px 84px;
}

.seo-sec3 .container {
    background-color: #161616;
    padding: 60px 30px;
}
.seo-sec3 .seo-title h2 {
    text-indent: unset;
    font-size: 3rem;
    margin-bottom: 30px;
}

.seo-side {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 1.25rem;
}



html {
    line-height: 1.15;
}

body {
    margin: 0;
}

main {
    display: block;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

pre {
    font-family: monospace, monospace;
    font-size: 1em;
}

a {
    background-color: transparent;
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
}

b,
strong {
    font-weight: bolder;
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

small {
    font-size: 80%;
}

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

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

img {
    border-style: none;
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}

button,
input {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

[type="button"],
[type="reset"],
[type="submit"],
button {
    -webkit-appearance: button;
}

[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText;
}

fieldset {
    padding: 0.35em 0.75em 0.625em;
}

legend {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}

progress {
    vertical-align: baseline;
}

textarea {
    overflow: auto;
}

[type="checkbox"],
[type="radio"] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}

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

[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}

[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}

details {
    display: block;
}

summary {
    display: list-item;
}

[hidden],
template {
    display: none;
}

@font-face {
    font-family: HK Guise;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/HKGuise/HKGuise-Regular.woff2) format("woff2");
    font-display: swap;
}

@font-face {
    font-family: HK Guise;
    font-style: normal;
    font-weight: 500;
    src: url(../fonts/HKGuise/HKGuise-Medium.woff2) format("woff2");
    font-display: swap;
}

@font-face {
    font-family: HK Guise;
    font-style: normal;
    font-weight: 600;
    src: url(../fonts/HKGuise/HKGuise-SemiBold.woff2) format("woff2");
    font-display: swap;
}

.container {
    width: 100%;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -0.75rem;
    margin-right: -0.75rem;
}

[class^="col-"] {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0%;
    /* flex: 1 0 0%; */
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
}

.col-1 {
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
}

.col-1,
.col-2 {
    -webkit-box-flex: 0;
}

.col-2 {
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
}

.col-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}

.col-3,
.col-4 {
    -webkit-box-flex: 0;
}

.col-4 {
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
}

.col-5 {
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
}

.col-5,
.col-6 {
    -webkit-box-flex: 0;
}

.col-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.col-7 {
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
}

.col-7,
.col-8 {
    -webkit-box-flex: 0;
}

.col-8 {
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
}

.col-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
}

.col-9,
.col-10 {
    -webkit-box-flex: 0;
}

.col-10 {
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
}

.col-11 {
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
}

.col-11,
.col-12 {
    -webkit-box-flex: 0;
}

.col-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.offset-1 {
    margin-left: 8.33333%;
}

.offset-2 {
    margin-left: 16.66667%;
}

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

.offset-4 {
    margin-left: 33.33333%;
}

.offset-5 {
    margin-left: 41.66667%;
}

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

.offset-7 {
    margin-left: 58.33333%;
}

.offset-8 {
    margin-left: 66.66667%;
}

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

.offset-10 {
    margin-left: 83.33333%;
}

.offset-11 {
    margin-left: 91.66667%;
}

.offset-12 {
    margin-left: 100%;
}

@media (min-width: 576px) {
    .col-sm-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%;
    }
    .col-sm-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }
    .col-sm-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-sm-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }
    .col-sm-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
    }
    .col-sm-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-sm-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
    }
    .col-sm-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }
    .col-sm-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }
    .col-sm-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%;
    }
    .col-sm-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%;
    }
    .col-sm-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .offset-sm-0 {
        margin-left: 0;
    }
    .offset-sm-1 {
        margin-left: 8.33333%;
    }
    .offset-sm-2 {
        margin-left: 16.66667%;
    }
    .offset-sm-3 {
        margin-left: 25%;
    }
    .offset-sm-4 {
        margin-left: 33.33333%;
    }
    .offset-sm-5 {
        margin-left: 41.66667%;
    }
    .offset-sm-6 {
        margin-left: 50%;
    }
    .offset-sm-7 {
        margin-left: 58.33333%;
    }
    .offset-sm-8 {
        margin-left: 66.66667%;
    }
    .offset-sm-9 {
        margin-left: 75%;
    }
    .offset-sm-10 {
        margin-left: 83.33333%;
    }
    .offset-sm-11 {
        margin-left: 91.66667%;
    }
    .offset-sm-12 {
        margin-left: 100%;
    }
}

@media (min-width: 768px) {
    .col-md-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%;
    }
    .col-md-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }
    .col-md-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-md-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }
    .col-md-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
    }
    .col-md-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-md-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
    }
    .col-md-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }
    .col-md-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }
    .col-md-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%;
    }
    .col-md-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%;
    }
    .col-md-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .offset-md-0 {
        margin-left: 0;
    }
    .offset-md-1 {
        margin-left: 8.33333%;
    }
    .offset-md-2 {
        margin-left: 16.66667%;
    }
    .offset-md-3 {
        margin-left: 25%;
    }
    .offset-md-4 {
        margin-left: 33.33333%;
    }
    .offset-md-5 {
        margin-left: 41.66667%;
    }
    .offset-md-6 {
        margin-left: 50%;
    }
    .offset-md-7 {
        margin-left: 58.33333%;
    }
    .offset-md-8 {
        margin-left: 66.66667%;
    }
    .offset-md-9 {
        margin-left: 75%;
    }
    .offset-md-10 {
        margin-left: 83.33333%;
    }
    .offset-md-11 {
        margin-left: 91.66667%;
    }
    .offset-md-12 {
        margin-left: 100%;
    }
}

@media (min-width: 1025px) {
    .col-lg-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%;
    }
    .col-lg-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }
    .col-lg-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-lg-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }
    .col-lg-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
    }
    .col-lg-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-lg-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
    }
    .col-lg-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }
    .col-lg-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }
    .col-lg-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%;
    }
    .col-lg-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%;
    }
    .col-lg-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .offset-lg-0 {
        margin-left: 0;
    }
    .offset-lg-1 {
        margin-left: 8.33333%;
    }
    .offset-lg-2 {
        margin-left: 16.66667%;
    }
    .offset-lg-3 {
        margin-left: 25%;
    }
    .offset-lg-4 {
        margin-left: 33.33333%;
    }
    .offset-lg-5 {
        margin-left: 41.66667%;
    }
    .offset-lg-6 {
        margin-left: 50%;
    }
    .offset-lg-7 {
        margin-left: 58.33333%;
    }
    .offset-lg-8 {
        margin-left: 66.66667%;
    }
    .offset-lg-9 {
        margin-left: 75%;
    }
    .offset-lg-10 {
        margin-left: 83.33333%;
    }
    .offset-lg-11 {
        margin-left: 91.66667%;
    }
    .offset-lg-12 {
        margin-left: 100%;
    }
}

@media (min-width: 1200px) {
    .col-xl-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%;
    }
    .col-xl-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }
    .col-xl-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-xl-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }
    .col-xl-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
    }
    .col-xl-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-xl-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
    }
    .col-xl-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }
    .col-xl-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }
    .col-xl-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%;
    }
    .col-xl-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%;
    }
    .col-xl-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .offset-xl-0 {
        margin-left: 0;
    }
    .offset-xl-1 {
        margin-left: 8.33333%;
    }
    .offset-xl-2 {
        margin-left: 16.66667%;
    }
    .offset-xl-3 {
        margin-left: 25%;
    }
    .offset-xl-4 {
        margin-left: 33.33333%;
    }
    .offset-xl-5 {
        margin-left: 41.66667%;
    }
    .offset-xl-6 {
        margin-left: 50%;
    }
    .offset-xl-7 {
        margin-left: 58.33333%;
    }
    .offset-xl-8 {
        margin-left: 66.66667%;
    }
    .offset-xl-9 {
        margin-left: 75%;
    }
    .offset-xl-10 {
        margin-left: 83.33333%;
    }
    .offset-xl-11 {
        margin-left: 91.66667%;
    }
    .offset-xl-12 {
        margin-left: 100%;
    }
}

[data-anim][data-anim][data-anim-duration="50"],
body[data-anim-duration="50"] [data-anim] {
    -webkit-transition-duration: 50ms;
    -o-transition-duration: 50ms;
    transition-duration: 50ms;
}

[data-anim][data-anim][data-anim-delay="50"],
body[data-anim-delay="50"] [data-anim] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0;
}

[data-anim][data-anim][data-anim-delay="50"].is-inview,
body[data-anim-delay="50"] [data-anim].is-inview {
    -webkit-transition-delay: 50ms;
    -o-transition-delay: 50ms;
    transition-delay: 50ms;
}

[data-anim][data-anim][data-anim-duration="100"],
body[data-anim-duration="100"] [data-anim] {
    -webkit-transition-duration: 0.1s;
    -o-transition-duration: 0.1s;
    transition-duration: 0.1s;
}

[data-anim][data-anim][data-anim-delay="100"],
body[data-anim-delay="100"] [data-anim] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0;
}

[data-anim][data-anim][data-anim-delay="100"].is-inview,
body[data-anim-delay="100"] [data-anim].is-inview {
    -webkit-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    transition-delay: 0.1s;
}

[data-anim][data-anim][data-anim-duration="150"],
body[data-anim-duration="150"] [data-anim] {
    -webkit-transition-duration: 0.15s;
    -o-transition-duration: 0.15s;
    transition-duration: 0.15s;
}

[data-anim][data-anim][data-anim-delay="150"],
body[data-anim-delay="150"] [data-anim] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0;
}

[data-anim][data-anim][data-anim-delay="150"].is-inview,
body[data-anim-delay="150"] [data-anim].is-inview {
    -webkit-transition-delay: 0.15s;
    -o-transition-delay: 0.15s;
    transition-delay: 0.15s;
}

[data-anim][data-anim][data-anim-duration="200"],
body[data-anim-duration="200"] [data-anim] {
    -webkit-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
}

[data-anim][data-anim][data-anim-delay="200"],
body[data-anim-delay="200"] [data-anim] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0;
}

[data-anim][data-anim][data-anim-delay="200"].is-inview,
body[data-anim-delay="200"] [data-anim].is-inview {
    -webkit-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

[data-anim][data-anim][data-anim-duration="250"],
body[data-anim-duration="250"] [data-anim] {
    -webkit-transition-duration: 0.25s;
    -o-transition-duration: 0.25s;
    transition-duration: 0.25s;
}

[data-anim][data-anim][data-anim-delay="250"],
body[data-anim-delay="250"] [data-anim] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0;
}

[data-anim][data-anim][data-anim-delay="250"].is-inview,
body[data-anim-delay="250"] [data-anim].is-inview {
    -webkit-transition-delay: 0.25s;
    -o-transition-delay: 0.25s;
    transition-delay: 0.25s;
}

[data-anim][data-anim][data-anim-duration="300"],
body[data-anim-duration="300"] [data-anim] {
    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

[data-anim][data-anim][data-anim-delay="300"],
body[data-anim-delay="300"] [data-anim] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0;
}

[data-anim][data-anim][data-anim-delay="300"].is-inview,
body[data-anim-delay="300"] [data-anim].is-inview {
    -webkit-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

[data-anim][data-anim][data-anim-duration="350"],
body[data-anim-duration="350"] [data-anim] {
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
}

[data-anim][data-anim][data-anim-delay="350"],
body[data-anim-delay="350"] [data-anim] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0;
}

[data-anim][data-anim][data-anim-delay="350"].is-inview,
body[data-anim-delay="350"] [data-anim].is-inview {
    -webkit-transition-delay: 0.35s;
    -o-transition-delay: 0.35s;
    transition-delay: 0.35s;
}

[data-anim][data-anim][data-anim-duration="400"],
body[data-anim-duration="400"] [data-anim] {
    -webkit-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

[data-anim][data-anim][data-anim-delay="400"],
body[data-anim-delay="400"] [data-anim] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0;
}

[data-anim][data-anim][data-anim-delay="400"].is-inview,
body[data-anim-delay="400"] [data-anim].is-inview {
    -webkit-transition-delay: 0.4s;
    -o-transition-delay: 0.4s;
    transition-delay: 0.4s;
}

[data-anim][data-anim][data-anim-duration="450"],
body[data-anim-duration="450"] [data-anim] {
    -webkit-transition-duration: 0.45s;
    -o-transition-duration: 0.45s;
    transition-duration: 0.45s;
}

[data-anim][data-anim][data-anim-delay="450"],
body[data-anim-delay="450"] [data-anim] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0;
}

[data-anim][data-anim][data-anim-delay="450"].is-inview,
body[data-anim-delay="450"] [data-anim].is-inview {
    -webkit-transition-delay: 0.45s;
    -o-transition-delay: 0.45s;
    transition-delay: 0.45s;
}

[data-anim][data-anim][data-anim-duration="500"],
body[data-anim-duration="500"] [data-anim] {
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

[data-anim][data-anim][data-anim-delay="500"],
body[data-anim-delay="500"] [data-anim] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0;
}

[data-anim][data-anim][data-anim-delay="500"].is-inview,
body[data-anim-delay="500"] [data-anim].is-inview {
    -webkit-transition-delay: 0.5s;
    -o-transition-delay: 0.5s;
    transition-delay: 0.5s;
}

[data-anim][data-anim][data-anim-duration="550"],
body[data-anim-duration="550"] [data-anim] {
    -webkit-transition-duration: 0.55s;
    -o-transition-duration: 0.55s;
    transition-duration: 0.55s;
}

[data-anim][data-anim][data-anim-delay="550"],
body[data-anim-delay="550"] [data-anim] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0;
}

[data-anim][data-anim][data-anim-delay="550"].is-inview,
body[data-anim-delay="550"] [data-anim].is-inview {
    -webkit-transition-delay: 0.55s;
    -o-transition-delay: 0.55s;
    transition-delay: 0.55s;
}

[data-anim][data-anim][data-anim-duration="600"],
body[data-anim-duration="600"] [data-anim] {
    -webkit-transition-duration: 0.6s;
    -o-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

[data-anim][data-anim][data-anim-delay="600"],
body[data-anim-delay="600"] [data-anim] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0;
}

[data-anim][data-anim][data-anim-delay="600"].is-inview,
body[data-anim-delay="600"] [data-anim].is-inview {
    -webkit-transition-delay: 0.6s;
    -o-transition-delay: 0.6s;
    transition-delay: 0.6s;
}

[data-anim][data-anim][data-anim-duration="650"],
body[data-anim-duration="650"] [data-anim] {
    -webkit-transition-duration: 0.65s;
    -o-transition-duration: 0.65s;
    transition-duration: 0.65s;
}

[data-anim][data-anim][data-anim-delay="650"],
body[data-anim-delay="650"] [data-anim] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0;
}

[data-anim][data-anim][data-anim-delay="650"].is-inview,
body[data-anim-delay="650"] [data-anim].is-inview {
    -webkit-transition-delay: 0.65s;
    -o-transition-delay: 0.65s;
    transition-delay: 0.65s;
}

[data-anim][data-anim][data-anim-duration="700"],
body[data-anim-duration="700"] [data-anim] {
    -webkit-transition-duration: 0.7s;
    -o-transition-duration: 0.7s;
    transition-duration: 0.7s;
}

[data-anim][data-anim][data-anim-delay="700"],
body[data-anim-delay="700"] [data-anim] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0;
}

[data-anim][data-anim][data-anim-delay="700"].is-inview,
body[data-anim-delay="700"] [data-anim].is-inview {
    -webkit-transition-delay: 0.7s;
    -o-transition-delay: 0.7s;
    transition-delay: 0.7s;
}

[data-anim][data-anim][data-anim-duration="750"],
body[data-anim-duration="750"] [data-anim] {
    -webkit-transition-duration: 0.75s;
    -o-transition-duration: 0.75s;
    transition-duration: 0.75s;
}

[data-anim][data-anim][data-anim-delay="750"],
body[data-anim-delay="750"] [data-anim] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0;
}

[data-anim][data-anim][data-anim-delay="750"].is-inview,
body[data-anim-delay="750"] [data-anim].is-inview {
    -webkit-transition-delay: 0.75s;
    -o-transition-delay: 0.75s;
    transition-delay: 0.75s;
}

[data-anim][data-anim][data-anim-duration="800"],
body[data-anim-duration="800"] [data-anim] {
    -webkit-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
}

[data-anim][data-anim][data-anim-delay="800"],
body[data-anim-delay="800"] [data-anim] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0;
}

[data-anim][data-anim][data-anim-delay="800"].is-inview,
body[data-anim-delay="800"] [data-anim].is-inview {
    -webkit-transition-delay: 0.8s;
    -o-transition-delay: 0.8s;
    transition-delay: 0.8s;
}

[data-anim][data-anim][data-anim-duration="850"],
body[data-anim-duration="850"] [data-anim] {
    -webkit-transition-duration: 0.85s;
    -o-transition-duration: 0.85s;
    transition-duration: 0.85s;
}

[data-anim][data-anim][data-anim-delay="850"],
body[data-anim-delay="850"] [data-anim] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0;
}

[data-anim][data-anim][data-anim-delay="850"].is-inview,
body[data-anim-delay="850"] [data-anim].is-inview {
    -webkit-transition-delay: 0.85s;
    -o-transition-delay: 0.85s;
    transition-delay: 0.85s;
}

[data-anim][data-anim][data-anim-duration="900"],
body[data-anim-duration="900"] [data-anim] {
    -webkit-transition-duration: 0.9s;
    -o-transition-duration: 0.9s;
    transition-duration: 0.9s;
}

[data-anim][data-anim][data-anim-delay="900"],
body[data-anim-delay="900"] [data-anim] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0;
}

[data-anim][data-anim][data-anim-delay="900"].is-inview,
body[data-anim-delay="900"] [data-anim].is-inview {
    -webkit-transition-delay: 0.9s;
    -o-transition-delay: 0.9s;
    transition-delay: 0.9s;
}

[data-anim][data-anim][data-anim-duration="950"],
body[data-anim-duration="950"] [data-anim] {
    -webkit-transition-duration: 0.95s;
    -o-transition-duration: 0.95s;
    transition-duration: 0.95s;
}

[data-anim][data-anim][data-anim-delay="950"],
body[data-anim-delay="950"] [data-anim] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0;
}

[data-anim][data-anim][data-anim-delay="950"].is-inview,
body[data-anim-delay="950"] [data-anim].is-inview {
    -webkit-transition-delay: 0.95s;
    -o-transition-delay: 0.95s;
    transition-delay: 0.95s;
}

[data-anim][data-anim][data-anim-duration="1000"],
body[data-anim-duration="1000"] [data-anim] {
    -webkit-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s;
}

[data-anim][data-anim][data-anim-delay="1000"],
body[data-anim-delay="1000"] [data-anim] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0;
}

[data-anim][data-anim][data-anim-delay="1000"].is-inview,
body[data-anim-delay="1000"] [data-anim].is-inview {
    -webkit-transition-delay: 1s;
    -o-transition-delay: 1s;
    transition-delay: 1s;
}

[data-anim][data-anim][data-anim-duration="1050"],
body[data-anim-duration="1050"] [data-anim] {
    -webkit-transition-duration: 1.05s;
    -o-transition-duration: 1.05s;
    transition-duration: 1.05s;
}

[data-anim][data-anim][data-anim-delay="1050"],
body[data-anim-delay="1050"] [data-anim] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0;
}

[data-anim][data-anim][data-anim-delay="1050"].is-inview,
body[data-anim-delay="1050"] [data-anim].is-inview {
    -webkit-transition-delay: 1.05s;
    -o-transition-delay: 1.05s;
    transition-delay: 1.05s;
}

[data-anim][data-anim][data-anim-duration="1100"],
body[data-anim-duration="1100"] [data-anim] {
    -webkit-transition-duration: 1.1s;
    -o-transition-duration: 1.1s;
    transition-duration: 1.1s;
}

[data-anim][data-anim][data-anim-delay="1100"],
body[data-anim-delay="1100"] [data-anim] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0;
}

[data-anim][data-anim][data-anim-delay="1100"].is-inview,
body[data-anim-delay="1100"] [data-anim].is-inview {
    -webkit-transition-delay: 1.1s;
    -o-transition-delay: 1.1s;
    transition-delay: 1.1s;
}

[data-anim][data-anim][data-anim-duration="1150"],
body[data-anim-duration="1150"] [data-anim] {
    -webkit-transition-duration: 1.15s;
    -o-transition-duration: 1.15s;
    transition-duration: 1.15s;
}

[data-anim][data-anim][data-anim-delay="1150"],
body[data-anim-delay="1150"] [data-anim] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0;
}

[data-anim][data-anim][data-anim-delay="1150"].is-inview,
body[data-anim-delay="1150"] [data-anim].is-inview {
    -webkit-transition-delay: 1.15s;
    -o-transition-delay: 1.15s;
    transition-delay: 1.15s;
}

[data-anim][data-anim][data-anim-duration="1200"],
body[data-anim-duration="1200"] [data-anim] {
    -webkit-transition-duration: 1.2s;
    -o-transition-duration: 1.2s;
    transition-duration: 1.2s;
}

[data-anim][data-anim][data-anim-delay="1200"],
body[data-anim-delay="1200"] [data-anim] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0;
}

[data-anim][data-anim][data-anim-delay="1200"].is-inview,
body[data-anim-delay="1200"] [data-anim].is-inview {
    -webkit-transition-delay: 1.2s;
    -o-transition-delay: 1.2s;
    transition-delay: 1.2s;
}

[data-anim][data-anim][data-anim-duration="1250"],
body[data-anim-duration="1250"] [data-anim] {
    -webkit-transition-duration: 1.25s;
    -o-transition-duration: 1.25s;
    transition-duration: 1.25s;
}

[data-anim][data-anim][data-anim-delay="1250"],
body[data-anim-delay="1250"] [data-anim] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0;
}

[data-anim][data-anim][data-anim-delay="1250"].is-inview,
body[data-anim-delay="1250"] [data-anim].is-inview {
    -webkit-transition-delay: 1.25s;
    -o-transition-delay: 1.25s;
    transition-delay: 1.25s;
}

[data-anim][data-anim][data-anim-duration="1300"],
body[data-anim-duration="1300"] [data-anim] {
    -webkit-transition-duration: 1.3s;
    -o-transition-duration: 1.3s;
    transition-duration: 1.3s;
}

[data-anim][data-anim][data-anim-delay="1300"],
body[data-anim-delay="1300"] [data-anim] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0;
}

[data-anim][data-anim][data-anim-delay="1300"].is-inview,
body[data-anim-delay="1300"] [data-anim].is-inview {
    -webkit-transition-delay: 1.3s;
    -o-transition-delay: 1.3s;
    transition-delay: 1.3s;
}

[data-anim][data-anim][data-anim-duration="1350"],
body[data-anim-duration="1350"] [data-anim] {
    -webkit-transition-duration: 1.35s;
    -o-transition-duration: 1.35s;
    transition-duration: 1.35s;
}

[data-anim][data-anim][data-anim-delay="1350"],
body[data-anim-delay="1350"] [data-anim] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0;
}

[data-anim][data-anim][data-anim-delay="1350"].is-inview,
body[data-anim-delay="1350"] [data-anim].is-inview {
    -webkit-transition-delay: 1.35s;
    -o-transition-delay: 1.35s;
    transition-delay: 1.35s;
}

[data-anim][data-anim][data-anim-duration="1400"],
body[data-anim-duration="1400"] [data-anim] {
    -webkit-transition-duration: 1.4s;
    -o-transition-duration: 1.4s;
    transition-duration: 1.4s;
}

[data-anim][data-anim][data-anim-delay="1400"],
body[data-anim-delay="1400"] [data-anim] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0;
}

[data-anim][data-anim][data-anim-delay="1400"].is-inview,
body[data-anim-delay="1400"] [data-anim].is-inview {
    -webkit-transition-delay: 1.4s;
    -o-transition-delay: 1.4s;
    transition-delay: 1.4s;
}

[data-anim][data-anim][data-anim-duration="1450"],
body[data-anim-duration="1450"] [data-anim] {
    -webkit-transition-duration: 1.45s;
    -o-transition-duration: 1.45s;
    transition-duration: 1.45s;
}

[data-anim][data-anim][data-anim-delay="1450"],
body[data-anim-delay="1450"] [data-anim] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0;
}

[data-anim][data-anim][data-anim-delay="1450"].is-inview,
body[data-anim-delay="1450"] [data-anim].is-inview {
    -webkit-transition-delay: 1.45s;
    -o-transition-delay: 1.45s;
    transition-delay: 1.45s;
}

[data-anim][data-anim][data-anim-duration="1500"],
body[data-anim-duration="1500"] [data-anim] {
    -webkit-transition-duration: 1.5s;
    -o-transition-duration: 1.5s;
    transition-duration: 1.5s;
}

[data-anim][data-anim][data-anim-delay="1500"],
body[data-anim-delay="1500"] [data-anim] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0;
}

[data-anim][data-anim][data-anim-delay="1500"].is-inview,
body[data-anim-delay="1500"] [data-anim].is-inview {
    -webkit-transition-delay: 1.5s;
    -o-transition-delay: 1.5s;
    transition-delay: 1.5s;
}

[data-anim][data-anim][data-anim-duration="1550"],
body[data-anim-duration="1550"] [data-anim] {
    -webkit-transition-duration: 1.55s;
    -o-transition-duration: 1.55s;
    transition-duration: 1.55s;
}

[data-anim][data-anim][data-anim-delay="1550"],
body[data-anim-delay="1550"] [data-anim] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0;
}

[data-anim][data-anim][data-anim-delay="1550"].is-inview,
body[data-anim-delay="1550"] [data-anim].is-inview {
    -webkit-transition-delay: 1.55s;
    -o-transition-delay: 1.55s;
    transition-delay: 1.55s;
}

[data-anim][data-anim][data-anim-duration="1600"],
body[data-anim-duration="1600"] [data-anim] {
    -webkit-transition-duration: 1.6s;
    -o-transition-duration: 1.6s;
    transition-duration: 1.6s;
}

[data-anim][data-anim][data-anim-delay="1600"],
body[data-anim-delay="1600"] [data-anim] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0;
}

[data-anim][data-anim][data-anim-delay="1600"].is-inview,
body[data-anim-delay="1600"] [data-anim].is-inview {
    -webkit-transition-delay: 1.6s;
    -o-transition-delay: 1.6s;
    transition-delay: 1.6s;
}

[data-anim][data-anim][data-anim-duration="1650"],
body[data-anim-duration="1650"] [data-anim] {
    -webkit-transition-duration: 1.65s;
    -o-transition-duration: 1.65s;
    transition-duration: 1.65s;
}

[data-anim][data-anim][data-anim-delay="1650"],
body[data-anim-delay="1650"] [data-anim] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0;
}

[data-anim][data-anim][data-anim-delay="1650"].is-inview,
body[data-anim-delay="1650"] [data-anim].is-inview {
    -webkit-transition-delay: 1.65s;
    -o-transition-delay: 1.65s;
    transition-delay: 1.65s;
}

[data-anim][data-anim][data-anim-duration="1700"],
body[data-anim-duration="1700"] [data-anim] {
    -webkit-transition-duration: 1.7s;
    -o-transition-duration: 1.7s;
    transition-duration: 1.7s;
}

[data-anim][data-anim][data-anim-delay="1700"],
body[data-anim-delay="1700"] [data-anim] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0;
}

[data-anim][data-anim][data-anim-delay="1700"].is-inview,
body[data-anim-delay="1700"] [data-anim].is-inview {
    -webkit-transition-delay: 1.7s;
    -o-transition-delay: 1.7s;
    transition-delay: 1.7s;
}

[data-anim][data-anim][data-anim-duration="1750"],
body[data-anim-duration="1750"] [data-anim] {
    -webkit-transition-duration: 1.75s;
    -o-transition-duration: 1.75s;
    transition-duration: 1.75s;
}

[data-anim][data-anim][data-anim-delay="1750"],
body[data-anim-delay="1750"] [data-anim] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0;
}

[data-anim][data-anim][data-anim-delay="1750"].is-inview,
body[data-anim-delay="1750"] [data-anim].is-inview {
    -webkit-transition-delay: 1.75s;
    -o-transition-delay: 1.75s;
    transition-delay: 1.75s;
}

[data-anim][data-anim][data-anim-duration="1800"],
body[data-anim-duration="1800"] [data-anim] {
    -webkit-transition-duration: 1.8s;
    -o-transition-duration: 1.8s;
    transition-duration: 1.8s;
}

[data-anim][data-anim][data-anim-delay="1800"],
body[data-anim-delay="1800"] [data-anim] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0;
}

[data-anim][data-anim][data-anim-delay="1800"].is-inview,
body[data-anim-delay="1800"] [data-anim].is-inview {
    -webkit-transition-delay: 1.8s;
    -o-transition-delay: 1.8s;
    transition-delay: 1.8s;
}

[data-anim][data-anim][data-anim-duration="1850"],
body[data-anim-duration="1850"] [data-anim] {
    -webkit-transition-duration: 1.85s;
    -o-transition-duration: 1.85s;
    transition-duration: 1.85s;
}

[data-anim][data-anim][data-anim-delay="1850"],
body[data-anim-delay="1850"] [data-anim] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0;
}

[data-anim][data-anim][data-anim-delay="1850"].is-inview,
body[data-anim-delay="1850"] [data-anim].is-inview {
    -webkit-transition-delay: 1.85s;
    -o-transition-delay: 1.85s;
    transition-delay: 1.85s;
}

[data-anim][data-anim][data-anim-duration="1900"],
body[data-anim-duration="1900"] [data-anim] {
    -webkit-transition-duration: 1.9s;
    -o-transition-duration: 1.9s;
    transition-duration: 1.9s;
}

[data-anim][data-anim][data-anim-delay="1900"],
body[data-anim-delay="1900"] [data-anim] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0;
}

[data-anim][data-anim][data-anim-delay="1900"].is-inview,
body[data-anim-delay="1900"] [data-anim].is-inview {
    -webkit-transition-delay: 1.9s;
    -o-transition-delay: 1.9s;
    transition-delay: 1.9s;
}

[data-anim][data-anim][data-anim-duration="1950"],
body[data-anim-duration="1950"] [data-anim] {
    -webkit-transition-duration: 1.95s;
    -o-transition-duration: 1.95s;
    transition-duration: 1.95s;
}

[data-anim][data-anim][data-anim-delay="1950"],
body[data-anim-delay="1950"] [data-anim] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0;
}

[data-anim][data-anim][data-anim-delay="1950"].is-inview,
body[data-anim-delay="1950"] [data-anim].is-inview {
    -webkit-transition-delay: 1.95s;
    -o-transition-delay: 1.95s;
    transition-delay: 1.95s;
}

[data-anim][data-anim][data-anim-duration="2000"],
body[data-anim-duration="2000"] [data-anim] {
    -webkit-transition-duration: 2s;
    -o-transition-duration: 2s;
    transition-duration: 2s;
}

[data-anim][data-anim][data-anim-delay="2000"],
body[data-anim-delay="2000"] [data-anim] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0;
}

[data-anim][data-anim][data-anim-delay="2000"].is-inview,
body[data-anim-delay="2000"] [data-anim].is-inview {
    -webkit-transition-delay: 2s;
    -o-transition-delay: 2s;
    transition-delay: 2s;
}

[data-anim][data-anim][data-anim-duration="2050"],
body[data-anim-duration="2050"] [data-anim] {
    -webkit-transition-duration: 2.05s;
    -o-transition-duration: 2.05s;
    transition-duration: 2.05s;
}

[data-anim][data-anim][data-anim-delay="2050"],
body[data-anim-delay="2050"] [data-anim] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0;
}

[data-anim][data-anim][data-anim-delay="2050"].is-inview,
body[data-anim-delay="2050"] [data-anim].is-inview {
    -webkit-transition-delay: 2.05s;
    -o-transition-delay: 2.05s;
    transition-delay: 2.05s;
}

[data-anim][data-anim][data-anim-duration="2100"],
body[data-anim-duration="2100"] [data-anim] {
    -webkit-transition-duration: 2.1s;
    -o-transition-duration: 2.1s;
    transition-duration: 2.1s;
}

[data-anim][data-anim][data-anim-delay="2100"],
body[data-anim-delay="2100"] [data-anim] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0;
}

[data-anim][data-anim][data-anim-delay="2100"].is-inview,
body[data-anim-delay="2100"] [data-anim].is-inview {
    -webkit-transition-delay: 2.1s;
    -o-transition-delay: 2.1s;
    transition-delay: 2.1s;
}

[data-anim][data-anim][data-anim-duration="2150"],
body[data-anim-duration="2150"] [data-anim] {
    -webkit-transition-duration: 2.15s;
    -o-transition-duration: 2.15s;
    transition-duration: 2.15s;
}

[data-anim][data-anim][data-anim-delay="2150"],
body[data-anim-delay="2150"] [data-anim] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0;
}

[data-anim][data-anim][data-anim-delay="2150"].is-inview,
body[data-anim-delay="2150"] [data-anim].is-inview {
    -webkit-transition-delay: 2.15s;
    -o-transition-delay: 2.15s;
    transition-delay: 2.15s;
}

[data-anim][data-anim][data-anim-duration="2200"],
body[data-anim-duration="2200"] [data-anim] {
    -webkit-transition-duration: 2.2s;
    -o-transition-duration: 2.2s;
    transition-duration: 2.2s;
}

[data-anim][data-anim][data-anim-delay="2200"],
body[data-anim-delay="2200"] [data-anim] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0;
}

[data-anim][data-anim][data-anim-delay="2200"].is-inview,
body[data-anim-delay="2200"] [data-anim].is-inview {
    -webkit-transition-delay: 2.2s;
    -o-transition-delay: 2.2s;
    transition-delay: 2.2s;
}

[data-anim][data-anim][data-anim-duration="2250"],
body[data-anim-duration="2250"] [data-anim] {
    -webkit-transition-duration: 2.25s;
    -o-transition-duration: 2.25s;
    transition-duration: 2.25s;
}

[data-anim][data-anim][data-anim-delay="2250"],
body[data-anim-delay="2250"] [data-anim] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0;
}

[data-anim][data-anim][data-anim-delay="2250"].is-inview,
body[data-anim-delay="2250"] [data-anim].is-inview {
    -webkit-transition-delay: 2.25s;
    -o-transition-delay: 2.25s;
    transition-delay: 2.25s;
}

[data-anim][data-anim][data-anim-duration="2300"],
body[data-anim-duration="2300"] [data-anim] {
    -webkit-transition-duration: 2.3s;
    -o-transition-duration: 2.3s;
    transition-duration: 2.3s;
}

[data-anim][data-anim][data-anim-delay="2300"],
body[data-anim-delay="2300"] [data-anim] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0;
}

[data-anim][data-anim][data-anim-delay="2300"].is-inview,
body[data-anim-delay="2300"] [data-anim].is-inview {
    -webkit-transition-delay: 2.3s;
    -o-transition-delay: 2.3s;
    transition-delay: 2.3s;
}

[data-anim][data-anim][data-anim-duration="2350"],
body[data-anim-duration="2350"] [data-anim] {
    -webkit-transition-duration: 2.35s;
    -o-transition-duration: 2.35s;
    transition-duration: 2.35s;
}

[data-anim][data-anim][data-anim-delay="2350"],
body[data-anim-delay="2350"] [data-anim] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0;
}

[data-anim][data-anim][data-anim-delay="2350"].is-inview,
body[data-anim-delay="2350"] [data-anim].is-inview {
    -webkit-transition-delay: 2.35s;
    -o-transition-delay: 2.35s;
    transition-delay: 2.35s;
}

[data-anim][data-anim][data-anim-duration="2400"],
body[data-anim-duration="2400"] [data-anim] {
    -webkit-transition-duration: 2.4s;
    -o-transition-duration: 2.4s;
    transition-duration: 2.4s;
}

[data-anim][data-anim][data-anim-delay="2400"],
body[data-anim-delay="2400"] [data-anim] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0;
}

[data-anim][data-anim][data-anim-delay="2400"].is-inview,
body[data-anim-delay="2400"] [data-anim].is-inview {
    -webkit-transition-delay: 2.4s;
    -o-transition-delay: 2.4s;
    transition-delay: 2.4s;
}

[data-anim][data-anim][data-anim-duration="2450"],
body[data-anim-duration="2450"] [data-anim] {
    -webkit-transition-duration: 2.45s;
    -o-transition-duration: 2.45s;
    transition-duration: 2.45s;
}

[data-anim][data-anim][data-anim-delay="2450"],
body[data-anim-delay="2450"] [data-anim] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0;
}

[data-anim][data-anim][data-anim-delay="2450"].is-inview,
body[data-anim-delay="2450"] [data-anim].is-inview {
    -webkit-transition-delay: 2.45s;
    -o-transition-delay: 2.45s;
    transition-delay: 2.45s;
}

[data-anim][data-anim][data-anim-duration="2500"],
body[data-anim-duration="2500"] [data-anim] {
    -webkit-transition-duration: 2.5s;
    -o-transition-duration: 2.5s;
    transition-duration: 2.5s;
}

[data-anim][data-anim][data-anim-delay="2500"],
body[data-anim-delay="2500"] [data-anim] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0;
}

[data-anim][data-anim][data-anim-delay="2500"].is-inview,
body[data-anim-delay="2500"] [data-anim].is-inview {
    -webkit-transition-delay: 2.5s;
    -o-transition-delay: 2.5s;
    transition-delay: 2.5s;
}

[data-anim][data-anim][data-anim-duration="2550"],
body[data-anim-duration="2550"] [data-anim] {
    -webkit-transition-duration: 2.55s;
    -o-transition-duration: 2.55s;
    transition-duration: 2.55s;
}

[data-anim][data-anim][data-anim-delay="2550"],
body[data-anim-delay="2550"] [data-anim] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0;
}

[data-anim][data-anim][data-anim-delay="2550"].is-inview,
body[data-anim-delay="2550"] [data-anim].is-inview {
    -webkit-transition-delay: 2.55s;
    -o-transition-delay: 2.55s;
    transition-delay: 2.55s;
}

[data-anim][data-anim][data-anim-duration="2600"],
body[data-anim-duration="2600"] [data-anim] {
    -webkit-transition-duration: 2.6s;
    -o-transition-duration: 2.6s;
    transition-duration: 2.6s;
}

[data-anim][data-anim][data-anim-delay="2600"],
body[data-anim-delay="2600"] [data-anim] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0;
}

[data-anim][data-anim][data-anim-delay="2600"].is-inview,
body[data-anim-delay="2600"] [data-anim].is-inview {
    -webkit-transition-delay: 2.6s;
    -o-transition-delay: 2.6s;
    transition-delay: 2.6s;
}

[data-anim][data-anim][data-anim-duration="2650"],
body[data-anim-duration="2650"] [data-anim] {
    -webkit-transition-duration: 2.65s;
    -o-transition-duration: 2.65s;
    transition-duration: 2.65s;
}

[data-anim][data-anim][data-anim-delay="2650"],
body[data-anim-delay="2650"] [data-anim] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0;
}

[data-anim][data-anim][data-anim-delay="2650"].is-inview,
body[data-anim-delay="2650"] [data-anim].is-inview {
    -webkit-transition-delay: 2.65s;
    -o-transition-delay: 2.65s;
    transition-delay: 2.65s;
}

[data-anim][data-anim][data-anim-duration="2700"],
body[data-anim-duration="2700"] [data-anim] {
    -webkit-transition-duration: 2.7s;
    -o-transition-duration: 2.7s;
    transition-duration: 2.7s;
}

[data-anim][data-anim][data-anim-delay="2700"],
body[data-anim-delay="2700"] [data-anim] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0;
}

[data-anim][data-anim][data-anim-delay="2700"].is-inview,
body[data-anim-delay="2700"] [data-anim].is-inview {
    -webkit-transition-delay: 2.7s;
    -o-transition-delay: 2.7s;
    transition-delay: 2.7s;
}

[data-anim][data-anim][data-anim-duration="2750"],
body[data-anim-duration="2750"] [data-anim] {
    -webkit-transition-duration: 2.75s;
    -o-transition-duration: 2.75s;
    transition-duration: 2.75s;
}

[data-anim][data-anim][data-anim-delay="2750"],
body[data-anim-delay="2750"] [data-anim] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0;
}

[data-anim][data-anim][data-anim-delay="2750"].is-inview,
body[data-anim-delay="2750"] [data-anim].is-inview {
    -webkit-transition-delay: 2.75s;
    -o-transition-delay: 2.75s;
    transition-delay: 2.75s;
}

[data-anim][data-anim][data-anim-duration="2800"],
body[data-anim-duration="2800"] [data-anim] {
    -webkit-transition-duration: 2.8s;
    -o-transition-duration: 2.8s;
    transition-duration: 2.8s;
}

[data-anim][data-anim][data-anim-delay="2800"],
body[data-anim-delay="2800"] [data-anim] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0;
}

[data-anim][data-anim][data-anim-delay="2800"].is-inview,
body[data-anim-delay="2800"] [data-anim].is-inview {
    -webkit-transition-delay: 2.8s;
    -o-transition-delay: 2.8s;
    transition-delay: 2.8s;
}

[data-anim][data-anim][data-anim-duration="2850"],
body[data-anim-duration="2850"] [data-anim] {
    -webkit-transition-duration: 2.85s;
    -o-transition-duration: 2.85s;
    transition-duration: 2.85s;
}

[data-anim][data-anim][data-anim-delay="2850"],
body[data-anim-delay="2850"] [data-anim] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0;
}

[data-anim][data-anim][data-anim-delay="2850"].is-inview,
body[data-anim-delay="2850"] [data-anim].is-inview {
    -webkit-transition-delay: 2.85s;
    -o-transition-delay: 2.85s;
    transition-delay: 2.85s;
}

[data-anim][data-anim][data-anim-duration="2900"],
body[data-anim-duration="2900"] [data-anim] {
    -webkit-transition-duration: 2.9s;
    -o-transition-duration: 2.9s;
    transition-duration: 2.9s;
}

[data-anim][data-anim][data-anim-delay="2900"],
body[data-anim-delay="2900"] [data-anim] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0;
}

[data-anim][data-anim][data-anim-delay="2900"].is-inview,
body[data-anim-delay="2900"] [data-anim].is-inview {
    -webkit-transition-delay: 2.9s;
    -o-transition-delay: 2.9s;
    transition-delay: 2.9s;
}

[data-anim][data-anim][data-anim-duration="2950"],
body[data-anim-duration="2950"] [data-anim] {
    -webkit-transition-duration: 2.95s;
    -o-transition-duration: 2.95s;
    transition-duration: 2.95s;
}

[data-anim][data-anim][data-anim-delay="2950"],
body[data-anim-delay="2950"] [data-anim] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0;
}

[data-anim][data-anim][data-anim-delay="2950"].is-inview,
body[data-anim-delay="2950"] [data-anim].is-inview {
    -webkit-transition-delay: 2.95s;
    -o-transition-delay: 2.95s;
    transition-delay: 2.95s;
}

[data-anim][data-anim][data-anim-duration="3000"],
body[data-anim-duration="3000"] [data-anim] {
    -webkit-transition-duration: 3s;
    -o-transition-duration: 3s;
    transition-duration: 3s;
}

[data-anim][data-anim][data-anim-delay="3000"],
body[data-anim-delay="3000"] [data-anim] {
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0;
}

[data-anim][data-anim][data-anim-delay="3000"].is-inview,
body[data-anim-delay="3000"] [data-anim].is-inview {
    -webkit-transition-delay: 3s;
    -o-transition-delay: 3s;
    transition-delay: 3s;
}

[data-anim][data-anim][data-anim-easing="linear"],
body[data-anim-easing="linear"] [data-anim] {
    -webkit-transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
    -o-transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
    transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
}

[data-anim][data-anim][data-anim-easing="ease"],
body[data-anim-easing="ease"] [data-anim] {
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
}

[data-anim][data-anim][data-anim-easing="ease-in"],
body[data-anim-easing="ease-in"] [data-anim] {
    -webkit-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
}

[data-anim][data-anim][data-anim-easing="ease-out"],
body[data-anim-easing="ease-out"] [data-anim] {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

[data-anim][data-anim][data-anim-easing="ease-in-out"],
body[data-anim-easing="ease-in-out"] [data-anim] {
    -webkit-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
}

[data-anim][data-anim][data-anim-easing="ease-in-back"],
body[data-anim-easing="ease-in-back"] [data-anim] {
    -webkit-transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
    -o-transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
    transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
}

[data-anim][data-anim][data-anim-easing="ease-out-back"],
body[data-anim-easing="ease-out-back"] [data-anim] {
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

[data-anim][data-anim][data-anim-easing="ease-in-out-back"],
body[data-anim-easing="ease-in-out-back"] [data-anim] {
    -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
    -o-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

[data-anim][data-anim][data-anim-easing="ease-in-sine"],
body[data-anim-easing="ease-in-sine"] [data-anim] {
    -webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
    -o-transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
    transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
}

[data-anim][data-anim][data-anim-easing="ease-out-sine"],
body[data-anim-easing="ease-out-sine"] [data-anim] {
    -webkit-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
    -o-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
    transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}

[data-anim][data-anim][data-anim-easing="ease-in-out-sine"],
body[data-anim-easing="ease-in-out-sine"] [data-anim] {
    -webkit-transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -o-transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

[data-anim][data-anim][data-anim-easing="ease-in-quad"],
body[data-anim-easing="ease-in-quad"] [data-anim] {
    -webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
    -o-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
    transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

[data-anim][data-anim][data-anim-easing="ease-out-quad"],
body[data-anim-easing="ease-out-quad"] [data-anim] {
    -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

[data-anim][data-anim][data-anim-easing="ease-in-out-quad"],
body[data-anim-easing="ease-in-out-quad"] [data-anim] {
    -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -o-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

[data-anim][data-anim][data-anim-easing="ease-in-cubic"],
body[data-anim-easing="ease-in-cubic"] [data-anim] {
    -webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
    -o-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
    transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

[data-anim][data-anim][data-anim-easing="ease-out-cubic"],
body[data-anim-easing="ease-out-cubic"] [data-anim] {
    -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

[data-anim][data-anim][data-anim-easing="ease-in-out-cubic"],
body[data-anim-easing="ease-in-out-cubic"] [data-anim] {
    -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -o-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

[data-anim][data-anim][data-anim-easing="ease-in-quart"],
body[data-anim-easing="ease-in-quart"] [data-anim] {
    -webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
    -o-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
    transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

[data-anim][data-anim][data-anim-easing="ease-out-quart"],
body[data-anim-easing="ease-out-quart"] [data-anim] {
    -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

[data-anim][data-anim][data-anim-easing="ease-in-out-quart"],
body[data-anim-easing="ease-in-out-quart"] [data-anim] {
    -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -o-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

[data-anim^="fade"][data-anim^="fade"] {
    opacity: 0;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    -o-transition-property: opacity, transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform;
}

[data-anim^="fade"][data-anim^="fade"].is-inview {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

[data-anim="fade-up"] {
    -webkit-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0);
}

[data-anim="fade-up-big"] {
    -webkit-transform: translate3d(0, 100px, 0);
    transform: translate3d(0, 100px, 0);
}

[data-anim="fade-down"] {
    -webkit-transform: translate3d(0, -40px, 0);
    transform: translate3d(0, -40px, 0);
}

[data-anim="fade-down-big"] {
    -webkit-transform: translate3d(0, -100px, 0);
    transform: translate3d(0, -100px, 0);
}

[data-anim="fade-right"] {
    -webkit-transform: translate3d(-40px, 0, 0);
    transform: translate3d(-40px, 0, 0);
}

[data-anim="fade-right-big"] {
    -webkit-transform: translate3d(-100px, 0, 0);
    transform: translate3d(-100px, 0, 0);
}

[data-anim="fade-left"] {
    -webkit-transform: translate3d(40px, 0, 0);
    transform: translate3d(40px, 0, 0);
}

[data-anim="fade-left-big"] {
    -webkit-transform: translate3d(100px, 0, 0);
    transform: translate3d(100px, 0, 0);
}

[data-anim^="zoom"][data-anim^="zoom"] {
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
}

[data-anim^="zoom"][data-anim^="zoom"].is-inview {
    -webkit-transform: translateZ(0) scale(1);
    transform: translateZ(0) scale(1);
}

[data-anim="zoom-in"] {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
}

[data-anim="zoom-out"] {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.loading-screen {
    position: relative;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    background-color: #162ff0;
    width: 100%;
    height: 100%;
    -webkit-transform: scaleY(0) skewX(0);
    -ms-transform: scaleY(0) skewX(0);
    transform: scaleY(0) skewX(0);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
}

.loading-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    z-index: 10;
    pointer-events: none;
}

.split-line {
    overflow: hidden;
}

[data-split] {
    position: relative;
    opacity: 0;
}

[data-split] .line-container {
    overflow: hidden;
}

[data-split] .line-container .char,
[data-split] .line-container .line,
[data-split] .line-container .word {
    -webkit-transform: translate3d(0, calc(100% + 2px), 0);
    transform: translate3d(0, calc(100% + 2px), 0);
}

[data-split].show {
    opacity: 1;
}

[data-split].show .line-container {
    overflow: hidden;
}

[data-split].show .line-container .char,
[data-split].show .line-container .line,
[data-split].show .line-container .word {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: -webkit-transform 0.75s cubic-bezier(0.5, 1, 0.89, 1) 0s;
    transition: -webkit-transform 0.75s cubic-bezier(0.5, 1, 0.89, 1) 0s;
    -o-transition: transform 0.75s cubic-bezier(0.5, 1, 0.89, 1) 0s;
    transition: transform 0.75s cubic-bezier(0.5, 1, 0.89, 1) 0s;
    transition: transform 0.75s cubic-bezier(0.5, 1, 0.89, 1) 0s, -webkit-transform 0.75s cubic-bezier(0.5, 1, 0.89, 1) 0s;
    -webkit-transition: -webkit-transform var(--t, 0.75s) cubic-bezier(0.5, 1, 0.89, 1) var(--d, 0s);
    transition: -webkit-transform var(--t, 0.75s) cubic-bezier(0.5, 1, 0.89, 1) var(--d, 0s);
    -o-transition: transform var(--t, 0.75s) cubic-bezier(0.5, 1, 0.89, 1) var(--d, 0s);
    transition: transform var(--t, 0.75s) cubic-bezier(0.5, 1, 0.89, 1) var(--d, 0s);
    transition: transform var(--t, 0.75s) cubic-bezier(0.5, 1, 0.89, 1) var(--d, 0s), -webkit-transform var(--t, 0.75s) cubic-bezier(0.5, 1, 0.89, 1) var(--d, 0s);
}

.mask-bt {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.mask-bt .container {
    position: relative;
    z-index: 1;
    padding: 0;
    width: unset;
}

.mask-bt.loop .container {
    overflow: hidden;
}

.mask-bt.loop .container span {
    display: inline-block;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transform: translate3d(0, var(--y, 0), 0);
    transform: translate3d(0, var(--y, 0), 0);
    -webkit-transition: -webkit-transform 0.25s ease-in;
    transition: -webkit-transform 0.25s ease-in;
    -o-transition: transform 0.25s ease-in;
    transition: transform 0.25s ease-in;
    transition: transform 0.25s ease-in, -webkit-transform 0.25s ease-in;
}

.mask-bt .clone-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 2;
}

.mask-bt .clone-container img {
    -webkit-filter: brightness(0);
    filter: brightness(0);
}

.mask-bt .clone-container,
.mask-bt svg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.mask-bt>svg circle {
    fill: #ff4500;
    r: 0;
    r: var(--r, 0);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transform: translate3d(var(--x, 0), var(--y, 0), 0);
    transform: translate3d(var(--x, 0), var(--y, 0), 0);
    -webkit-transition: r 0.75s ease-in-out;
    -o-transition: r 0.75s ease-in-out;
    transition: r 0.75s ease-in-out;
}

html {
    -webkit-text-size-adjust: 100%;
    font-size: 4.26666667vw;
    -webkit-overflow-scrolling: auto;
}

@media (min-width: 768px) {
    html {
        font-size: 1.77777778vw;
    }
}

@media (min-width: 1025px) {
    html {
        font-size: 0.833333333vw;
    }
}

html.has-scroll-smooth {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

html:not(.has-scroll-init) body {
    overflow: hidden;
}

*,
:after,
:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    background-color: #121212;
    font-family: HK Guise, sans-serif;
    color: #fff;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    text-size-adjust: none;
    text-rendering: geometricPrecision;
    -webkit-overflow-scrolling: auto;
}

body.block {
    overflow: hidden;
}

::-moz-selection {
    background: rgba(115, 179, 226, 0.3);
}

::selection {
    background: rgba(115, 179, 226, 0.3);
}

main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 60vh;
    overflow: hidden;
}

a,
a:hover {
    color: inherit;
    text-decoration: none;
    outline: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: HK Guise, sans-serif;
    font-weight: 500;
    line-height: 1;
    margin-top: 0;
}

p {
    margin-top: 0;
}

.scroll-container {
    overflow: hidden !important;
}

.c-scrollbar_thumb {
    background-color: hsla(0, 0%, 100%, 0.3) !important;
}

input {
    border-radius: 0;
    -webkit-appearance: none;
}

.site-loader {
    background-color: #1a1a1a;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    min-height: 100vh;
    z-index: 1010;
    overflow: hidden;
    color: #fff;
    padding-top: calc(50vh - 50vw);
}

@media (min-width: 768px) {
    .site-loader {
        padding-top: calc(50vh - 16.9375rem);
    }
}

@media (min-width: 1025px) {
    .site-loader {
        padding-top: 7rem;
        padding-bottom: 5.25rem;
    }
}

.site-loader .brand {
    width: 2rem;
    height: 2rem;
    position: absolute;
    left: calc(50% - 1rem);
    top: 1rem;
    opacity: 0;
}

@media (min-width: 768px) {
    .site-loader .brand {
        top: 1.875rem;
    }
}

@media (min-width: 1025px) {
    .site-loader .brand {
        width: 3rem;
        height: 3rem;
        left: calc(50% - 1.5rem);
        top: 2rem;
    }
}

.site-loader .brand svg {
    width: 100%;
    height: auto;
}

.site-loader .line {
    background-color: hsla(0, 0%, 100%, 0.2);
    width: 0;
    height: 1px;
    position: absolute;
    left: 0;
    top: calc(50vh - 50vw);
}

@media (min-width: 768px) {
    .site-loader .line {
        top: calc(50vh - 16.9375rem);
    }
}

@media (min-width: 1025px) {
    .site-loader .line {
        top: 7rem;
    }
}

.site-loader .line.down {
    left: auto;
    top: calc(50vh + 50vw - 1px);
    right: 0;
}

@media (min-width: 768px) {
    .site-loader .line.down {
        top: calc(50vh + 16.9375rem - 1px);
    }
}

@media (min-width: 1025px) {
    .site-loader .line.down {
        top: auto;
        bottom: calc(5.25rem - 1px);
    }
}

.site-loader .preloader {
    width: 100vw;
    height: 100vw;
    max-width: 33.875rem;
    max-height: 33.875rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    font-family: HK Guise, sans-serif;
    font-size: 2.5rem;
}

@media (min-width: 1025px) {
    .site-loader .preloader {
        width: calc(100vh - 12.25rem);
        max-width: inherit;
        height: auto;
        max-height: 73rem;
        font-size: 5.625rem;
    }
}

.site-loader .preloader svg {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

@media (min-width: 768px) {
    .site-loader .preloader svg {
        width: auto;
        height: 100%;
    }
}

@media (min-width: 1025px) {
    .site-loader .preloader svg {
        height: calc(100% + 0.375rem);
        left: -0.1875rem;
        top: -0.1875rem;
    }
}

.site-loader .preloader svg path {
    fill: transparent;
    stroke: hsla(0, 0%, 100%, 0.2);
    stroke-width: 1;
    stroke-miterlimit: 1;
    -webkit-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

.site-loader .preloader .number {
    overflow: hidden;
}

.site-transition {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    top: 0;
    left: 0;
    height: 100vh;
    min-height: 100vh;
    z-index: 1001;
    overflow: hidden;
    background-color: #121212;
    visibility: hidden;
    pointer-events: none;
    opacity: 0;
}

.navbar,
.site-transition {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: fixed;
    width: 100%;
}

.navbar {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem 1.5rem;
    z-index: 1002;
    -webkit-transition: color 0.5s cubic-bezier(0.85, 0, 0.15, 1), margin-top 0.5s cubic-bezier(0.85, 0, 0.15, 1), background-color 0.5s cubic-bezier(0.85, 0, 0.15, 1);
    -o-transition: color 0.5s cubic-bezier(0.85, 0, 0.15, 1), margin-top 0.5s cubic-bezier(0.85, 0, 0.15, 1), background-color 0.5s cubic-bezier(0.85, 0, 0.15, 1);
    transition: color 0.5s cubic-bezier(0.85, 0, 0.15, 1), margin-top 0.5s cubic-bezier(0.85, 0, 0.15, 1), background-color 0.5s cubic-bezier(0.85, 0, 0.15, 1);
}

@media (max-width: 320px) {
    img.header-logo {
        width: 185px !important;
    }
}

@media (max-width: 768px) {
    img.header-logo {
        width: 185px !important;
    }
    .is-menu-open .navbar {
        color: #1a1a1a;
    }
}

.navbar.is-inview .open-contact a,
.navbar.is-inview ul li a {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

@media (min-width: 768px) {
    .navbar {
        padding: 1.5rem 0.5rem
    }
}

@media (min-width: 1025px) {
    .navbar {
        padding: 2rem;
    }
}

.navbar .brand {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: 0.75rem;
    gap: 0.75rem;
}

.navbar .brand .icon {
    width: 2rem;
    height: 2rem;
}

@media (min-width: 1025px) {
    .navbar .brand .icon {
        width: 3rem;
        height: 3rem;
    }
}

.navbar .brand .type {
    width: auto;
    height: 1.3125rem;
}

@media (max-width: 1024px) {
    .navbar .brand .type {
        display: none;
    }
}

.navbar .toggler {
    background-color: transparent;
    border: 0;
    width: 2rem;
    height: 2rem;
    position: relative;
}

@media (min-width: 768px) {
    .navbar .toggler {
        display: none;
    }
}

.navbar .toggler:after,
.navbar .toggler:before {
    content: "";
    background-color: #fff;
    width: calc(100% - 0.5rem);
    height: 1px;
    position: absolute;
    left: 0.25rem;
    top: 0.675rem;
    -webkit-transition: background-color 0.5s cubic-bezier(0.85, 0, 0.15, 1), top 0.5s cubic-bezier(0.85, 0, 0.15, 1) 0.5s, -webkit-transform 0.5s cubic-bezier(0.85, 0, 0.15, 1);
    transition: background-color 0.5s cubic-bezier(0.85, 0, 0.15, 1), top 0.5s cubic-bezier(0.85, 0, 0.15, 1) 0.5s, -webkit-transform 0.5s cubic-bezier(0.85, 0, 0.15, 1);
    -o-transition: background-color 0.5s cubic-bezier(0.85, 0, 0.15, 1), top 0.5s 0.5s cubic-bezier(0.85, 0, 0.15, 1), transform 0.5s cubic-bezier(0.85, 0, 0.15, 1);
    transition: background-color 0.5s cubic-bezier(0.85, 0, 0.15, 1), top 0.5s cubic-bezier(0.85, 0, 0.15, 1) 0.5s, transform 0.5s cubic-bezier(0.85, 0, 0.15, 1);
    transition: background-color 0.5s cubic-bezier(0.85, 0, 0.15, 1), top 0.5s cubic-bezier(0.85, 0, 0.15, 1) 0.5s, transform 0.5s cubic-bezier(0.85, 0, 0.15, 1), -webkit-transform 0.5s cubic-bezier(0.85, 0, 0.15, 1);
}

.navbar .toggler:after {
    top: calc(100% - 0.675rem);
}

.is-menu-open .navbar .toggler:after,
.is-menu-open .navbar .toggler:before {
    content: "";
    background-color: #1a1a1a;
    top: 50%;
    -webkit-transition: background-color 0.5s cubic-bezier(0.85, 0, 0.15, 1), top 0.5s cubic-bezier(0.85, 0, 0.15, 1), -webkit-transform 0.5s cubic-bezier(0.85, 0, 0.15, 1) 0.5s;
    transition: background-color 0.5s cubic-bezier(0.85, 0, 0.15, 1), top 0.5s cubic-bezier(0.85, 0, 0.15, 1), -webkit-transform 0.5s cubic-bezier(0.85, 0, 0.15, 1) 0.5s;
    -o-transition: background-color 0.5s cubic-bezier(0.85, 0, 0.15, 1), top 0.5s cubic-bezier(0.85, 0, 0.15, 1), transform 0.5s 0.5s cubic-bezier(0.85, 0, 0.15, 1);
    transition: background-color 0.5s cubic-bezier(0.85, 0, 0.15, 1), top 0.5s cubic-bezier(0.85, 0, 0.15, 1), transform 0.5s cubic-bezier(0.85, 0, 0.15, 1) 0.5s;
    transition: background-color 0.5s cubic-bezier(0.85, 0, 0.15, 1), top 0.5s cubic-bezier(0.85, 0, 0.15, 1), transform 0.5s cubic-bezier(0.85, 0, 0.15, 1) 0.5s, -webkit-transform 0.5s cubic-bezier(0.85, 0, 0.15, 1) 0.5s;
}

.is-menu-open .navbar .toggler:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.is-menu-open .navbar .toggler:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.navbar ul {
    list-style: none;
    padding: 0;
    overflow: hidden;
    display: none;
    margin: 0 0 0 auto;
}

@media (min-width: 768px) {
    .navbar ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

.navbar ul li {
    position: relative;
    font-size: 0.875rem;
    font-weight: 500;
}

@media (min-width: 1025px) {
    .navbar ul li {
        font-size: 1rem;
    }
}

.navbar ul li a {
    -webkit-transform: translateY(110%);
    -ms-transform: translateY(110%);
    transform: translateY(110%);
    display: block;
    padding: 0.75rem;
    -webkit-transition: color 0.3s cubic-bezier(0.85, 0, 0.15, 1), -webkit-transform 0.5s cubic-bezier(0.85, 0, 0.15, 1) 0.3s;
    transition: color 0.3s cubic-bezier(0.85, 0, 0.15, 1), -webkit-transform 0.5s cubic-bezier(0.85, 0, 0.15, 1) 0.3s;
    -o-transition: color 0.3s cubic-bezier(0.85, 0, 0.15, 1), transform 0.5s 0.3s cubic-bezier(0.85, 0, 0.15, 1);
    transition: color 0.3s cubic-bezier(0.85, 0, 0.15, 1), transform 0.5s cubic-bezier(0.85, 0, 0.15, 1) 0.3s;
    transition: color 0.3s cubic-bezier(0.85, 0, 0.15, 1), transform 0.5s cubic-bezier(0.85, 0, 0.15, 1) 0.3s, -webkit-transform 0.5s cubic-bezier(0.85, 0, 0.15, 1) 0.3s;
}

@media (min-width: 1025px) {
    .navbar ul li a {
        padding: 0.875rem;
    }
}

.navbar ul li a:hover {
    color: #ff4500;
}

.navbar ul li:after {
    content: "";
    background-color: #ff4500;
    width: 0.25rem;
    height: 0.25rem;
    border-radius: 50%;
    position: absolute;
    left: calc(50% - 0.125rem);
    bottom: 0;
    opacity: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.5s cubic-bezier(0.85, 0, 0.15, 1);
    -o-transition: all 0.5s cubic-bezier(0.85, 0, 0.15, 1);
    transition: all 0.5s cubic-bezier(0.85, 0, 0.15, 1);
}

.navbar ul li.current-menu-item a {
    color: #ff4500;
}

.navbar ul li.current-menu-item:after {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.navbar .open-contact {
    -webkit-transition: all 0.5s cubic-bezier(0.85, 0, 0.15, 1) 0.3s;
    -o-transition: all 0.5s 0.3s cubic-bezier(0.85, 0, 0.15, 1);
    transition: all 0.5s cubic-bezier(0.85, 0, 0.15, 1) 0.3s;
    font-size: 0.875rem;
    font-weight: 500;
    overflow: hidden;
    position: relative;
    margin-left: auto;
}

@media (min-width: 768px) {
    .navbar .open-contact {
        margin-left: 1rem;
        padding-left: 1rem;
    }
}

@media (min-width: 1025px) {
    .navbar .open-contact {
        margin-left: 1.625rem;
        padding-left: 1.625rem;
        font-size: 1rem;
    }
}

@media (min-width: 768px) {
    .navbar .open-contact:before {
        content: "";
        background-color: hsla(0, 0%, 100%, 0.2);
        width: 1px;
        height: 1.5rem;
        position: absolute;
        left: 0;
        top: calc(50% - 0.625rem);
    }
}

.navbar .open-contact a {
    -webkit-transform: translateY(110%);
    -ms-transform: translateY(110%);
    transform: translateY(110%);
    display: block;
    padding: 0.75rem 1.5rem;
    -webkit-transition: color 0.3s cubic-bezier(0.85, 0, 0.15, 1), -webkit-transform 0.5s cubic-bezier(0.85, 0, 0.15, 1) 0.3s;
    transition: color 0.3s cubic-bezier(0.85, 0, 0.15, 1), -webkit-transform 0.5s cubic-bezier(0.85, 0, 0.15, 1) 0.3s;
    -o-transition: color 0.3s cubic-bezier(0.85, 0, 0.15, 1), transform 0.5s 0.3s cubic-bezier(0.85, 0, 0.15, 1);
    transition: color 0.3s cubic-bezier(0.85, 0, 0.15, 1), transform 0.5s cubic-bezier(0.85, 0, 0.15, 1) 0.3s;
    transition: color 0.3s cubic-bezier(0.85, 0, 0.15, 1), transform 0.5s cubic-bezier(0.85, 0, 0.15, 1) 0.3s, -webkit-transform 0.5s cubic-bezier(0.85, 0, 0.15, 1) 0.3s;
    cursor: pointer;
}

@media (min-width: 1025px) {
    .navbar .open-contact a {
        padding: 0.875rem;
    }
}

.navbar .open-contact a:hover {
    color: #ff4500;
}

body.--js-scroll-min .navbar,
body:not(.home) .navbar {
    border-bottom: 1px solid hsla(0, 0%, 100%, 0.2);
}

body.--js-scroll-min .navbar {
    background-color: #121212;
}

body.--js-scroll-min.page-template-white-paper .navbar {
    background-color: #fff;
    border-bottom: 1px solid rgba(26, 26, 26, 0.2);
}

body.--js-scroll-min.--js-scroll-down .navbar {
    margin-top: -8rem;
}

body.is-menu-open {
    overflow: hidden;
}

body.is-menu-open .navbar {
    background-color: transparent;
    border-color: transparent;
}

.menu-mobile {
    width: 100vw;
    height: 100vh;
    padding: 1.25rem;
    color: #1a1a1a;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 98;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    visibility: hidden;
    -webkit-transition: visibility 0.3s cubic-bezier(0.85, 0, 0.15, 1);
    -o-transition: visibility 0.3s cubic-bezier(0.85, 0, 0.15, 1);
    transition: visibility 0.3s cubic-bezier(0.85, 0, 0.15, 1);
}

@media (min-width: 768px) {
    .menu-mobile {
        display: none;
    }
}

.is-menu-open .menu-mobile {
    visibility: visible;
}

.is-menu-open .menu-mobile:before {
    top: 0;
    border-radius: 0;
}

.is-menu-open .menu-mobile ul {
    opacity: 1;
    -webkit-transition: opacity 0.3s cubic-bezier(0.85, 0, 0.15, 1) 0.3s;
    -o-transition: opacity 0.3s 0.3s cubic-bezier(0.85, 0, 0.15, 1);
    transition: opacity 0.3s cubic-bezier(0.85, 0, 0.15, 1) 0.3s;
}

.is-menu-open .menu-mobile .content ul li:after,
.is-menu-open .menu-mobile .content ul li:before {
    width: 100%;
}

.menu-mobile:before {
    content: "";
    background-color: #ff4500;
    width: 100vh;
    height: 100vh;
    position: absolute;
    left: calc(-50vh + 50vw);
    top: -100vh;
    border-radius: 100%;
    z-index: -1;
    -webkit-transition: all 0.75s cubic-bezier(0.85, 0, 0.15, 1);
    -o-transition: all 0.75s cubic-bezier(0.85, 0, 0.15, 1);
    transition: all 0.75s cubic-bezier(0.85, 0, 0.15, 1);
}

.menu-mobile ul {
    list-style: none;
    margin: 0;
    padding: 0;
    opacity: 0;
    -webkit-transition: opacity 0.3s cubic-bezier(0.85, 0, 0.15, 1);
    -o-transition: opacity 0.3s cubic-bezier(0.85, 0, 0.15, 1);
    transition: opacity 0.3s cubic-bezier(0.85, 0, 0.15, 1);
}

.menu-mobile .content {
    margin-top: auto;
}

.menu-mobile .content ul {
    font-weight: 500;
}

.menu-mobile .content ul li {
    padding: 1.125rem 0.25rem;
    font-size: 1.75rem;
    position: relative;
}

.menu-mobile .content ul li:after,
.menu-mobile .content ul li:before {
    content: "";
    background-color: black;
    width: 0;
    height: 1px;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transition: width 0.3s cubic-bezier(0.85, 0, 0.15, 1) 0.5s;
    -o-transition: width 0.3s 0.5s cubic-bezier(0.85, 0, 0.15, 1);
    transition: width 0.3s cubic-bezier(0.85, 0, 0.15, 1) 0.5s;
}

.menu-mobile .content ul li:after {
    top: 100%;
    z-index: 1;
}

.menu-mobile .content ul li.current-menu-item {
    z-index: 3;
    padding-left: 1rem;
}

.menu-mobile .content ul li.current-menu-item:after,
.menu-mobile .content ul li.current-menu-item:before {
    background-color: #1a1a1a;
}

.menu-mobile .content ul li.current-menu-item a:before {
    content: "";
    background-color: #1a1a1a;
    width: 0.25rem;
    height: 0.25rem;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: calc(50% - 0.125rem);
}

.menu-mobile .links {
    font-size: 0.75rem;
    font-weight: 600;
    color: rgba(26, 26, 26, 0.5);
}

.menu-mobile .links ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    margin: 1.5rem 0;
}

.menu-mobile .links ul li a {
    display: block;
    padding: 0.5rem;
}

.menu-mobile .copy {
    margin-top: auto;
    font-size: 0.75rem;
    color: rgba(26, 26, 26, 0.5);
}

.btn,
.menu-mobile .copy {
    text-align: center;
    font-weight: 600;
}

.btn {
    border: 0;
    padding: 0.875rem 1.5rem;
    font-size: 0.625rem;
    letter-spacing: 0.06em;
    border-radius: 0;
    text-transform: uppercase;
    display: inline-block;
    position: relative;
    -webkit-transition: all 0.3s cubic-bezier(0.85, 0, 0.15, 1);
    -o-transition: all 0.3s cubic-bezier(0.85, 0, 0.15, 1);
    transition: all 0.3s cubic-bezier(0.85, 0, 0.15, 1);
    -webkit-appearance: none;
}

@media (min-width: 1025px) {
    .btn {
        font-size: 0.875rem;
        padding: 1rem 1.5rem;
    }
}

.btn.default {
    color: #fff;
}

.btn.default .container {
    display: block;
    overflow: hidden;
    padding-bottom: 0.25em;
}

.btn.default .container:after,
.btn.default .container:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    bottom: 0;
    left: 0;
    background: #fff;
    -webkit-transition: -webkit-transform 0.75s ease-in-out;
    transition: -webkit-transform 0.75s ease-in-out;
    -o-transition: transform 0.75s ease-in-out;
    transition: transform 0.75s ease-in-out;
    transition: transform 0.75s ease-in-out, -webkit-transform 0.75s ease-in-out;
}

.btn.default .container:before {
    -webkit-transform: translate3d(-150%, 0, 0);
    transform: translate3d(-150%, 0, 0);
}

.btn.default .container:after {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.btn.default .clone-container {
    margin-top: -1px;
    padding: 1.0625rem 1.5rem 0.9375rem;
    color: #ff4500;
}

.btn.default .clone-container .container:after,
.btn.default .clone-container .container:before {
    background: #ff4500 !important;
}

.btn.default.hover .container:before {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.btn.default.hover .container:after {
    -webkit-transform: translate3d(150%, 0, 0);
    transform: translate3d(150%, 0, 0);
}

.btn.solid {
    background-color: #fff;
    color: #1a1a1a;
}

.tabulator {
    position: relative;
    font-size: 0.875rem;
    text-align: left;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

@media (min-width: 1025px) {
    .tabulator {
        font-size: 1.25rem;
    }
}

.tabulator[tabulator-layout="fitDataFill"] .tabulator-tableholder .tabulator-table {
    min-width: 100%;
}

.tabulator[tabulator-layout="fitDataTable"] {
    display: inline-block;
}

.tabulator.tabulator-block-select {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.tabulator .tabulator-header {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    background-color: #202020;
    color: hsla(0, 0%, 100%, 0.5);
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    -khtml-user-select: none;
    -webkit-user-select: none;
}

.tabulator .tabulator-header.tabulator-header-hidden {
    display: none;
}

.tabulator .tabulator-header .tabulator-col {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: left;
    vertical-align: bottom;
    overflow: hidden;
}

.tabulator .tabulator-header .tabulator-col.tabulator-moving {
    position: absolute;
    pointer-events: none;
}

.tabulator .tabulator-header .tabulator-col .tabulator-col-content {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    padding: 1rem 1.375rem;
}

@media (min-width: 1025px) {
    .tabulator .tabulator-header .tabulator-col .tabulator-col-content {
        padding: 1.25rem 1.375rem;
    }
}

.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-header-popup-button {
    padding: 0 8px;
}

.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-header-popup-button:hover {
    cursor: pointer;
    opacity: 0.6;
}

.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title-holder {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 0.75rem;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    vertical-align: bottom;
    text-transform: uppercase;
}

@media (min-width: 1025px) {
    .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title {
        font-size: 1rem;
    }
}

.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title .tabulator-header-popup-button+.tabulator-title-editor {
    width: calc(100% - 22px);
}

.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-sorter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-sorter .tabulator-arrow {
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    width: 0.75rem;
    height: 0.75rem;
}

.tabulator .tabulator-header .tabulator-col.tabulator-col-group .tabulator-col-group-cols {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    margin-right: -1px;
}

.tabulator .tabulator-header .tabulator-col .tabulator-header-filter {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 2px;
    width: 100%;
    text-align: center;
}

.tabulator .tabulator-header .tabulator-col .tabulator-header-filter textarea {
    height: auto !important;
}

.tabulator .tabulator-header .tabulator-col .tabulator-header-filter svg {
    margin-top: 3px;
}

.tabulator .tabulator-header .tabulator-col .tabulator-header-filter input::-ms-clear {
    width: 0;
    height: 0;
}

.tabulator .tabulator-header .tabulator-col.tabulator-sortable .tabulator-col-title {
    padding-right: 0.5rem;
}

.tabulator .tabulator-header .tabulator-col.tabulator-sortable:hover {
    cursor: pointer;
}

.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort="none"] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.376 4.494h6.75a.375.375 0 00.279-.625L6.03.119a.387.387 0 00-.558 0l-3.375 3.75a.375.375 0 00.279.625zm6.75 3h-6.75a.375.375 0 00-.28.626l3.376 3.75a.374.374 0 00.558 0l3.375-3.75a.375.375 0 00-.28-.626z' fill='%23fff' fill-opacity='.5'/%3E%3C/svg%3E");
}

.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort="ascending"] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.376 4.494h6.75a.375.375 0 00.279-.625L6.03.119a.387.387 0 00-.558 0l-3.375 3.75a.375.375 0 00.279.625z' fill='%2373b3e2'/%3E%3Cpath d='M9.126 7.494h-6.75a.375.375 0 00-.28.626l3.376 3.75a.374.374 0 00.558 0l3.375-3.75a.375.375 0 00-.28-.626z' fill='%23fff' fill-opacity='.2'/%3E%3C/svg%3E");
}

.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort="descending"] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.376 4.494h6.75a.375.375 0 00.279-.625L6.03.119a.387.387 0 00-.558 0l-3.375 3.75a.375.375 0 00.279.625z' fill='%23fff' fill-opacity='.2'/%3E%3Cpath d='M9.126 7.494h-6.75a.375.375 0 00-.28.626l3.376 3.75a.374.374 0 00.558 0l3.375-3.75a.375.375 0 00-.28-.626z' fill='%2373b3e2'/%3E%3C/svg%3E");
}

.tabulator .tabulator-header .tabulator-col.tabulator-col-vertical .tabulator-col-content .tabulator-col-title {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    text-orientation: mixed;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.tabulator .tabulator-header .tabulator-col.tabulator-col-vertical.tabulator-col-vertical-flip .tabulator-col-title {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.tabulator .tabulator-header .tabulator-col.tabulator-col-vertical.tabulator-sortable .tabulator-col-sorter {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 0;
    right: 0;
    top: 4px;
    bottom: auto;
}

.tabulator .tabulator-header .tabulator-frozen {
    position: absolute;
    background-color: #202020;
    z-index: 10;
}

.tabulator .tabulator-header .tabulator-frozen.tabulator-frozen-left {
    border-right: 1px solid hsla(0, 0%, 100%, 0.2);
}

.tabulator .tabulator-header .tabulator-frozen.tabulator-frozen-right {
    border-left: 1px solid hsla(0, 0%, 100%, 0.2);
}

.tabulator .tabulator-header .tabulator-calcs-holder {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 600%;
    border-top: 1px solid red;
    overflow: hidden;
}

.tabulator .tabulator-header .tabulator-calcs-holder .tabulator-row .tabulator-col-resize-handle {
    display: none;
}

.tabulator .tabulator-header .tabulator-frozen-rows-holder {
    min-width: 600%;
}

.tabulator .tabulator-header .tabulator-frozen-rows-holder:empty {
    display: none;
}

.tabulator .tabulator-tableholder {
    position: relative;
    width: 100%;
    white-space: nowrap;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.tabulator .tabulator-tableholder:focus {
    outline: none;
}

.tabulator .tabulator-tableholder .tabulator-placeholder {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
}

.tabulator .tabulator-tableholder .tabulator-placeholder[tabulator-render-mode="virtual"] {
    min-height: 100%;
    min-width: 100%;
}

.tabulator .tabulator-tableholder .tabulator-placeholder .tabulator-placeholder-contents {
    display: inline-block;
    text-align: center;
    padding: 10px;
    color: #ccc;
    font-weight: 700;
    font-size: 20px;
    white-space: normal;
}

.tabulator .tabulator-tableholder .tabulator-table {
    position: relative;
    display: inline-block;
    white-space: nowrap;
    overflow: visible;
    letter-spacing: -0.03rem;
}

.tabulator .tabulator-tableholder .tabulator-table .tabulator-row.tabulator-calcs {
    font-weight: 700;
}

.tabulator .tabulator-tableholder .tabulator-table .tabulator-row.tabulator-calcs.tabulator-calcs-top {
    border-bottom: 2px solid red;
}

.tabulator .tabulator-tableholder .tabulator-table .tabulator-row.tabulator-calcs.tabulator-calcs-bottom {
    border-top: 2px solid red;
}

.tabulator .tabulator-footer {
    font-weight: 700;
    white-space: nowrap;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
}

.tabulator .tabulator-footer .tabulator-footer-contents {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 5px 10px;
}

.tabulator .tabulator-footer .tabulator-footer-contents:empty {
    display: none;
}

.tabulator .tabulator-footer .tabulator-calcs-holder {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: calc(100% + 20px);
    text-align: left;
    border-bottom: 1px solid red;
    border-top: 1px solid red;
    overflow: hidden;
}

.tabulator .tabulator-footer .tabulator-calcs-holder .tabulator-row .tabulator-col-resize-handle {
    display: none;
}

.tabulator .tabulator-footer .tabulator-calcs-holder:only-child {
    margin-bottom: -5px;
    border-bottom: none;
}

.tabulator .tabulator-footer>*+.tabulator-page-counter {
    margin-left: 10px;
}

.tabulator .tabulator-footer .tabulator-page-counter {
    font-weight: 400;
}

.tabulator .tabulator-footer .tabulator-paginator {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: right;
    font-family: inherit;
    font-weight: inherit;
    font-size: inherit;
}

.tabulator .tabulator-footer .tabulator-page-size {
    display: inline-block;
    margin: 0 5px;
    padding: 2px 5px;
    border-radius: 3px;
}

.tabulator .tabulator-footer .tabulator-pages {
    margin: 0 7px;
}

.tabulator .tabulator-footer .tabulator-page {
    display: inline-block;
    margin: 0 2px;
    padding: 2px 5px;
    border-radius: 3px;
    background: hsla(0, 0%, 100%, 0.2);
}

.tabulator .tabulator-footer .tabulator-page:disabled {
    opacity: 0.5;
}

.tabulator .tabulator-footer .tabulator-page:not(.disabled):hover {
    cursor: pointer;
    background: rgba(0, 0, 0, 0.2);
    color: #fff;
}

.tabulator .tabulator-col-resize-handle {
    position: relative;
    display: inline-block;
    width: 6px;
    margin-left: -3px;
    margin-right: -3px;
    z-index: 10;
    vertical-align: middle;
}

.tabulator .tabulator-col-resize-handle:hover {
    cursor: ew-resize;
}

.tabulator .tabulator-col-resize-handle:last-of-type {
    width: 3px;
    margin-right: 0;
}

.tabulator .tabulator-alert {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    top: 0;
    left: 0;
    z-index: 100;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.4);
    text-align: center;
}

.tabulator .tabulator-alert .tabulator-alert-msg {
    display: inline-block;
    margin: 0 auto;
    padding: 10px 20px;
    border-radius: 10px;
    background: #fff;
    font-weight: 700;
    font-size: 16px;
}

.tabulator .tabulator-alert .tabulator-alert-msg.tabulator-alert-state-msg {
    border: 4px solid #333;
    color: #000;
}

.tabulator .tabulator-alert .tabulator-alert-msg.tabulator-alert-state-error {
    border: 4px solid #d00;
    color: #590000;
}

.tabulator-row {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.tabulator-row:hover,
.tabulator-row:hover .tabulator-cell {
    background-color: #202020;
    -webkit-box-shadow: 0 -1px #202020;
    box-shadow: 0 -1px #202020;
}

.tabulator-row:hover div {
    border-color: #202020 !important;
}

.tabulator-row.tabulator-row-moving {
    border: 1px solid #000;
    background: #fff;
}

.tabulator-row.tabulator-moving {
    position: absolute;
    border-top: 1px solid red;
    border-bottom: 1px solid red;
    pointer-events: none;
    z-index: 15;
}

.tabulator-row .tabulator-row-resize-handle {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 5px;
}

.tabulator-row .tabulator-row-resize-handle.prev {
    top: 0;
    bottom: auto;
}

.tabulator-row .tabulator-row-resize-handle:hover {
    cursor: ns-resize;
}

.tabulator-row .tabulator-frozen {
    display: inline-block;
    position: absolute;
    background-color: #121212;
    z-index: 10;
}

.tabulator-row .tabulator-frozen.tabulator-frozen-left {
    border-right: 1px solid hsla(0, 0%, 100%, 0.2);
}

.tabulator-row .tabulator-frozen.tabulator-frozen-right {
    border-left: 1px solid hsla(0, 0%, 100%, 0.2);
}

.tabulator-row .tabulator-responsive-collapse {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px;
    border-top: 1px solid red;
    border-bottom: 1px solid red;
}

.tabulator-row .tabulator-responsive-collapse:empty {
    display: none;
}

.tabulator-row .tabulator-responsive-collapse table tr td {
    position: relative;
}

.tabulator-row .tabulator-responsive-collapse table tr td:first-of-type {
    padding-right: 10px;
}

.tabulator-row .tabulator-cell {
    display: inline-block;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid hsla(0, 0%, 100%, 0.2);
    padding: 1.25rem 1.375rem;
    vertical-align: middle;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

@media (min-width: 1025px) {
    .tabulator-row .tabulator-cell {
        padding: 1.5rem 1.375rem;
    }
}

.tabulator-row .tabulator-cell img {
    width: 2rem;
    height: 2rem;
    -o-object-fit: contain;
    object-fit: contain;
}

.tabulator-row .tabulator-cell.tabulator-editing {
    outline: none;
    padding: 0;
}

.tabulator-row .tabulator-cell.tabulator-editing input,
.tabulator-row .tabulator-cell.tabulator-editing select {
    border: 1px;
    background: transparent;
    outline: none;
}

.tabulator-row .tabulator-cell.tabulator-validation-fail input,
.tabulator-row .tabulator-cell.tabulator-validation-fail select {
    border: 1px;
    background: transparent;
}

.tabulator-row .tabulator-cell.tabulator-row-handle {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -khtml-user-select: none;
    -webkit-user-select: none;
}

.tabulator-row .tabulator-cell.tabulator-row-handle .tabulator-row-handle-box {
    width: 80%;
}

.tabulator-row .tabulator-cell.tabulator-row-handle .tabulator-row-handle-box .tabulator-row-handle-bar {
    width: 100%;
    height: 3px;
    margin-top: 2px;
    background: #666;
}

.tabulator-row .tabulator-cell .tabulator-data-tree-branch {
    display: inline-block;
    vertical-align: middle;
    height: 9px;
    width: 7px;
    margin-top: -9px;
    margin-right: 5px;
    border-bottom-left-radius: 1px;
    border-left: 2px solid red;
    border-bottom: 2px solid red;
}

.tabulator-row .tabulator-cell .tabulator-data-tree-control {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    vertical-align: middle;
    height: 11px;
    width: 11px;
    margin-right: 5px;
    border-radius: 2px;
    background: rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

.tabulator-row .tabulator-cell .tabulator-data-tree-control:hover {
    cursor: pointer;
    background: rgba(0, 0, 0, 0.2);
}

.tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-collapse {
    display: inline-block;
    position: relative;
    height: 7px;
    width: 1px;
    background: transparent;
}

.tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-collapse:after {
    position: absolute;
    content: "";
    left: -3px;
    top: 3px;
    height: 1px;
    width: 7px;
}

.tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-expand {
    display: inline-block;
    position: relative;
    height: 7px;
    width: 1px;
}

.tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-expand:after {
    position: absolute;
    content: "";
    left: -3px;
    top: 3px;
    height: 1px;
    width: 7px;
}

.tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -khtml-user-select: none;
    -webkit-user-select: none;
    height: 15px;
    width: 15px;
    border-radius: 20px;
    background: #666;
    font-weight: 700;
    font-size: 1.1em;
}

.tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle:hover {
    opacity: 0.7;
}

.tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle.open .tabulator-responsive-collapse-toggle-close {
    display: inline;
    display: initial;
}

.tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle.open .tabulator-responsive-collapse-toggle-open,
.tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle .tabulator-responsive-collapse-toggle-close {
    display: none;
}

.tabulator-row .tabulator-cell .tabulator-traffic-light {
    display: inline-block;
    height: 14px;
    width: 14px;
    border-radius: 14px;
}

.tabulator-row.tabulator-group {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid #999;
    border-right: 1px solid red;
    border-top: 1px solid #999;
    padding: 5px 5px 5px 10px;
    background: #ccc;
    font-weight: 700;
    min-width: 100%;
}

.tabulator-row.tabulator-group:hover {
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.1);
}

.tabulator-row.tabulator-group.tabulator-group-level-1 {
    padding-left: 30px;
}

.tabulator-row.tabulator-group.tabulator-group-level-2 {
    padding-left: 50px;
}

.tabulator-row.tabulator-group.tabulator-group-level-3 {
    padding-left: 70px;
}

.tabulator-row.tabulator-group.tabulator-group-level-4 {
    padding-left: 90px;
}

.tabulator-row.tabulator-group.tabulator-group-level-5 {
    padding-left: 110px;
}

.tabulator-row.tabulator-group .tabulator-group-toggle {
    display: inline-block;
}

.tabulator-row.tabulator-group .tabulator-arrow {
    display: block;
    width: 1rem;
    height: 1rem;
}

.tabulator-row.tabulator-group span {
    margin-left: 10px;
    color: #d00;
}

.tabulator-popup-container {
    position: absolute;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid red;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    z-index: 10000;
}

.tabulator-popup {
    padding: 5px;
    border-radius: 3px;
}

.tabulator-tooltip {
    max-width: Min(500px, 100%);
    padding: 3px 5px;
    border-radius: 2px;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 12px;
    pointer-events: none;
}

.tabulator-menu .tabulator-menu-item {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px 10px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.tabulator-menu .tabulator-menu-item.tabulator-menu-item-disabled {
    opacity: 0.5;
}

.tabulator-menu .tabulator-menu-item:not(.tabulator-menu-item-disabled):hover {
    cursor: pointer;
}

.tabulator-menu .tabulator-menu-item.tabulator-menu-item-submenu {
    padding-right: 25px;
}

.tabulator-menu .tabulator-menu-item.tabulator-menu-item-submenu:after {
    display: inline-block;
    position: absolute;
    top: calc(5px + 0.4em);
    right: 10px;
    height: 7px;
    width: 7px;
    content: "";
    border-color: red;
    border-style: solid;
    border-width: 1px 1px 0 0;
    vertical-align: top;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.tabulator-menu .tabulator-menu-separator {
    border-top: 1px solid red;
}

.tabulator-edit-list {
    max-height: 200px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.tabulator-edit-list .tabulator-edit-list-item {
    padding: 4px;
    outline: none;
}

.tabulator-edit-list .tabulator-edit-list-item:hover {
    cursor: pointer;
}

.tabulator-edit-list .tabulator-edit-list-placeholder {
    padding: 4px;
    text-align: center;
}

.tabulator-edit-list .tabulator-edit-list-group {
    border-bottom: 1px solid red;
    padding: 6px 4px 4px;
    font-weight: 700;
}

.tabulator-edit-list .tabulator-edit-list-group.tabulator-edit-list-group-level-2,
.tabulator-edit-list .tabulator-edit-list-item.tabulator-edit-list-group-level-2 {
    padding-left: 12px;
}

.tabulator-edit-list .tabulator-edit-list-group.tabulator-edit-list-group-level-3,
.tabulator-edit-list .tabulator-edit-list-item.tabulator-edit-list-group-level-3 {
    padding-left: 20px;
}

.tabulator-edit-list .tabulator-edit-list-group.tabulator-edit-list-group-level-4,
.tabulator-edit-list .tabulator-edit-list-item.tabulator-edit-list-group-level-4 {
    padding-left: 28px;
}

.tabulator-edit-list .tabulator-edit-list-group.tabulator-edit-list-group-level-5,
.tabulator-edit-list .tabulator-edit-list-item.tabulator-edit-list-group-level-5 {
    padding-left: 36px;
}

footer.site-footer {
    background-position: 50%;
    background-size: cover;
    padding: 5rem 1.25rem 0;
    position: relative;
    z-index: 1;
    color: #fff;
}

@media (min-width: 768px) {
    footer.site-footer {
        padding: 5rem 2.5rem 0;
    }
}

@media (min-width: 1025px) {
    footer.site-footer {
        padding:3rem 10rem 0;
    }
}

footer.site-footer:before {
    content: "";
    background-image: -webkit-gradient(linear, left top, left bottom, from(#121212), to(rgba(18, 18, 18, 0)));
    background-image: -o-linear-gradient(top, #121212, rgba(18, 18, 18, 0));
    background-image: linear-gradient(180deg, #121212, rgba(18, 18, 18, 0));
    width: 100%;
    height: 13.375rem;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
    pointer-events: none;
}

footer.site-footer video {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: -1;
}

footer.site-footer .brand {
    display: inline-block;
    margin-bottom: 5rem;
    position: relative;
    z-index: 4;
}

@media (min-width: 768px) {
    footer.site-footer .brand {
        margin-bottom: 9.75rem;
    }
}

@media (min-width: 1025px) {
    footer.site-footer .brand {
        margin-bottom: 15rem;
    }
}

footer.site-footer .brand svg {
    width: 3.75rem;
    height: auto;
}

@media (min-width: 1025px) {
    footer.site-footer .brand svg {
        width: 17.125rem;
    }
}

footer.site-footer .content {
    display: flex;
    justify-content: space-evenly;
    margin-bottom: 8rem;
    position: relative;
    z-index: 4;
}



.footer-seo-link {
    text-align: center;
}

.footer-seo-link h2 {
    margin-top: 6rem;
    font-weight: 100;
    font-size: medium;
}

.footer-seo-link h2 :hover {
 color: orangered;
}

@media (min-width: 768px) {
    footer.site-footer .content {
        margin-bottom: 8.75rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

@media (min-width: 1025px) {
    footer.site-footer .content {
        margin-bottom: 15rem;
    }
}

footer.site-footer .content .newsletter {
    margin-bottom: 9.5rem;
}

@media (min-width: 768px) {
    footer.site-footer .content .newsletter {
        margin-bottom: 5rem;
        max-width: 25rem;
    }
}

@media (min-width: 1025px) {
    footer.site-footer .content .newsletter {
        max-width: 43rem;
    }
}

footer.site-footer .content .newsletter h3 {
    font-size: 2rem;
    letter-spacing: -0.04em;
    line-height: 1.2;
    margin-bottom: 2rem;
    max-width: 20.5rem;
}

@media (min-width: 768px) {
    footer.site-footer .content .newsletter h3 {
        max-width: 100%;
        margin-bottom: 1rem;
    }
}

@media (min-width: 1025px) {
    footer.site-footer .content .newsletter h3 {
        font-size: 3rem;
        margin-bottom: 3rem;
    }
}

footer.site-footer .content .newsletter h5 {
    font-size: 1.25rem;
    margin-bottom: 1rem;
    display: none;
}

@media (min-width: 1025px) {
    footer.site-footer .content .newsletter h5 {
        display: block;
    }
}

footer.site-footer .content .newsletter form .form_newsletter {
    position: relative;
}

@media (min-width: 768px) {
    footer.site-footer .content .newsletter form .form_newsletter {
        max-width: 40.875rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

footer.site-footer .content .newsletter form .form_newsletter .btn {
    width: 100%;
    position: absolute;
    left: 0;
    top: calc(100% + 4rem);
}

@media (min-width: 768px) {
    footer.site-footer .content .newsletter form .form_newsletter .btn {
        min-width: 6.8125rem;
        width: auto;
        position: relative;
        top: inherit;
    }
}

@media (min-width: 1025px) {
    footer.site-footer .content .newsletter form .form_newsletter .btn {
        min-width: 10.375rem;
    }
}

footer.site-footer .content .newsletter form .wpcf7-form-control-wrap {
    display: block;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

@media (min-width: 768px) {
    footer.site-footer .content .newsletter form .wpcf7-form-control-wrap {
        margin-right: 1rem;
    }
}

footer.site-footer .content .newsletter form .wpcf7-form-control-wrap .wpcf7-email {
    width: 100%;
    border: 0;
    background-color: hsla(0, 0%, 100%, 0.08);
    padding: 0.875rem 1rem;
    color: #ff4500;
    font-size: 0.75rem;
    font-weight: 500;
    letter-spacing: -0.02em;
    -webkit-backdrop-filter: blur(4.625rem);
    backdrop-filter: blur(4.625rem);
    -webkit-transition: all 0.5s cubic-bezier(0.85, 0, 0.15, 1);
    -o-transition: all 0.5s cubic-bezier(0.85, 0, 0.15, 1);
    transition: all 0.5s cubic-bezier(0.85, 0, 0.15, 1);
}

@media (min-width: 768px) {
    footer.site-footer .content .newsletter form .wpcf7-form-control-wrap .wpcf7-email {
        padding: 0.875rem 1.25rem;
    }
}

@media (min-width: 1025px) {
    footer.site-footer .content .newsletter form .wpcf7-form-control-wrap .wpcf7-email {
        padding: 0.875rem 1.5rem;
        font-size: 1rem;
    }
}

footer.site-footer .content .newsletter form .wpcf7-form-control-wrap .wpcf7-email:focus {
    outline: none;
    -webkit-box-shadow: inset 0 -1px #fff;
    box-shadow: inset 0 -1px #fff;
}

footer.site-footer .content .newsletter form .wpcf7-form-control-wrap .wpcf7-acceptance {
    display: block;
    margin-top: 0.875rem;
    font-weight: 500;
}

@media (min-width: 1025px) {
    footer.site-footer .content .newsletter form .wpcf7-form-control-wrap .wpcf7-acceptance {
        margin-top: 1rem;
    }
}

footer.site-footer .content .newsletter form .wpcf7-form-control-wrap .wpcf7-acceptance .wpcf7-list-item {
    margin: 0;
    padding-left: 1.875rem;
    font-size: 0.875rem;
    letter-spacing: -0.02em;
}

@media (min-width: 1025px) {
    footer.site-footer .content .newsletter form .wpcf7-form-control-wrap .wpcf7-acceptance .wpcf7-list-item {
        font-size: 1rem;
    }
}

footer.site-footer .content .newsletter form .wpcf7-form-control-wrap .wpcf7-acceptance .wpcf7-list-item .wpcf7-list-item-label {
    position: relative;
    cursor: pointer;
}

footer.site-footer .content .newsletter form .wpcf7-form-control-wrap .wpcf7-acceptance .wpcf7-list-item .wpcf7-list-item-label:before {
    content: "";
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.595 10.922a.703.703 0 01-.498-.206L.582 7.2a.703.703 0 11.994-.994l2.92 2.92L10.345.677a.703.703 0 111.156.8l-6.328 9.14a.703.703 0 01-.515.304h-.063z' fill='%231A1A1A'/%3E%3C/svg%3E");
    background-size: 0;
    background-position: 50%;
    background-repeat: no-repeat;
    border: 1px solid #fff;
    width: 1.0625rem;
    height: 1.0625rem;
    border-radius: 0.125rem;
    position: absolute;
    left: -1.875rem;
    top: calc(50% - 0.4375rem);
    -webkit-transition: all 0.3s cubic-bezier(0.85, 0, 0.15, 1);
    -o-transition: all 0.3s cubic-bezier(0.85, 0, 0.15, 1);
    transition: all 0.3s cubic-bezier(0.85, 0, 0.15, 1);
}

footer.site-footer .content .newsletter form .wpcf7-form-control-wrap .wpcf7-acceptance .wpcf7-list-item .wpcf7-list-item-label:hover:before {
    border-color: #ff4500;
}

footer.site-footer .content .newsletter form .wpcf7-form-control-wrap .wpcf7-acceptance .wpcf7-list-item input:checked+.wpcf7-list-item-label:before {
    background-color: #ff4500;
    background-size: 0.6875rem;
}

footer.site-footer .content .newsletter form .wpcf7-form-control-wrap .wpcf7-acceptance input {
    display: none;
}

footer.site-footer .content .newsletter form .wpcf7-not-valid-tip {
    padding-right: 1.625rem;
    font-size: 0.625rem;
    text-transform: uppercase;
    color: hsla(0, 0%, 100%, 0.5);
    position: absolute;
    letter-spacing: 0.04em;
    font-weight: 600;
    right: 0.75rem;
    top: calc(50% - 0.375rem);
    text-align: right;
    pointer-events: none;
}

footer.site-footer .content .newsletter form .wpcf7-not-valid-tip:after {
    content: "!";
    background-color: hsla(0, 0%, 100%, 0.2);
    color: #fff;
    font-weight: 700;
    width: 1.125rem;
    height: 1.125rem;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: calc(50% - 0.5625rem);
    right: 0;
}

footer.site-footer .content .newsletter form .wpcf7-spinner {
    display: none !important;
}

footer.site-footer .content .newsletter form .wpcf7-response-output {
    background-color: #ff4500;
    color: #1a1a1a;
    text-transform: uppercase;
    width: 100%;
    max-width: 100%;
    text-align: center;
    margin: 0;
    padding: 1.5rem;
    border: 0;
    font-weight: 500;
    position: absolute;
    left: 0;
    bottom: -6rem;
}

@media (min-width: 768px) {
    footer.site-footer .content .newsletter form .wpcf7-response-output {
        max-width: 40rem;
        left: calc(50% - 20rem);
        bottom: -12rem;
    }
}

footer.site-footer .content .menus {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    grid-gap: 1.25rem;
    gap: 1.25rem;
}

@media (min-width: 768px) {
    footer.site-footer .content .menus>div:not(:last-child) {
        min-width: 12rem;
    }
}

@media (min-width: 1025px) {
    footer.site-footer .content .menus {
        grid-gap: 4.5rem;
        gap: 4.5rem;
        /* margin-right: 30rem !important; */
    }
}

@media (max-width: 767px) {
    footer.site-footer .content .menus div {
        width: 100% !important;
    }
}

footer.site-footer .content .menus h4 {
    text-transform: uppercase;
    font-size: 0.625rem;
    font-weight: 600;
    margin-bottom: 1.5rem;
    color: hsla(0, 0%, 100%, 0.5);
}

@media (min-width: 768px) {
    footer.site-footer .content .menus h4 {
        margin-top: 0.75rem;
        margin-bottom: 4.375rem;
    }
}

@media (min-width: 1025px) {
    footer.site-footer .content .menus h4 {
        font-size: 1rem;
        margin-top: 0;
        margin-bottom: 4.5rem;
    }
}

footer.site-footer .content .menus ul {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 0.875rem;
    letter-spacing: -0.02em;
    font-weight: 500;
}

@media (min-width: 768px) {
    footer.site-footer .content .menus ul {
        min-width: 7.5rem;
    }
}

@media (min-width: 1025px) {
    footer.site-footer .content .menus ul {
        font-size: 1.25rem;
    }
}

footer.site-footer .content .menus ul a {
    display: block;
    padding: 0.375rem 0;
    -webkit-transition: color 0.3s cubic-bezier(0.85, 0, 0.15, 1);
    -o-transition: color 0.3s cubic-bezier(0.85, 0, 0.15, 1);
    transition: color 0.3s cubic-bezier(0.85, 0, 0.15, 1);
}

@media (min-width: 1025px) {
    footer.site-footer .content .menus ul a {
        padding: 0.5rem 0;
    }
}

footer.site-footer .content .menus ul a:hover {
    color: #ff4500;
}

footer.site-footer .end {
    border-top: 1px solid hsla(0, 0%, 100%, 0.2);
    padding-top: 1rem;
    padding-bottom: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 0.75rem;
    letter-spacing: -0.02em;
    font-weight: 500;
    position: relative;
}

@media (min-width: 1025px) {
    footer.site-footer .end {
        font-size: 1rem;
        padding-top: 2rem;
        padding-bottom: 2.5rem;
    }
}

footer.site-footer .end .copy {
    color: hsla(0, 0%, 100%, 0.5);
}

@media (min-width: 1025px) {
    footer.site-footer .end .copy {
        width: 25%;
    }
}

footer.site-footer .end ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
}

@media (max-width: 1024px) {
    footer.site-footer .end ul {
        width: 100%;
        position: absolute;
        left: 0;
        bottom: calc(100% + 2rem);
    }
}

footer.site-footer .end ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

footer.site-footer .end ul li:after {
    content: "·";
    display: inline-block;
}

footer.site-footer .end ul li:last-child:after {
    display: none;
}

footer.site-footer .end ul li a {
    display: block;
    padding: 0.5rem;
    color: hsla(0, 0%, 100%, 0.5);
    font-weight: 600;
    letter-spacing: 0;
    -webkit-transition: color 0.3s cubic-bezier(0.85, 0, 0.15, 1);
    -o-transition: color 0.3s cubic-bezier(0.85, 0, 0.15, 1);
    transition: color 0.3s cubic-bezier(0.85, 0, 0.15, 1);
}

footer.site-footer .end ul li a:hover {
    color: #ff4500;
}

footer.site-footer .end .to-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all 0.5s cubic-bezier(0.85, 0, 0.15, 1);
    -o-transition: all 0.5s cubic-bezier(0.85, 0, 0.15, 1);
    transition: all 0.5s cubic-bezier(0.85, 0, 0.15, 1);
}

@media (min-width: 1025px) {
    footer.site-footer .end .to-top {
        width: 25%;
    }
}

footer.site-footer .end .to-top .icon {
    background-color: hsla(0, 0%, 100%, 0.2);
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='9' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.375 12.625V1.375m-3.75 3.75l3.75-3.75 3.75 3.75' stroke='%23fff' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"), url("data:image/svg+xml;charset=utf-8,%3Csvg width='9' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.375 12.625V1.375m-3.75 3.75l3.75-3.75 3.75 3.75' stroke='%23fff' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%, center 2rem;
    background-size: auto 0.875rem;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    margin-right: 0.5rem;
    -webkit-transition: all 0.5s cubic-bezier(0.85, 0, 0.15, 1);
    -o-transition: all 0.5s cubic-bezier(0.85, 0, 0.15, 1);
    transition: all 0.5s cubic-bezier(0.85, 0, 0.15, 1);
}

@media (min-width: 1025px) {
    footer.site-footer .end .to-top .icon {
        width: 2rem;
        height: 2rem;
        margin-right: 0.75rem;
    }
}

@-webkit-keyframes to-top {
    0% {
        background-position: 50%, center 2rem;
    }
    to {
        background-position: center -2rem, 50%;
    }
}

@keyframes to-top {
    0% {
        background-position: 50%, center 2rem;
    }
    to {
        background-position: center -2rem, 50%;
    }
}

footer.site-footer .end .to-top:hover {
    color: #ff4500;
}

footer.site-footer .end .to-top:hover .icon {
    -webkit-animation: to-top 0.5s cubic-bezier(0.85, 0, 0.15, 1);
    animation: to-top 0.5s cubic-bezier(0.85, 0, 0.15, 1);
}

#cursor-wrapper {
    position: absolute;
    z-index: 1009;
    -webkit-transition: mix-blend-mode 0.5s cubic-bezier(0.85, 0, 0.15, 1);
    -o-transition: mix-blend-mode 0.5s cubic-bezier(0.85, 0, 0.15, 1);
    transition: mix-blend-mode 0.5s cubic-bezier(0.85, 0, 0.15, 1);
}

#cursor-wrapper div {
    border-radius: 50%;
    will-change: transform;
    position: fixed;
    pointer-events: none;
    -webkit-transition: background-color 0.3s cubic-bezier(0.85, 0, 0.15, 1), border-color 0.3s cubic-bezier(0.85, 0, 0.15, 1), width 0.3s cubic-bezier(0.85, 0, 0.15, 1), height 0.3s cubic-bezier(0.85, 0, 0.15, 1), margin-top 0.3s cubic-bezier(0.85, 0, 0.15, 1), margin-left 0.3s cubic-bezier(0.85, 0, 0.15, 1), background-position 0.3s cubic-bezier(0.85, 0, 0.15, 1);
    -o-transition: background-color 0.3s cubic-bezier(0.85, 0, 0.15, 1), border-color 0.3s cubic-bezier(0.85, 0, 0.15, 1), width 0.3s cubic-bezier(0.85, 0, 0.15, 1), height 0.3s cubic-bezier(0.85, 0, 0.15, 1), margin-top 0.3s cubic-bezier(0.85, 0, 0.15, 1), margin-left 0.3s cubic-bezier(0.85, 0, 0.15, 1), background-position 0.3s cubic-bezier(0.85, 0, 0.15, 1);
    transition: background-color 0.3s cubic-bezier(0.85, 0, 0.15, 1), border-color 0.3s cubic-bezier(0.85, 0, 0.15, 1), width 0.3s cubic-bezier(0.85, 0, 0.15, 1), height 0.3s cubic-bezier(0.85, 0, 0.15, 1), margin-top 0.3s cubic-bezier(0.85, 0, 0.15, 1), margin-left 0.3s cubic-bezier(0.85, 0, 0.15, 1), background-position 0.3s cubic-bezier(0.85, 0, 0.15, 1);
    top: 0;
    left: 0;
}

#cursor-wrapper div:before {
    content: "";
}

#cursor-wrapper div#cursor-pointer {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.337.934a.5.5 0 00-.462-.309h-4.5a.5.5 0 000 1h3.293L.77 10.521a.5.5 0 00.708.708l8.896-8.897v3.293a.5.5 0 001 0V1.122a.5.5 0 00-.038-.188z' fill='%231A1A1A'/%3E%3C/svg%3E");
    background-size: 0.75rem;
    background-position: -1rem 3rem;
    background-repeat: no-repeat;
    height: 1rem;
    width: 1rem;
    z-index: 2;
    background-color: #fff;
}

body.page-template-white-paper #cursor-wrapper div#cursor-pointer {
    background-color: #1a1a1a;
}

#cursor-wrapper div#cursor-pointer #cursor-drag {
    background-color: #ff4500;
    color: #1a1a1a;
    text-transform: uppercase;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap;
    width: 0;
    height: 0;
    border-radius: 2rem;
    font-size: 0.875rem;
    font-weight: 600;
    letter-spacing: 0.06em;
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: width 0.3s cubic-bezier(0.85, 0, 0.15, 1), height 0.3s cubic-bezier(0.85, 0, 0.15, 1);
    -o-transition: width 0.3s cubic-bezier(0.85, 0, 0.15, 1), height 0.3s cubic-bezier(0.85, 0, 0.15, 1);
    transition: width 0.3s cubic-bezier(0.85, 0, 0.15, 1), height 0.3s cubic-bezier(0.85, 0, 0.15, 1);
}

#cursor-wrapper div#cursor-pointer #cursor-drag:after,
#cursor-wrapper div#cursor-pointer #cursor-drag:before {
    content: "";
    background-size: contain;
    background-repeat: no-repeat;
    width: 0.4375rem;
    height: 0.75rem;
    position: absolute;
    top: calc(50% - 0.375rem);
    -webkit-transition: background-position 0.3s cubic-bezier(0.85, 0, 0.15, 1);
    -o-transition: background-position 0.3s cubic-bezier(0.85, 0, 0.15, 1);
    transition: background-position 0.3s cubic-bezier(0.85, 0, 0.15, 1);
}

#cursor-wrapper div#cursor-pointer #cursor-drag:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.998 11.4l1.4-1.4-4-4 4-4-1.4-1.4L.598 6l5.4 5.4z' fill='%231A1A1A'/%3E%3C/svg%3E");
    left: 1.25rem;
    background-position: 1rem 0;
}

#cursor-wrapper div#cursor-pointer #cursor-drag:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.002 11.4L.602 10l4-4-4-4 1.4-1.4 5.4 5.4-5.4 5.4z' fill='%231A1A1A'/%3E%3C/svg%3E");
    right: 1.25rem;
    background-position: -1rem 0;
}

#cursor-wrapper div#cursor-pointer #cursor-drag div {
    overflow: hidden;
    position: relative;
    border-radius: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.85, 0, 0.15, 1);
    transition: -webkit-transform 0.3s cubic-bezier(0.85, 0, 0.15, 1);
    -o-transition: transform 0.3s cubic-bezier(0.85, 0, 0.15, 1);
    transition: transform 0.3s cubic-bezier(0.85, 0, 0.15, 1);
    transition: transform 0.3s cubic-bezier(0.85, 0, 0.15, 1), -webkit-transform 0.3s cubic-bezier(0.85, 0, 0.15, 1);
}

#cursor-wrapper div#cursor-pointer #cursor-drag div>div {
    -webkit-transform: translateY(110%);
    -ms-transform: translateY(110%);
    transform: translateY(110%);
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.85, 0, 0.15, 1) 0.3s;
    transition: -webkit-transform 0.3s cubic-bezier(0.85, 0, 0.15, 1) 0.3s;
    -o-transition: transform 0.3s 0.3s cubic-bezier(0.85, 0, 0.15, 1);
    transition: transform 0.3s cubic-bezier(0.85, 0, 0.15, 1) 0.3s;
    transition: transform 0.3s cubic-bezier(0.85, 0, 0.15, 1) 0.3s, -webkit-transform 0.3s cubic-bezier(0.85, 0, 0.15, 1) 0.3s;
}

#cursor-wrapper div#cursor-pointer #cursor-drag div>div .click-n {
    margin-right: 0.25rem;
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.85, 0, 0.15, 1);
    transition: -webkit-transform 0.3s cubic-bezier(0.85, 0, 0.15, 1);
    -o-transition: transform 0.3s cubic-bezier(0.85, 0, 0.15, 1);
    transition: transform 0.3s cubic-bezier(0.85, 0, 0.15, 1);
    transition: transform 0.3s cubic-bezier(0.85, 0, 0.15, 1), -webkit-transform 0.3s cubic-bezier(0.85, 0, 0.15, 1);
}

#cursor-wrapper div#cursor-pointer #cursor-play {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.6 2.2A1 1 0 006 3v18a1 1 0 001.6.8l12-9a.999.999 0 000-1.6l-12-9z' fill='%231A1A1A'/%3E%3C/svg%3E"), url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 21h4V3H6v18zm8-18v18h4V3h-4z' fill='%231C1C1C'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 1.5rem;
    background-position: 0 0, -1.5rem 0;
    width: 1.5rem;
    height: 0;
    border-radius: 0;
    -webkit-transition: background-position 0.5s cubic-bezier(0.85, 0, 0.15, 1), opacity 0.5s cubic-bezier(0.85, 0, 0.15, 1);
    -o-transition: background-position 0.5s cubic-bezier(0.85, 0, 0.15, 1), opacity 0.5s cubic-bezier(0.85, 0, 0.15, 1);
    transition: background-position 0.5s cubic-bezier(0.85, 0, 0.15, 1), opacity 0.5s cubic-bezier(0.85, 0, 0.15, 1);
}

#cursor-wrapper div#cursor-follower {
    height: 3rem;
    width: 3rem;
}

#cursor-wrapper div#cursor-follower #cursor-article {
    background-color: #ff4500;
    color: #1a1a1a;
    text-transform: uppercase;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap;
    width: 9.375rem;
    height: 3rem;
    border-radius: 2rem;
    font-size: 0.875rem;
    font-weight: 600;
    letter-spacing: 0.06em;
    padding: 0 1.25rem;
    position: absolute;
    right: 100%;
    left: auto;
    top: 0;
    -webkit-transition: -webkit-clip-path 0.3s cubic-bezier(0.85, 0, 0.15, 1);
    transition: -webkit-clip-path 0.3s cubic-bezier(0.85, 0, 0.15, 1);
    -o-transition: clip-path 0.3s cubic-bezier(0.85, 0, 0.15, 1);
    transition: clip-path 0.3s cubic-bezier(0.85, 0, 0.15, 1);
    transition: clip-path 0.3s cubic-bezier(0.85, 0, 0.15, 1), -webkit-clip-path 0.3s cubic-bezier(0.85, 0, 0.15, 1);
    -webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
    clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
}

#cursor-wrapper div#cursor-follower #cursor-article div {
    overflow: hidden;
    position: relative;
    border-radius: 0;
}

#cursor-wrapper div#cursor-follower #cursor-article div div {
    -webkit-transform: translateY(110%);
    -ms-transform: translateY(110%);
    transform: translateY(110%);
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.85, 0, 0.15, 1) 0.3s;
    transition: -webkit-transform 0.3s cubic-bezier(0.85, 0, 0.15, 1) 0.3s;
    -o-transition: transform 0.3s 0.3s cubic-bezier(0.85, 0, 0.15, 1);
    transition: transform 0.3s cubic-bezier(0.85, 0, 0.15, 1) 0.3s;
    transition: transform 0.3s cubic-bezier(0.85, 0, 0.15, 1) 0.3s, -webkit-transform 0.3s cubic-bezier(0.85, 0, 0.15, 1) 0.3s;
}

#cursor-wrapper.active div#cursor-pointer,
#cursor-wrapper.hide div#cursor-pointer {
    width: 0;
    height: 0;
    margin-left: 0.5rem;
    margin-top: 0.5rem;
}

#cursor-wrapper.drag div#cursor-pointer {
    background-color: #ff4500;
    width: 3rem;
    height: 3rem;
    margin-left: -1rem;
    margin-top: -1rem;
}

#cursor-wrapper.drag div#cursor-pointer #cursor-drag {
    width: 9.5rem;
    height: 3rem;
    -webkit-transition: width 0.3s cubic-bezier(0.85, 0, 0.15, 1) 0.2s, height 0.3s cubic-bezier(0.85, 0, 0.15, 1);
    -o-transition: width 0.3s 0.2s cubic-bezier(0.85, 0, 0.15, 1), height 0.3s cubic-bezier(0.85, 0, 0.15, 1);
    transition: width 0.3s cubic-bezier(0.85, 0, 0.15, 1) 0.2s, height 0.3s cubic-bezier(0.85, 0, 0.15, 1);
}

#cursor-wrapper.drag div#cursor-pointer #cursor-drag div>div {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

#cursor-wrapper.drag.click #cursor-pointer #cursor-drag:after,
#cursor-wrapper.drag.click #cursor-pointer #cursor-drag:before {
    background-position: 50%;
    -webkit-transition: background-position 0.3s cubic-bezier(0.85, 0, 0.15, 1) 0.1s;
    -o-transition: background-position 0.3s 0.1s cubic-bezier(0.85, 0, 0.15, 1);
    transition: background-position 0.3s cubic-bezier(0.85, 0, 0.15, 1) 0.1s;
}

#cursor-wrapper.drag.click #cursor-pointer #cursor-drag>div {
    -webkit-transform: translateX(-2rem);
    -ms-transform: translateX(-2rem);
    transform: translateX(-2rem);
}

#cursor-wrapper.drag.click #cursor-pointer #cursor-drag>div div .click-n {
    -webkit-transform: translateY(110%);
    -ms-transform: translateY(110%);
    transform: translateY(110%);
}

#cursor-wrapper.drag.active div#cursor-pointer {
    width: 0;
    height: 0;
    margin-left: 0.5rem;
    margin-top: 0.5rem;
}

#cursor-wrapper.drag.active div#cursor-pointer #cursor-drag {
    width: 0;
    height: 0;
}

#cursor-wrapper.link {
    mix-blend-mode: normal;
}

#cursor-wrapper.link div#cursor-pointer {
    background-color: #ff4500;
    background-position: 50%;
    width: 3rem;
    height: 3rem;
    margin-left: -1rem;
    margin-top: -1rem;
}

#cursor-wrapper.news {
    mix-blend-mode: normal;
}

#cursor-wrapper.news div#cursor-pointer {
    background-color: #ff4500;
    background-position: 50%;
    width: 3rem;
    height: 3rem;
    margin-left: -1rem;
    margin-top: -1rem;
}

#cursor-wrapper.news div#cursor-follower #cursor-article {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    -webkit-transition: -webkit-clip-path 0.3s cubic-bezier(0.85, 0, 0.15, 1) 0.2s;
    transition: -webkit-clip-path 0.3s cubic-bezier(0.85, 0, 0.15, 1) 0.2s;
    -o-transition: clip-path 0.3s 0.2s cubic-bezier(0.85, 0, 0.15, 1);
    transition: clip-path 0.3s cubic-bezier(0.85, 0, 0.15, 1) 0.2s;
    transition: clip-path 0.3s cubic-bezier(0.85, 0, 0.15, 1) 0.2s, -webkit-clip-path 0.3s cubic-bezier(0.85, 0, 0.15, 1) 0.2s;
}

#cursor-wrapper.news div#cursor-follower #cursor-article div div {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

#cursor-wrapper.video div#cursor-pointer {
    background-color: transparent;
    margin-left: -1rem;
    margin-top: -1rem;
    width: 3rem;
    height: 3rem;
}

#cursor-wrapper.video div#cursor-pointer #cursor-play {
    opacity: 1;
    height: 1.5rem;
    margin-left: 0.75rem;
    margin-top: 0.75rem;
}

#cursor-wrapper.video div#cursor-follower {
    background-color: #ff4500;
    width: 10rem;
    height: 10rem;
    margin-top: -3.5rem;
    margin-left: -3.5rem;
}

#cursor-wrapper.video.pause div#cursor-pointer #cursor-play {
    background-position: 1.5rem 0, 0 0;
}

body.error404 main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
}

body.error404 main .content {
    padding-top: 16rem;
    max-width: 46rem;
}

body.error404 main .content h2 {
    font-size: 5.625rem;
    margin-bottom: 1.125rem;
}

body.error404 main .content p {
    font-size: 1.125rem;
    color: hsla(0, 0%, 100%, 0.5);
    margin-bottom: 6.25rem;
}

body.page-template-default header {
    padding-top: 10rem;
    text-align: center;
}

@media (min-width: 768px) {
    body.page-template-default header {
        padding-top: 15rem;
    }
}

body.page-template-default header h1 {
    font-size: 2rem;
    list-style: -0.4em;
}

@media (min-width: 768px) {
    body.page-template-default header h1 {
        font-size: 5.625rem;
    }
}

body.page-template-default .page-content {
    padding: 10rem 1.25rem;
    max-width: 70rem;
    margin: 0 auto;
    line-height: 1.5;
}

@media (min-width: 768px) {
    body.page-template-default .page-content {
        font-size: 1.125rem;
    }
}

body.page-template-default .page-content p {
    margin-bottom: 2rem;
}

.modal-contact {
    background-color: #ff4500;
    color: #1a1a1a;
    width: 100vw;
    height: 100vh;
    padding: 4.25rem 1.25rem 1.25rem;
    overflow-y: scroll;
    position: fixed;
    top: 0;
    right: -110vw;
    opacity: 0;
    z-index: 1005;
    -webkit-transition: right 0.5s cubic-bezier(0.85, 0, 0.15, 1), opacity 0.5s cubic-bezier(0.85, 0, 0.15, 1);
    -o-transition: right 0.5s cubic-bezier(0.85, 0, 0.15, 1), opacity 0.5s cubic-bezier(0.85, 0, 0.15, 1);
    transition: right 0.5s cubic-bezier(0.85, 0, 0.15, 1), opacity 0.5s cubic-bezier(0.85, 0, 0.15, 1);
}

@media (min-width: 768px) {
    .modal-contact {
        padding: 7rem 3rem 3rem;
        width: 28.4375rem;
        height: calc(100vh - 4rem);
        top: 2rem;
        right: -30rem;
    }
}

.contact-open .modal-contact {
    right: 0;
    opacity: 1;
}

@media (min-width: 768px) {
    .contact-open .modal-contact {
        right: 2rem;
    }
}

.modal-contact::-webkit-scrollbar {
    width: 0.25rem;
}

.modal-contact::-webkit-scrollbar-track {
    background: transparent;
}

.modal-contact::-webkit-scrollbar-thumb {
    background: rgba(26, 26, 26, 0.5);
}

.modal-contact::-moz-selection,
.modal-contact ::-moz-selection {
    background: rgba(26, 26, 26, 0.2);
    color: #1a1a1a;
}

.modal-contact ::-moz-selection {
    background: rgba(26, 26, 26, 0.2);
    color: #1a1a1a;
}

.modal-contact ::selection {
    background: rgba(26, 26, 26, 0.2);
    color: #1a1a1a;
}

.modal-contact .close {
    background-color: #1a1a1a;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.833 2.167L2.167 13.833m11.666 0L2.167 2.167' stroke='%2373b3e2' stroke-width='2' stroke-miterlimit='10' stroke-linecap='square'/%3E%3C/svg%3E");
    background-position: 50%;
    background-size: 0.75rem;
    background-repeat: no-repeat;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    position: absolute;
    right: 1.25rem;
    top: 1.25rem;
    -webkit-transition: all 0.3s cubic-bezier(0.85, 0, 0.15, 1);
    -o-transition: all 0.3s cubic-bezier(0.85, 0, 0.15, 1);
    transition: all 0.3s cubic-bezier(0.85, 0, 0.15, 1);
    cursor: pointer;
}

@media (min-width: 768px) {
    .modal-contact .close {
        right: 2rem;
        top: 2rem;
    }
}

.modal-contact .close:hover {
    background-color: #fff;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.833 2.167L2.167 13.833m11.666 0L2.167 2.167' stroke='%231a1a1a' stroke-width='2' stroke-miterlimit='10' stroke-linecap='square'/%3E%3C/svg%3E");
}

.modal-contact h3 {
    font-size: 2.5rem;
    margin-bottom: 1rem;
    letter-spacing: -0.04em;
}

@media (min-width: 768px) {
    .modal-contact h3 {
        font-size: 4rem;
        margin-bottom: 2rem;
    }
}

.modal-contact p {
    letter-spacing: -0.01em;
    font-weight: 500;
    line-height: 1.25;
    margin-bottom: 1.5rem;
    font-size: 0.875rem;
}

@media (min-width: 768px) {
    .modal-contact p {
        font-size: 1rem;
        margin-bottom: 2rem;
    }
}

.modal-contact input,
.modal-contact textarea {
    border: 0;
    background-color: rgba(26, 26, 26, 0.08);
    width: 100%;
    padding: 0.875rem 1rem;
    font-size: 1rem;
    font-weight: 500;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    resize: none;
    -webkit-transition: all 0.5s cubic-bezier(0.85, 0, 0.15, 1);
    -o-transition: all 0.5s cubic-bezier(0.85, 0, 0.15, 1);
    transition: all 0.5s cubic-bezier(0.85, 0, 0.15, 1);
}

.modal-contact input:focus,
.modal-contact textarea:focus {
    outline: none;
    -webkit-box-shadow: inset 0 0 0 1px #1a1a1a;
    box-shadow: inset 0 0 0 1px #1a1a1a;
}

.modal-contact textarea {
    height: 6.25rem;
}

@media (min-width: 768px) {
    .modal-contact textarea {
        height: auto;
    }
}

.modal-contact .wpcf7-not-valid-tip {
    padding-right: 1.625rem;
    font-size: 0.625rem;
    text-transform: uppercase;
    color: rgba(26, 26, 26, 0.5);
    position: absolute;
    letter-spacing: 0.04em;
    font-weight: 600;
    right: 0.75rem;
    top: calc(50% - 0.375rem);
    text-align: right;
    pointer-events: none;
}

.modal-contact .wpcf7-not-valid-tip:after {
    content: "!";
    background-color: rgba(26, 26, 26, 0.2);
    color: #1a1a1a;
    font-weight: 700;
    width: 1.125rem;
    height: 1.125rem;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: calc(50% - 0.5625rem);
    right: 0;
}

.modal-contact label {
    font-weight: 500;
    font-size: 0.875rem;
}

.modal-contact .wpcf7-form-control-wrap {
    display: block;
    margin-top: 0.5rem;
    margin-bottom: 1.25rem;
}

@media (min-width: 768px) {
    .modal-contact .wpcf7-form-control-wrap {
        margin-bottom: 2rem;
    }
}

.modal-contact .btn {
    width: 100%;
    background-color: #1a1a1a;
    color: #ff4500;
}

.modal-contact .btn:hover {
    color: #1a1a1a;
}

.modal-contact .btn.mask-bt>svg circle {
    fill: #fff;
}

.modal-contact .wpcf7-response-output {
    background-color: rgba(26, 26, 26, 0.2);
    border: 0 !important;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 0.875rem;
    padding: 1.5rem !important;
    text-align: center;
    margin: 2.5rem 0 0 !important;
}

.section-title .tag {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0.6875rem;
}

@media (min-width: 1025px) {
    .section-title .tag {
        margin-bottom: 1.125rem;
    }
}

.section-title .tag .number {
    background-color: rgba(115, 179, 226, 0.16);
    border: 1px solid #ff4500;
    width: calc(2rem + 2px);
    height: calc(2rem + 2px);
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    font-size: 0.5rem;
    font-weight: 600;
    line-height: 1;
    color: #ff4500;
    position: relative;
    -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
    clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
    -webkit-transition: all 0.5s cubic-bezier(0.85, 0, 0.15, 1);
    -o-transition: all 0.5s cubic-bezier(0.85, 0, 0.15, 1);
    transition: all 0.5s cubic-bezier(0.85, 0, 0.15, 1);
}

@media (min-width: 1025px) {
    .section-title .tag .number {
        border-width: 2px;
        width: calc(3rem + 4px);
        height: calc(3rem + 4px);
        font-size: 0.75rem;
    }
}

.section-title .tag .number:before {
    content: "";
    background-color: #ff4500;
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    top: calc(50% - 1px);
}

@media (min-width: 1025px) {
    .section-title .tag .number:before {
        height: 2px;
    }
}

.section-title .tag .number .total {
    margin-top: 0.5rem;
    margin-bottom: 0.125rem;
}

@media (min-width: 1025px) {
    .section-title .tag .number .total {
        margin-top: 0.75rem;
        margin-bottom: 0;
    }
}

.section-title .tag .number+.name {
    margin-left: 0.375rem;
}

@media (min-width: 1025px) {
    .section-title .tag .number+.name {
        margin-left: 0.8125rem;
    }
}

.section-title .tag .name {
    background-color: rgba(115, 179, 226, 0.16);
    border: 1px solid #ff4500;
    padding: 0.625rem 1rem;
    border-radius: 3rem;
    text-align: center;
    font-size: 0.625rem;
    font-weight: 600;
    line-height: 1;
    color: #ff4500;
    text-transform: uppercase;
    -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
    clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
    -webkit-transition: all 0.5s cubic-bezier(0.85, 0, 0.15, 1);
    -o-transition: all 0.5s cubic-bezier(0.85, 0, 0.15, 1);
    transition: all 0.5s cubic-bezier(0.85, 0, 0.15, 1);
}

@media (min-width: 1025px) {
    .section-title .tag .name {
        border-width: 2px;
        font-size: 1rem;
        padding: 0.875rem 1.5rem;
    }
}

.section-title .tag.is-inview .name,
.section-title .tag.is-inview .number {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}

.section-title h2 {
    font-size: 2.5rem;
    letter-spacing: -0.04em;
    margin: 0;
}

@media (min-width: 768px) {
    .section-title h2 {
        font-size: 3.5rem;
    }
}

@media (min-width: 1025px) {
    .section-title h2 {
        font-size: 5.625rem;
    }
}

.section-title h2 span {
    color: #ff4500;
}

.section-title p {
    color: hsla(0, 0%, 100%, 0.5);
    font-size: 0.875rem;
    line-height: 1.25;
    font-weight: 500;
    letter-spacing: -0.02em;
    margin: 0;
}

@media (min-width: 1025px) {
    .section-title p {
        font-size: 1.25rem;
    }
}

body.home section.hero {
    min-height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    z-index: 1;
    padding-top: calc(50vh - 50vw);
}

@media (min-width: 768px) {
    body.home section.hero {
        padding-top: calc(50vh - 16.9375rem);
    }
}

@media (min-width: 1025px) {
    body.home section.hero {
        padding-top: 7rem;
    }
}

body.home section.hero video {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: -1;
}

body.home section.hero .content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    max-height: 33.875rem;
}

@media (min-width: 768px) {
    body.home section.hero .content {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
    body.home section.hero .content:after,
    body.home section.hero .content:before {
        content: "";
        background-color: hsla(0, 0%, 100%, 0.2);
        width: 100%;
        height: 1px;
        position: absolute;
        left: 0;
        top: 0;
    }
    body.home section.hero .content:after {
        top: auto;
        bottom: 0;
    }
}

@media (min-width: 1025px) {
    body.home section.hero .content {
        max-height: 73rem;
    }
}

body.home section.hero .content .circle {
    width: 100vw;
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

@media (min-width: 768px) {
    body.home section.hero .content .circle {
        width: auto;
        height: 100%;
    }
}

@media (min-width: 1025px) {
    body.home section.hero .content .circle {
        height: calc(100% + 0.375rem);
        left: -0.1875rem;
        top: -0.1875rem;
    }
}

body.home section.hero .content .circle path {
    fill: transparent;
    stroke: hsla(0, 0%, 100%, 0.2);
    stroke-width: 0.0625rem;
    stroke-miterlimit: 1;
}

body.home section.hero .content .side {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 1.25rem;
}

@media (min-width: 768px) {
    body.home section.hero .content .side {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

@media (max-width: 767px) {
    body.home section.hero .content .side svg {
        display: none;
    }
}

body.home section.hero .content .side:first-child {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}

@media (min-width: 768px) {
    body.home section.hero .content .side:first-child {
        padding-left: 2.5rem;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
}

@media (min-width: 1025px) {
    body.home section.hero .content .side:first-child {
        padding-left: 10rem;
    }
}

body.home section.hero .content .side:first-child svg {
    left: auto;
    right: -0.1875rem;
}

body.home section.hero .content .side:last-child {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: right;
}

@media (min-width: 768px) {
    body.home section.hero .content .side:last-child {
        padding-right: 2.5rem;
    }
}

@media (min-width: 1025px) {
    body.home section.hero .content .side:last-child {
        padding-right: 10rem;
    }
}

body.home section.hero .content .side:last-child svg {
    -webkit-transform: rotate(90deg) rotateY(180deg);
    transform: rotate(90deg) rotateY(180deg);
}

body.home section.hero .content .side:last-child .infos .item:not(:last-child):after {
    left: auto;
    right: 0;
}

body.home section.hero .content .side:last-child .infos .line {
    margin-left: auto;
}

body.home section.hero .content .side .infos {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

body.home section.hero .content .side .infos .item {
    position: relative;
    font-weight: 500;
}

body.home section.hero .content .side .infos .item .number {
    font-size: 1.125rem;
    font-weight: 500;
    letter-spacing: -0.04em;
    line-height: 1.2;
    margin-bottom: 0.25rem;
    text-transform: uppercase;
}

@media (min-width: 1025px) {
    body.home section.hero .content .side .infos .item .number {
        font-size: 2.5rem;
        margin-bottom: 0.5rem;
    }
}

body.home section.hero .content .side .infos .item .number sub,
body.home section.hero .content .side .infos .item .number sup {
    font-size: 0.625rem;
    margin: 0.125rem;
}

@media (min-width: 1025px) {
    body.home section.hero .content .side .infos .item .number sub,
    body.home section.hero .content .side .infos .item .number sup {
        font-size: 1.25rem;
    }
}

body.home section.hero .content .side .infos .item .number sub:last-child,
body.home section.hero .content .side .infos .item .number sup:last-child {
    margin-right: 0;
}

body.home section.hero .content .side .infos .item .number sup {
    top: -0.375rem;
}

@media (min-width: 1025px) {
    body.home section.hero .content .side .infos .item .number sup {
        top: -1rem;
    }
}

body.home section.hero .content .side .infos .item .number sub {
    bottom: 0;
}

body.home section.hero .content .side .infos .item .desc {
    font-size: 0.625rem;
    color: hsla(0, 0%, 100%, 0.5);
    letter-spacing: -0.02em;
}

@media (min-width: 1025px) {
    body.home section.hero .content .side .infos .item .desc {
        font-size: 0.875rem;
    }
}

body.home section.hero .content .side .infos .item .desc a {
    position: relative;
    -webkit-transition: color 0.3s cubic-bezier(0.85, 0, 0.15, 1);
    -o-transition: color 0.3s cubic-bezier(0.85, 0, 0.15, 1);
    transition: color 0.3s cubic-bezier(0.85, 0, 0.15, 1);
}

body.home section.hero .content .side .infos .item .desc a:before {
    content: "";
    background-color: hsla(0, 0%, 100%, 0.5);
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: -0.25rem;
    -webkit-transition: background-color 0.3s cubic-bezier(0.85, 0, 0.15, 1);
    -o-transition: background-color 0.3s cubic-bezier(0.85, 0, 0.15, 1);
    transition: background-color 0.3s cubic-bezier(0.85, 0, 0.15, 1);
}

body.home section.hero .content .side .infos .item .desc a svg {
    width: 0.6875rem;
    height: 0.6875rem;
    margin-left: 0.25rem;
}

body.home section.hero .content .side .infos .item .desc a:hover {
    color: #ff4500;
}

body.home section.hero .content .side .infos .item .desc a:hover:before {
    background-color: #ff4500;
}

body.home section.hero .content .side .infos .line {
    background-color: #fff;
    width: 0;
    height: 1px;
    -webkit-transition-property: width;
    -o-transition-property: width;
    transition-property: width;
    margin-top: 1.25rem;
    margin-bottom: 0.875rem;
}

@media (min-width: 768px) {
    body.home section.hero .content .side .infos .line {
        margin-top: 1.875rem;
        margin-bottom: 2rem;
    }
}

@media (min-width: 1025px) {
    body.home section.hero .content .side .infos .line {
        margin-top: 2.675rem;
        margin-bottom: 1.75rem;
    }
}

body.home section.hero .content .side .infos .line.is-inview {
    width: 1rem;
}

@media (min-width: 1025px) {
    body.home section.hero .content .side .infos .line.is-inview {
        width: 1.5rem;
    }
}

body.home section.hero .content .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    height: 100vw;
    position: relative;
    padding: 1.5rem 1rem;
    width: 100%;
}

@media (min-width: 768px) {
    body.home section.hero .content .title {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        max-width: 33.875rem;
        height: auto;
        padding: 2.5rem;
        margin: 0;
    }
}

@media (min-width: 1025px) {
    body.home section.hero .content .title {
        width: calc(100vh - 12.25rem);
        max-width: 73rem;
    }
}

@media (max-width: 767px) {
    body.home section.hero .content .title:after,
    body.home section.hero .content .title:before {
        content: "";
        background-color: hsla(0, 0%, 100%, 0.2);
        width: 100%;
        height: 1px;
        position: absolute;
        left: 0;
        top: 0;
    }
    body.home section.hero .content .title:after {
        top: auto;
        bottom: 0;
    }
}

body.home section.hero .content .title p {
    max-width: 16rem;
    color: hsla(0, 0%, 100%, 0.5);
    letter-spacing: -0.03em;
    font-size: 0.875rem;
    margin: -7.75rem auto 7.25rem;
    text-align: center;
}

@media (min-width: 768px) {
    body.home section.hero .content .title p {
        max-width: inherit;
        margin-top: 0.25rem;
        margin-bottom: 0.5rem;
        font-size: 1.25rem;
    }
}

@media (min-width: 1025px) {
    body.home section.hero .content .title p {
        letter-spacing: -0.01em;
        margin-top: 3.75rem;
        font-size: 1.6875rem;
    }
}

body.home section.hero .content .title h2 {
    font-size: 2.5rem;
    margin-bottom: 1.75rem;
    line-height: 1.1;
    letter-spacing: -0.04em;
    text-align: center;
}

@media (min-width: 768px) {
    body.home section.hero .content .title h2 {
        font-size: 3.5rem;
        margin-bottom: 3rem;
        font-size: clamp(2rem, 7vh, 3.5rem);
    }
}

@media (min-width: 1025px) {
    body.home section.hero .content .title h2 {
        font-size: 5.625rem;
        margin-bottom: 6.5rem;
        font-size: clamp(4rem, 8vh, 5.625rem);
    }
}

body.home section.hero .content .title .buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
}

body.home section.hero .content .title .buttons .btn.default {
    margin-top: 0.375rem;
}

@media (min-width: 768px) {
    body.home section.hero .content .title .buttons {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

body.home section.hero .scroll {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    height: 5.25rem;
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    color: hsla(0, 0%, 100%, 0.5);
    text-transform: uppercase;
    -webkit-transition: all 0.3s cubic-bezier(0.85, 0, 0.15, 1);
    -o-transition: all 0.3s cubic-bezier(0.85, 0, 0.15, 1);
    transition: all 0.3s cubic-bezier(0.85, 0, 0.15, 1);
}

@media (min-width: 768px) {
    body.home section.hero .scroll {
        margin: auto 0;
    }
}

@media (max-width: 767px) {
    body.home section.hero .scroll {
        display: none;
    }
}

body.home section.hero .scroll:hover {
    color: #ff4500;
}

body.home section.features {
    background-color: #121212;
    padding: 6.875rem 1.25rem 2.5rem;
    position: relative;
    z-index: 3;
}

@media (min-width: 768px) {
    body.home section.features {
        padding: 12.5rem 2.5rem;
    }
}

@media (min-width: 1025px) {
    body.home section.features {
        padding: 15rem 10rem;
    }
}

body.home section.features .section-title {
    position: relative;
    z-index: 3;
}

@media (min-width: 768px) {
    body.home section.features .section-title {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }
}

body.home section.features .section-title h2 {
    line-height: 1.1;
}

@media (min-width: 768px) {
    body.home section.features .section-title h2 {
        margin-top: -3.625rem;
        margin-right: -10rem;
    }
    body.home section.features .section-title h2 span.start {
        width: 10.125rem;
        display: inline-block;
        pointer-events: none;
    }
}

@media (min-width: 1025px) {
    body.home section.features .section-title h2 {
        margin-top: -5.75rem;
        margin-right: 0;
    }
    body.home section.features .section-title h2 span.start {
        width: 17.5rem;
    }
    body.home section.features .section-title h2 span.space {
        width: 33.75rem;
        display: inline-block;
        pointer-events: none;
    }
}

@media (min-width: 1025px) {
    body.home section.features .section-title h2 .line-container:first-child,
    body.home section.features .section-title h2 .line-container:nth-child(4) {
        display: none !important;
    }
    body.home section.features .section-title h2 .line-container:nth-child(2) {
        padding-left: 17.5rem;
    }
    body.home section.features .section-title h2 .line-container:nth-child(5) {
        padding-left: 33.75rem;
    }
}

body.home section.features .section-title p {
    margin: 2rem 0;
    letter-spacing: -0.01em;
}

@media (min-width: 768px) {
    body.home section.features .section-title p {
        max-width: 25rem;
        margin-bottom: 0.25rem;
    }
}

@media (min-width: 1025px) {
    body.home section.features .section-title p {
        max-width: 32.5rem;
        margin-top: -3.3125rem;
        margin-bottom: 0;
    }
}

@media (min-width: 1025px) {
    body.home section.features .section-title .btn {
        margin-left: -1rem;
        margin-bottom: 0.25rem;
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }
}

body.home section.features #fixed-features {
    padding-top: 8.125rem;
    position: relative;
}

@media (min-width: 1025px) {
    body.home section.features #fixed-features {
        padding-top: 18.5rem;
        margin-top: -2.25rem;
    }
}

body.home section.features #fixed-features .icon {
    width: 24rem;
    height: 13.5rem;
    position: absolute;
    left: calc(50% - 12rem);
    top: calc(50vh - 5rem);
    pointer-events: none;
    z-index: 2;
    margin-bottom: 10rem;
}

@media (min-width: 768px) {
    body.home section.features #fixed-features .icon {
        width: 36rem;
        height: 20.25rem;
        left: calc(50% - 18rem);
        top: 5rem;
    }
}

@media (min-width: 1025px) {
    body.home section.features #fixed-features .icon {
        width: 60rem;
        height: 33.75rem;
        left: calc(50% - 30rem);
        top: 12.5rem;
    }
}

body.home section.features #fixed-features .icon canvas,
body.home section.features #fixed-features .icon img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

body.home section.features ul {
    list-style: none;
    margin: 0;
    padding: 0;
    counter-reset: count-features;
}

@media (max-width: 767px) {
    body.home section.features ul.list-web {
        opacity: 0;
    }
}

body.home section.features ul.list-mobile {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    padding-top: 10vh;
}

body.home section.features ul.list-mobile svg {
    width: calc(2rem + 4px);
    height: calc(2rem + 4px);
    position: absolute;
    left: -2px;
    top: calc(10vh + 2.5rem);
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    padding: 0.0625rem;
}

body.home section.features ul.list-mobile svg path {
    fill: transparent;
    stroke: #ff4500;
    stroke-width: 0.0625rem;
    stroke-miterlimit: 10;
}

body.home section.features ul.list-mobile li {
    position: absolute;
    opacity: 1;
}

body.home section.features ul.list-mobile li .num {
    border-color: transparent;
    background-color: rgba(115, 179, 226, 0.16);
    color: #ff4500;
}

@media (min-width: 768px) {
    body.home section.features ul.list-mobile {
        display: none;
    }
}

body.home section.features ul li {
    padding: 2.5rem 0 2.5rem 7rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    counter-increment: count-features;
    position: relative;
    opacity: 0.3;
    height: calc(100vh - 14rem);
    min-height: 26rem;
}

@media (min-width: 768px) {
    body.home section.features ul li {
        padding: 4rem 0;
        height: auto;
        min-height: auto;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

@media (min-width: 1025px) {
    body.home section.features ul li {
        padding: 6.5rem 0;
    }
}

body.home section.features ul li .num {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    border: 1px solid;
    font-size: 0.5rem;
    font-weight: 600;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    position: absolute;
    left: 0;
    top: 2.5rem;
}

@media (min-width: 768px) {
    body.home section.features ul li .num {
        margin-right: 2.25rem;
        position: relative;
        left: auto;
        top: auto;
    }
}

@media (min-width: 1025px) {
    body.home section.features ul li .num {
        border-width: 2px;
        margin-right: 5.5rem;
        font-size: 1rem;
        width: 3rem;
        height: 3rem;
    }
}

body.home section.features ul li .num:before {
    content: "0" counter(count-features);
}

@media (min-width: 768px) {
    body.home section.features ul li:not(:first-child) {
        margin-top: -2px;
    }
}

body.home section.features ul li h3 {
    font-size: 1.5rem;
    line-height: 1;
    letter-spacing: -0.04em;
    margin-right: auto;
    margin-bottom: 1rem;
    color: #fff;
}

@media (min-width: 768px) {
    body.home section.features ul li h3 {
        max-width: 12rem;
        margin-bottom: 0;
    }
}

@media (min-width: 1025px) {
    body.home section.features ul li h3 {
        line-height: 1.2;
        font-size: 2rem;
        max-width: 15.625rem;
    }
}

body.home section.features ul li p {
    font-size: 0.75rem;
    font-weight: 500;
    color: #fff;
    line-height: 1.25;
    letter-spacing: -0.02em;
}

@media (min-width: 768px) {
    body.home section.features ul li p {
        max-width: 12rem;
        margin: 0;
    }
}

@media (min-width: 1025px) {
    body.home section.features ul li p {
        letter-spacing: -0.01em;
        max-width: 24.0625rem;
        font-size: 1rem;
    }
}

body.home section.why {
    padding: 10rem 1.25rem 0;
    position: relative;
    z-index: 2;
}

@media (min-width: 768px) {
    body.home section.why {
        padding: 12.5rem 2.5rem 0;
    }
}

@media (min-width: 1025px) {
    body.home section.why {
        padding: 15rem 10rem 0;
    }
}

body.home section.why .section-title {
    margin-bottom: 3rem;
}

@media (min-width: 768px) {
    body.home section.why .section-title {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        margin-bottom: 5rem;
    }
}

@media (min-width: 1025px) {
    body.home section.why .section-title {
        margin-bottom: 10rem;
    }
}

body.home section.why .section-title p {
    margin-top: 2rem;
}

@media (min-width: 768px) {
    body.home section.why .section-title p {
        max-width: 20.75rem;
        margin-top: 0;
    }
}

@media (min-width: 1025px) {
    body.home section.why .section-title p {
        max-width: 24rem;
        margin-right: 16.875rem;
    }
}

body.home section.why ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: 1fr;
    position: relative;
}

@media (min-width: 768px) {
    body.home section.why ul {
        grid-template-columns: repeat(3, 1fr);
    }
}

body.home section.why ul li {
    background-color: #121212;
    border: 1px solid hsla(0, 0%, 100%, 0.2);
    border-radius: 50%;
    padding: 2.5rem 3.5rem;
    aspect-ratio: 1/1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    position: relative;
}

@supports not (aspect-ratio: auto) {
    body.home section.why ul li {
        min-height: 20.9375rem;
    }
    @media (min-width: 768px) {
        body.home section.why ul li {
            min-height: 17.125rem;
        }
    }
    @media (min-width: 1025px) {
        body.home section.why ul li {
            min-height: 33.3125rem;
        }
    }
}

@media (min-width: 768px) {
    body.home section.why ul li {
        padding: 2.5rem 1.75rem;
    }
}

@media (min-width: 1025px) {
    body.home section.why ul li {
        padding: 4.625rem 5.5rem;
    }
}

body.home section.why ul li.no-line {
    border: 0;
}

body.home section.why ul li:nth-child(2) {
    z-index: 3;
}

body.home section.why ul li:nth-child(5) {
    z-index: 2;
}

body.home section.why ul li .num {
    background-color: rgba(115, 179, 226, 0.16);
    border: 1px solid #ff4500;
    width: 1.5rem;
    height: 1.5rem;
    font-size: 0.5rem;
    letter-spacing: 0.04em;
    border-radius: 50%;
    font-weight: 600;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    color: #ff4500;
    margin-bottom: 2rem;
}

@media (min-width: 768px) {
    body.home section.why ul li .num {
        margin-bottom: 1rem;
    }
}

@media (min-width: 1025px) {
    body.home section.why ul li .num {
        margin-bottom: 1.75rem;
        border-width: 2px;
        font-size: 1rem;
        width: 3.25rem;
        height: 3.25rem;
    }
}

body.home section.why ul li h3 {
    font-size: 1.125rem;
    line-height: 1.2;
    min-height: 3.6em;
    letter-spacing: -0.04em;
    margin-bottom: 0.625rem;
}

@media (min-width: 768px) {
    body.home section.why ul li h3 {
        font-size: 1rem;
        min-height: 2.4em;
        margin-bottom: 1rem;
    }
}

@media (min-width: 1025px) {
    body.home section.why ul li h3 {
        letter-spacing: -0.03em;
        font-size: 2rem;
        min-height: 3.6em;
        margin-bottom: 2.875rem;
    }
}

body.home section.why ul li p {
    max-width: 13.5625rem;
    line-height: 1.25;
    color: hsla(0, 0%, 100%, 0.5);
    letter-spacing: -0.02em;
    font-weight: 500;
    font-size: 0.75rem;
}

@media (min-width: 768px) {
    body.home section.why ul li p {
        font-size: 0.6875rem;
    }
}

@media (min-width: 1025px) {
    body.home section.why ul li p {
        font-size: 1rem;
        max-width: 20.75rem;
        letter-spacing: -0.01em;
    }
}

body.home section.why ul li p strong {
    color: #fff;
    font-weight: 500;
}

body.home section.why ul li a {
    color: #fff;
    -webkit-transition: color 0.3s cubic-bezier(0.85, 0, 0.15, 1);
    -o-transition: color 0.3s cubic-bezier(0.85, 0, 0.15, 1);
    transition: color 0.3s cubic-bezier(0.85, 0, 0.15, 1);
}

body.home section.why ul li a:hover {
    color: #ff4500;
}

body.home section.why ul li .btn {
    margin-bottom: -1.5rem;
}

body.home section.why ul li figure {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
    display: block;
    border-radius: 50%;
    overflow: hidden;
}

body.home section.why ul li figure img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

body.home section.why ul .line {
    background-color: hsla(0, 0%, 100%, 0.2);
    width: 0;
    height: 1px;
    position: absolute;
    left: 0;
    top: 0;
}

body.home section.why ul .line.center {
    top: calc(50% - 1px);
}

@media (max-width: 767px) {
    body.home section.why ul .line.center {
        display: none;
    }
}

body.home section.why ul .line.bottom {
    top: 100%;
}

body.home section.ecosystem {
    overflow: hidden;
}

body.home section.ecosystem .inner {
    padding: 10rem 1.25rem 0;
}

@media (min-width: 768px) {
    body.home section.ecosystem .inner {
        padding: 12.5rem 2.5rem 0;
    }
}

@media (min-width: 1025px) {
    body.home section.ecosystem .inner {
        padding: 15rem 10rem 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

body.home section.ecosystem .section-title {
    margin-top: 0.875rem;
    margin-bottom: 3rem;
}

@media (min-width: 768px) {
    body.home section.ecosystem .section-title {
        margin-bottom: 5rem;
    }
}

@media (min-width: 1025px) {
    body.home section.ecosystem .section-title {
        padding-right: 2rem;
        width: 33.75rem;
    }
}

body.home section.ecosystem .section-title h2 {
    line-height: 1.1;
    text-indent: 3.5rem;
    margin-top: -3.25rem;
}

@media (min-width: 768px) {
    body.home section.ecosystem .section-title h2 {
        margin-top: -3.5rem;
    }
}

@media (min-width: 1025px) {
    body.home section.ecosystem .section-title h2 {
        text-indent: 5.375rem;
        margin-top: -5.875rem;
    }
}

body.home section.ecosystem .section-title h2.show {
    text-indent: 0;
}

body.home section.ecosystem .section-title h2.show .line-container:first-child {
    padding-left: 3.5rem;
}

@media (min-width: 1025px) {
    body.home section.ecosystem .section-title h2.show .line-container:first-child {
        padding-left: 5.5rem;
    }
}

body.home section.ecosystem .list {
    counter-reset: count-ecosystem;
    width: calc(100vw - 2.5rem);
}

@media (min-width: 1025px) {
    body.home section.ecosystem .list {
        width: 66.25rem;
    }
}

body.home section.ecosystem .list .list-inner {
    background-color: #121212;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

body.home section.ecosystem .list .card {
    counter-increment: count-ecosystem;
    background-color: #202020;
    border-bottom: 1px solid #fff;
    width: 19.6875rem;
    min-width: 19.6875rem;
    min-height: 25rem;
    padding: 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 1.25rem;
}

@media (min-width: 1025px) {
    body.home section.ecosystem .list .card {
        width: 31.5rem;
        min-width: 31.5rem;
        min-height: 37.5rem;
        padding: 3.5rem;
    }
}

body.home section.ecosystem .list .card:before {
    content: "0" counter(count-ecosystem);
    font-size: 1.125rem;
    letter-spacing: -0.04em;
    position: absolute;
    left: 2rem;
    top: 2rem;
}

@media (min-width: 1025px) {
    body.home section.ecosystem .list .card:before {
        font-size: 2rem;
        left: 3.5rem;
        top: 3.5rem;
    }
}

body.home section.ecosystem .list .card:nth-child(1n+10):before {
    content: counter(count-ecosystem);
}

body.home section.ecosystem .list .card:last-child {
    margin-right: 0;
}

body.home section.ecosystem .list .card .side {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    text-orientation: mixed;
    height: auto;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-right: 2rem;
}

@media (min-width: 1025px) {
    body.home section.ecosystem .list .card .side {
        margin-right: 4rem;
    }
}

body.home section.ecosystem .list .card .side h4 {
    font-size: 1.125rem;
    height: 500;
    letter-spacing: -0.04em;
    margin: 0;
}

@media (min-width: 1025px) {
    body.home section.ecosystem .list .card .side h4 {
        font-size: 2rem;
    }
}

body.home section.ecosystem .list .card .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

body.home section.ecosystem .list .card .content .thumb {
    
    width: 5.5rem;
    height: 5.5rem;
    border-radius: 50%;
    margin-bottom: 2rem;
}

@media (min-width: 1025px) {
    body.home section.ecosystem .list .card .content .thumb {
        width: 10rem;
        height: 10rem;
        margin-bottom: 3.3125rem;
    }
}

body.home section.ecosystem .list .card .content .thumb img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

body.home section.ecosystem .list .card .content p {
    color: hsla(0, 0%, 100%, 0.5);
    font-weight: 500;
    font-size: 0.75rem;
    line-height: 1.25;
    letter-spacing: -0.02em;
    margin-bottom: 1.5rem;
}

@media (min-width: 1025px) {
    body.home section.ecosystem .list .card .content p {
        margin-bottom: 2.5rem;
        font-size: 1rem;
    }
}

body.home section.ecosystem .list .card .content p strong {
    color: #fff;
}

body.home section.ecosystem .list .card .content .btn {
    margin-top: auto;
    margin-left: -1.5rem;
    margin-bottom: -0.375rem;
}

body.home section.news {
    padding: 10rem 1.25rem;
}

@media (min-width: 768px) {
    body.home section.news {
        padding: 12.5rem 2.5rem;
    }
}

@media (min-width: 1025px) {
    body.home section.news {
        padding: 15rem 10rem;
    }
}

body.home section.news .section-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1.5rem;
}

@media (min-width: 768px) {
    body.home section.news .section-title {
        margin-bottom: 2.5rem;
    }
}

@media (min-width: 1025px) {
    body.home section.news .section-title {
        margin-bottom: 5rem;
    }
}

body.home section.news .section-title .tag {
    margin: 0 1.25rem 0 0;
}

body.home section.news .section-title h2 {
    margin-top: -0.5rem;
}

@media (min-width: 768px) {
    body.home section.news .section-title h2 {
        margin-top: -0.5rem;
    }
}

body.home section.news .grid {
    border-bottom: 1px solid hsla(0, 0%, 100%, 0.2);
    display: grid;
    grid-template-columns: 1fr;
}

@media (min-width: 768px) {
    body.home section.news .grid {
        border-top: 1px solid hsla(0, 0%, 100%, 0.2);
        grid-template-columns: 1fr 1fr;
    }
}

body.home section.news .grid .item {
    padding: 1.5rem 0;
    border-bottom: 1px solid hsla(0, 0%, 100%, 0.2);
}

@media (min-width: 768px) {
    body.home section.news .grid .item {
        padding: 2rem;
    }
}

@media (min-width: 1025px) {
    body.home section.news .grid .item {
        padding: 3.5rem;
    }
}

body.home section.news .grid .item:hover .thumb {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}

body.home section.news .grid .item:hover .thumb img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

body.home section.news .grid .item:hover .title h2 {
    color: #ff4500;
}

body.home section.news .grid .item:not(:first-child) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 0;
}

@media (max-width: 1024px) {
    body.home section.news .grid .item:not(:first-child) .date,
    body.home section.news .grid .item:not(:first-child) .desc {
        display: none;
    }
}

body.home section.news .grid .item .thumb {
    background-color: #1a1a1a;
    width: 9.875rem;
    min-width: 9.875rem;
    margin-right: 1.25rem;
    height: 5.5rem;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    overflow: hidden;
    -webkit-transition: -webkit-filter 0.5s cubic-bezier(0.85, 0, 0.15, 1);
    transition: -webkit-filter 0.5s cubic-bezier(0.85, 0, 0.15, 1);
    -o-transition: filter 0.5s cubic-bezier(0.85, 0, 0.15, 1);
    transition: filter 0.5s cubic-bezier(0.85, 0, 0.15, 1);
    transition: filter 0.5s cubic-bezier(0.85, 0, 0.15, 1), -webkit-filter 0.5s cubic-bezier(0.85, 0, 0.15, 1);
}

@media (min-width: 1025px) {
    body.home section.news .grid .item .thumb {
        width: 17.3125rem;
        min-width: 17.3125rem;
        margin-right: 3.5rem;
        height: 9.6875rem;
    }
}

body.home section.news .grid .item .thumb img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: all 0.5s cubic-bezier(0.85, 0, 0.15, 1);
    -o-transition: all 0.5s cubic-bezier(0.85, 0, 0.15, 1);
    transition: all 0.5s cubic-bezier(0.85, 0, 0.15, 1);
}

body.home section.news .grid .item .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media (min-width: 1025px) {
    body.home section.news .grid .item .title {
        margin-bottom: 1.625rem;
    }
}

body.home section.news .grid .item .title .date {
    min-width: 6.5rem;
    color: #ff4500;
    font-size: 0.875rem;
    letter-spacing: 0.06em;
    font-weight: 600;
}

body.home section.news .grid .item .title h2 {
    margin: 0;
    font-size: 1.125rem;
    line-height: 1.2;
    letter-spacing: -0.04em;
    -webkit-transition: color 0.3s cubic-bezier(0.85, 0, 0.15, 1);
    -o-transition: color 0.3s cubic-bezier(0.85, 0, 0.15, 1);
    transition: color 0.3s cubic-bezier(0.85, 0, 0.15, 1);
}

@media (min-width: 1025px) {
    body.home section.news .grid .item .title h2 {
        font-size: 1.25rem;
    }
}

body.home section.news .grid .item .desc {
    font-size: 0.875rem;
    color: hsla(0, 0%, 100%, 0.5);
    letter-spacing: -0.02em;
    line-height: 1.25;
}

body.home section.news .grid .item .desc p {
    margin: 0;
}

@media (min-width: 768px) {
    body.home section.news .grid .item:first-child {
        min-width: 27.625rem;
        border-bottom: none;
        border-right: 1px solid hsla(0, 0%, 100%, 0.2);
        grid-row: span 3;
        padding-left: 0;
    }
}

body.home section.news .grid .item:first-child .thumb {
    width: 100%;
    height: 11.75rem;
    margin-bottom: 1.5rem;
}

@media (min-width: 768px) {
    body.home section.news .grid .item:first-child .thumb {
        height: 14.375rem;
    }
}

@media (min-width: 1025px) {
    body.home section.news .grid .item:first-child .thumb {
        height: 25.75rem;
        margin-bottom: 2.5rem;
    }
}

body.home section.news .grid .item:first-child .title {
    margin-bottom: 1.5rem;
}

@media (min-width: 1025px) {
    body.home section.news .grid .item:first-child .title {
        margin-bottom: 2.5rem;
    }
}

body.home section.news .grid .item:first-child .title .date {
    min-width: 7.25rem;
}

@media (min-width: 1025px) {
    body.home section.news .grid .item:first-child .title .date {
        min-width: 8.375rem;
    }
}

@media (min-width: 1025px) {
    body.home section.news .grid .item:first-child .title h2 {
        font-size: 2rem;
    }
}

@media (min-width: 1025px) {
    body.home section.news .grid .item:first-child .desc {
        font-size: 1.25rem;
    }
}

body.home section.news .grid .item:last-child {
    border-bottom: none;
}

body.home section.cta {
    background-color: #abaaab;
    padding: 25rem 1.25rem 2rem;
    color: #1a1a1a;
    position: relative;
    z-index: 1;
}

@media (min-width: 768px) {
    body.home section.cta {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        padding: 36.25rem 2.5rem 3rem;
    }
}

@media (min-width: 1025px) {
    body.home section.cta {
        padding: 28.75rem 10rem 5.5rem;
    }
}

body.home section.cta video {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: -1;
}

body.home section.cta h2 {
    font-size: 1.5rem;
    letter-spacing: -0.04em;
    line-height: 1.2;
    margin-bottom: 1.5rem;
}

@media (min-width: 768px) {
    body.home section.cta h2 {
        letter-spacing: -0.03em;
        font-size: 2rem;
        margin: 0;
    }
}

@media (min-width: 1025px) {
    body.home section.cta h2 {
        letter-spacing: -0.04em;
        font-size: 4rem;
    }
}

body.home section.cta>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media (min-width: 1025px) {
    body.home section.cta>div {
        border-top: 0;
        margin-bottom: 0.75rem;
    }
}

body.home section.cta>div .btn.default {
    color: #1a1a1a;
}

@media (max-width: 767px) {
    body.home section.cta>div .btn.default {
        margin-left: -1.5rem;
    }
}

body.home section.cta>div .btn.default .container:after,
body.home section.cta>div .btn.default .container:before {
    background-color: #1a1a1a;
}

body.home section.investors {
    background-color: #121212;
    padding: 10rem 1.25rem 4rem;
    text-align: center;
}

@media (min-width: 768px) {
    body.home section.investors {
        padding: 12.5rem 2.5rem 10rem;
    }
}

@media (min-width: 1025px) {
    body.home section.investors {
        padding: 5rem 10rem;
    }
}

body.home section.investors .section-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 3rem;
}

@media (min-width: 768px) {
    body.home section.investors .section-title {
        margin-bottom: 5rem;
    }
}

@media (min-width: 768px) {
    body.home section.investors .section-title h2 {
        max-width: 27.5rem;
    }
}

@media (min-width: 1025px) {
    body.home section.investors .section-title h2 {
        max-width: inherit;
    }
}

body.home section.investors a {
    display: block;
}

body.home section.investors .list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-gap: 1.25rem;
    gap: 1.25rem;
    grid-template-columns: repeat(3, 1fr);
}

@media (min-width: 768px) {
    body.home section.investors .list {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (min-width: 1025px) {
    body.home section.investors .list {
        grid-template-columns: repeat(6, 1fr);
    }
}

body.home section.investors .list .item {
    display: block;
    position: relative;
    aspect-ratio: 1/1;
}

@supports not (aspect-ratio: auto) {
    body.home section.investors .list .item {
        min-height: 6.125rem;
    }
    @media (min-width: 768px) {
        body.home section.investors .list .item {
            min-height: 12.0625rem;
        }
    }
    @media (min-width: 1025px) {
        body.home section.investors .list .item {
            min-height: 15.625rem;
        }
    }
}

body.home section.investors .list .item .container {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    aspect-ratio: 1/1;
    overflow: hidden;
    z-index: 2;
    position: relative;
    font-weight: 600;
    -webkit-transition: color 0.5s cubic-bezier(0.85, 0, 0.15, 1);
    -o-transition: color 0.5s cubic-bezier(0.85, 0, 0.15, 1);
    transition: color 0.5s cubic-bezier(0.85, 0, 0.15, 1);
}

@supports not (aspect-ratio: auto) {
    body.home section.investors .list .item .container {
        min-height: 6.125rem;
    }
    @media (min-width: 768px) {
        body.home section.investors .list .item .container {
            min-height: 12.0625rem;
        }
    }
    @media (min-width: 1025px) {
        body.home section.investors .list .item .container {
            min-height: 15.625rem;
            font-size: 2rem;
        }
    }
}

body.home section.investors .list .item .container img {
    max-width: 80%;
    height: auto;
    -webkit-transition: -webkit-filter 0.3s cubic-bezier(0.85, 0, 0.15, 1) 0.2s;
    transition: -webkit-filter 0.3s cubic-bezier(0.85, 0, 0.15, 1) 0.2s;
    -o-transition: filter 0.3s 0.2s cubic-bezier(0.85, 0, 0.15, 1);
    transition: filter 0.3s cubic-bezier(0.85, 0, 0.15, 1) 0.2s;
    transition: filter 0.3s cubic-bezier(0.85, 0, 0.15, 1) 0.2s, -webkit-filter 0.3s cubic-bezier(0.85, 0, 0.15, 1) 0.2s;
}

body.home section.investors .list .item .clone-container {
    background: #ff4500;
    color: #1a1a1a;
}

body.home section.investors .list .item .clone-container svg {
    fill: #1a1a1a;
}

body.home section.investors .list .item h4 {
    width: 100%;
    position: absolute;
    left: 0;
    top: calc(100% + 2rem);
    opacity: 0;
    color: #ff4500;
    -webkit-transition: all 0.5s cubic-bezier(0.85, 0, 0.15, 1);
    -o-transition: all 0.5s cubic-bezier(0.85, 0, 0.15, 1);
    transition: all 0.5s cubic-bezier(0.85, 0, 0.15, 1);
}

body.home section.investors .list .item:hover h4 {
    opacity: 1;
    top: calc(100% + 1rem);
}

body.home section.investors .end {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: 3rem;
}

body.home section.projects,
body.page-template-community section.projects {
    background-color: #040404;
    min-height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    position: relative;
    overflow: hidden;
    z-index: 2;
}

@media (min-width: 1025px) {
    body.home section.projects,
    body.page-template-community section.projects {
        margin-top: -100vh;
        margin-bottom: 115vh;
    }
}

body.home section.projects:after,
body.page-template-community section.projects:after {
    content: "";
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(24%, rgba(4, 4, 4, 0)), color-stop(86%, #040404));
    background-image: -o-linear-gradient(top, rgba(4, 4, 4, 0) 24%, #040404 86%);
    background-image: linear-gradient(180deg, rgba(4, 4, 4, 0) 24%, #040404 86%);
    width: 100%;
    height: 13.375rem;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 3;
    pointer-events: none;
    -webkit-transition: all 0.2s cubic-bezier(0.85, 0, 0.15, 1);
    -o-transition: all 0.2s cubic-bezier(0.85, 0, 0.15, 1);
    transition: all 0.2s cubic-bezier(0.85, 0, 0.15, 1);
}

@media (min-width: 768px) {
    body.home section.projects:after,
    body.page-template-community section.projects:after {
        display: none;
    }
}

body.home section.projects .section-title,
body.page-template-community section.projects .section-title {
    max-width: 21rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    z-index: 2;
    margin-left: auto;
    margin-right: auto;
    padding-top: 4rem;
    margin-bottom: 3rem;
}

@media (min-width: 768px) {
    body.home section.projects .section-title,
    body.page-template-community section.projects .section-title {
        position: absolute;
        max-width: 30rem;
        left: calc(55% - 12.125rem);
        top: calc(50% - 12rem);
        padding-top: 0;
        margin-bottom: 0;
    }
}

@media (min-width: 1025px) {
    body.home section.projects .section-title,
    body.page-template-community section.projects .section-title {
        max-width: 47.75rem;
        left: calc(52% - 29.25rem);
        top: calc(45% + 12rem);
    }
}

body.home section.projects .section-title h2,
body.page-template-community section.projects .section-title h2 {
    margin-bottom: 1.25rem;
    line-height: 1.1;
}

@media (min-width: 1025px) {
    body.home section.projects .section-title h2,
    body.page-template-community section.projects .section-title h2 {
        margin-bottom: 0;
    }
}

body.home section.projects .section-title .swipe,
body.page-template-community section.projects .section-title .swipe {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 0.75rem;
    font-size: 0.625rem;
    color: #ff4500;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    opacity: 0;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transition: all 0.3s cubic-bezier(0.85, 0, 0.15, 1);
    -o-transition: all 0.3s cubic-bezier(0.85, 0, 0.15, 1);
    transition: all 0.3s cubic-bezier(0.85, 0, 0.15, 1);
}

body.home section.projects .section-title .swipe .icon,
body.page-template-community section.projects .section-title .swipe .icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 5l-4-5-4 5h3v4h2V5h3zM5 13v3l-5-4 5-4v3h4v2H5zm8 3v-1h-2v4H8l4 5 4-5h-3v-3zm3-5h-1v2h4v3l5-4-5-4v3h-3z' fill='%2373b3e2'/%3E%3C/svg%3E");
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    width: 1.5rem;
    height: 1.5rem;
    margin-bottom: 1.125rem;
}

@media (min-width: 1025px) {
    body.home section.projects .section-title .btn,
    body.home section.projects .section-title .swipe,
    body.page-template-community section.projects .section-title .btn,
    body.page-template-community section.projects .section-title .swipe {
        display: none;
    }
}

body.home section.projects.active .content .items,
body.page-template-community section.projects.active .content .items {
    max-height: 900rem;
}

body.home section.projects.active:after,
body.page-template-community section.projects.active:after {
    opacity: 0;
}

body.home section.projects.active .more,
body.page-template-community section.projects.active .more {
    opacity: 0;
    bottom: 0;
}

body.home section.projects .content,
body.page-template-community section.projects .content {
    width: 100%;
    z-index: 2 !important;
}

@media (min-width: 768px) {
    body.home section.projects .content,
    body.page-template-community section.projects .content {
        width: 100rem;
        height: 82rem;
        position: absolute;
        left: calc(50% - 52.25rem);
        top: calc(50% - 41rem);
    }
}

@media (min-width: 1025px) {
    body.home section.projects .content,
    body.page-template-community section.projects .content {
        width: 216.5rem;
        left: calc(50% - 103rem);
        top: calc(50% - 60.625rem);
    }
}

body.home section.projects .content .items,
body.page-template-community section.projects .content .items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    grid-gap: 1.25rem;
    gap: 1.25rem;
    padding-bottom: 4rem;
    max-height: 70rem;
    -webkit-transition: max-height 0.5s cubic-bezier(0.85, 0, 0.15, 1);
    -o-transition: max-height 0.5s cubic-bezier(0.85, 0, 0.15, 1);
    transition: max-height 0.5s cubic-bezier(0.85, 0, 0.15, 1);
}

@media (min-width: 768px) {
    body.home section.projects .content .items,
    body.page-template-community section.projects .content .items {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        grid-gap: 2rem;
        gap: 2rem;
        padding-bottom: 0;
    }
}

@media (min-width: 1025px) {
    body.home section.projects .content .items,
    body.page-template-community section.projects .content .items {
        grid-gap: 5.5rem;
        gap: 5.5rem;
    }
}

body.home section.projects .content .items .item,
body.page-template-community section.projects .content .items .item {
    background-color: #272727;
    width: 9.875rem;
    height: 9.875rem;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 2.5rem;
    font-weight: 700;
}

body.home section.projects .content .items .item.none,
body.page-template-community section.projects .content .items .item.none {
    display: none;
}

@media (min-width: 768px) {
    body.home section.projects .content .items .item.none,
    body.page-template-community section.projects .content .items .item.none {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

@media (min-width: 768px) {
    body.home section.projects .content .items .item,
    body.page-template-community section.projects .content .items .item {
        width: 10rem;
        height: 10rem;
    }
}

@media (min-width: 1025px) {
    body.home section.projects .content .items .item,
    body.page-template-community section.projects .content .items .item {
        width: 15.625rem;
        height: 15.625rem;
    }
}

body.home section.projects .content .items .item a,
body.page-template-community section.projects .content .items .item a {
    display: block;
    border-radius: 50%;
}

body.home section.projects .content .items .item img,
body.page-template-community section.projects .content .items .item img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

body.home section.projects .content .items .item .desc,
body.page-template-community section.projects .content .items .item .desc {
    background-color: #ff4500;
    color: #1a1a1a;
    font-size: 1rem;
    padding: 1.5rem;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
    opacity: 0;
    -webkit-transition: opacity 0.3s cubic-bezier(0.85, 0, 0.15, 1);
    -o-transition: opacity 0.3s cubic-bezier(0.85, 0, 0.15, 1);
    transition: opacity 0.3s cubic-bezier(0.85, 0, 0.15, 1);
}

body.home section.projects .content .items .item:hover .desc,
body.page-template-community section.projects .content .items .item:hover .desc {
    opacity: 1;
}

@media (min-width: 768px) and (max-width: 1025px) {
    body.home section.projects .content .items .item:nth-child(20),
    body.home section.projects .content .items .item:nth-child(29),
    body.page-template-community section.projects .content .items .item:nth-child(20),
    body.page-template-community section.projects .content .items .item:nth-child(29) {
        margin-left: 34rem;
    }
    body.home section.projects .content .items .item:nth-child(24),
    body.page-template-community section.projects .content .items .item:nth-child(24) {
        margin-left: 46rem;
    }
    body.home section.projects .content .items .item:nth-child(9),
    body.home section.projects .content .items .item:nth-child(22),
    body.home section.projects .content .items .item:nth-child(31),
    body.page-template-community section.projects .content .items .item:nth-child(9),
    body.page-template-community section.projects .content .items .item:nth-child(22),
    body.page-template-community section.projects .content .items .item:nth-child(31) {
        margin-left: 5.125rem;
    }
    body.home section.projects .content .items .item:nth-child(1n+47),
    body.page-template-community section.projects .content .items .item:nth-child(1n+47) {
        display: none;
    }
}

@media (min-width: 1025px) {
    body.home section.projects .content .items .item:nth-child(24),
    body.page-template-community section.projects .content .items .item:nth-child(24) {
        margin-left: 65.5rem;
    }
    body.home section.projects .content .items .item:nth-child(30),
    body.page-template-community section.projects .content .items .item:nth-child(30) {
        margin-left: 63.375rem;
    }
    body.home section.projects .content .items .item:nth-child(11),
    body.home section.projects .content .items .item:nth-child(27),
    body.home section.projects .content .items .item:nth-child(44),
    body.page-template-community section.projects .content .items .item:nth-child(11),
    body.page-template-community section.projects .content .items .item:nth-child(27),
    body.page-template-community section.projects .content .items .item:nth-child(44) {
        margin-left: 9.375rem;
    }
}

body.home section.projects .leave,
body.page-template-community section.projects .leave {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    position: absolute;
    left: calc(50% - 1.5rem);
    bottom: 1.5rem;
    opacity: 0;
    z-index: 4;
    font-size: 0.625rem;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    -webkit-transition: all 0.3s cubic-bezier(0.85, 0, 0.15, 1);
    -o-transition: all 0.3s cubic-bezier(0.85, 0, 0.15, 1);
    transition: all 0.3s cubic-bezier(0.85, 0, 0.15, 1);
}

@media (min-width: 1025px) {
    body.home section.projects .leave,
    body.page-template-community section.projects .leave {
        display: none;
    }
}

body.home section.projects .leave .icon,
body.page-template-community section.projects .leave .icon {
    background-color: hsla(0, 0%, 100%, 0.16);
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    margin-bottom: 0.5rem;
    -webkit-backdrop-filter: blur(4.5rem);
    backdrop-filter: blur(4.5rem);
    position: relative;
}

body.home section.projects .leave .icon:after,
body.home section.projects .leave .icon:before,
body.page-template-community section.projects .leave .icon:after,
body.page-template-community section.projects .leave .icon:before {
    content: "";
    background-color: #fff;
    width: 0.5rem;
    height: 0.09375rem;
    position: absolute;
    left: calc(50% - 0.25rem);
    top: calc(50% - 0.04688rem);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

body.home section.projects .leave .icon:after,
body.page-template-community section.projects .leave .icon:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

body.home section.projects .more,
body.page-template-community section.projects .more {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 3.5rem;
    z-index: 9;
    -webkit-transition: all 0.3s cubic-bezier(0.85, 0, 0.15, 1);
    -o-transition: all 0.3s cubic-bezier(0.85, 0, 0.15, 1);
    transition: all 0.3s cubic-bezier(0.85, 0, 0.15, 1);
}

@media (min-width: 768px) {
    body.home section.projects .more,
    body.page-template-community section.projects .more {
        display: none;
    }
}

body.home section.projects .more .btn,
body.page-template-community section.projects .more .btn {
    min-width: 11.25rem;
}

body.home section.projects.active .section-title .swipe,
body.page-template-community section.projects.active .section-title .swipe {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.3s cubic-bezier(0.85, 0, 0.15, 1) 0.3s;
    -o-transition: all 0.3s 0.3s cubic-bezier(0.85, 0, 0.15, 1);
    transition: all 0.3s cubic-bezier(0.85, 0, 0.15, 1) 0.3s;
}

body.home section.projects.active .section-title .btn,
body.page-template-community section.projects.active .section-title .btn {
    opacity: 0;
}

body.home section.projects.active .leave,
body.page-template-community section.projects.active .leave {
    opacity: 1;
    bottom: 5rem;
}

.lineParent {
    overflow: hidden;
}

.lineChild {
    white-space: nowrap;
}

body.page-template-community section.hero {
    /* padding-top: 10.75rem;
    padding-left: 1.25rem;
    padding-bottom: 19.25rem;
    position: relative; */
}

@media (min-width: 768px) {
    body.page-template-community section.hero {
        /* padding-top: 12.25rem;
        padding-left: 2.5rem;
        padding-bottom: 37.25rem; */
    }
}

@media (min-width: 1025px) {
    body.page-template-community section.hero {
        /* padding-top: 7rem;
        padding-left: 10rem;
        padding-bottom: 0;
        height: 100vh;
        min-height: 58.125rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; */
    }
}

body.page-template-community section.hero h1 {
    width: 100%;
    max-width: 18rem;
    font-size: 2.5rem;
    letter-spacing: -0.04em;
    line-height: 1.1;
}

@media (min-width: 768px) {
    body.page-template-community section.hero h1 {
        max-width: 25rem;
        font-size: 3.5rem;
    }
}

@media (min-width: 1025px) {
    body.page-template-community section.hero h1 {
        max-width: 41rem;
        font-size: 5.625rem;
    }
}

body.page-template-community section.hero h1 span {
    color: #ff4500;
}

body.page-template-community section.hero .social {
    width: 78.5rem;
    height: 15.25rem;
    position: absolute;
    right: 0;
    bottom: 0;
}

@media (min-width: 768px) {
    body.page-template-community section.hero .social {
        width: 53.75rem;
        height: 34.875rem;
    }
}

@media (min-width: 1025px) {
    body.page-template-community section.hero .social {
        width: 78.5rem;
        height: 100%;
    }
}

body.page-template-community section.hero .social div {
    border: 1px solid hsla(0, 0%, 100%, 0.2);
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    right: 0;
    bottom: 0;
    -webkit-transition: color 0.5s cubic-bezier(0.85, 0, 0.15, 1), border-color 0.3s cubic-bezier(0.85, 0, 0.15, 1);
    -o-transition: color 0.5s cubic-bezier(0.85, 0, 0.15, 1), border-color 0.3s cubic-bezier(0.85, 0, 0.15, 1);
    transition: color 0.5s cubic-bezier(0.85, 0, 0.15, 1), border-color 0.3s cubic-bezier(0.85, 0, 0.15, 1);
}

body.page-template-community section.hero .social div:hover {
    border-color: #ff4500;
}

body.page-template-community section.hero .social div:first-child {
    width: 4.875rem;
    height: 4.875rem;
    right: 14.6875rem;
    bottom: 7.875rem;
}

@media (min-width: 768px) {
    body.page-template-community section.hero .social div:first-child {
        width: 11.625rem;
        height: 11.625rem;
        right: 35.125rem;
        bottom: 18.875rem;
    }
}

@media (min-width: 1025px) {
    body.page-template-community section.hero .social div:first-child {
        width: 16.1875rem;
        height: 16.1875rem;
        right: 49.25rem;
        bottom: 26.25rem;
    }
}

body.page-template-community section.hero .social div:nth-child(2) {
    width: 7.4375rem;
    height: 7.4375rem;
    right: 7.375rem;
    bottom: 7.75rem;
}

@media (min-width: 768px) {
    body.page-template-community section.hero .social div:nth-child(2) {
        width: 17.125rem;
        height: 17.125rem;
        right: 18.125rem;
        bottom: 18.625rem;
    }
}

@media (min-width: 1025px) {
    body.page-template-community section.hero .social div:nth-child(2) {
        width: 25rem;
        height: 25rem;
        right: 24.75rem;
        bottom: 26rem;
    }
}

body.page-template-community section.hero .social div:nth-child(3) {
    width: 5.125rem;
    height: 5.125rem;
    right: 2.375rem;
    bottom: 10.125rem;
}

@media (min-width: 768px) {
    body.page-template-community section.hero .social div:nth-child(3) {
        width: 11.625rem;
        height: 11.625rem;
        right: 6.875rem;
        bottom: 24.375rem;
    }
}

@media (min-width: 1025px) {
    body.page-template-community section.hero .social div:nth-child(3) {
        width: 17.0625rem;
        height: 17.0625rem;
        right: 8.1875rem;
        bottom: 34rem;
    }
}

body.page-template-community section.hero .social div:nth-child(4) {
    width: 5.1875rem;
    height: 5.1875rem;
    right: 18.25rem;
}

@media (min-width: 768px) {
    body.page-template-community section.hero .social div:nth-child(4) {
        width: 12.25rem;
        height: 12.25rem;
        right: 44rem;
    }
}

@media (min-width: 1025px) {
    body.page-template-community section.hero .social div:nth-child(4) {
        width: 17.0625rem;
        height: 17.0625rem;
        right: 61.4375rem;
    }
}

body.page-template-community section.hero .social div:nth-child(5) {
    width: 8.4375rem;
    height: 8.4375rem;
    right: 10.0625rem;
}

@media (min-width: 768px) {
    body.page-template-community section.hero .social div:nth-child(5) {
        width: 20.25rem;
        height: 20.25rem;
        right: 24.25rem;
    }
}

@media (min-width: 1025px) {
    body.page-template-community section.hero .social div:nth-child(5) {
        width: 28.3125rem;
        height: 28.3125rem;
        right: 33.875rem;
    }
}

body.page-template-community section.hero .social div:nth-child(6) {
    width: 10.1875rem;
    height: 10.1875rem;
}

@media (min-width: 768px) {
    body.page-template-community section.hero .social div:nth-child(6) {
        width: 24.375rem;
        height: 24.375rem;
    }
}

@media (min-width: 1025px) {
    body.page-template-community section.hero .social div:nth-child(6) {
        width: 34.0625rem;
        height: 34.0625rem;
    }
}

body.page-template-community section.hero .social div:nth-child(6) a svg {
    height: 1.5rem;
}

@media (min-width: 768px) {
    body.page-template-community section.hero .social div:nth-child(6) a svg {
        height: 3rem;
    }
}

@media (min-width: 1025px) {
    body.page-template-community section.hero .social div:nth-child(6) a svg {
        height: 4rem;
    }
}

body.page-template-community section.hero .social div:nth-child(7) {
    width: 3.875rem;
    height: 3.875rem;
    right: 18rem;
    bottom: 5rem;
}

@media (min-width: 768px) {
    body.page-template-community section.hero .social div:nth-child(7) {
        width: 9.4375rem;
        height: 9.4375rem;
        right: 43.125rem;
        bottom: 11.9375rem;
    }
}

@media (min-width: 1025px) {
    body.page-template-community section.hero .social div:nth-child(7) {
        width: 13.125rem;
        height: 13.125rem;
        right: 60.25rem;
        bottom: 16.6875rem;
    }
}

body.page-template-community section.hero .social div a {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 0.6875rem;
    font-weight: 500;
    letter-spacing: -0.03em;
}

@media (min-width: 768px) {
    body.page-template-community section.hero .social div a {
        font-size: 1.5rem;
    }
}

@media (min-width: 1025px) {
    body.page-template-community section.hero .social div a {
        font-size: 2rem;
    }
}

body.page-template-community section.hero .social div a svg {
    width: auto;
    height: 1rem;
    fill: #ff4500;
    margin-bottom: 0.5rem;
}

@media (min-width: 768px) {
    body.page-template-community section.hero .social div a svg {
        height: 1.75rem;
        margin-bottom: 0.75rem;
    }
}

@media (min-width: 1025px) {
    body.page-template-community section.hero .social div a svg {
        height: 2.25rem;
        margin-bottom: 1rem;
    }
}

body.page-template-community section.events {
    overflow: hidden;
}

body.page-template-community section.events.alt {
    background-color: #202020;
}

body.page-template-community section.events.alt .section-title h2 {
    line-height: 1.1;
    text-indent: 6rem;
    margin-top: -3.25rem;
}

@media (min-width: 768px) {
    body.page-template-community section.events.alt .section-title h2 {
        text-indent: 6.875rem;
        margin-top: -3.5rem;
    }
}

@media (min-width: 1025px) {
    body.page-template-community section.events.alt .section-title h2 {
        text-indent: 11rem;
        margin-top: -5.375rem;
    }
}

body.page-template-community section.events.alt .section-title h2.show {
    text-indent: 0;
}

body.page-template-community section.events.alt .section-title h2.show .line-container:first-child {
    padding-left: 6rem;
}

@media (min-width: 768px) {
    body.page-template-community section.events.alt .section-title h2.show .line-container:first-child {
        padding-left: 6.875rem;
    }
}

@media (min-width: 1025px) {
    body.page-template-community section.events.alt .section-title h2.show .line-container:first-child {
        padding-left: 11rem;
    }
}

body.page-template-community section.events.alt .list .list-inner {
    background-color: #202020;
}

body.page-template-community section.events.alt .list .card {
    background-color: #121212;
}

body.page-template-community section.events .inner {
    padding: 10rem 1.25rem;
}

@media (min-width: 768px) {
    body.page-template-community section.events .inner {
        padding: 12.5rem 2.5rem;
    }
}

@media (min-width: 1025px) {
    body.page-template-community section.events .inner {
        padding: 11rem 10rem 8rem 10rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

body.page-template-community section.events .section-title {
    margin-bottom: 3rem;
}

@media (min-width: 768px) {
    body.page-template-community section.events .section-title {
        /* margin-bottom: 5rem; */
    }
}

@media (min-width: 1025px) {
    body.page-template-community section.events .section-title {
        width: 40.875rem;
        min-width: 40.875rem;
    }
}

body.page-template-community section.events .section-title h2 {
    line-height: 1.1;
}

body.page-template-community section.events .list {
    width: calc(100vw - 2.5rem);
}

@media (min-width: 1025px) {
    body.page-template-community section.events .list {
        width: 66.25rem;
    }
}

body.page-template-community section.events .list .list-inner {
    background-color: #121212;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    min-width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

body.page-template-community section.events .list .card {
    background-color: #040404;
    border-bottom: 1px solid #fff;
    width: 16.5rem;
    min-width: 16.5rem;
    max-width: 16.5rem;
    min-height: 25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 1.25rem;
}

@media (min-width: 768px) {
    body.page-template-community section.events .list .card {
        width: 21rem;
        min-width: 21rem;
        max-width: 21rem;
    }
}

@media (min-width: 1025px) {
    body.page-template-community section.events .list .card {
        width: 24.0625em;
        min-width: 24.0625em;
        max-width: 24.0625em;
        min-height: 35.125rem;
    }
}

body.page-template-community section.events .list .card:last-child {
    margin-right: 0;
}

body.page-template-community section.events .list .card .thumb {
    background-color: rgba(0, 0, 0, 0.3);
    width: 100%;
    height: 9.375rem;
}

@media (min-width: 1025px) {
    body.page-template-community section.events .list .card .thumb {
        height: 13.75rem;
    }
}

body.page-template-community section.events .list .card .thumb img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

body.page-template-community section.events .list .card .content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 1.5rem;
}

@media (min-width: 1025px) {
    body.page-template-community section.events .list .card .content {
        padding: 2.5rem 2.5rem 1.75rem;
    }
}

body.page-template-community section.events .list .card .content .date {
    color: #ff4500;
    margin-bottom: 0.25rem;
    font-weight: 600;
    letter-spacing: 0.06em;
    font-size: 0.75rem;
    text-transform: uppercase;
}

@media (min-width: 1025px) {
    body.page-template-community section.events .list .card .content .date {
        font-size: 0.875rem;
        margin-bottom: 0.5rem;
    }
}

body.page-template-community section.events .list .card .content h4 {
    font-size: 1rem;
    letter-spacing: -0.04em;
    margin-bottom: 2rem;
}

@media (min-width: 1025px) {
    body.page-template-community section.events .list .card .content h4 {
        font-size: 1.5rem;
    }
}

body.page-template-community section.events .list .card .content p {
    font-weight: 500;
    font-size: 0.8125rem;
    line-height: 1.25;
    letter-spacing: -0.02em;
    margin-bottom: 1.5rem;
}

@media (min-width: 1025px) {
    body.page-template-community section.events .list .card .content p {
        margin-bottom: 2.5rem;
        font-size: 1rem;
    }
}

body.page-template-community section.events .list .card .content p strong {
    color: #fff;
}

body.page-template-community section.events .list .card .content .btn {
    margin-top: auto;
    margin-left: -1.5rem;
    margin-bottom: -0.375rem;
}

body.page-template-community section.news {
    background-color: #202020;
    padding: 10rem 1.25rem;
    position: relative;
    z-index: 3;
}

@media (min-width: 768px) {
    body.page-template-community section.news {
        padding: 12.5rem 2.5rem;
    }
}

@media (min-width: 1025px) {
    body.page-template-community section.news {
        padding: 15rem 10rem;
    }
}

body.page-template-community section.news .section-title {
    margin-bottom: 3rem;
}

@media (min-width: 768px) {
    body.page-template-community section.news .section-title {
        margin-bottom: 5rem;
    }
}

@media (min-width: 1025px) {
    body.page-template-community section.news .section-title {
        margin-bottom: 10rem;
    }
}

body.page-template-community section.news .grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media (min-width: 768px) {
    body.page-template-community section.news .grid {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

@media (min-width: 1025px) {
    body.page-template-community section.news .grid {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
}

body.page-template-community section.news .grid .item {
    padding: 2rem 0;
    border-bottom: 1px solid hsla(0, 0%, 100%, 0.2);
}

body.page-template-community section.news .grid .item:first-child {
    padding-top: 0;
}

body.page-template-community section.news .grid .item:last-child {
    padding-bottom: 0;
    border-bottom-width: 0;
}

@media (min-width: 768px) {
    body.page-template-community section.news .grid .item {
        width: 50%;
        padding: 2rem;
        border-left: 1px solid hsla(0, 0%, 100%, 0.2);
    }
    body.page-template-community section.news .grid .item:first-child {
        padding-left: 0;
        border-left: 0;
        padding-top: 0;
    }
    body.page-template-community section.news .grid .item:nth-child(2) {
        padding-top: 0;
        padding-right: 0;
    }
    body.page-template-community section.news .grid .item:nth-child(3) {
        border-left-width: 0;
        border-bottom-width: 0;
        padding-left: 0;
        padding-bottom: 0;
    }
    body.page-template-community section.news .grid .item:nth-child(4) {
        padding-right: 0;
        border-bottom-width: 0;
        padding-bottom: 0;
    }
}

@media (min-width: 1025px) {
    body.page-template-community section.news .grid .item {
        padding: 0 2.5rem 2.5rem;
    }
    body.page-template-community section.news .grid .item:nth-child(2) {
        padding-right: 2.5rem;
    }
    body.page-template-community section.news .grid .item:nth-child(3) {
        border-left-width: 1px;
        border-bottom-width: 1px;
        padding-left: 2.5rem;
        padding-bottom: 2.5rem;
    }
    body.page-template-community section.news .grid .item:nth-child(4) {
        border-bottom-width: 1px;
        padding-bottom: 2.5rem;
    }
}

body.page-template-community section.news .grid .item:hover .thumb {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}

body.page-template-community section.news .grid .item:hover .thumb img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

body.page-template-community section.news .grid .item:hover h4 {
    color: #ff4500;
}

body.page-template-community section.news .grid .item .thumb {
    background-color: #121212;
    width: 100%;
    height: 13.4375rem;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    margin-bottom: 2rem;
    overflow: hidden;
    position: relative;
    -webkit-transition: -webkit-filter 0.5s cubic-bezier(0.85, 0, 0.15, 1);
    transition: -webkit-filter 0.5s cubic-bezier(0.85, 0, 0.15, 1);
    -o-transition: filter 0.5s cubic-bezier(0.85, 0, 0.15, 1);
    transition: filter 0.5s cubic-bezier(0.85, 0, 0.15, 1);
    transition: filter 0.5s cubic-bezier(0.85, 0, 0.15, 1), -webkit-filter 0.5s cubic-bezier(0.85, 0, 0.15, 1);
}

body.page-template-community section.news .grid .item .thumb img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: all 0.5s cubic-bezier(0.85, 0, 0.15, 1);
    -o-transition: all 0.5s cubic-bezier(0.85, 0, 0.15, 1);
    transition: all 0.5s cubic-bezier(0.85, 0, 0.15, 1);
}

body.page-template-community section.news .grid .item .date {
    min-width: 6.5rem;
    color: #ff4500;
    font-size: 0.875rem;
    letter-spacing: 0.06em;
    font-weight: 600;
    margin-bottom: 1rem;
}

body.page-template-community section.news .grid .item h4 {
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
    line-height: 1.2;
    letter-spacing: -0.04em;
    -webkit-transition: color 0.3s cubic-bezier(0.85, 0, 0.15, 1);
    -o-transition: color 0.3s cubic-bezier(0.85, 0, 0.15, 1);
    transition: color 0.3s cubic-bezier(0.85, 0, 0.15, 1);
}

@media (min-width: 768px) {
    body.page-template-community section.news .grid .item h4 {
        font-size: 1rem;
    }
}

@media (min-width: 1025px) {
    body.page-template-community section.news .grid .item h4 {
        font-size: 1.25rem;
    }
}

body.page-template-community section.news .grid .item .desc {
    font-size: 0.875rem;
    color: hsla(0, 0%, 100%, 0.5);
    letter-spacing: -0.02em;
    line-height: 1.25;
}

body.page-template-community section.news .grid .item .desc p {
    margin: 0;
}

body.page-template-about section.hero .content {
    padding: 0 1.25rem;
}

@media (min-width: 768px) {
    body.page-template-about section.hero .content {
        padding: 0 2.5rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

@media (min-width: 1025px) {
    body.page-template-about section.hero .content {
        padding: 0 10rem;
    }
}

body.page-template-about section.hero h1 {
    font-size: 2.5rem;
    line-height: 1.1;
    letter-spacing: -0.04em;
}

@media (min-width: 768px) {
    body.page-template-about section.hero h1 {
        font-size: 3.5rem;
    }
}

@media (min-width: 1025px) {
    body.page-template-about section.hero h1 {
        font-size: 5.625rem;
    }
}

body.page-template-about section.hero .cards {
    position: relative;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 1.25rem;
    margin: 0 -1.25rem -3rem;
    -webkit-user-select: none;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    overflow-x: scroll;
}

@media (min-width: 768px) {
    body.page-template-about section.hero .cards {
        overflow-x: hidden;
    }
}

@media (min-width: 1025px) {
    body.page-template-about section.hero .cards {
        margin-bottom: -8.25rem;
    }
}

body.page-template-about section.hero .cards::-webkit-scrollbar {
    display: none;
}

body.page-template-about section.hero .cards .card {
    width: 100vw;
    max-width: 14.25rem;
    min-width: 14.25rem;
    background-color: rgba(115, 179, 226, 0.16);
    border: 1px solid #ff4500;
    color: #ff4500;
    border-radius: 0.75rem;
    padding: 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: 0.5rem;
    -webkit-backdrop-filter: blur(6.25rem);
    backdrop-filter: blur(6.25rem);
}

@media (min-width: 768px) {
    body.page-template-about section.hero .cards .card {
        margin-left: 1rem;
    }
}

@media (min-width: 1025px) {
    body.page-template-about section.hero .cards .card {
        max-width: 24.0625rem;
        margin-left: 1.25rem;
        padding: 2.5rem;
    }
}

body.page-template-about section.hero .cards .card:first-child {
    margin-left: 0;
}

body.page-template-about section.hero .cards .card h4 {
    max-width: 10.25rem;
    font-size: 1.25rem;
    letter-spacing: -0.03em;
    margin-bottom: 1.5rem;
}

@media (min-width: 1025px) {
    body.page-template-about section.hero .cards .card h4 {
        max-width: 11.875rem;
        font-size: 2rem;
        margin-bottom: 5.375rem;
    }
}

body.page-template-about section.hero .cards .card p {
    letter-spacing: -0.01em;
    font-size: 0.6875rem;
    line-height: 1.25;
}

@media (min-width: 1025px) {
    body.page-template-about section.hero .cards .card p {
        font-size: 0.875rem;
    }
}

body.page-template-about section.hero .cards .card .text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%;
    max-width: 8.875rem;
    height: 100%;
    margin-left: auto;
}

@media (min-width: 1025px) {
    body.page-template-about section.hero .cards .card .text {
        max-width: 13.4375rem;
    }
}

body.page-template-about section.hero .cards .card .text p {
    margin-bottom: 2rem;
}

body.page-template-about section.hero .cards .card .text .btn {
    margin-top: auto;
    margin-left: -1.5rem;
    color: #ff4500;
}

body.page-template-about section.hero .cards .card .text .btn .container:after,
body.page-template-about section.hero .cards .card .text .btn .container:before {
    background-color: #ff4500;
}

body.page-template-about section.hero .cards .card .text .btn svg circle {
    fill: red;
}

body.page-template-about section.hero .video {
    background-color: #1a1a1a;
    height: 26.375rem;
    position: relative;
}

@media (min-width: 1025px) {
    body.page-template-about section.hero .video {
        height: 56.25rem;
    }
}

body.page-template-about section.hero .video:not(.play):before {
    content: "";
    background-color: #ff4500;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.6 2.2A1 1 0 006 3v18a1 1 0 001.6.8l12-9a.999.999 0 000-1.6l-12-9z' fill='%231A1A1A'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 0.75rem;
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
    position: absolute;
    left: calc(50% - 2.5rem);
    top: calc(50% - 2.5rem);
    z-index: 2;
}

@media (min-width: 768px) {
    body.page-template-about section.hero .video:not(.play):before {
        background-size: 1.125rem;
        width: 7.5rem;
        height: 7.5rem;
        left: calc(50% - 3.75rem);
        top: calc(50% - 3.75rem);
    }
}

@media (min-width: 1025px) {
    body.page-template-about section.hero .video:not(.play):before {
        display: none;
    }
}

body.page-template-about section.hero .video video {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

body.page-template-about section.hero .video:not(.active) .control {
    width: 0;
    height: 0;
    margin-left: 0;
    margin-top: 0;
}

@media (min-width: 768px) {
    body.page-template-about section.list {
        padding: 2.5rem 2.5rem 0;
    }
}

@media (min-width: 1025px) {
    body.page-template-about section.list {
        padding: 3rem 3rem 0;
    }
}

body.page-template-about section.list .box {
    background-color: #202020;
    padding: 10rem 1.25rem;
}

@media (min-width: 768px) {
    body.page-template-about section.list .box {
        padding: 2.5rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

@media (min-width: 1025px) {
    body.page-template-about section.list .box {
        padding: 7rem;
    }
}

@media (min-width: 768px) {
    body.page-template-about section.list .box .side {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 100vh;
        margin: -2.5rem;
        padding: 2.5rem;
    }
}

@media (min-width: 1025px) {
    body.page-template-about section.list .box .side {
        margin: -7rem;
        padding: 7rem;
    }
}

body.page-template-about section.list .box .side h2 {
    margin-bottom: 1.5rem;
}

@media (min-width: 768px) {
    body.page-template-about section.list .box .side h2 {
        max-width: 22rem;
    }
}

@media (min-width: 1025px) {
    body.page-template-about section.list .box .side h2 {
        max-width: 41rem;
        margin-bottom: 3rem;
    }
}

body.page-template-about section.list .box .side p {
    max-width: 90%;
    font-size: 0.875rem;
    color: hsla(0, 0%, 100%, 0.5);
    line-height: 1.25;
}

@media (min-width: 768px) {
    body.page-template-about section.list .box .side p {
        max-width: 18.25rem;
    }
}

@media (min-width: 1025px) {
    body.page-template-about section.list .box .side p {
        max-width: 32.5rem;
        font-size: 1.25rem;
    }
}

body.page-template-about section.list .box .side .icon {
    width: 20.1875rem;
    height: 10.625rem;
    margin-top: auto;
    display: none;
}

@media (min-width: 768px) {
    body.page-template-about section.list .box .side .icon {
        display: block;
    }
}

body.page-template-about section.list .box .side .icon img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

body.page-template-about section.list .box ul {
    list-style: none;
    padding: 0;
    counter-reset: list;
    margin: 3rem 0 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 1.25rem;
    -webkit-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
}

@media (min-width: 768px) {
    body.page-template-about section.list .box ul {
        max-width: 18.25rem;
        display: block;
        margin-top: 0.875rem;
    }
}

@media (min-width: 1025px) {
    body.page-template-about section.list .box ul {
        max-width: 32.5rem;
    }
}

body.page-template-about section.list .box ul li {
    border-top: 1px solid hsla(0, 0%, 100%, 0.2);
    padding: 1.5rem 0;
    font-size: 0.8125rem;
    letter-spacing: -0.03em;
    font-weight: 500;
    line-height: 1.2;
    counter-increment: list;
}

@media (min-width: 768px) {
    body.page-template-about section.list .box ul li {
        padding: 3rem 0;
        font-size: 1rem;
    }
}

@media (min-width: 1025px) {
    body.page-template-about section.list .box ul li {
        padding: 3.5rem 0;
        font-size: 2rem;
    }
}

body.page-template-about section.list .box ul li:before {
    content: "0" counter(list);
    display: block;
    background-color: rgba(115, 179, 226, 0.16);
    border: 1px solid #ff4500;
    width: 1.5rem;
    height: 1.5rem;
    font-size: 0.5rem;
    border-radius: 50%;
    text-align: center;
    line-height: 2.75em;
    margin-bottom: 1rem;
    color: #ff4500;
}

@media (min-width: 1025px) {
    body.page-template-about section.list .box ul li:before {
        width: 3.25rem;
        height: 3.25rem;
        font-size: 1rem;
        margin-bottom: 2.75rem;
        border-width: 2px;
    }
}

@media (min-width: 768px) {
    body.page-template-about section.list .box ul li:last-child {
        border-bottom: 1px solid hsla(0, 0%, 100%, 0.2);
    }
}

body.page-template-about section.testimonials {
    padding: 10rem 1.25rem;
}

@media (min-width: 768px) {
    body.page-template-about section.testimonials {
        padding: 10rem 2.5rem;
    }
}

@media (min-width: 1025px) {
    body.page-template-about section.testimonials {
        padding: 15rem 10rem;
    }
}

@media (min-width: 768px) {
    body.page-template-about section.testimonials .item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

body.page-template-about section.testimonials .item .infos {
    border-bottom: 1px solid hsla(0, 0%, 100%, 0.2);
    padding: 2rem 0;
    text-align: center;
}

@media (min-width: 768px) {
    body.page-template-about section.testimonials .item .infos {
        border-top: 1px solid hsla(0, 0%, 100%, 0.2);
        min-width: 16.5rem;
        padding: 7.75rem 0;
        text-align: left;
        margin-right: 1rem;
    }
}

@media (min-width: 1025px) {
    body.page-template-about section.testimonials .item .infos {
        min-width: 32.5rem;
        padding: 5rem 0;
        margin-right: 1.25rem;
    }
}

body.page-template-about section.testimonials .item .infos .avatar {
    width: 7.5rem;
    height: 7.5rem;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto 2rem;
}

@media (min-width: 768px) {
    body.page-template-about section.testimonials .item .infos .avatar {
        margin: 0 0 2rem;
    }
}

@media (min-width: 1025px) {
    body.page-template-about section.testimonials .item .infos .avatar {
        margin-bottom: 3rem;
    }
}

body.page-template-about section.testimonials .item .infos .avatar img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

body.page-template-about section.testimonials .item .infos h4 {
    font-size: 1rem;
    line-height: 1.2;
    letter-spacing: -0.03em;
    margin-bottom: 0.5rem;
}

@media (min-width: 1025px) {
    body.page-template-about section.testimonials .item .infos h4 {
        font-size: 1.25rem;
        margin-bottom: 0.75rem;
    }
}

body.page-template-about section.testimonials .item .infos .desc {
    color: hsla(0, 0%, 100%, 0.5);
    font-weight: 500;
    letter-spacing: -0.01em;
    font-size: 0.875rem;
}

@media (min-width: 1025px) {
    body.page-template-about section.testimonials .item .infos .desc {
        font-size: 1rem;
    }
}

body.page-template-about section.testimonials .item .testimonial {
    border-top: 1px solid hsla(0, 0%, 100%, 0.2);
    border-bottom: 1px solid hsla(0, 0%, 100%, 0.2);
    padding: 2rem 3.75rem 2rem 0;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.1;
    letter-spacing: -0.04em;
    position: relative;
}

@media (min-width: 768px) {
    body.page-template-about section.testimonials .item .testimonial {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        font-size: 1.875rem;
        padding: 7.5rem 4.375rem 7.5rem 0;
    }
}

@media (min-width: 1025px) {
    body.page-template-about section.testimonials .item .testimonial {
        font-size: 2.5rem;
        padding: 5rem 15.625rem 5rem 0;
    }
}

body.page-template-about section.testimonials .item .testimonial:after {
    content: "";
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='64' height='52' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M57.74 8.162C53.392 3.41 46.813 1 38.188 1H35.09v8.81l2.492.502c4.246.857 7.199 2.541 8.78 5.013a9.123 9.123 0 011.357 4.425h-9.53c-.822 0-1.61.33-2.191.915a3.138 3.138 0 00-.908 2.21V44.75c0 3.447 2.78 6.25 6.198 6.25h18.595c.821 0 1.61-.33 2.19-.915a3.135 3.135 0 00.908-2.21V32.25l-.009-9.122c.028-.347.617-8.566-5.23-14.966zM7.198 51h18.594c.822 0 1.61-.33 2.192-.915.58-.586.907-1.381.907-2.21V32.25l-.01-9.122c.029-.347.618-8.566-5.23-14.966C19.303 3.41 12.724 1 4.099 1H1v8.81l2.492.502c4.245.857 7.199 2.541 8.78 5.013a9.124 9.124 0 011.357 4.425h-9.53c-.822 0-1.61.33-2.191.915A3.138 3.138 0 001 22.875V44.75C1 48.197 3.78 51 7.198 51z' fill='%23B4F400' fill-opacity='.16' stroke='%2373b3e2' stroke-width='2'/%3E%3C/svg%3E");
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    width: 2rem;
    height: 1.5rem;
    position: absolute;
    right: 0;
    bottom: 2rem;
}

@media (min-width: 768px) {
    body.page-template-about section.testimonials .item .testimonial:after {
        width: 2.5rem;
        height: 2rem;
        bottom: 5rem;
    }
}

@media (min-width: 1025px) {
    body.page-template-about section.testimonials .item .testimonial:after {
        width: 4rem;
        height: 3.25rem;
        bottom: 5rem;
    }
}

body.page-template-about section.cta {
    background-color: #202020;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media (min-width: 768px) {
    body.page-template-about section.cta {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

body.page-template-about section.cta .img {
    width: 100%;
    height: 22.875rem;
}

@media (min-width: 768px) {
    body.page-template-about section.cta .img {
        max-width: 27.5rem;
        height: 35.625rem;
    }
}

@media (min-width: 1025px) {
    body.page-template-about section.cta .img {
        max-width: 59.375rem;
        height: 58rem;
    }
}

body.page-template-about section.cta .img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

body.page-template-about section.cta .infos {
    padding: 5rem 1.25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

@media (min-width: 768px) {
    body.page-template-about section.cta .infos {
        max-width: 28.625rem;
        padding: 2.5rem 2.5rem 2.5rem 4.5rem;
    }
}

@media (min-width: 1025px) {
    body.page-template-about section.cta .infos {
        max-width: 60.625rem;
        padding: 9.75rem 17.5rem 9.75rem 9.75rem;
    }
}

body.page-template-about section.cta .infos h2 {
    margin-bottom: 2rem;
}

body.page-template-about section.cta .infos p {
    color: hsla(0, 0%, 100%, 0.5);
    font-size: 0.875rem;
    line-height: 1.25;
    margin-bottom: 2rem;
}

@media (min-width: 1025px) {
    body.page-template-about section.cta .infos p {
        font-size: 1.25rem;
        margin-bottom: 2.5rem;
    }
}

@media (max-width: 767px) {
    body.page-template-about section.cta .infos .btn {
        width: 100%;
    }
}

body.page-template-about section.faqs {
    padding: 10rem 1.25rem;
}

@media (min-width: 768px) {
    body.page-template-about section.faqs {
        padding: 12.5rem 2.5rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

@media (min-width: 1025px) {
    body.page-template-about section.faqs {
        padding: 15rem 10rem 12.5rem;
    }
}

body.page-template-about section.faqs .section-title {
    margin-bottom: 3rem;
}

body.page-template-about section.faqs .list {
    border-bottom: 1.5px solid #fff;
}

@media (min-width: 768px) {
    body.page-template-about section.faqs .list {
        max-width: 38.25rem;
        border-width: 2px;
    }
}

@media (min-width: 1025px) {
    body.page-template-about section.faqs .list {
        max-width: 57.75rem;
    }
}

body.page-template-about section.faqs .list .accordion {
    width: 100%;
    border: 0;
    margin: 0;
    border-top: 1.5px solid #fff;
    color: #fff;
    padding: 1.5rem 2.75rem 1.5rem 0;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.2;
    cursor: pointer;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-align: left;
    position: relative;
}

@media (min-width: 768px) {
    body.page-template-about section.faqs .list .accordion {
        border-width: 2px;
        padding-top: 2.5rem;
        padding-right: 4rem;
        padding-bottom: 1.5rem;
        font-size: 1.5rem;
    }
}

@media (min-width: 1025px) {
    body.page-template-about section.faqs .list .accordion {
        padding-right: 4rem;
        padding-bottom: 2rem;
        font-size: 2rem;
    }
}

body.page-template-about section.faqs .list .accordion:after,
body.page-template-about section.faqs .list .accordion:before {
    content: "";
    background-color: #fff;
    width: 1.375rem;
    height: 2px;
    position: absolute;
    right: 0.25rem;
    top: calc(50% - 1px);
    -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.85, 0, 0.15, 1);
    transition: -webkit-transform 0.5s cubic-bezier(0.85, 0, 0.15, 1);
    -o-transition: transform 0.5s cubic-bezier(0.85, 0, 0.15, 1);
    transition: transform 0.5s cubic-bezier(0.85, 0, 0.15, 1);
    transition: transform 0.5s cubic-bezier(0.85, 0, 0.15, 1), -webkit-transform 0.5s cubic-bezier(0.85, 0, 0.15, 1);
}

body.page-template-about section.faqs .list .accordion:after {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

body.page-template-about section.faqs .list .accordion.active:after {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
}

body.page-template-about section.faqs .list .panel {
    color: hsla(0, 0%, 100%, 0.5);
    font-weight: 500;
    line-height: 1.25;
    letter-spacing: -0.01em;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height 0.5s cubic-bezier(0.85, 0, 0.15, 1);
    -o-transition: max-height 0.5s cubic-bezier(0.85, 0, 0.15, 1);
    transition: max-height 0.5s cubic-bezier(0.85, 0, 0.15, 1);
}

@media (min-width: 768px) {
    body.page-template-about section.faqs .list .panel {
        margin-bottom: 1rem;
        padding-right: 4rem;
    }
}

@media (min-width: 1025px) {
    body.page-template-about section.faqs .list .panel {
        margin-bottom: 0.5rem;
    }
}

body.page-template-about section.faqs .list .panel .inner {
    padding-bottom: 1.5rem;
}

@media (min-width: 1025px) {
    body.page-template-about section.faqs .list .panel .inner {
        padding-bottom: 2.5rem;
    }
}

body.page-template-developer section.hero {
    border-bottom: 1px solid hsla(0, 0%, 100%, 0.2);
    padding-bottom: 100vw;
    position: relative;
}

@media (min-width: 768px) {
    body.page-template-developer section.hero {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 41rem;
        padding-bottom: 0;
    }
}

@media (min-width: 1025px) {
    body.page-template-developer section.hero {
        height: auto;
        min-height: 100vh;
    }
}

body.page-template-developer section.hero .top {
    padding-top: 4rem;
}

@media (min-width: 768px) {
    body.page-template-developer section.hero .top {
        padding-top: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
}

body.page-template-developer section.hero .top .title {
    padding: 2rem 1.25rem;
    margin: auto 0;
}

@media (min-width: 768px) {
    body.page-template-developer section.hero .top .title {
        padding: 6.25rem 2.5rem;
    }
}

@media (min-width: 1025px) {
    body.page-template-developer section.hero .top .title {
        padding: 13.5rem 10rem 7.75rem;
    }
}

body.page-template-developer section.hero .top .title .subtitle {
    font-size: 0.875rem;
    font-weight: 500;
    color: #ff4500;
    letter-spacing: -0.03em;
    margin-bottom: 0.75rem;
}

@media (min-width: 768px) {
    body.page-template-developer section.hero .top .title .subtitle {
        font-size: 1.5rem;
        margin-bottom: 1rem;
    }
}

@media (min-width: 1025px) {
    body.page-template-developer section.hero .top .title .subtitle {
        font-size: 2rem;
        margin-bottom: 1.5rem;
    }
}

body.page-template-developer section.hero .top .title h1 {
    max-width: 14.5rem;
    font-size: 2.5rem;
    letter-spacing: -0.04em;
    line-height: 1.1;
    margin: 0;
}

@media (min-width: 768px) {
    body.page-template-developer section.hero .top .title h1 {
        max-width: 21.25rem;
        font-size: 3.5rem;
    }
}

@media (min-width: 1025px) {
    body.page-template-developer section.hero .top .title h1 {
        max-width: 32.5rem;
        font-size: 5.625rem;
    }
}

body.page-template-developer section.hero .top .icon {
    width: 100vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    right: 0;
    bottom: 0;
}

@media (min-width: 768px) {
    body.page-template-developer section.hero .top .icon {
        border-left: 1px solid hsla(0, 0%, 100%, 0.2);
        padding-top: 5.5rem;
        width: 28.125rem;
        height: auto;
        position: relative;
    }
}

@media (min-width: 1025px) {
    body.page-template-developer section.hero .top .icon {
        padding-top: 7rem;
        width: calc(100vh - 17.75rem);
    }
}

body.page-template-developer section.hero .top .icon .circle {
    border: 1px solid hsla(0, 0%, 100%, 0.2);
    width: 100%;
    padding-top: 100%;
    border-radius: 50%;
    position: relative;
}

body.page-template-developer section.hero .top .icon .circle video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

body.page-template-developer section.hero .bottom {
    border-top: 1px solid hsla(0, 0%, 100%, 0.2);
}

@media (min-width: 768px) {
    body.page-template-developer section.hero .bottom {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

body.page-template-developer section.hero .bottom .text {
    padding: 2rem 1.25rem;
    width: 100%;
    color: hsla(0, 0%, 100%, 0.5);
    font-weight: 500;
    font-size: 0.875rem;
}

@media (min-width: 768px) {
    body.page-template-developer section.hero .bottom .text {
        padding: 2rem 2.5rem;
        max-width: 28rem;
    }
}

@media (min-width: 1025px) {
    body.page-template-developer section.hero .bottom .text {
        font-size: 1rem;
        padding: 2rem 10rem;
        max-width: 46rem;
    }
}

body.page-template-developer section.hero .bottom .btn {
    width: 100%;
    padding: 2rem 1.25rem;
    text-align: left;
    font-size: 1rem;
    text-transform: capitalize;
    font-weight: 500;
    letter-spacing: -0.03em;
    position: relative;
}

@media (min-width: 768px) {
    body.page-template-developer section.hero .bottom .btn {
        width: 28.125rem;
        padding: 2.75rem 2.5rem;
        font-size: 1.5rem;
    }
}

@media (min-width: 1025px) {
    body.page-template-developer section.hero .bottom .btn {
        width: calc(100vh - 17.75rem);
        padding: 4.125rem 4rem;
        font-size: 2rem;
    }
}

body.page-template-developer section.hero .bottom .btn:after {
    content: "";
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='48' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 24h43' stroke='%231C1C1C' stroke-width='3' stroke-miterlimit='10'/%3E%3Cpath d='M31 10l14 14-14 14' stroke='%231C1C1C' stroke-width='3' stroke-miterlimit='10' stroke-linecap='square'/%3E%3C/svg%3E"), url("data:image/svg+xml;charset=utf-8,%3Csvg width='48' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 24h43' stroke='%231C1C1C' stroke-width='3' stroke-miterlimit='10'/%3E%3Cpath d='M31 10l14 14-14 14' stroke='%231C1C1C' stroke-width='3' stroke-miterlimit='10' stroke-linecap='square'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%, -4rem;
    width: 1.25rem;
    height: 1.25rem;
    position: absolute;
    right: 1.25rem;
    top: calc(50% - 0.625rem);
    -webkit-transition: all 0.5s cubic-bezier(0.85, 0, 0.15, 1);
    -o-transition: all 0.5s cubic-bezier(0.85, 0, 0.15, 1);
    transition: all 0.5s cubic-bezier(0.85, 0, 0.15, 1);
}

@media (min-width: 768px) {
    body.page-template-developer section.hero .bottom .btn:after {
        width: 1.5rem;
        height: 1.5rem;
        right: 3rem;
        top: calc(50% - 0.75rem);
    }
}

@media (min-width: 1025px) {
    body.page-template-developer section.hero .bottom .btn:after {
        width: 3rem;
        height: 3rem;
        right: 4rem;
        top: calc(50% - 1.5rem);
    }
}

body.page-template-developer section.hero .bottom .btn:hover:after {
    background-position: 4rem, 50%;
}

body.page-template-developer section.code {
    padding: 10rem 1.25rem;
}

@media (min-width: 768px) {
    body.page-template-developer section.code {
        padding: 12.5rem 2.5rem;
    }
}

@media (min-width: 1025px) {
    body.page-template-developer section.code {
        padding: 15rem 10rem;
    }
}

body.page-template-developer section.code .section-title {
    text-align: center;
    margin: 0 auto;
}

@media (min-width: 768px) {
    body.page-template-developer section.code .section-title {
        max-width: 34rem;
    }
}

@media (min-width: 1025px) {
    body.page-template-developer section.code .section-title {
        max-width: 49.375rem;
    }
}

body.page-template-developer section.code .section-title .tag {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

body.page-template-developer section.code .section-title h2 {
    margin-bottom: 2.5rem;
    line-height: 1.1;
}

body.page-template-developer section.code .steps {
    counter-reset: steps;
    padding-top: 3rem;
    position: relative;
    height: 55rem;
}

@media (min-width: 768px) {
    body.page-template-developer section.code .steps {
        padding-top: 5rem;
    }
}

body.page-template-developer section.code .steps .step {
    background-color: #202020;
    padding: 2rem;
    margin-bottom: 1.5rem;
    counter-increment: steps;
    min-height: 40rem;
    -webkit-transform-origin: center top;
    -ms-transform-origin: center top;
    transform-origin: center top;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media (min-width: 768px) {
    body.page-template-developer section.code .steps .step {
        padding: 3rem;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        top: 5rem;
        min-height: 43.25rem;
    }
}

@media (min-width: 1025px) {
    body.page-template-developer section.code .steps .step {
        padding: 5rem;
    }
}

body.page-template-developer section.code .steps .step:nth-child(2) {
    background-color: #2b2b2b;
}

body.page-template-developer section.code .steps .step:nth-child(3) {
    background-color: #393939;
}

body.page-template-developer section.code .steps .step .side {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media (min-width: 768px) {
    body.page-template-developer section.code .steps .step .side {
        max-width: 16rem;
    }
}

@media (min-width: 1025px) {
    body.page-template-developer section.code .steps .step .side {
        max-width: 28.125rem;
    }
}

body.page-template-developer section.code .steps .step .side:before {
    content: "Step " counter(steps);
    margin-right: auto;
    background-color: rgba(115, 179, 226, 0.16);
    border: 1px solid #ff4500;
    padding: 0.625rem 1rem;
    border-radius: 3rem;
    text-align: center;
    font-size: 0.625rem;
    margin-bottom: 0.75rem;
    font-weight: 600;
    line-height: 1;
    color: #ff4500;
    text-transform: uppercase;
    -webkit-transition: all 0.5s cubic-bezier(0.85, 0, 0.15, 1);
    -o-transition: all 0.5s cubic-bezier(0.85, 0, 0.15, 1);
    transition: all 0.5s cubic-bezier(0.85, 0, 0.15, 1);
}

@media (min-width: 768px) {
    body.page-template-developer section.code .steps .step .side:before {
        -webkit-mask-box-image: 1rem;
        mask-border: 1rem;
    }
}

@media (min-width: 1025px) {
    body.page-template-developer section.code .steps .step .side:before {
        border-width: 2px;
        font-size: 1rem;
        padding: 0.875rem 1.5rem;
        margin-bottom: 2rem;
    }
}

body.page-template-developer section.code .steps .step .side h4 {
    font-size: 2rem;
    line-height: 1.1;
    letter-spacing: -0.04em;
}

@media (min-width: 1025px) {
    body.page-template-developer section.code .steps .step .side h4 {
        font-size: 4rem;
    }
}

body.page-template-developer section.code .steps .step .side .btn {
    margin-right: auto;
    margin-top: auto;
}

@media (max-width: 767px) {
    body.page-template-developer section.code .steps .step .side .btn {
        display: none;
    }
}

body.page-template-developer section.code .steps .step .text {
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 1.5rem;
}

@media (min-width: 768px) {
    body.page-template-developer section.code .steps .step .text {
        margin-top: 0;
        max-width: 26.875rem;
        padding-top: 3.25rem;
    }
}

@media (min-width: 1025px) {
    body.page-template-developer section.code .steps .step .text {
        max-width: 52.8125rem;
        padding-top: 5.5rem;
    }
}

body.page-template-developer section.code .steps .step .text p {
    margin-bottom: 1.5rem;
    font-size: 0.875rem;
    color: hsla(0, 0%, 100%, 0.5);
    letter-spacing: -0.01em;
}

@media (min-width: 768px) {
    body.page-template-developer section.code .steps .step .text p {
        margin-bottom: 3rem;
    }
}

@media (min-width: 1025px) {
    body.page-template-developer section.code .steps .step .text p {
        max-width: 41rem;
        margin-bottom: 3.5rem;
        font-size: 1rem;
    }
}

body.page-template-developer section.code .steps .step .text ul {
    list-style: none;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 1.255rem;
    -webkit-column-gap: 1.255rem;
    -moz-column-gap: 1.255rem;
    column-gap: 1.255rem;
    grid-row-gap: 1.5rem;
    row-gap: 1.5rem;
    counter-reset: steps-list;
    margin: 0 0 1.5rem;
}

@media (min-width: 768px) {
    body.page-template-developer section.code .steps .step .text ul {
        grid-column-gap: 4.625rem;
        -webkit-column-gap: 4.625rem;
        -moz-column-gap: 4.625rem;
        column-gap: 4.625rem;
        grid-row-gap: 3rem;
        row-gap: 3rem;
        margin-bottom: auto;
    }
}

body.page-template-developer section.code .steps .step .text ul li {
    padding-top: 1rem;
    border-top: 1px solid hsla(0, 0%, 100%, 0.2);
    font-size: 0.8125rem;
    line-height: 1.2;
    letter-spacing: -0.04em;
    font-weight: 500;
    counter-increment: steps-list;
}

@media (min-width: 768px) {
    body.page-template-developer section.code .steps .step .text ul li {
        padding-top: 1.5rem;
        font-size: 1rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

@media (min-width: 1025px) {
    body.page-template-developer section.code .steps .step .text ul li {
        font-size: 1.5rem;
    }
}

body.page-template-developer section.code .steps .step .text ul li:before {
    content: "0" counter(steps-list);
    color: #ff4500;
    display: block;
    margin-bottom: 0.5rem;
}

@media (min-width: 768px) {
    body.page-template-developer section.code .steps .step .text ul li:before {
        margin-right: 1.375rem;
    }
}

@media (min-width: 1025px) {
    body.page-template-developer section.code .steps .step .text ul li:before {
        margin-right: 3rem;
    }
}

body.page-template-developer section.code .steps .step .text .btn {
    margin-top: auto;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

@media (min-width: 768px) {
    body.page-template-developer section.code .steps .step .text .btn {
        display: none;
    }
}

body.page-template-developer section.video {
    height: 100vh;
    position: relative;
}

body.page-template-developer section.video:not(.play):before {
    content: "";
    background-color: #ff4500;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.6 2.2A1 1 0 006 3v18a1 1 0 001.6.8l12-9a.999.999 0 000-1.6l-12-9z' fill='%231A1A1A'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 0.75rem;
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
    position: absolute;
    left: calc(50% - 2.5rem);
    top: calc(50% - 2.5rem);
    z-index: 2;
}

@media (min-width: 768px) {
    body.page-template-developer section.video:not(.play):before {
        background-size: 1.125rem;
        width: 7.5rem;
        height: 7.5rem;
        left: calc(50% - 3.75rem);
        top: calc(50% - 3.75rem);
    }
}

@media (min-width: 1025px) {
    body.page-template-developer section.video:not(.play):before {
        display: none;
    }
}

body.page-template-developer section.video video {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

body.page-template-developer section.solution {
    background-color: #202020;
    padding: 10rem 1.25rem;
    position: relative;
}

@media (min-width: 768px) {
    body.page-template-developer section.solution {
        padding: 12.5rem 2.5rem;
    }
}

@media (min-width: 1025px) {
    body.page-template-developer section.solution {
        padding: 15rem 10rem;
    }
}

body.page-template-developer section.solution .section-title {
    margin-bottom: 3rem;
}

@media (min-width: 768px) {
    body.page-template-developer section.solution .section-title {
        max-width: 33.875rem;
        margin-bottom: 6.25rem;
    }
}

@media (min-width: 1025px) {
    body.page-template-developer section.solution .section-title {
        max-width: 100%;
        margin-bottom: 7.75rem;
    }
}

body.page-template-developer section.solution ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-gap: 1rem;
    gap: 1rem;
}

@media (min-width: 768px) {
    body.page-template-developer section.solution ul {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1025px) {
    body.page-template-developer section.solution ul {
        grid-gap: 1.875rem;
        gap: 1.875rem;
    }
}

body.page-template-developer section.solution ul li {
    min-height: 17.25rem;
    background-color: #121212;
    padding: 4.125rem 1.5rem 1.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
}

@media (min-width: 768px) {
    body.page-template-developer section.solution ul li {
        min-height: 17.75rem;
        padding: 4.125rem 2rem 2rem;
    }
}

@media (min-width: 1025px) {
    body.page-template-developer section.solution ul li {
        min-height: 27.5rem;
        padding: 6rem 3rem 3rem;
    }
}

body.page-template-developer section.solution ul li:before {
    content: "";
    background-color: #fff;
    width: calc(100% - 3rem);
    height: 2px;
    position: absolute;
    left: 1.5rem;
    top: 2rem;
}

@media (min-width: 768px) {
    body.page-template-developer section.solution ul li:before {
        width: calc(100% - 4rem);
        left: 2rem;
    }
}

@media (min-width: 1025px) {
    body.page-template-developer section.solution ul li:before {
        width: calc(100% - 6rem);
        left: 3rem;
        top: 3rem;
    }
}

body.page-template-developer section.solution ul li .side,
body.page-template-developer section.solution ul li .side .icon {
    width: 5rem;
}

body.page-template-developer section.solution ul li .side .icon img {
    width: 100%;
    height: auto;
}

body.page-template-developer section.solution ul li .text {
    width: calc(100% - 8rem);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 0.75rem;
    font-weight: 500;
}

@media (min-width: 1025px) {
    body.page-template-developer section.solution ul li .text {
        font-size: 1rem;
    }
}

body.page-template-developer section.solution ul li .text h4 {
    font-size: 1.3125rem;
    letter-spacing: -0.03em;
    line-height: 1.2;
}

@media (min-width: 768px) {
    body.page-template-developer section.solution ul li .text h4 {
        font-size: 1.5rem;
    }
}

@media (min-width: 1025px) {
    body.page-template-developer section.solution ul li .text h4 {
        font-size: 2rem;
    }
}

body.page-template-developer section.solution ul li .text b,
body.page-template-developer section.solution ul li .text strong {
    color: #fff;
    font-weight: 500;
}

body.page-template-developer section.solution ul li .text p {
    font-weight: 500;
    line-height: 1.25;
    color: hsla(0, 0%, 100%, 0.5);
    letter-spacing: -0.01em;
}

body.page-template-developer section.solution ul li .text .btn {
    margin: auto -1.5rem -1rem auto;
}

body.page-template-developer section.solution .icon-section {
    display: none;
    position: absolute;
}

@media (min-width: 768px) {
    body.page-template-developer section.solution .icon-section {
        display: block;
        width: 12rem;
        bottom: 12.5rem;
        right: 3.5rem;
    }
}

@media (min-width: 1025px) {
    body.page-template-developer section.solution .icon-section {
        width: 20rem;
        bottom: 15rem;
        right: 12rem;
    }
}

body.page-template-developer section.solution .icon-section img {
    width: 100%;
}

body.page-template-developer section.cta {
    background-color: #000;
    /*min-height: 43.75rem;*/
    padding: 1.25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: relative;
    z-index: 1;
}

@media (min-width: 768px) {
    body.page-template-developer section.cta {
        padding: 2.5rem;
    }
}

@media (min-width: 1025px) {
    body.page-template-developer section.cta {
        padding: 10rem;
        /*min-height: 58rem;*/
    }
}

body.page-template-developer section.cta img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    opacity: 0.8;
}

body.page-template-developer section.cta h2 {
    line-height: 1.1;
    /*max-width: 18.75rem;*/
    margin-bottom: 3.5rem;
}

@media (min-width: 768px) {
    body.page-template-developer section.cta h2 {
        /*max-width: 25rem;*/
    }
}

@media (min-width: 1025px) {
    body.page-template-developer section.cta h2 {
        /*max-width: 40.875rem;*/
    }
}

body.page-template-developer section.cta .btn {
    min-width: 11.5rem;
}

@media (min-width: 1025px) {
    body.page-template-developer section.cta .btn {
        min-width: 20.625rem;
    }
}

@media (min-width: 768px) {
    body.page-template-developer .navbar {
        background-color: #121212;
    }
}

@media (min-width: 1025px) {
    body.page-template-developer .navbar {
        background-color: inherit;
    }
}

body.page-template-developer.--js-scroll-min .navbar {
    background-color: #121212;
}

body.page-template-white-paper {
    background-color: #fff;
    color: #1a1a1a;
}

body.page-template-white-paper .navbar {
    border-color: rgba(26, 26, 26, 0.2);
}

body.page-template-white-paper .navbar .toggler:after,
body.page-template-white-paper .navbar .toggler:before {
    background-color: #1a1a1a;
}

body.page-template-white-paper header {
    padding: 10rem 1.25rem 2rem;
}

@media (min-width: 768px) {
    body.page-template-white-paper header {
        padding: 15rem 2.5rem 5rem;
    }
}

@media (min-width: 1025px) {
    body.page-template-white-paper header {
        padding: 15rem 10rem 5rem;
    }
}

body.page-template-white-paper header h1 {
    font-size: 2rem;
    list-style: -0.4em;
}

@media (min-width: 768px) {
    body.page-template-white-paper header h1 {
        font-size: 5.625rem;
    }
}

body.page-template-white-paper section.part {
    padding: 2.5rem 1.25rem;
    margin-bottom: 2px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media (min-width: 768px) {
    body.page-template-white-paper section.part {
        padding: 5rem 2.5rem;
    }
}

@media (min-width: 1025px) {
    body.page-template-white-paper section.part {
        padding: 5rem 10rem;
    }
}

body.page-template-white-paper section.part aside {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    margin-right: 2rem;
    padding-bottom: 10rem;
}

@media (max-width: 767px) {
    body.page-template-white-paper section.part aside {
        display: none;
    }
}

@media (min-width: 768px) {
    body.page-template-white-paper section.part aside {
        width: 15rem;
    }
}

@media (min-width: 1025px) {
    body.page-template-white-paper section.part aside {
        width: 26.5rem;
    }
}

body.page-template-white-paper section.part aside .tag {
    background-color: rgba(26, 26, 26, 0.1);
    border: 1px solid #1a1a1a;
    padding: 0.625rem 1rem;
    border-radius: 3rem;
    text-align: center;
    font-size: 0.625rem;
    font-weight: 600;
    line-height: 1;
    color: #1a1a1a;
    text-transform: uppercase;
    margin-bottom: 0.5rem;
    -webkit-transition: all 0.5s cubic-bezier(0.85, 0, 0.15, 1);
    -o-transition: all 0.5s cubic-bezier(0.85, 0, 0.15, 1);
    transition: all 0.5s cubic-bezier(0.85, 0, 0.15, 1);
    display: inline-block;
}

@media (min-width: 1025px) {
    body.page-template-white-paper section.part aside .tag {
        border-width: 2px;
        font-size: 1rem;
        padding: 0.875rem 1.5rem;
        margin-bottom: 1rem;
    }
}

body.page-template-white-paper section.part aside h2 {
    font-size: 2.5rem;
    letter-spacing: -0.04em;
}

@media (min-width: 1025px) {
    body.page-template-white-paper section.part aside h2 {
        font-size: 3rem;
    }
}

body.page-template-white-paper section.part aside ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

body.page-template-white-paper section.part aside ul li {
    color: rgba(26, 26, 26, 0.5);
    font-weight: 500;
}

body.page-template-white-paper section.part aside ul li.active {
    color: #1a1a1a;
    font-weight: 600;
}

body.page-template-white-paper section.part aside ul li a {
    display: block;
    padding: 0.5rem 0;
}

body.page-template-white-paper section.part .content {
    line-height: 1.5;
    letter-spacing: -0.01em;
}

@media (min-width: 768px) {
    body.page-template-white-paper section.part .content {
        max-width: 30rem;
    }
}

@media (min-width: 1025px) {
    body.page-template-white-paper section.part .content {
        max-width: 43rem;
    }
}

body.page-template-white-paper section.part .content p {
    margin-bottom: 1.5rem;
}

body.page-template-white-paper section.part .content img {
    max-width: 100%;
    height: auto;
}

body.page-template-white-paper section.part .content table {
    border-collapse: collapse;
    width: 100%;
}

body.page-template-white-paper section.part .content table td,
body.page-template-white-paper section.part .content table th {
    border: 1px solid rgba(26, 26, 26, 0.1);
    padding: 1rem;
    vertical-align: top;
}

body.page-template-white-paper section.part .content .mobile-title .tag {
    background-color: rgba(26, 26, 26, 0.1);
    border: 1px solid #1a1a1a;
    padding: 0.625rem 1rem;
    border-radius: 3rem;
    text-align: center;
    font-size: 0.625rem;
    font-weight: 600;
    line-height: 1;
    color: #1a1a1a;
    text-transform: uppercase;
    margin-bottom: 0.5rem;
    -webkit-transition: all 0.5s cubic-bezier(0.85, 0, 0.15, 1);
    -o-transition: all 0.5s cubic-bezier(0.85, 0, 0.15, 1);
    transition: all 0.5s cubic-bezier(0.85, 0, 0.15, 1);
    display: inline-block;
}

body.page-template-white-paper section.part .content .mobile-title h2 {
    font-size: 2rem;
    letter-spacing: -0.04em;
    margin-bottom: 2.5rem;
}

@media (min-width: 768px) {
    body.page-template-white-paper section.part .content .mobile-title {
        display: none;
    }
}

body.page-template-analytics .navbar {
    background-color: #121212;
}

body.page-template-analytics header {
    background-color: #1a1a1a;
    padding: 10rem 1.25rem 7.25rem;
}

@media (min-width: 768px) {
    body.page-template-analytics header {
        padding: 13rem 2.5rem 8.5rem;
    }
}

@media (min-width: 1025px) {
    body.page-template-analytics header {
        padding: 14rem 10rem 7.5rem;
    }
}

body.page-template-analytics header h1 {
    font-size: 2.5rem;
    margin: 0;
}

@media (min-width: 1025px) {
    body.page-template-analytics header h1 {
        font-size: 4rem;
    }
}

body.page-template-analytics section {
    padding: 3.5rem 1.25rem 5rem;
}

@media (min-width: 768px) {
    body.page-template-analytics section {
        padding: 3.5rem 2.5rem 5rem;
    }
}

@media (min-width: 1025px) {
    body.page-template-analytics section {
        padding: 5rem 10rem 9.25rem;
    }
}

body.page-template-analytics section h4 {
    font-size: 1.5rem;
    letter-spacing: -0.03em;
    margin-bottom: 2rem;
}

body.page-template-analytics section .overview {
    list-style: none;
    padding: 0 1.25rem;
    margin: 0 -1.25rem 3.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow-y: scroll;
}

@media (min-width: 768px) {
    body.page-template-analytics section .overview {
        padding: 0 2.5rem;
        margin: 0 -2.5rem 3.5rem;
    }
}

@media (min-width: 1025px) {
    body.page-template-analytics section .overview {
        padding: 0;
        margin: 0 0 5rem;
        overflow-y: hidden;
    }
}

body.page-template-analytics section .overview::-webkit-scrollbar {
    display: none;
}

body.page-template-analytics section .overview li {
    width: 17.125rem;
    min-width: 17.125rem;
    background-color: #202020;
    border-bottom: 1px solid #fff;
    padding: 2rem 2.25rem;
    margin-right: 0.5rem;
}

@media (min-width: 1025px) {
    body.page-template-analytics section .overview li {
        padding: 2.5rem;
        width: 100%;
        margin-right: 1.25rem;
    }
}

body.page-template-analytics section .overview li:last-child {
    margin-right: 0;
}

body.page-template-analytics section .overview li .icon {
    margin-bottom: 5rem;
    width: 2rem;
    height: 2rem;
}

body.page-template-analytics section .overview li .icon svg {
    width: 100%;
    height: auto;
}

body.page-template-analytics section .overview li h3 {
    font-size: 0.75rem;
    text-transform: uppercase;
    color: hsla(0, 0%, 100%, 0.5);
    margin-bottom: 0.75rem;
}

@media (min-width: 1025px) {
    body.page-template-analytics section .overview li h3 {
        font-size: 1rem;
    }
}

@-webkit-keyframes loader {
    0% {
        opacity: 0.5;
    }
    50% {
        opacity: 1;
    }
    to {
        opacity: 0.5;
    }
}

@keyframes loader {
    0% {
        opacity: 0.5;
    }
    50% {
        opacity: 1;
    }
    to {
        opacity: 0.5;
    }
}

body.page-template-analytics section .overview li .value {
    background-size: 4rem 100%;
    font-size: 1.5rem;
    font-weight: 500;
    letter-spacing: -0.03em;
    display: inline-block;
    min-width: 50%;
}

@media (min-width: 1025px) {
    body.page-template-analytics section .overview li .value {
        font-size: 2rem;
    }
}

body.page-template-analytics section .overview li .value.loading {
    background-color: hsla(0, 0%, 100%, 0.2);
    -webkit-animation: loader 1s linear infinite;
    animation: loader 1s linear infinite;
    color: transparent;
}

body.page-template-analytics .cta {
    background-color: #1a1a1a;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 7.5rem;
}

body.page-template-analytics .cta .content {
    background-color: #ff4500;
    color: #1a1a1a;
    width: 100%;
    padding: 2.5rem 2.5rem 3.125rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media (min-width: 768px) {
    body.page-template-analytics .cta .content {
        width: 21.875rem;
        padding: 3.5rem;
    }
}

@media (min-width: 1025px) {
    body.page-template-analytics .cta .content {
        width: 41rem;
        padding: 3.75rem;
    }
}

body.page-template-analytics .cta .content h3 {
    font-size: 1.5rem;
    margin-bottom: 4.5rem;
    letter-spacing: -0.04em;
    line-height: 1.1;
}

@media (min-width: 768px) {
    body.page-template-analytics .cta .content h3 {
        margin-bottom: 2.75rem;
    }
}

@media (min-width: 1025px) {
    body.page-template-analytics .cta .content h3 {
        font-size: 2.5rem;
    }
}

body.page-template-analytics .cta .content .btn {
    background-color: #1a1a1a;
    color: #ff4500;
}

@media (max-width: 767px) {
    body.page-template-analytics .cta .content .btn {
        width: 100%;
    }
}

body.page-template-analytics .cta .content .btn svg circle {
    fill: #fff;
}

body.page-template-analytics .cta .content .btn:hover {
    color: #1a1a1a;
}

body.page-template-analytics .cta .side {
    height: auto;
    position: relative;
    display: none;
}

@media (min-width: 768px) {
    body.page-template-analytics .cta .side {
        width: calc(100% - 21.875rem);
        display: block;
    }
}

@media (min-width: 1025px) {
    body.page-template-analytics .cta .side {
        width: calc(100% - 41rem);
    }
}

body.page-template-analytics .cta .side video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
}

body.page-template-analytics #table {
    margin: 0 -1.25rem;
}

@media (min-width: 768px) {
    body.page-template-analytics #table {
        margin: 0 -2.5rem;
    }
}

@media (min-width: 1025px) {
    body.page-template-analytics #table {
        margin: 0;
    }
}

body.archive header,
body.blog header {
    padding-top: 9rem;
    padding-bottom: 3rem;
    text-align: center;
}

@media (min-width: 768px) {
    body.archive header,
    body.blog header {
        padding-top: 12rem;
        padding-bottom: 5rem;
    }
}

@media (min-width: 1025px) {
    body.archive header,
    body.blog header {
        padding-top: 14.5rem;
        padding-bottom: 7.625rem;
    }
}

body.archive header h1,
body.blog header h1 {
    font-size: 2.5rem;
    letter-spacing: -0.04em;
    margin-bottom: 2.5rem;
    line-height: 1.1;
}

@media (min-width: 768px) {
    body.archive header h1,
    body.blog header h1 {
        font-size: 3.5rem;
    }
}

@media (min-width: 1025px) {
    body.archive header h1,
    body.blog header h1 {
        font-size: 5.625rem;
    }
}

body.archive header p,
body.blog header p {
    font-size: 0.875rem;
    max-width: 17rem;
    margin: 0 auto;
    letter-spacing: -0.01em;
    line-height: 1.25;
    color: hsla(0, 0%, 100%, 0.5);
    font-weight: 500;
}

@media (min-width: 768px) {
    body.archive header p,
    body.blog header p {
        max-width: 25rem;
        font-size: 1;
    }
}

body.archive section.featured,
body.blog section.featured {
    padding: 0 1.25rem 5rem;
}

@media (min-width: 768px) {
    body.archive section.featured,
    body.blog section.featured {
        padding: 0 2.5rem 7.5rem;
    }
}

@media (min-width: 1025px) {
    body.archive section.featured,
    body.blog section.featured {
        padding: 0 10rem 15rem;
    }
}

@media (min-width: 768px) {
    body.archive section.featured .item,
    body.blog section.featured .item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

body.archive section.featured .item:hover .thumb,
body.blog section.featured .item:hover .thumb {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}

body.archive section.featured .item:hover .thumb img,
body.blog section.featured .item:hover .thumb img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

body.archive section.featured .item:hover h2,
body.blog section.featured .item:hover h2 {
    color: #ff4500;
}

body.archive section.featured .item .thumb,
body.blog section.featured .item .thumb {
    height: 100%;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    overflow: hidden;
    -webkit-transition: all 0.3s cubic-bezier(0.85, 0, 0.15, 1);
    -o-transition: all 0.3s cubic-bezier(0.85, 0, 0.15, 1);
    transition: all 0.3s cubic-bezier(0.85, 0, 0.15, 1);
}

@media (min-width: 768px) {
    body.archive section.featured .item .thumb,
    body.blog section.featured .item .thumb {
        width: 30.5rem;
    }
}

@media (min-width: 1025px) {
    body.archive section.featured .item .thumb,
    body.blog section.featured .item .thumb {
        width: 66.25rem;
    }
}

body.archive section.featured .item .thumb img,
body.blog section.featured .item .thumb img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
    -webkit-transition: all 0.5s cubic-bezier(0.85, 0, 0.15, 1);
    -o-transition: all 0.5s cubic-bezier(0.85, 0, 0.15, 1);
    transition: all 0.5s cubic-bezier(0.85, 0, 0.15, 1);
}

body.archive section.featured .item .content,
body.blog section.featured .item .content {
    background-color: #040404;
    -webkit-box-shadow: inset 0 -1px #fff;
    box-shadow: inset 0 -1px #fff;
    padding: 2.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media (min-width: 768px) {
    body.archive section.featured .item .content,
    body.blog section.featured .item .content {
        width: 33.75rem;
        min-height: 20rem;
    }
}

@media (min-width: 1025px) {
    body.archive section.featured .item .content,
    body.blog section.featured .item .content {
        padding: 4rem;
    }
}

body.archive section.featured .item .content time,
body.blog section.featured .item .content time {
    color: #ff4500;
    font-weight: 600;
    letter-spacing: 0.06em;
    margin-bottom: 1rem;
    display: block;
}

body.archive section.featured .item .content h2,
body.blog section.featured .item .content h2 {
    font-size: 1.5rem;
    letter-spacing: -0.04em;
    line-height: 1.1;
    margin-bottom: 1.5rem;
    -webkit-transition: color 0.2s cubic-bezier(0.85, 0, 0.15, 1);
    -o-transition: color 0.2s cubic-bezier(0.85, 0, 0.15, 1);
    transition: color 0.2s cubic-bezier(0.85, 0, 0.15, 1);
}

@media (min-width: 768px) {
    body.archive section.featured .item .content h2,
    body.blog section.featured .item .content h2 {
        margin-bottom: 2rem;
    }
}

@media (min-width: 1025px) {
    body.archive section.featured .item .content h2,
    body.blog section.featured .item .content h2 {
        margin-bottom: 2.5rem;
        font-size: 2.5rem;
    }
}

body.archive section.featured .item .content .desc,
body.blog section.featured .item .content .desc {
    color: hsla(0, 0%, 100%, 0.5);
    font-size: 0.75rem;
    font-weight: 500;
    letter-spacing: -0.01em;
    margin-bottom: 2rem;
}

@media (min-width: 1025px) {
    body.archive section.featured .item .content .desc,
    body.blog section.featured .item .content .desc {
        font-size: 1.25rem;
    }
}

body.archive section.featured .item .content .btn,
body.blog section.featured .item .content .btn {
    margin: auto auto -1.25rem -1.25rem;
}

body.archive section.posts,
body.blog section.posts {
    background-color: #202020;
    padding: 7.5rem 1.25rem;
}

@media (min-width: 768px) {
    body.archive section.posts,
    body.blog section.posts {
        padding: 7.5rem 2.5rem;
    }
}

@media (min-width: 1025px) {
    body.archive section.posts,
    body.blog section.posts {
        padding: 15rem 10rem 10rem;
    }
}

body.archive section.posts.alt,
body.blog section.posts.alt {
    background-color: transparent;
}

body.archive section.posts .section-title,
body.blog section.posts .section-title {
    margin-bottom: 4rem;
}

@media (min-width: 768px) {
    body.archive section.posts .section-title,
    body.blog section.posts .section-title {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        margin-bottom: 3rem;
    }
}

@media (min-width: 1025px) {
    body.archive section.posts .section-title,
    body.blog section.posts .section-title {
        margin-bottom: 10rem;
    }
}

body.archive section.posts .section-title h2,
body.blog section.posts .section-title h2 {
    margin-top: -3.25rem;
    margin-bottom: 2rem;
    line-height: 1.1;
}

@media (min-width: 768px) {
    body.archive section.posts .section-title h2,
    body.blog section.posts .section-title h2 {
        width: 38rem;
        margin-top: -3.5rem;
        margin-bottom: 0;
    }
}

@media (min-width: 1025px) {
    body.archive section.posts .section-title h2,
    body.blog section.posts .section-title h2 {
        margin-top: -5.5rem;
        width: 58rem;
    }
}

body.archive section.posts .section-title h2 .start,
body.blog section.posts .section-title h2 .start {
    width: 6rem;
    visibility: hidden;
    display: inline-block;
    pointer-events: none;
}

@media (min-width: 1025px) {
    body.archive section.posts .section-title h2 .start,
    body.blog section.posts .section-title h2 .start {
        width: 10rem;
    }
}

body.archive section.posts .section-title h2 .line-container:first-child,
body.blog section.posts .section-title h2 .line-container:first-child {
    display: none !important;
}

body.archive section.posts .section-title h2 .line-container:nth-child(2),
body.blog section.posts .section-title h2 .line-container:nth-child(2) {
    padding-left: 6rem;
}

@media (min-width: 1025px) {
    body.archive section.posts .section-title h2 .line-container:nth-child(2),
    body.blog section.posts .section-title h2 .line-container:nth-child(2) {
        padding-left: 10rem;
    }
}

body.archive section.posts .section-title .desc,
body.blog section.posts .section-title .desc {
    max-width: 17.25rem;
    font-size: 0.875rem;
    letter-spacing: -0.02em;
    line-height: 1.25;
    color: hsla(0, 0%, 100%, 0.5);
}

@media (min-width: 768px) {
    body.archive section.posts .section-title .desc,
    body.blog section.posts .section-title .desc {
        max-width: 12.125rem;
    }
}

@media (min-width: 1025px) {
    body.archive section.posts .section-title .desc,
    body.blog section.posts .section-title .desc {
        max-width: 24rem;
        font-size: 1.25rem;
        letter-spacing: -0.01em;
    }
}

@media (min-width: 1025px) {
    body.archive section.posts .grid,
    body.blog section.posts .grid {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

body.archive section.posts .categories,
body.blog section.posts .categories {
    -webkit-user-select: none;
    display: block;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    overflow-x: scroll;
    padding: 0 0.5rem;
    margin: -0.75rem -1.25rem 2.25rem;
}

@media (min-width: 768px) {
    body.archive section.posts .categories,
    body.blog section.posts .categories {
        margin-bottom: 4.25rem;
    }
}

@media (min-width: 1025px) {
    body.archive section.posts .categories,
    body.blog section.posts .categories {
        margin-bottom: 0;
        width: 23.25rem;
        min-width: 23.25rem;
    }
}

body.archive section.posts .categories::-webkit-scrollbar,
body.blog section.posts .categories::-webkit-scrollbar {
    display: none;
}

body.archive section.posts .categories ul,
body.blog section.posts .categories ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: inline-block;
    white-space: nowrap;
}

@media (min-width: 1025px) {
    body.archive section.posts .categories ul,
    body.blog section.posts .categories ul {
        display: block;
    }
}

body.archive section.posts .categories li,
body.blog section.posts .categories li {
    font-size: 1.25rem;
    letter-spacing: -0.03em;
    font-weight: 500;
    display: inline-block;
}

@media (min-width: 1025px) {
    body.archive section.posts .categories li,
    body.blog section.posts .categories li {
        font-size: 2rem;
        display: block;
    }
}

body.archive section.posts .categories li.current-cat a,
body.blog section.posts .categories li.current-cat a {
    color: #fff;
}

body.archive section.posts .categories li.current-cat a:after,
body.blog section.posts .categories li.current-cat a:after {
    width: calc(100% - 1.5rem);
}

@media (min-width: 1025px) {
    body.archive section.posts .categories li.current-cat a:after,
    body.blog section.posts .categories li.current-cat a:after {
        width: 100%;
    }
}

body.archive section.posts .categories li a,
body.blog section.posts .categories li a {
    color: hsla(0, 0%, 100%, 0.3);
    display: inline-block;
    padding: 0.75rem;
    position: relative;
    -webkit-transition: color 0.2s cubic-bezier(0.85, 0, 0.15, 1);
    -o-transition: color 0.2s cubic-bezier(0.85, 0, 0.15, 1);
    transition: color 0.2s cubic-bezier(0.85, 0, 0.15, 1);
}

@media (min-width: 1025px) {
    body.archive section.posts .categories li a,
    body.blog section.posts .categories li a {
        padding: 0.75rem 0;
    }
}

body.archive section.posts .categories li a:after,
body.blog section.posts .categories li a:after {
    content: "";
    background-color: #ff4500;
    width: 0;
    height: 1px;
    position: absolute;
    left: 0.75rem;
    bottom: 0;
}

@media (min-width: 1025px) {
    body.archive section.posts .categories li a:after,
    body.blog section.posts .categories li a:after {
        left: 0;
    }
}

body.archive section.posts .categories li a:hover,
body.blog section.posts .categories li a:hover {
    color: #fff;
}

body.archive section.posts .items,
body.blog section.posts .items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
}

@media (min-width: 768px) {
    body.archive section.posts .items,
    body.blog section.posts .items {
        margin-bottom: -2rem;
    }
}

@media (min-width: 1025px) {
    body.archive section.posts .items,
    body.blog section.posts .items {
        margin-bottom: -3rem;
    }
}

body.archive section.posts .items:after,
body.blog section.posts .items:after {
    content: "";
    background-color: #202020;
    width: 100%;
    height: 0;
    position: absolute;
    left: 0;
    bottom: 0;
}

@media (min-width: 768px) {
    body.archive section.posts .items:after,
    body.blog section.posts .items:after {
        height: 2rem;
    }
}

@media (min-width: 1025px) {
    body.archive section.posts .items:after,
    body.blog section.posts .items:after {
        height: 3rem;
    }
}

body.archive section.posts .items .item,
body.blog section.posts .items .item {
    width: 100%;
    border-top: 1px solid hsla(0, 0%, 100%, 0.2);
    padding: 2rem 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media (min-width: 768px) {
    body.archive section.posts .items .item,
    body.blog section.posts .items .item {
        width: calc(33.33333% - 0.625rem);
        border-left: 1px solid hsla(0, 0%, 100%, 0.2);
        padding: 2rem;
    }
}

@media (min-width: 1025px) {
    body.archive section.posts .items .item,
    body.blog section.posts .items .item {
        width: calc(33.33333% + 1rem);
        padding: 3rem;
    }
}

@media (min-width: 768px) {
    body.archive section.posts .items .item:first-child,
    body.archive section.posts .items .item:nth-child(2),
    body.archive section.posts .items .item:nth-child(3),
    body.blog section.posts .items .item:first-child,
    body.blog section.posts .items .item:nth-child(2),
    body.blog section.posts .items .item:nth-child(3) {
        padding-top: 0;
        border-top: 0;
    }
}

@media (max-width: 767px) {
    body.archive section.posts .items .item:first-child,
    body.blog section.posts .items .item:first-child {
        padding-top: 0;
        border-top: 0;
    }
}

@media (min-width: 768px) and (max-width: 1025px) {
    body.archive section.posts .items .item:first-child,
    body.archive section.posts .items .item:nth-child(3n+1),
    body.blog section.posts .items .item:first-child,
    body.blog section.posts .items .item:nth-child(3n+1) {
        padding-left: 0;
        border-left: 0;
    }
    body.archive section.posts .items .item:nth-child(3n-1),
    body.blog section.posts .items .item:nth-child(3n-1) {
        width: calc(33.33333% + 1.25rem);
    }
}

@media (min-width: 768px) {
    body.archive section.posts .items .item:nth-child(3n),
    body.blog section.posts .items .item:nth-child(3n) {
        padding-right: 0;
    }
}

@media (min-width: 1025px) {
    body.archive section.posts .items .item:nth-child(3n),
    body.blog section.posts .items .item:nth-child(3n) {
        width: calc(33.33333% - 2rem);
    }
}

body.archive section.posts .items .item:hover .thumb,
body.blog section.posts .items .item:hover .thumb {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}

body.archive section.posts .items .item:hover .thumb img,
body.blog section.posts .items .item:hover .thumb img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

body.archive section.posts .items .item:hover .title h2,
body.blog section.posts .items .item:hover .title h2 {
    color: #ff4500;
}

body.archive section.posts .items .item>a,
body.blog section.posts .items .item>a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
}

body.archive section.posts .items .item .thumb,
body.blog section.posts .items .item .thumb {
    background-color: #121212;
    margin-bottom: 2rem;
    padding-top: 66%;
    position: relative;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    overflow: hidden;
    -webkit-transition: all 0.3s cubic-bezier(0.85, 0, 0.15, 1);
    -o-transition: all 0.3s cubic-bezier(0.85, 0, 0.15, 1);
    transition: all 0.3s cubic-bezier(0.85, 0, 0.15, 1);
}

body.archive section.posts .items .item .thumb img,
body.blog section.posts .items .item .thumb img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: all 0.5s cubic-bezier(0.85, 0, 0.15, 1);
    -o-transition: all 0.5s cubic-bezier(0.85, 0, 0.15, 1);
    transition: all 0.5s cubic-bezier(0.85, 0, 0.15, 1);
}

body.archive section.posts .items .item .content,
body.blog section.posts .items .item .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

body.archive section.posts .items .item .content .title .category,
body.blog section.posts .items .item .content .title .category {
    color: #ff4500;
    font-weight: 600;
    font-size: 0.875rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    margin-bottom: 1rem;
}

body.archive section.posts .items .item .content .title h2,
body.blog section.posts .items .item .content .title h2 {
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
    line-height: 1.2;
    letter-spacing: -0.03em;
    -webkit-transition: all 0.2s cubic-bezier(0.85, 0, 0.15, 1);
    -o-transition: all 0.2s cubic-bezier(0.85, 0, 0.15, 1);
    transition: all 0.2s cubic-bezier(0.85, 0, 0.15, 1);
}

body.archive section.posts .items .item .content .desc,
body.blog section.posts .items .item .content .desc {
    font-size: 500;
    font-size: 0.875rem;
    color: hsla(0, 0%, 100%, 0.5);
    line-height: 1.25;
}

body.archive section.posts .items .item .content .desc p,
body.blog section.posts .items .item .content .desc p {
    margin-bottom: 1.5rem;
}

body.archive section.posts .items .item .content .infos,
body.blog section.posts .items .item .content .infos {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: auto;
}

body.archive section.posts .items .item .content .infos .author,
body.blog section.posts .items .item .content .infos .author {
    font-weight: 500;
    font-size: 0.875rem;
    letter-spacing: -0.01em;
}

body.archive section.posts .items .item .content .infos time,
body.blog section.posts .items .item .content .infos time {
    color: hsla(0, 0%, 100%, 0.5);
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.04em;
}

body.archive section.posts .load-more,
body.blog section.posts .load-more {
    font-size: 0.875rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    text-decoration: underline;
    display: inline-block;
    font-weight: 500;
    margin: 5.5rem -2rem -2rem;
    padding: 2rem;
    -webkit-transition: color 0.2s cubic-bezier(0.85, 0, 0.15, 1);
    -o-transition: color 0.2s cubic-bezier(0.85, 0, 0.15, 1);
    transition: color 0.2s cubic-bezier(0.85, 0, 0.15, 1);
}

@media (min-width: 768px) {
    body.archive section.posts .load-more,
    body.blog section.posts .load-more {
        margin-top: 8.75rem;
    }
}

body.archive section.posts .load-more:hover,
body.blog section.posts .load-more:hover {
    color: #ff4500;
}

body.archive section.events,
body.blog section.events {
    overflow: hidden;
}

body.archive section.events .inner,
body.blog section.events .inner {
    padding: 10rem 1.25rem;
}

@media (min-width: 768px) {
    body.archive section.events .inner,
    body.blog section.events .inner {
        padding: 12.5rem 2.5rem;
    }
}

@media (min-width: 1025px) {
    body.archive section.events .inner,
    body.blog section.events .inner {
        padding: 15rem 10rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

body.archive section.events .section-title,
body.blog section.events .section-title {
    margin-bottom: 3rem;
}

@media (min-width: 768px) {
    body.archive section.events .section-title,
    body.blog section.events .section-title {
        margin-bottom: 5rem;
    }
}

@media (min-width: 1025px) {
    body.archive section.events .section-title,
    body.blog section.events .section-title {
        width: 40.875rem;
        min-width: 40.875rem;
    }
}

body.archive section.events .section-title h2,
body.blog section.events .section-title h2 {
    line-height: 1.1;
}

body.archive section.events .list,
body.blog section.events .list {
    width: calc(100vw - 2.5rem);
}

@media (min-width: 1025px) {
    body.archive section.events .list,
    body.blog section.events .list {
        width: 66.25rem;
    }
}

body.archive section.events .list .list-inner,
body.blog section.events .list .list-inner {
    background-color: #121212;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    min-width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

body.archive section.events .list .card,
body.blog section.events .list .card {
    background-color: #040404;
    border-bottom: 1px solid #fff;
    width: 16.5rem;
    min-width: 16.5rem;
    max-width: 16.5rem;
    min-height: 25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 1.25rem;
}

@media (min-width: 768px) {
    body.archive section.events .list .card,
    body.blog section.events .list .card {
        width: 21rem;
        min-width: 21rem;
        max-width: 21rem;
    }
}

@media (min-width: 1025px) {
    body.archive section.events .list .card,
    body.blog section.events .list .card {
        width: 24.0625em;
        min-width: 24.0625em;
        max-width: 24.0625em;
        min-height: 35.125rem;
    }
}

body.archive section.events .list .card:last-child,
body.blog section.events .list .card:last-child {
    margin-right: 0;
}

body.archive section.events .list .card .thumb,
body.blog section.events .list .card .thumb {
    background-color: rgba(0, 0, 0, 0.3);
    width: 100%;
    height: 9.375rem;
    overflow: hidden;
}

@media (min-width: 1025px) {
    body.archive section.events .list .card .thumb,
    body.blog section.events .list .card .thumb {
        height: 13.75rem;
    }
}

body.archive section.events .list .card .thumb img,
body.blog section.events .list .card .thumb img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: all 0.5s cubic-bezier(0.85, 0, 0.15, 1);
    -o-transition: all 0.5s cubic-bezier(0.85, 0, 0.15, 1);
    transition: all 0.5s cubic-bezier(0.85, 0, 0.15, 1);
}

body.archive section.events .list .card .content,
body.blog section.events .list .card .content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 1.5rem;
}

@media (min-width: 1025px) {
    body.archive section.events .list .card .content,
    body.blog section.events .list .card .content {
        padding: 2.5rem 2.5rem 1.75rem;
    }
}

body.archive section.events .list .card .content .date,
body.blog section.events .list .card .content .date {
    color: #ff4500;
    margin-bottom: 0.25rem;
    font-weight: 600;
    letter-spacing: 0.06em;
    font-size: 0.75rem;
    text-transform: uppercase;
}

@media (min-width: 1025px) {
    body.archive section.events .list .card .content .date,
    body.blog section.events .list .card .content .date {
        font-size: 0.875rem;
        margin-bottom: 0.5rem;
    }
}

body.archive section.events .list .card .content h4,
body.blog section.events .list .card .content h4 {
    font-size: 1rem;
    letter-spacing: -0.04em;
    margin-bottom: 2rem;
}

@media (min-width: 1025px) {
    body.archive section.events .list .card .content h4,
    body.blog section.events .list .card .content h4 {
        font-size: 1.5rem;
    }
}

body.archive section.events .list .card .content p,
body.blog section.events .list .card .content p {
    font-weight: 500;
    font-size: 0.8125rem;
    line-height: 1.25;
    letter-spacing: -0.02em;
    margin-bottom: 1.5rem;
}

@media (min-width: 1025px) {
    body.archive section.events .list .card .content p,
    body.blog section.events .list .card .content p {
        margin-bottom: 2.5rem;
        font-size: 1rem;
    }
}

body.archive section.events .list .card .content p strong,
body.blog section.events .list .card .content p strong {
    color: #fff;
}

body.archive section.events .list .card .content .btn,
body.blog section.events .list .card .content .btn {
    margin-top: auto;
    margin-left: -1.5rem;
    margin-bottom: -0.375rem;
}

body.single-post .single-page-content {
    position: relative;
    padding: 0 1.25rem 7.5rem;
}

@media (min-width: 768px) {
    body.single-post .single-page-content {
        padding: 0 2.5rem 10rem;
    }
}

@media (min-width: 1025px) {
    body.single-post .single-page-content {
        padding: 0 0 10rem;
    }
}

body.single-post header {
    margin-left: auto;
    margin-right: auto;
    padding-top: 7.5rem;
    margin-bottom: 3rem;
}

@media (min-width: 768px) {
    body.single-post header {
        padding-top: 9.25rem;
        width: 42.5rem;
        margin-bottom: 4rem;
    }
}

@media (min-width: 1025px) {
    body.single-post header {
        padding-top: 12.25rem;
        width: 66.25rem;
    }
}

body.single-post header .category {
    color: #ff4500;
    font-size: 0.875rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 1rem;
}

body.single-post header h1 {
    font-size: 1.5rem;
    letter-spacing: -0.04em;
    margin-bottom: 2rem;
    line-height: 1.2;
}

@media (min-width: 768px) {
    body.single-post header h1 {
        font-size: 2.5rem;
        margin-bottom: 2.5rem;
    }
}

@media (min-width: 1025px) {
    body.single-post header h1 {
        font-size: 4rem;
        margin-bottom: 3rem;
    }
}

@media (min-width: 768px) {
    body.single-post header .infos {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

body.single-post header .infos .side {
    padding-top: 0.25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 2rem;
}

@media (min-width: 768px) {
    body.single-post header .infos .side {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin-bottom: 0;
    }
}

body.single-post header .infos .side .author {
    font-size: 0.75rem;
    font-weight: 500;
    margin-bottom: 0.25rem;
    letter-spacing: -0.01em;
}

@media (min-width: 1025px) {
    body.single-post header .infos .side .author {
        font-size: 0.875rem;
    }
}

body.single-post header .infos .side time {
    font-size: 0.75rem;
    color: hsla(0, 0%, 100%, 0.5);
    font-weight: 600;
    letter-spacing: 0.04em;
}

body.single-post header .infos .excerpt {
    font-size: 1.125rem;
    letter-spacing: -0.03em;
    line-height: 1.2;
}

@media (min-width: 768px) {
    body.single-post header .infos .excerpt {
        font-size: 1.25rem;
        width: 33.75rem;
    }
}

@media (min-width: 1025px) {
    body.single-post header .infos .excerpt {
        font-size: 2rem;
        width: 49.375rem;
    }
}

body.single-post .post-thumbnail {
    max-width: 100rem;
    margin-bottom: 3rem;
}

@media (min-width: 768px) {
    body.single-post .post-thumbnail {
        margin-bottom: 3.5rem;
    }
}

@media (min-width: 1025px) {
    body.single-post .post-thumbnail {
        margin-left: 10.25rem;
        margin-bottom: 4rem;
    }
}

body.single-post .post-thumbnail img {
    width: 100%;
    height: auto;
}

body.single-post .post-content {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    font-size: 0.875rem;
    color: hsla(0, 0%, 100%, 0.65);
    line-height: 1.6;
    font-weight: 500;
}

@media (min-width: 768px) {
    body.single-post .post-content {
        width: 33.875rem;
        font-size: 1rem;
    }
}

@media (min-width: 1025px) {
    body.single-post .post-content {
        width: 49.375rem;
        font-size: 1.25rem;
    }
}

body.single-post .post-content a {
    color: #fff;
    text-decoration: underline;
}

body.single-post .post-content p {
    margin-bottom: 2rem;
}

body.single-post .post-content p+h1,
body.single-post .post-content p+h2,
body.single-post .post-content p+h3,
body.single-post .post-content p+h4,
body.single-post .post-content p+h5,
body.single-post .post-content p+h6 {
    margin-top: 4rem;
}

body.single-post .post-content ol,
body.single-post .post-content ul {
    margin-bottom: 3rem;
}

body.single-post .post-content ol li,
body.single-post .post-content ul li {
    margin-bottom: 1.5rem;
}

body.single-post .post-content h1,
body.single-post .post-content h2,
body.single-post .post-content h3,
body.single-post .post-content h4,
body.single-post .post-content h5,
body.single-post .post-content h6 {
    color: #fff;
    margin-bottom: 2rem;
}

body.single-post .post-content u {
    color: #fff;
}

body.single-post .post-content .wp-block-quote {
    margin: 4rem 0;
    color: #ff4500;
    border-left: 1px solid #ff4500;
    padding-left: 2rem;
    font-size: 1.5rem;
}

body.single-post .post-content .wp-block-quote cite {
    font-size: 1rem;
    font-style: normal;
}

body.single-post .post-content .wp-block-quote p {
    margin-bottom: 3rem;
}

body.single-post .post-content .wp-block-group {
    margin: 4rem 0;
}

body.single-post .post-content .wp-block-group__inner-container {
    padding: 2rem;
}

@media (min-width: 768px) {
    body.single-post .post-content .wp-block-group__inner-container {
        padding: 3rem;
    }
}

body.single-post .post-content .wp-block-image {
    margin: 4rem 0;
}

body.single-post .post-content .wp-block-image img {
    display: block;
    width: 100%;
    height: auto;
}

body.single-post .post-content .wp-block-image figcaption {
    font-size: 1rem;
    margin-top: 1.5rem;
}

body.single-post .post-content .post-infos {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-top: 1px solid hsla(0, 0%, 100%, 0.2);
    margin: 4rem 0;
    padding-top: 2rem;
    font-size: 0.875rem;
    color: #fff;
}

body.single-post .post-content .post-infos .author {
    font-weight: 500;
    margin-bottom: 0;
    letter-spacing: -0.01em;
}

body.single-post .post-content .post-infos time {
    font-size: 0.75rem;
    color: hsla(0, 0%, 100%, 0.5);
    font-weight: 600;
    letter-spacing: 0.04em;
}

body.single-post .post-content .post-infos .copy-link {
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all 0.2s cubic-bezier(0.85, 0, 0.15, 1);
    -o-transition: all 0.2s cubic-bezier(0.85, 0, 0.15, 1);
    transition: all 0.2s cubic-bezier(0.85, 0, 0.15, 1);
    text-decoration: underline;
}

body.single-post .post-content .post-infos .copy-link:hover {
    color: #ff4500;
}

body.single-post .post-content .post-infos .copy-link svg {
    width: 1rem;
    height: auto;
}

@media (min-width: 768px) {
    body.single-post .post-content .post-infos .copy-link svg {
        margin-right: 0.5rem;
    }
}

body.single-post .post-content .post-infos .copy-link span {
    display: none;
}

@media (min-width: 768px) {
    body.single-post .post-content .post-infos .copy-link span {
        display: inline-block;
    }
}

body.single-post .social-share {
    position: absolute;
    left: 2rem;
    top: 27rem;
    display: none;
}

@media (min-width: 1025px) {
    body.single-post .social-share {
        display: block;
    }
}

body.single-post .social-share h6 {
    position: relative;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    text-orientation: mixed;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 0.875rem;
    color: hsla(0, 0%, 100%, 0.5);
    letter-spacing: 0.06em;
    margin: 0 1rem;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

body.single-post .social-share .line {
    background-color: hsla(0, 0%, 100%, 0.2);
    width: 1px;
    height: 4.375rem;
    margin: 1rem 1.5rem;
}

body.single-post .social-share ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

body.single-post .social-share ul li {
    font-size: 0.875rem;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 0.5rem;
}

body.single-post .social-share ul li,
body.single-post .social-share ul li .icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

body.single-post .social-share ul li .icon {
    width: 3rem;
    height: 3rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid hsla(0, 0%, 100%, 0.2);
    border-radius: 50%;
    -webkit-transition: all 0.5s cubic-bezier(0.85, 0, 0.15, 1);
    -o-transition: all 0.5s cubic-bezier(0.85, 0, 0.15, 1);
    transition: all 0.5s cubic-bezier(0.85, 0, 0.15, 1);
    cursor: pointer;
}

body.single-post .social-share ul li .icon svg {
    width: 1rem;
    height: auto;
}

body.single-post .social-share ul li .icon:hover {
    background-color: #ff4500;
    color: #1a1a1a;
}

body.single-post .social-share ul li .icon:hover+.title {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}

body.single-post .social-share ul li .icon:hover+.title div span {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all 0.5s cubic-bezier(0.85, 0, 0.15, 1) 0.1s;
    -o-transition: all 0.5s 0.1s cubic-bezier(0.85, 0, 0.15, 1);
    transition: all 0.5s cubic-bezier(0.85, 0, 0.15, 1) 0.1s;
}

body.single-post .social-share ul li .title {
    background-color: #ff4500;
    color: #1a1a1a;
    height: 3rem;
    border-radius: 2rem;
    padding: 0 1.3125rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
    clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
    -webkit-transition: all 0.5s cubic-bezier(0.85, 0, 0.15, 1);
    -o-transition: all 0.5s cubic-bezier(0.85, 0, 0.15, 1);
    transition: all 0.5s cubic-bezier(0.85, 0, 0.15, 1);
    pointer-events: none;
}

body.single-post .social-share ul li .title div {
    overflow: hidden;
    position: relative;
}

body.single-post .social-share ul li .title div span {
    display: block;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: all 0.5s cubic-bezier(0.85, 0, 0.15, 1);
    -o-transition: all 0.5s cubic-bezier(0.85, 0, 0.15, 1);
    transition: all 0.5s cubic-bezier(0.85, 0, 0.15, 1);
}

body.single-post .post-newsletter {
    background-color: #202020;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 2rem 1.25rem;
    margin: 0 -1.25rem;
}

@media (min-width: 768px) {
    body.single-post .post-newsletter {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        margin: 0;
        padding: 3rem;
    }
}

body.single-post .post-newsletter>div {
    font-weight: 500;
}

body.single-post .post-newsletter h3 {
    font-size: 1rem;
    margin-bottom: 0.5rem;
}

@media (min-width: 1025px) {
    body.single-post .post-newsletter h3 {
        font-size: 1.5rem;
    }
}

body.single-post .post-newsletter p {
    color: hsla(0, 0%, 100%, 0.5);
    font-size: 0.875rem;
    margin-bottom: 1rem;
}

@media (min-width: 768px) {
    body.single-post .post-newsletter p {
        margin-bottom: 0;
    }
}

@media (min-width: 1025px) {
    body.single-post .post-newsletter p {
        font-size: 1.25rem;
    }
}

body.single-post .related-posts {
    background-color: #202020;
    padding: 10rem 1.25rem;
    position: relative;
    z-index: 2;
}

@media (min-width: 768px) {
    body.single-post .related-posts {
        padding: 12.5rem 2.5rem;
    }
}

@media (min-width: 1025px) {
    body.single-post .related-posts {
        padding: 10rem;
    }
}

body.single-post .related-posts>h2 {
    font-size: 2rem;
    letter-spacing: -0.03em;
    margin-bottom: 5rem;
}

@media (min-width: 768px) {
    body.single-post .related-posts .grid {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

body.single-post .related-posts .grid a {
    display: block;
}

body.single-post .related-posts .grid .item {
    width: 100%;
    border-bottom: 1px solid hsla(0, 0%, 100%, 0.2);
    padding: 3rem 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media (min-width: 768px) {
    body.single-post .related-posts .grid .item {
        border-right: 1px solid hsla(0, 0%, 100%, 0.2);
        padding: 0 3rem 3rem;
    }
}

body.single-post .related-posts .grid .item:first-child {
    padding-left: 0;
}

body.single-post .related-posts .grid .item:last-child {
    padding-right: 0;
}

@media (min-width: 768px) {
    body.single-post .related-posts .grid .item:last-child {
        border-right: 0;
    }
}

@media (max-width: 767px) {
    body.single-post .related-posts .grid .item:nth-child(1n+3) {
        display: none;
    }
}

@media (max-width: 1024px) {
    body.single-post .related-posts .grid .item:nth-child(1n+4) {
        display: none;
    }
    body.single-post .related-posts .grid .item:nth-child(1n+3) {
        padding-right: 0;
        border-right: 0;
    }
}

body.single-post .related-posts .grid .item:hover .thumb {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}

body.single-post .related-posts .grid .item:hover .thumb img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

body.single-post .related-posts .grid .item:hover .title h2 {
    color: #ff4500;
}

body.single-post .related-posts .grid .item .thumb {
    background-color: #121212;
    margin-bottom: 2rem;
    padding-top: 66%;
    position: relative;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    overflow: hidden;
}

body.single-post .related-posts .grid .item .thumb,
body.single-post .related-posts .grid .item .thumb img {
    -webkit-transition: all 0.3s cubic-bezier(0.85, 0, 0.15, 1);
    -o-transition: all 0.3s cubic-bezier(0.85, 0, 0.15, 1);
    transition: all 0.3s cubic-bezier(0.85, 0, 0.15, 1);
}

body.single-post .related-posts .grid .item .thumb img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

body.single-post .related-posts .grid .item .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

body.single-post .related-posts .grid .item .content .title .category {
    color: #ff4500;
    font-weight: 600;
    font-size: 0.875rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    margin-bottom: 1rem;
}

body.single-post .related-posts .grid .item .content .title h2 {
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
    line-height: 1.2;
    letter-spacing: -0.03em;
    -webkit-transition: all 0.2s cubic-bezier(0.85, 0, 0.15, 1);
    -o-transition: all 0.2s cubic-bezier(0.85, 0, 0.15, 1);
    transition: all 0.2s cubic-bezier(0.85, 0, 0.15, 1);
}

body.single-post .related-posts .grid .item .content .desc {
    font-size: 500;
    font-size: 0.875rem;
    color: hsla(0, 0%, 100%, 0.5);
    line-height: 1.25;
}

body.single-post .related-posts .grid .item .content .desc p {
    margin-bottom: 1.5rem;
}

body.single-post .related-posts .grid .item .content .infos {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: auto;
}

body.single-post .related-posts .grid .item .content .infos .author {
    font-weight: 500;
    font-size: 0.875rem;
    letter-spacing: -0.01em;
}

body.single-post .related-posts .grid .item .content .infos time {
    color: hsla(0, 0%, 100%, 0.5);
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.04em;
}

@font-face {
    font-family: icons;
    src: url(../fonts/icons/iconsde98.eot?e37603510695a7474f202658a1cf4273#iefix) format("embedded-opentype"), url(../fonts/icons/iconsde98.woff?e37603510695a7474f202658a1cf4273) format("woff"), url(../fonts/icons/iconsde98.woff2?e37603510695a7474f202658a1cf4273) format("woff2"), url(../fonts/icons/iconsde98.ttf?e37603510695a7474f202658a1cf4273) format("truetype");
}

i[class*=" icon-"]:before,
i[class^="icon-"]:before {
    font-family: icons !important;
    font-style: normal;
    font-weight: 400 !important;
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    font-size: 24px;
    line-height: 24px;
    height: 24px;
    width: 24px;
}

.icon-arrow-left:before {
    content: "";
}

.icon-arrow-right:before {
    content: "";
}

.icon-icons-outline:before {
    content: "";
}

.icon-menu:before {
    content: "";
}

.hide {
    display: none;
}


/*# sourceMappingURL=app.fd0b5b244151021035ff.css.map*/

img.header-logo {
    width: 170px;
}

img.loader-logo {
    width: 40px;
}



/* seo-pages-style */

body.page-template-developer section.code {
    padding: 10rem 1.25rem;
}

@media (min-width: 768px) {
    body.page-template-developer section.code {
        padding: 12.5rem 2.5rem;
    }
}

@media (min-width: 1025px) {
    body.page-template-developer section.code {
        padding: 15rem 10rem;
    }
}

body.page-template-developer section.code .section-title {
    text-align: center;
    margin: 0 auto;
}

@media (min-width: 768px) {
    body.page-template-developer section.code .section-title {
        max-width: 34rem;
    }
}

@media (min-width: 1025px) {
    body.page-template-developer section.code .section-title {
        max-width: 49.375rem;
    }
}

body.page-template-developer section.code .section-title .tag {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

body.page-template-developer section.code .section-title h2 {
    margin-bottom: 2.5rem;
    line-height: 1.1;
}

body.page-template-developer section.code .steps {
    counter-reset: steps;
    padding-top: 3rem;
    position: relative;
    height: 55rem;
}

@media (min-width: 768px) {
    body.page-template-developer section.code .steps {
        padding-top: 5rem;
    }
}

body.page-template-developer section.code .steps .step {
    background-color: #202020;
    padding: 2rem;
    margin-bottom: 1.5rem;
    counter-increment: steps;
    min-height: 40rem;
    -webkit-transform-origin: center top;
    -ms-transform-origin: center top;
    transform-origin: center top;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media (min-width: 768px) {
    body.page-template-developer section.code .steps .step {
        padding: 3rem;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        top: 5rem;
        min-height: 43.25rem;
    }
}

@media (min-width: 1025px) {
    body.page-template-developer section.code .steps .step {
        padding: 5rem;
    }
}

body.page-template-developer section.code .steps .step:nth-child(2) {
    background-color: #2b2b2b;
}

body.page-template-developer section.code .steps .step:nth-child(3) {
    background-color: #393939;
}

body.page-template-developer section.code .steps .step .side {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media (min-width: 768px) {
    body.page-template-developer section.code .steps .step .side {
        max-width: 16rem;
    }
}

@media (min-width: 1025px) {
    body.page-template-developer section.code .steps .step .side {
        max-width: 28.125rem;
    }
}

body.page-template-developer section.code .steps .step .side:before {
    content: "Step " counter(steps);
    margin-right: auto;
    background-color: rgba(115, 179, 226, 0.16);
    border: 1px solid #ff4500;
    padding: 0.625rem 1rem;
    border-radius: 3rem;
    text-align: center;
    font-size: 0.625rem;
    margin-bottom: 0.75rem;
    font-weight: 600;
    line-height: 1;
    color: #ff4500;
    text-transform: uppercase;
    -webkit-transition: all 0.5s cubic-bezier(0.85, 0, 0.15, 1);
    -o-transition: all 0.5s cubic-bezier(0.85, 0, 0.15, 1);
    transition: all 0.5s cubic-bezier(0.85, 0, 0.15, 1);
}

@media (min-width: 768px) {
    body.page-template-developer section.code .steps .step .side:before {
        -webkit-mask-box-image: 1rem;
        mask-border: 1rem;
    }
}

@media (min-width: 1025px) {
    body.page-template-developer section.code .steps .step .side:before {
        border-width: 2px;
        font-size: 1rem;
        padding: 0.875rem 1.5rem;
        margin-bottom: 2rem;
    }
}

body.page-template-developer section.code .steps .step .side h4 {
    font-size: 2rem;
    line-height: 1.1;
    letter-spacing: -0.04em;
}

@media (min-width: 1025px) {
    body.page-template-developer section.code .steps .step .side h4 {
        font-size: 4rem;
    }
}

body.page-template-developer section.code .steps .step .side .btn {
    margin-right: auto;
    margin-top: auto;
}

@media (max-width: 767px) {
    body.page-template-developer section.code .steps .step .side .btn {
        display: none;
    }
}

body.page-template-developer section.code .steps .step .text {
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 1.5rem;
}

@media (min-width: 768px) {
    body.page-template-developer section.code .steps .step .text {
        margin-top: 0;
        max-width: 26.875rem;
        padding-top: 3.25rem;
    }
}

@media (min-width: 1025px) {
    body.page-template-developer section.code .steps .step .text {
        max-width: 52.8125rem;
        padding-top: 5.5rem;
    }
}

body.page-template-developer section.code .steps .step .text p {
    margin-bottom: 1.5rem;
    font-size: 0.875rem;
    color: hsla(0, 0%, 100%, 0.5);
    letter-spacing: -0.01em;
}

@media (min-width: 768px) {
    body.page-template-developer section.code .steps .step .text p {
        margin-bottom: 3rem;
    }
}

@media (min-width: 1025px) {
    body.page-template-developer section.code .steps .step .text p {
        max-width: 41rem;
        margin-bottom: 3.5rem;
        font-size: 1rem;
    }
}

body.page-template-developer section.code .steps .step .text ul {
    list-style: none;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 1.255rem;
    -webkit-column-gap: 1.255rem;
    -moz-column-gap: 1.255rem;
    column-gap: 1.255rem;
    grid-row-gap: 1.5rem;
    row-gap: 1.5rem;
    counter-reset: steps-list;
    margin: 0 0 1.5rem;
}

@media (min-width: 768px) {
    body.page-template-developer section.code .steps .step .text ul {
        grid-column-gap: 4.625rem;
        -webkit-column-gap: 4.625rem;
        -moz-column-gap: 4.625rem;
        column-gap: 4.625rem;
        grid-row-gap: 3rem;
        row-gap: 3rem;
        margin-bottom: auto;
    }
}

body.page-template-developer section.code .steps .step .text ul li {
    padding-top: 1rem;
    border-top: 1px solid hsla(0, 0%, 100%, 0.2);
    font-size: 0.8125rem;
    line-height: 1.2;
    letter-spacing: -0.04em;
    font-weight: 500;
    counter-increment: steps-list;
}

@media (min-width: 768px) {
    body.page-template-developer section.code .steps .step .text ul li {
        padding-top: 1.5rem;
        font-size: 1rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

@media (min-width: 1025px) {
    body.page-template-developer section.code .steps .step .text ul li {
        font-size: 1.5rem;
    }
}

body.page-template-developer section.code .steps .step .text ul li:before {
    content: "0" counter(steps-list);
    color: #ff4500;
    display: block;
    margin-bottom: 0.5rem;
}

@media (min-width: 768px) {
    body.page-template-developer section.code .steps .step .text ul li:before {
        margin-right: 1.375rem;
    }
}

@media (min-width: 1025px) {
    body.page-template-developer section.code .steps .step .text ul li:before {
        margin-right: 3rem;
    }
}

body.page-template-developer section.code .steps .step .text .btn {
    margin-top: auto;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

@media (min-width: 768px) {
    body.page-template-developer section.code .steps .step .text .btn {
        display: none;
    }
}