/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

main {
    display: block
}

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

hr {
    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;
    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
}

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

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

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

fieldset {
    padding: .35em .75em .625em
}

legend {
    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] {
    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
}

template {
    display: none
}

[hidden] {
    display: none
}

html,body {
    height: 100%;
    scroll-behavior: smooth
}

html {
    box-sizing: border-box;
    font-family: var(--ff);
    --border-radius: 4px
}

@media screen and (min-width: 36em) {
    html {
        --border-radius: 8px
    }
}

*,*::before,*::after {
    box-sizing: inherit
}

img,video {
    max-width: 100%;
    height: auto
}

figure {
    margin: 1em 40px
}

a {
    text-decoration: none;
    color: inherit
}

.block-content a:not(.button) {
    text-decoration: underline
}

strong {
    font-weight: var(--fw-bold)
}

.site-wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    padding-top: 3.75rem;
    --global-header-height: 3.75rem
}

.site-wrapper--has-hero {
    padding-top: 0
}

.main-content {
    position: relative
}

.page-header {
    padding-top: 5.5rem;
    padding-bottom: 3.5rem
}

.container--full-bleed {
    --container-width: 100vw;
    --container-width: 100dvw;
    max-width: none
}

.container--small {
    --container-width: 55.5rem
}

.container--medium {
    --container-width: 78rem
}

.container--imagewrap {
    --container-width: 96rem
}

.overflow-hidden {
    overflow: hidden
}

.container {
    max-width: var(--container-width)
}

.container.container--small,.container.container--medium,.container.container--imagewrap {
    max-width: var(--container-width)
}

.container.container--full-bleed {
    max-width: none
}

@media screen and (min-width: 48em) {
    .product-feature-mobile {
        display:none
    }
}

.product-feature-desktop {
    display: none
}

@media screen and (min-width: 48em) {
    .product-feature-desktop {
        display:flex
    }
}

.more--link {
    text-align: right;
    flex-basis: 100%
}

.debug-overlay {
    position: relative;
    line-height: 2;
    background: rgba(0,0,0,.5);
    color: #fff;
    width: 100%;
    font-size: 32px;
    z-index: 99;
    text-align: center
}

@media screen and (min-width: 56.25em) {
    .site-wrapper {
        padding-top:7.125rem;
        --global-header-height: 7.125rem
    }

    .site-wrapper--has-hero {
        padding-top: 0
    }
}

@media screen and (min-width: 48em) {
    .headline-truncate {
        width:80%
    }

    .hero-truncate {
        width: 60%;
        margin-left: 20%;
        margin-right: 20%
    }
}

.hide-mobile {
    display: none
}

@media screen and (min-width: 64em) {
    .hide-desktop {
        display:none
    }

    .hide-mobile {
        display: block
    }
}

h1 {
    margin-top: 0;
    margin-bottom: 0
}

.block-content h1:not(:last-child):not(.type-hero) {
    margin-bottom: 1em
}

.block-content h1:not(:first-child):not(.type-hero) {
    margin-top: 1em
}

h2 {
    margin-top: 0;
    margin-bottom: 0
}

.block-content h2:not(:last-child):not(.type-hero) {
    margin-bottom: 1em
}

.block-content h2:not(:first-child):not(.type-hero) {
    margin-top: 1em
}

h3 {
    margin-top: 0;
    margin-bottom: 0
}

.block-content h3:not(:last-child):not(.type-hero) {
    margin-bottom: 1em
}

.block-content h3:not(:first-child):not(.type-hero) {
    margin-top: 1em
}

h4 {
    margin-top: 0;
    margin-bottom: 0
}

.block-content h4:not(:last-child):not(.type-hero) {
    margin-bottom: 1em
}

.block-content h4:not(:first-child):not(.type-hero) {
    margin-top: 1em
}

h5 {
    margin-top: 0;
    margin-bottom: 0
}

.block-content h5:not(:last-child):not(.type-hero) {
    margin-bottom: 1em
}

.block-content h5:not(:first-child):not(.type-hero) {
    margin-top: 1em
}

h6 {
    margin-top: 0;
    margin-bottom: 0
}

.block-content h6:not(:last-child):not(.type-hero) {
    margin-bottom: 1em
}

.block-content h6:not(:first-child):not(.type-hero) {
    margin-top: 1em
}

p {
    margin-top: 0;
    margin-bottom: 0
}

p a {
    color: inherit
}

p a:hover,p a:active,p a:focus {
    opacity: .9
}

.block-content p:not(:last-child) {
    margin-bottom: 1em
}

.block-content p:not(:first-child) {
    margin-top: 1em
}

.nl2br {
    white-space: pre-wrap
}

.nowrap {
    white-space: nowrap
}

.form-element {
    margin-bottom: 1.5rem
}

.form-element--hidden {
    margin-bottom: 0
}

.form-element--checkbox .form-element__label {
    display: inline-block
}

.form-element--checkbox .form-element__label::before {
    display: inline-block;
    margin-right: 1rem;
    vertical-align: middle;
    content: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M22 2v20h-20v-20h20zm2-2h-24v24h24v-24z'/%3E%3C/svg%3E")
}

.form-element__label {
    display: block;
    margin-bottom: .5rem
}

.form-element__input--text,.form-element__input--password,.form-element__input--email,.form-element__input--number,.form-element__input--tel {
    font-family: var(--ff);
    font-size: 16px;
    font-weight: normal;
    line-height: 140%;
    width: 100%;
    height: 48px;
    padding: .5rem 1rem .625rem;
    color: #666;
    border: 1px solid #dadada;
    border-radius: 4px
}

@media screen and (min-width: 36em) {
    .form-element__input--text,.form-element__input--password,.form-element__input--email,.form-element__input--number,.form-element__input--tel {
        font-size:18px
    }
}

.form-element__input--text::placeholder,.form-element__input--password::placeholder,.form-element__input--email::placeholder,.form-element__input--number::placeholder,.form-element__input--tel::placeholder {
    color: #979797
}

@media screen and (min-width: 36em) {
    .form-element__input--text,.form-element__input--password,.form-element__input--email,.form-element__input--number,.form-element__input--tel {
        font-size:1.25rem
    }
}

.form-element__input--select {
    font-family: var(--ff);
    font-size: 16px;
    font-weight: normal;
    line-height: 140%;
    width: 100%;
    height: 48px;
    padding: .5rem 1rem .625rem;
    color: #666;
    border: 1px solid #dadada;
    border-radius: 4px;
    background-color: rgba(0,0,0,0);
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='10' fill='none'%3E%3Cpath stroke='%2322211F' stroke-width='1.3' d='m17.984 1-7.793 7.793a1 1 0 0 1-1.414 0L.984 1'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 1rem top 50%;
    appearance: none;
    border-radius: 4px;
    padding: .5rem 3rem .5rem 1rem
}

@media screen and (min-width: 36em) {
    .form-element__input--select {
        font-size:18px
    }
}

.form-element__input--select::placeholder {
    color: #979797
}

@media screen and (min-width: 36em) {
    .form-element__input--select {
        font-size:1.25rem
    }
}

.form-element__input--textarea {
    font-family: var(--ff);
    font-size: 16px;
    font-weight: normal;
    line-height: 140%;
    width: 100%;
    height: 48px;
    padding: .5rem 1rem .625rem;
    color: #666;
    border: 1px solid #dadada;
    border-radius: 4px;
    height: auto
}

@media screen and (min-width: 36em) {
    .form-element__input--textarea {
        font-size:18px
    }
}

.form-element__input--textarea::placeholder {
    color: #979797
}

@media screen and (min-width: 36em) {
    .form-element__input--textarea {
        font-size:1.25rem
    }
}

.form-element__input--checkbox {
    position: absolute !important;
    overflow: hidden;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    clip: rect(0 0 0 0)
}

.form-element__input--checkbox:checked~.form-element__label::before {
    content: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M11 17l-5-5.299 1.399-1.43 3.574 3.736 6.572-7.007 1.455 1.403-8 8.597zm11-15v20h-20v-20h20zm2-2h-24v24h24v-24z'/%3E%3C/svg%3E")
}

.form-element--radio-group {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 1.5rem
}

.form-element--radio {
    margin-bottom: 4px;
    margin-right: 4px
}

.form-element__input--radio {
    position: absolute !important;
    overflow: hidden;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    clip: rect(0 0 0 0)
}

.form-element__input--radio+.form-element__label {
    padding: 0;
    font-family: inherit;
    background: rgba(0,0,0,0);
    border: 0;
    border-radius: 0;
    appearance: none;
    font-family: var(--ff);
    font-size: 14px;
    font-weight: var(--fw-bold);
    line-height: 100%;
    text-transform: uppercase;
    text-decoration: none;
    display: inline-block;
    padding: 1.0625rem 4.25rem;
    color: #000;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    border-radius: 4px;
    user-select: none;
    cursor: pointer;
    padding-right: 1.0625rem;
    padding-left: 1.0625rem;
    margin-bottom: 0;
    width: 100%;
    border: 1px solid #dadada;
    border-radius: 3px
}

@media screen and (min-width: 36em) {
    .form-element__input--radio+.form-element__label {
        font-size:16px
    }
}

.form-element__input--radio+.form-element__label:disabled {
    cursor: not-allowed
}

.form-element__input--radio:checked+.form-element__label {
    border-color: #07f
}

.button {
    padding: 0;
    font-family: inherit;
    background: rgba(0,0,0,0);
    border: 0;
    border-radius: 0;
    appearance: none;
    font-family: var(--ff);
    font-size: 14px;
    font-weight: var(--fw-bold);
    line-height: 100%;
    text-transform: uppercase;
    text-decoration: none;
    display: inline-block;
    padding: 1.0625rem 4.25rem;
    color: #000;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    border-radius: 4px;
    user-select: none;
    cursor: pointer
}

@media screen and (min-width: 36em) {
    .button {
        font-size:16px
    }
}

.button:disabled {
    cursor: not-allowed
}

.button--inherit {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    color: inherit;
    vertical-align: inherit;
    text-align: inherit;
    text-decoration: inherit;
    text-transform: inherit;
    letter-spacing: inherit;
    background-color: inherit;
    border: inherit;
    border-radius: inherit;
    padding: inherit
}

.button--primary {
    color: #fff;
    background-color: #07f;
    transition: background-color 150ms ease-out
}

.button--primary:hover {
    background-color: #006eeb
}

.button--secondary {
    color: #07f;
    background-color: #fff;
    box-shadow: inset 0 0 0 2px #07f
}

.button--tertiary {
    color: #fff;
    background-color: rgba(0,0,0,0);
    box-shadow: inset 0 0 0 2px #fff
}

.button--plain {
    color: #07f;
    background-color: rgba(0,0,0,0);
    box-shadow: none;
    padding: 0
}

.button--blueunderline {
    color: #07f;
    border-radius: 0px;
    background-color: rgba(0,0,0,0);
    box-shadow: none;
    padding: 0 0 9px 0 !important;
    width: auto !important;
    position: relative
}

.button--blueunderline:after {
    content: url("data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M5.35465e-07%207.875L10.6488%207.875L5.7575%2012.7662L7%2014L14%207L7%20-6.11959e-07L5.76625%201.23375L10.6488%206.125L6.88454e-07%206.125L5.35465e-07%207.875Z%22%20fill%3D%22%230077FF%22%2F%3E%0A%3C%2Fsvg%3E");
    position: absolute;
    right: -24px;
    top: 0;
    width: 14px;
    height: 14px
}

.button--bluechevron {
    color: #07f;
    border-radius: 0px;
    background-color: rgba(0,0,0,0);
    box-shadow: none;
    padding: 0 15px 9px 0 !important;
    text-transform: none;
    width: auto !important;
    position: relative
}

.button--bluechevron:after {
    fill: #07f;
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 6 10'%3E%3Cpath fill='%230077ff' fill-rule='evenodd' d='m1.3.6-1 .9L4 5 .3 8.6l1 .9L5.8 5 1.3.6Z' clip-rule='evenodd'/%3E%3C/svg%3E");
    position: absolute;
    right: 0;
    top: 0;
    width: 5px;
    height: 9px
}

.button--graychevron {
    color: #c1c1c1;
    border-radius: 0px;
    background-color: rgba(0,0,0,0);
    box-shadow: none;
    padding: 0 15px 9px 0 !important;
    width: auto !important;
    text-transform: none;
    position: relative
}

.button--graychevron:hover {
    color: #07f
}

.button--graychevron:hover:after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 6 10'%3E%3Cpath fill='%230077ff' fill-rule='evenodd' d='m1.3.6-1 .9L4 5 .3 8.6l1 .9L5.8 5 1.3.6Z' clip-rule='evenodd'/%3E%3C/svg%3E")
}

.button--graychevron:after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 6 10'%3E%3Cpath fill='%23C4C4C4' fill-rule='evenodd' d='m1.3.6-1 .9L4 5 .3 8.6l1 .9L5.8 5 1.3.6Z' clip-rule='evenodd'/%3E%3C/svg%3E");
    position: absolute;
    right: 0;
    top: 0;
    width: 5px;
    height: 9px
}

.button--blackbg {
    color: #fff;
    background-color: #000;
    box-shadow: inset 0 0 0 2px #fff
}

.button--grayoutline {
    color: #fff;
    background-color: rgba(0,0,0,0);
    box-shadow: inset 0 0 0 2px #5e5e5e
}

.button--grayknockout {
    color: #5e5e5e;
    background-color: rgba(0,0,0,0);
    box-shadow: inset 0 0 0 2px #5e5e5e
}

.button--small {
    padding: .5625rem 1.25rem
}

.button--large {
    padding: 2rem 3rem
}

.button--block {
    display: block;
    width: 100%
}

.button--link {
    padding: 0;
    color: #00e;
    display: inline
}

.button--link-external {
    font-family: var(--ff);
    font-size: .75rem;
    line-height: 100%;
    text-transform: uppercase;
    padding: 0;
    color: #07f
}

.button--link-external svg {
    vertical-align: middle
}

.button--pdf .icon-pdf {
    margin-top: -0.625rem;
    margin-right: .75rem;
    margin-bottom: -0.625rem;
    vertical-align: top
}

.button--two-line {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    padding: .5625rem 1.75rem
}

.button--menu {
    font-family: var(--ff);
    font-size: .9375rem;
    line-height: 140%;
    font-weight: normal;
    text-transform: none;
    padding: .4375rem 1.5rem
}

.button--icon {
    padding-top: 0;
    padding-bottom: 0
}

.button--icon .button__inner {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 3rem
}

.button--icon .button__icon {
    display: flex;
    max-height: 2rem;
    margin-right: .5rem
}

.button--icon img {
    display: block;
    max-width: 2em
}

.button__container {
    display: flex
}

.button__container.button--align-center {
    justify-content: center
}

.button__container.button--align-right {
    justify-content: flex-end
}

.link-button {
    font-family: var(--ff);
    color: #000;
    font-weight: 300
}

@keyframes slideRight {
    from {
        transform: translate3d(-100%, 0, 0)
    }

    to {
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideDown {
    from {
        transform: translate3d(0, -100%, 0)
    }

    to {
        transform: translate3d(0, 0, 0)
    }
}

[data-anim=linear] {
    transition: transform .3s linear;
    transform: translateY(var(--anim-offset-y));
    z-index: 1;
    opacity: var(--anim-opacity, 1);
    filter: blur(var(--anim-blur, 0));
    -webkit-filter: blur(var(--anim-blur, 0))
}

@media print {
    body {
        color: #000 !important;
        background-color: #fff
    }

    body .site-header,body .site-footer,body .youtube,body .article__share-links,body .drift-has-chat,body .article-pagination,body .Aviadrones.-image-wrapper,body form,body img {
        display: none
    }

    body .pull-quote {
        border: none;
        padding: 0
    }

    .article__content,.pull-quote__name {
        color: #000
    }
}

.vp-top-0 {
    padding-top: 0px
}

.vp-btm-0 {
    padding-bottom: 0px
}

@media screen and (min-width: 48em) {
    .vp-top-0 {
        padding-top:0px
    }

    .vp-btm-0 {
        padding-bottom: 0px
    }
}

.vp-top-1 {
    padding-top: 12px
}

.vp-btm-1 {
    padding-bottom: 12px
}

@media screen and (min-width: 48em) {
    .vp-top-1 {
        padding-top:24px
    }

    .vp-btm-1 {
        padding-bottom: 24px
    }
}

.vp-top-2 {
    padding-top: 16px
}

.vp-btm-2 {
    padding-bottom: 16px
}

@media screen and (min-width: 48em) {
    .vp-top-2 {
        padding-top:32px
    }

    .vp-btm-2 {
        padding-bottom: 32px
    }
}

.vp-top-3 {
    padding-top: 32px
}

.vp-btm-3 {
    padding-bottom: 32px
}

@media screen and (min-width: 48em) {
    .vp-top-3 {
        padding-top:64px
    }

    .vp-btm-3 {
        padding-bottom: 64px
    }
}

.vp-top-4 {
    padding-top: 48px
}

.vp-btm-4 {
    padding-bottom: 48px
}

@media screen and (min-width: 48em) {
    .vp-top-4 {
        padding-top:96px
    }

    .vp-btm-4 {
        padding-bottom: 96px
    }
}

.vp-top-5 {
    padding-top: 60px
}

.vp-btm-5 {
    padding-bottom: 60px
}

@media screen and (min-width: 48em) {
    .vp-top-5 {
        padding-top:120px
    }

    .vp-btm-5 {
        padding-bottom: 120px
    }
}

.vp-top-6 {
    padding-top: 80px
}

.vp-btm-6 {
    padding-bottom: 80px
}

@media screen and (min-width: 48em) {
    .vp-top-6 {
        padding-top:160px
    }

    .vp-btm-6 {
        padding-bottom: 160px
    }
}

.vp-top-7 {
    padding-top: 90px
}

.vp-btm-7 {
    padding-bottom: 90px
}

@media screen and (min-width: 48em) {
    .vp-top-7 {
        padding-top:180px
    }

    .vp-btm-7 {
        padding-bottom: 180px
    }
}

.vp-top-8 {
    padding-top: 24px
}

.vp-btm-8 {
    padding-bottom: 24px
}

@media screen and (min-width: 48em) {
    .vp-top-8 {
        padding-top:48px
    }

    .vp-btm-8 {
        padding-bottom: 48px
    }
}

.module-style--default,.module-style--dark,.module-style--medium-dark,.module-style--medium,.module-style--medium-light,.module-style--light {
    --ms-background-color: white;
    --ms-text-color: black;
    --ms-heading-text-color: black;
    --ms-secondary-body-text-color: rgb(120, 120, 120);
    --ms-secondary-heading-text-color: rgb(120, 120, 120);
    --ms-light-text-color: white;
    --ms-dark-text-color: black;
    --ms-hightlight-color: #07f;
    --ms-hightlight-color-alt: #ffbd2e;
    --ms-hightlight-color-alt-dark: #2f291b;
    --ms-contrast-background-color: rgb(120, 120, 120);
    --ms-contrast-text-color: white;
    color: var(--ms-text-color);
    background-color: var(--ms-background-color)
}

.module-style--light {
    color: var(--ms-dark-text-color);
    --ms-contrast-background-color: rgb(230, 230, 230);
    --ms-contrast-text-color: rgb(150, 150, 150)
}

.module-style--medium-light {
    --ms-background-color: #efefef;
    --ms-secondary-body-text-color: rgb(120, 120, 120);
    --ms-secondary-heading-text-color: rgb(120, 120, 120);
    --ms-contrast-background-color: rgb(220, 220, 220);
    --ms-contrast-text-color: rgb(140, 140, 140)
}

.module-style--medium {
    --ms-background-color: #666;
    --ms-text-color: white;
    --ms-heading-text-color: white;
    --ms-secondary-body-text-color: rgb(200, 200, 200);
    --ms-secondary-heading-text-color: rgb(180, 180, 180);
    --ms-contrast-background-color: rgb(80, 80, 80);
    --ms-contrast-text-color: white
}

.module-style--medium-dark {
    --ms-background-color: #1a1a1a;
    --ms-text-color: white;
    --ms-heading-text-color: white;
    --ms-secondary-body-text-color: rgb(180, 180, 180);
    --ms-secondary-heading-text-color: rgb(150, 150, 150);
    --ms-contrast-background-color: rgb(40, 40, 40);
    --ms-contrast-text-color: white
}

.module-style--dark {
    --ms-background-color: black;
    --ms-text-color: white;
    --ms-heading-text-color: white;
    --ms-secondary-body-text-color: rgb(150, 150, 150);
    --ms-secondary-heading-text-color: rgb(190, 190, 190);
    --ms-contrast-background-color: rgb(20, 20, 20);
    --ms-contrast-text-color: white
}

.announcement-banner {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transition: all 1s cubic-bezier(0.4, 0, 0.2, 1);
    color: #fff;
    max-height: 5.5rem
}

.announcement-banner.hidden {
    max-height: 0
}

@media screen and (min-width: 48em) {
    .announcement-banner {
        max-height:36px
    }
}

.announcement-banner--blue {
    background-color: #07f
}

.announcement-banner--black {
    background-color: #000
}

.announcement-banner--white {
    color: #000;
    background-color: #fff
}

.announcement-banner__dismiss {
    color: #07f;
    background-color: rgba(0,0,0,0);
    box-shadow: none;
    padding: 0;
    color: inherit;
    height: 100%;
    margin-left: auto;
    border: none;
    cursor: pointer;
    align-self: flex-start;
    padding-top: .5rem
}

@media screen and (min-width: 48em) {
    .announcement-banner__dismiss {
        padding-top:0;
        align-self: center
    }
}

.announcement-banner__content {
    font-family: var(--ff);
    font-size: .9375rem;
    line-height: 140%;
    font-weight: normal;
    text-transform: none;
    padding: .5rem;
    margin-left: auto;
    text-align: center;
    overflow-wrap: break-word
}

.article-grid__item {
    display: block
}

.article-grid__item-image {
    transition: .4s cubic-bezier(0.335, 0.815, 0.47, 1) !important
}

.article-grid__item:hover .article-grid__item-image {
    transition: .4s cubic-bezier(0.335, 0.815, 0.47, 1) !important;
    transform: scale(1.15)
}

.article-grid__item:hover .article-grid__item__title {
    text-decoration: underline
}

.article-grid__item__date {
    opacity: .7
}

.article-grid__item .Aviadrones.-image-wrapper {
    position: relative;
    padding-bottom: 56.25%
}

.article-grid__item .Aviadrones.-image-wrapper img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.content-card {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.content-card--reverse {
    flex-direction: column-reverse
}

.content-card__container {
    position: relative
}

.content-card__column {
    display: grid;
    grid-gap: 1rem
}

@media screen and (min-width: 48em) {
    .content-card__column {
        grid-gap:1.5rem
    }
}

@media screen and (max-width: 47.9375em) {
    .content-card__column--spacer {
        display:none
    }
}

.content-card__sizer {
    display: flex;
    height: 100%;
    flex: 1
}

.content-card__content-wrap {
    position: relative;
    z-index: 1
}

.content-card__content-wrap .button:not(:first-child) {
    margin-top: 1em
}

.content-card__content-wrap .sanity-video {
    width: 100%
}

.content-card__overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none
}

.content-card__image-wrap {
    position: relative;
    overflow: hidden;
    width: 100%
}

.content-card__image-wrap--stretch .content-card__image-wrap {
    height: 100%;
    padding: 0
}

@media screen and (min-width: 48em) {
    .content-card__image-wrap--stretch .content-card__image-wrap {
        min-height:12.5rem
    }
}

.content-card__image-wrap--background {
    aspect-ratio: var(--aspect-ratio)
}

@media screen and (max-width: 47.9375em) {
    .content-card__image-wrap--background {
        aspect-ratio:var(--mobile-aspect-ratio, var(--aspect-ratio))
    }
}

.content-card__image-wrap--background .content-card__image-wrap {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0;
    z-index: 0
}

.content-card__image-inner-wrap {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center
}

.content-card__image {
    height: 100%;
    width: 100%;
    object-fit: cover
}

.content-card__image.Aviadrones.-image-wrapper {
    width: 100%
}

.content-card [style*="--aspect-ratio"]::before {
    content: "";
    float: left;
    padding-bottom: calc(100%/(var(--aspect-ratio)))
}

.content-card [style*="--aspect-ratio"]::after {
    content: "";
    display: table;
    clear: both
}

.content-card .desktop-img {
    display: none
}

@media screen and (min-width: 48em) {
    .content-card .mobile-img {
        display:none
    }

    .content-card .desktop-img {
        display: block
    }
}

@keyframes spinDrift {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg)
    }
}

.drift-loading-icon {
    display: flex;
    border-radius: .3125rem;
    height: 56px;
    width: 56px;
    background: #07f;
    position: fixed;
    justify-content: center;
    align-items: center;
    transform: scaleX(-100%);
    z-index: 15
}

.drift-loading-icon svg {
    width: 60%;
    height: 60%;
    animation: spinDrift 2s linear infinite reverse
}

body #drift-frame-controller,body #drift-frame-chat {
    z-index: 15 !important
}

.events-nav .d-flex {
    align-items: center
}

.events-nav .filter-menu {
    width: 16rem
}

.event-meta-overlay {
    top: auto;
    height: auto;
    background: rgba(0,0,0,.5);
    padding: 6px 10px
}

.event-list-item {
    position: relative
}

.event-buttons {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.event-buttons a.button:first-child {
    margin-right: .5em
}

.event-type-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.event-type-bg:after {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,.5)
}

.events-main-header {
    position: relative;
    overflow: hidden;
    min-height: 450px;
    display: flex;
    justify-content: center;
    flex-direction: column
}

.events-main-header .hero-copy {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.events-button {
    font-family: var(--ff);
    color: #000;
    font-weight: 300
}

.hover-text-color:hover {
    color: #979797 !important
}

.hover-text-color:hover h1,.hover-text-color:hover h2,.hover-text-color:hover h3,.hover-text-color:hover h4,.hover-text-color:hover p,.hover-text-color:hover div,.hover-text-color:hover span {
    color: #979797 !important
}

.more--link {
    text-align: right;
    flex-basis: 100%;
    margin: 0;
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.news-thumb {
    width: 100%;
    flex-basis: 100%;
    padding-bottom: 56.25%;
    transition: .4s cubic-bezier(0.335, 0.815, 0.47, 1) !important;
    background-size: 100% !important;
    position: relative
}

.news-thumb__badge {
    background-color: #fff;
    border-radius: 4px;
    padding: 5px;
    position: absolute;
    bottom: 10px;
    left: 10px
}

.news-thumb__badge-inner {
    position: relative
}

.news-thumb__logo.Aviadrones.-image-wrapper {
    opacity: 1;
    transition: opacity .3s ease-in-out;
    z-index: 2
}

.news-thumb__logo.Aviadrones.-image-wrapper img {
    height: auto;
    max-height: 35px;
    max-width: 85px;
    width: 100%
}

.news-thumb__arrow {
    top: 50%;
    height: 16px;
    left: 50%;
    opacity: 0;
    position: absolute;
    transform: translate(-50%, -50%);
    transition: opacity .3s ease-in-out;
    width: 24px
}

.news-thumb:hover {
    transition: .4s cubic-bezier(0.335, 0.815, 0.47, 1) !important;
    background-size: 105% !important
}

.news-thumb:hover .news-thumb__logo {
    opacity: 0
}

.news-thumb:hover .news-thumb__arrow {
    opacity: 1
}

#drift-frame-controller {
    z-index: 2 !important
}

.hero-specs {
    color: #fff;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr))
}

@media screen and (min-width: 64em) {
    .hero-specs {
        grid-template-columns:repeat(3, minmax(0, 1fr))
    }
}

.hero-specs__item {
    padding: 1rem
}

@media screen and (min-width: 64em) {
    .hero-specs__item {
        padding:0 3.5rem 1rem 0
    }
}

.hero-specs__label {
    margin-bottom: .5rem;
    color: rgba(255,255,255,.4)
}

.hero-specs__spec {
    font-family: var(--ff);
    font-size: 20px;
    font-weight: var(--fw-bold);
    line-height: 140%;
    font-size: 1.3rem;
    color: #fff
}

@media screen and (min-width: 36em) {
    .hero-specs__spec {
        font-size:26px
    }
}

.hero-video {
    position: relative;
    padding-bottom: 56.25%;
    height: auto
}

@media screen and (max-width: 47.9375em) {
    .hero-video {
        margin-top:3.5rem;
        margin-bottom: 3.5rem
    }
}

@media screen and (max-width: 63.9375em)and (min-width: 48em) {
    .hero-video {
        margin-right:-3rem
    }
}

.hero-video-trigger {
    position: absolute;
    top: -6.25rem
}

@media screen and (max-width: 35.9375em) {
    .hero-video-trigger {
        top:-3.75rem
    }
}

.hero-video__play {
    padding: 0;
    font-family: inherit;
    background: rgba(0,0,0,0);
    border: 0;
    border-radius: 0;
    appearance: none;
    font-family: var(--ff);
    font-size: 14px;
    font-weight: var(--fw-bold);
    line-height: 100%;
    text-transform: uppercase;
    text-decoration: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: color 200ms ease;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

@media screen and (min-width: 36em) {
    .hero-video__play {
        font-size:16px
    }
}

.hero-video__play:hover {
    color: #b2b2b2
}

.image--background {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    padding: 16px;
    background-color: rgba(0,0,0,.6)
}

.modal--open {
    overflow: hidden
}

.modal--fade-in {
    opacity: 0;
    transition: opacity .5s ease
}

.modal--fade-in-show {
    opacity: 1
}

.modal--video {
    background-color: rgba(0,0,0,.9)
}

.modal__inner {
    overflow-y: auto;
    width: 100%;
    max-width: 600px;
    max-height: 100%;
    padding: 32px;
    background-color: #fff;
    outline: none
}

.modal--video .modal__inner {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 85vw;
    padding: 0;
    background-color: rgba(0,0,0,0)
}

.modal--password .modal__inner {
    position: relative
}

.modal__close {
    position: absolute;
    top: 1rem;
    right: .5rem;
    min-width: 30px
}

.modal--video .modal__close,.modal--inner .modal__close {
    padding: 0;
    font-family: inherit;
    background: rgba(0,0,0,0);
    border: 0;
    border-radius: 0;
    appearance: none;
    box-shadow: none;
    position: absolute;
    top: 1rem;
    right: 1rem;
    z-index: 1;
    font-size: 3.125rem;
    line-height: 0;
    color: #fff;
    padding: 5px
}

@media screen and (max-width: 47.9375em) {
    .modal--inner .modal__close {
        top:15px;
        right: 15px
    }
}

.modal--password .modal__close {
    top: .5rem;
    right: .5rem;
    color: #000
}

.ReactModal__Overlay {
    opacity: 0;
    transition: opacity 300ms
}

.ReactModal__Overlay--after-open {
    opacity: 1
}

.ReactModal__Overlay--before-close {
    opacity: 0
}

.pagination {
    display: flex;
    justify-content: center;
    flex-wrap: wrap
}

.pagination a {
    display: inline-block;
    padding: .5rem 1rem;
    margin-left: .25rem;
    margin-right: .25rem;
    margin-bottom: .5rem;
    color: #000;
    background-color: #f8f8f8;
    border-radius: 3px
}

.pagination a.active {
    background-color: #dadada
}

.pagination a[rel=prev] {
    transform: rotateZ(180deg)
}

.pagination a svg {
    vertical-align: middle
}

.video-play-button {
    display: flex;
    align-items: center;
    cursor: pointer;
    border-radius: 1.5rem;
    padding: .5rem
}

.video-play-button.bg-blue {
    background: #07f
}

.video-play-button .play-circle {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    background: #fff;
    border-radius: 1rem;
    margin-right: .5rem;
    position: relative
}

.video-play-button .play-circle:after {
    content: "";
    position: absolute;
    left: .65rem;
    top: .25rem;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: .75rem 0 .75rem 1rem;
    border-color: rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #07f
}

.video-play-button .button-text {
    text-transform: uppercase
}

.progress-bar {
    width: 100%;
    height: 2px;
    flex-shrink: 0;
    flex-grow: 0;
    overflow: hidden
}

.progress-bar__light {
    background-color: #dadada
}

.progress-bar__medium-light {
    background-color: #dadada
}

.progress-bar__medium {
    background-color: #fff
}

.progress-bar__medium-dark {
    background-color: #fff
}

.progress-bar__dark {
    background-color: #fff
}

.progress-bar__green {
    background-color: #0c3f30
}

@media screen and (min-width: 48em) {
    .overlap--light .progress-bar {
        background-color:#dadada
    }

    .overlap--medium-light .progress-bar {
        background-color: #dadada
    }

    .overlap--medium .progress-bar {
        background-color: #fff
    }

    .overlap--medium-dark .progress-bar {
        background-color: #fff
    }

    .overlap--dark .progress-bar {
        background-color: #fff
    }
}

.progress-bar__vertical {
    height: 100%;
    width: 2px
}

.progress-bar__vertical .progress-bar__value {
    height: 100%;
    width: 2px;
    transform: translate3d(0, -101%, 0)
}

.is-active .progress-bar__vertical .progress-bar__value {
    animation-name: slideDown
}

.progress-bar__value {
    display: block;
    width: 100%;
    height: 100%;
    transform: translate3d(-100%, 0, 0)
}

.is-active .progress-bar__value {
    background-color: #000;
    animation-name: slideRight;
    animation-duration: 3000ms;
    animation-timing-function: linear
}

.progress-bar.progress-bar__green .progress-bar__value {
    background-color: #00ffb2
}

.progress-bar.progress-bar__pink .progress-bar__value {
    background-color: #ef3ba8
}

.progress-bar.progress-bar__blue .progress-bar__value {
    background-color: #07f
}

@media screen and (max-width: 47.9375em) {
    .responsive-slider {
        margin-right:-2rem;
        margin-left: -2rem
    }
}

@media screen and (max-width: 47.9375em)and (min-width: 48em) {
    .responsive-slider {
        margin-right:-3rem;
        margin-left: -3rem
    }
}

@media screen and (max-width: 47.9375em)and (min-width: 80em) {
    .responsive-slider {
        margin-right:-3.75rem;
        margin-left: -3.75rem
    }
}

.responsive-slider .swiper {
    padding-bottom: 3.75rem
}

.responsive-slider .swiper-slide {
    width: 70%
}

@media screen and (min-width: 48em) {
    .responsive-slider--md-grid {
        display:grid;
        grid-gap: 2rem;
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }
}

@media screen and (min-width: 48em)and (min-width: 36em) {
    .responsive-slider--md-grid {
        grid-template-columns:repeat(8, minmax(0, 1fr))
    }
}

@media screen and (min-width: 48em)and (min-width: 48em) {
    .responsive-slider--md-grid {
        grid-gap:3rem;
        grid-template-columns: repeat(12, minmax(0, 1fr))
    }
}

.swiper-pagination-bullet {
    width: 1.125rem;
    height: 1.125rem;
    background-color: #b2b2b2;
    opacity: .25;
    transition: opacity 200ms
}

.swiper-pagination-bullet-active {
    background-color: #ef3ba8;
    opacity: 1
}

.module-style--light .swiper-pagination-bullet {
    background-color: #666
}

.swiper-horizontal>.swiper-pagination-bullets {
    bottom: 0
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 1rem
}

.app-gallery .swiper-slide .Aviadrones.-image-wrapper {
    width: 100%;
    padding-bottom: 56.25%;
    position: relative;
    overflow: hidden
}

.app-gallery .swiper-slide .Aviadrones.-image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0
}

.sanity-video {
    position: relative;
    width: 5000px;
    max-width: 100%;
    margin: 0 auto;
    isolation: isolate
}

.sanity-video--rounded {
    border-radius: var(--border-radius);
    overflow: hidden
}

.sanity-video video,.sanity-video .vjs-control-bar {
    z-index: 1
}

.sanity-video video,.sanity-video .video-js {
    background: rgba(0,0,0,0)
}

.sanity-video .video-js {
    z-index: 1
}

.sanity-video .vjs-poster {
    z-index: 2;
    background-size: cover
}

.vjs-text-track-display {
    z-index: 5
}

.sanity-video__play-button-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    visibility: hidden;
    opacity: 0;
    z-index: 2;
    pointer-events: none;
    transition: visibility 0s linear 300ms,opacity 300ms
}

.sanity-video__play-button-wrapper.sanity-video__play-button--visible {
    visibility: visible;
    opacity: 1;
    pointer-events: all
}

.sanity-video__play-button {
    height: 80px;
    width: 125px;
    transition: background-color 200ms ease 0s;
    background-color: rgba(0,119,255,.7);
    z-index: 2;
    color: #fff;
    cursor: pointer;
    overflow: hidden
}

.sanity-video__play-button:hover {
    background-color: rgba(30,149,255,.7)
}

.sanity-video__poster-image {
    width: 100%;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 1px;
    right: 0;
    z-index: 0
}

.sanity-video__poster-image img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.article>.grid {
    grid-gap: 2rem 0
}

.article__title {
    font-family: var(--ff);
    font-size: 36px;
    font-weight: var(--fw-bold);
    line-height: 130%
}

@media screen and (min-width: 36em) {
    .article__title {
        font-size:48px
    }
}

.article__meta-key {
    text-transform: uppercase;
    color: #979797
}

.article__meta-value,.article__meta .author__name {
    text-transform: uppercase;
    color: #fff
}

.article__main-image .Aviadrones.-image-wrapper img {
    max-height: 32rem
}

.article__main-image figure {
    margin: 0
}

.article__main-image img {
    width: 100%
}

.article__share-links {
    display: inline-flex;
    align-items: center;
    margin-top: 1.5rem;
    flex-direction: row-reverse
}

@media screen and (min-width: 36em) {
    .article__share-links {
        margin-top:0;
        flex-direction: row
    }
}

.article__sub-head {
    gap: 1.5rem
}

.article__share-links {
    align-items: center;
    justify-content: flex-end;
    flex-grow: 1
}

.article__content .module--block-content .block-content {
    font-family: var(--ff);
    font-size: 16px;
    font-weight: normal;
    line-height: 140%;
    color: #222
}

@media screen and (min-width: 36em) {
    .article__content .module--block-content .block-content {
        font-size:18px
    }
}

.article__content .module--block-content .sanity-video+.type-body-2 {
    text-align: center;
    color: #666
}

.article__content .module--block-content figure img {
    width: 100%;
    max-width: 100% !important
}

.article__content .figure .Aviadrones.-image-wrapper {
    width: 100%;
    max-width: 100% !important
}

.article__content .figure__caption {
    font-family: var(--ff);
    font-size: 14px;
    line-height: 120%;
    color: #666;
    text-align: center
}

@media screen and (min-width: 36em) {
    .article__content .figure__caption {
        font-size:16px
    }
}

.article__content .sanity-video {
    width: 100%
}

.article__content .sanity-video video {
    object-fit: cover
}

.article__content .sanity-video__poster-image {
    z-index: 2
}

.article__content .sanity-video__play-button-wrapper {
    z-index: 3
}

.article__content ul li:not(:first-child) {
    margin-top: .5rem
}

.article__wrapper {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 3rem;
    grid-column: span 12
}

.article .figure .Aviadrones.-image-wrapper img {
    border-radius: var(--border-radius);
    width: auto
}

.article .figure .Aviadrones.-image-wrapper:not([class*=figure--align]) img {
    margin: auto
}

.article .figure:not(:first-child) {
    margin-top: 2rem
}

.article .figure:not(:last-child) {
    margin-bottom: 2rem
}

.article .figure--align-left {
    margin-left: 0
}

.article .figure--align-right {
    margin-right: 0
}

.article .block-content .type-h1,.article .block-content h1 {
    font-family: var(--ff);
    font-size: 1.5rem;
    font-weight: var(--fw-bold);
    line-height: 130%
}

@media screen and (min-width: 36em) {
    .article .block-content .type-h1,.article .block-content h1 {
        font-size:3rem;
        line-height: 120%
    }
}

.article .block-content .type-h2,.article .block-content h2 {
    font-family: var(--ff);
    font-size: 1.375rem;
    font-weight: var(--fw-bold);
    line-height: 120%
}

@media screen and (min-width: 36em) {
    .article .block-content .type-h2,.article .block-content h2 {
        font-size:2rem;
        line-height: 120%
    }
}

.article .block-content .type-h3,.article .block-content .content-modals__modal-quote .type-body-1,.content-modals__modal-quote .article .block-content .type-body-1,.article .block-content h3 {
    font-family: var(--ff);
    font-size: 1.125rem;
    font-weight: var(--fw-bold);
    line-height: 140%
}

@media screen and (min-width: 36em) {
    .article .block-content .type-h3,.article .block-content .content-modals__modal-quote .type-body-1,.content-modals__modal-quote .article .block-content .type-body-1,.article .block-content h3 {
        font-size:1.5rem;
        line-height: 140%
    }
}

.article .block-content .type-h4,.article .block-content h4 {
    font-family: var(--ff);
    font-size: 1.125rem;
    font-weight: var(--fw-bold);
    line-height: 140%
}

@media screen and (min-width: 36em) {
    .article .block-content .type-h4,.article .block-content h4 {
        font-size:1.375rem;
        line-height: 140%
    }
}

.article .block-content .type-h5,.article .block-content h5 {
    font-family: var(--ff);
    font-size: 1rem;
    font-weight: var(--fw-bold);
    line-height: 150%
}

@media screen and (min-width: 36em) {
    .article .block-content .type-h5,.article .block-content h5 {
        font-size:1.125rem
    }
}

.article .block-content .type-h6,.article .block-content h6 {
    font-family: var(--ff);
    font-size: 1rem;
    font-weight: var(--fw-bold);
    line-height: 150%
}

@media screen and (min-width: 36em) {
    .article .block-content .type-h6,.article .block-content h6 {
        font-size:1rem
    }
}

.article__header {
    grid-column: span 12 !important
}

.article__contact {
    background-color: var(--gray-05);
    border-radius: var(--border-radius);
    padding: 1rem;
    margin-top: 3rem;
    display: grid;
    grid-gap: 1rem
}

.article__contact .button.button--primary {
    padding: .625rem 1.5rem;
    font-size: .875rem
}

.article a.article-share__icon {
    background-color: #000
}

.article a.article-share__icon path {
    fill: #fff
}

.article__newsletter {
    background-color: var(--gray-05);
    padding: 1rem;
    border-radius: var(--border-radius)
}

.article__newsletter .mktoFormCol {
    padding-right: 0 !important
}

.article__newsletter .mktoButtonRow {
    justify-content: flex-start !important
}

.article__newsletter .Aviadrones.-form .mktoError,.article__newsletter .Aviadrones.-form-standalone .mktoError {
    margin-top: .5rem;
    position: initial
}

.article__newsletter .Aviadrones.-form .mktoFormRow,.article__newsletter .Aviadrones.-form-standalone .mktoFormRow {
    display: block
}

.article__newsletter .Aviadrones.-form .mktoFormRow input,.article__newsletter .Aviadrones.-form-standalone .mktoFormRow input {
    max-width: 100%
}

.article__newsletter .Aviadrones.-form .mktoFormRow .mktoFormCol,.article__newsletter .Aviadrones.-form-standalone .mktoFormRow .mktoFormCol {
    padding: 0 0 1rem 0
}

.article__newsletter .mktoInset.mktoButtonWrap button.mktoButton[type=submit] {
    background-color: var(--color-black) !important;
    color: var(--color-white) !important;
    border-radius: 4px !important;
    padding: .625rem 1.5rem !important;
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
    padding-top: .625rem !important;
    padding-bottom: .625rem !important;
    font-size: .875rem !important
}

.article__newsletter .mktoInset.mktoButtonWrap button.mktoButton[type=submit]:after,.article__newsletter .mktoInset.mktoButtonWrap button.mktoButton[type=submit]:before {
    display: none !important
}

.article__newsletter-inner {
    padding: .5rem
}

.article__newsletter-inner>*+* {
    margin-top: 1rem
}

@media screen and (min-width: 64em) {
    .article__wrapper {
        grid-template-columns:auto 270px;
        grid-gap: 6rem
    }

    .article__side {
        position: relative
    }

    .article__side-inner {
        position: absolute;
        top: 0;
        height: 100%;
        left: 0;
        max-width: 100%
    }

    .article__side-sticky {
        position: sticky;
        top: var(--header-height)
    }
}

.article-list-item__excerpt .block-content {
    color: #666
}

.article-pagination {
    background-color: #f8f8f8
}

.article-pagination a.true {
    font-weight: var(--fw-bold)
}

.article-pagination__item {
    width: 100%
}

.article-pagination__item figure {
    margin-left: 0;
    margin-right: 0
}

.article-pagination__item figure img {
    border-radius: var(--border-radius)
}

.article-pagination__label {
    color: #979797;
    font-weight: 800
}

@media screen and (min-width: 36em) {
    .article-pagination__item--next .article-pagination__label {
        text-align:right
    }
}

.article-pagination h3 {
    font-family: var(--ff);
    font-size: 16px;
    font-weight: normal;
    line-height: 140%
}

@media screen and (min-width: 36em) {
    .article-pagination h3 {
        font-size:18px
    }
}

.article-share {
    margin: 0 -0.25rem
}

.article-share__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.125rem;
    height: 2.125rem;
    border-radius: 3px;
    margin: 0 .25rem
}

@media screen and (min-width: 48em) {
    .article-share__icon {
        width:1.625rem;
        height: 1.625rem
    }
}

.article-share__icon svg {
    height: 1.25rem
}

@media screen and (min-width: 48em) {
    .article-share__icon svg {
        height:.875rem
    }
}

.article-share__icon.facebook {
    background-color: #1877f2
}

.article-share__icon.twitter {
    background-color: #000
}

.article-share__icon.linkedin {
    background-color: #0a66c2
}

.article-share__icon.copylink {
    background-color: #ccc;
    cursor: pointer;
    position: relative
}

.article-share__icon.copylink:before {
    content: attr(data-social-copy-success);
    opacity: 0;
    position: absolute;
    white-space: nowrap;
    padding: 5px 10px;
    top: calc(100% + 7px);
    right: 0;
    border-radius: 10px;
    background-color: #ccc;
    width: fit-content;
    pointer-events: none;
    transition: opacity .3s linear
}

.article-share__icon.copylink.copylink--success:before {
    opacity: 1
}

.author__image {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 4px;
    border: 1px solid #dadada
}

.author__name {
    color: #b2b2b2;
    font-weight: var(--fw-bold)
}

.category-nav--desktop {
    list-style: none
}

.category-nav__item a {
    display: block;
    padding: .5rem 1rem;
    background-color: #f8f8f8;
    border-radius: 3px
}

.category-nav__item a.active,.category-nav__item a:hover {
    background-color: #dadada
}

.category-nav--mobile {
    width: 100%;
    border-radius: 3px
}

.category-nav__select {
    appearance: none;
    flex-grow: 1;
    border: 0;
    width: 100%
}

.category-nav--mobile .icon-chevronDown {
    width: .625rem
}

@media screen and (min-width: 48em) {
    .featured-article {
        background-image:linear-gradient(#0f0f0f 50%, #fff 0%);
        background-size: 100% 110%;
        background-position: center
    }
}

.featured-article__image-container {
    position: relative;
    display: flex;
    align-items: center
}

.featured-article__image {
    display: block;
    height: 100%;
    max-height: 30rem;
    overflow: hidden
}

@media screen and (min-width: 64em) {
    .featured-article__image {
        position:absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        min-height: 20rem;
        max-height: 100%
    }
}

.featured-article__image figure {
    height: 100%
}

.featured-article__image figure .figure__caption {
    display: none
}

.featured-article__content {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.featured-article__grid {
    row-gap: 0
}

.index-page-hero {
    position: relative
}

.index-page-hero__background {
    background: #262626;
    background: linear-gradient(180deg, #0f0f0f, #4e4e4e);
    height: 33.6875rem;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: -1
}

.index-page-hero__background.index-page-hero__background-index {
    height: 100%
}

.index-page-hero__content p {
    max-width: 37.5rem
}

.index-page-hero__background-model {
    height: 100%
}

.model .sketchfab-embed {
    margin-top: calc(-28.125% - 3.5rem)
}

.model__header-container {
    padding-bottom: calc(28.125% + 3.5rem)
}

.model-details {
    display: flex;
    justify-content: space-between
}

.model-details__single .article__meta-key {
    min-height: 38px
}

.model-details__single .type-h5 {
    font-size: 16px
}

@media screen and (max-width: 47.9375em) {
    .model-details {
        display:grid;
        grid-gap: 2rem;
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }
}

@media screen and (max-width: 47.9375em)and (min-width: 36em) {
    .model-details {
        grid-template-columns:repeat(8, minmax(0, 1fr))
    }
}

@media screen and (max-width: 47.9375em)and (min-width: 48em) {
    .model-details {
        grid-gap:3rem;
        grid-template-columns: repeat(12, minmax(0, 1fr))
    }
}

@media screen and (max-width: 47.9375em) {
    .model-details .model-details__single {
        grid-column:span 2
    }
}

.block-content {
    font-family: var(--ff);
    font-size: 12px;
    font-weight: normal;
    line-height: 140%
}

@media screen and (min-width: 36em) {
    .block-content {
        font-size:14px
    }
}

.block-content .button+.button {
    margin-left: 1rem
}

@media screen and (max-width: 35.9375em) {
    .block-content .button {
        min-width:100%
    }

    .block-content .button+.button {
        margin-left: 0
    }
}

.block-content *+.button__container,.block-content .button__container+*:not(:first-child) {
    margin-top: 32px
}

.block-content ol {
    counter-reset: item;
    list-style-type: none
}

.block-content ol li {
    padding-top: 1rem;
    padding-left: 2rem;
    position: relative
}

.block-content ol>li:before {
    content: counters(item, ".");
    counter-increment: item;
    position: absolute;
    font-weight: var(--fw-bold);
    left: -2rem
}

.block-content ol ol {
    list-style-type: none
}

.block-content ol ol ol {
    list-style-type: lower-alpha
}

.block-content ol ol ol li:before {
    content: ""
}

.block-content .type-hero {
    margin-bottom: 1.5rem
}

.block-content .figure:not(:first-child) {
    margin-top: 2rem
}

.block-content .figure:not(:last-child) {
    margin-bottom: 2rem
}

.block-content .figure--align-left .Aviadrones.-image-wrapper,.block-content .figure--align-right .Aviadrones.-image-wrapper,.block-content .figure--align-center .Aviadrones.-image-wrapper {
    display: flex
}

.block-content .figure--align-left .Aviadrones.-image-wrapper {
    justify-content: flex-start
}

.block-content .figure--align-left .figure__caption {
    text-align: left
}

.block-content .figure--align-center .Aviadrones.-image-wrapper {
    justify-content: center
}

.block-content .figure--align-center .figure__caption {
    text-align: center
}

.block-content .figure--align-right .Aviadrones.-image-wrapper {
    justify-content: flex-end
}

.block-content .figure--align-right .figure__caption {
    text-align: right
}

.block-content blockquote:not(.pull-quote) {
    font-family: "Open Sans","Helvetica Neue",sans-serif;
    background-color: #dadada;
    padding: 1rem
}

.text-center .block-content .Aviadrones.-image-wrapper {
    width: fit-content;
    margin-right: auto;
    margin-left: auto
}

.text-right .block-content .Aviadrones.-image-wrapper {
    width: fit-content;
    margin-left: auto
}

.block-text a {
    text-decoration: underline
}

.feature-cards {
    position: relative
}

.feature-card {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.feature-card__image-wrap {
    display: block;
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 56.25%
}

.feature-card .feature-card__image-inner-wrap {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center
}

.feature-card .feature-card__image {
    margin-top: auto;
    object-fit: cover;
    aspect-ratio: 16/9;
    max-width: none;
    height: 100%
}

.feature-card .feature-card__image.Aviadrones.-image-wrapper {
    width: 100%
}

.pull-quote {
    padding: 2rem;
    border: 1px solid #dadada;
    background: none;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
    border-radius: 3px
}

@media screen and (min-width: 36em) {
    .pull-quote {
        padding:3.5rem;
        padding-bottom: 3rem
    }
}

.pull-quote__quote {
    font-family: var(--ff);
    font-size: 1.375rem;
    font-weight: var(--fw-bold);
    line-height: 120%;
    color: #262626;
    margin: 0 !important
}

.pull-quote__name {
    font-family: var(--ff);
    font-size: 24px;
    font-weight: var(--fw-bold);
    line-height: 130%;
    color: #07f;
    margin: 0 !important;
    margin-top: 3rem !important
}

@media screen and (min-width: 36em) {
    .pull-quote__name {
        font-size:28px
    }
}

.pull-quote__title {
    font-family: var(--ff);
    font-size: 14px;
    font-weight: normal;
    line-height: 140%;
    color: #666;
    margin: 0 !important;
    margin-top: .25rem !important
}

@media screen and (min-width: 36em) {
    .pull-quote__title {
        font-size:16px
    }
}

.pull-quote__quote-wrap {
    position: relative
}

.pull-quote__icon {
    z-index: -1;
    position: absolute;
    width: 3.375rem;
    top: 0;
    left: 0;
    transform: translate(-30%, -40%)
}

@media screen and (min-width: 36em) {
    .pull-quote__icon {
        width:4rem;
        transform: translate(-50%, -50%)
    }
}

.quote svg+p {
    margin-top: 12px !important;
    margin-bottom: 15px !important
}

.quote__icon {
    max-width: 30px
}

.quote__author {
    display: flex;
    flex-direction: row;
    align-items: center
}

.quote__image {
    border-radius: 50%;
    max-width: 41px
}

.quote__image+.quote__name {
    margin-left: 20px
}

.section-header {
    position: relative
}

.section-header__cta {
    display: flex;
    flex-wrap: wrap;
    margin-right: -0.5rem;
    margin-left: -0.5rem
}

.section-header__cta .button {
    margin-bottom: .5rem
}

@media screen and (max-width: 47.9375em) {
    .section-header__cta .button {
        min-width:100%
    }
}

@media screen and (min-width: 48em) {
    .section-header__cta .button {
        margin-right:.5rem;
        margin-left: .5rem
    }
}

.section-header__media:not(.section-header__media--inline) {
    position: absolute;
    width: 110%
}

@media screen and (min-width: 48em) {
    .section-header__media:not(.section-header__media--inline) {
        width:75%
    }
}

.section-header__media:not(.section-header__media--inline).section-header__media--x-left {
    right: 0
}

.section-header__media:not(.section-header__media--inline).section-header__media--x-right {
    left: 0
}

.section-header__media:not(.section-header__media--inline).section-header__media--x-center {
    left: 0;
    width: 100%
}

.section-header__media:not(.section-header__media--inline).section-header__media--y-bottom {
    bottom: 0
}

.section-header__media:not(.section-header__media--inline).section-header__media--y-top {
    top: 0
}

.section-header__media:not(.section-header__media--inline).section-header__media--y-center {
    top: 50%;
    transform: translateY(-50%)
}

@media screen and (min-width: 64em) {
    .section-header__media--inline-right {
        order:2
    }
}

@media screen and (min-width: 64em) {
    .section-header__copy--condensed {
        max-width:70%
    }
}

@media screen and (min-width: 64em) {
    .section-header__copy--columns {
        display:flex
    }

    .section-header__content--right .section-header__copy--columns {
        flex-direction: row-reverse
    }

    .section-header__copy--columns>* {
        flex: 1
    }

    .section-header__copy--columns>*:not(:last-child) {
        margin-bottom: 1rem
    }

    .section-header__content--left .section-header__copy--columns>*:not(:last-child) {
        margin-right: 4rem
    }

    .section-header__content--right .section-header__copy--columns>*:not(:last-child) {
        margin-left: 4rem
    }

    .section-header__copy--columns>*:last-child {
        margin-top: 0
    }
}

.section-header__copy--has-cta {
    margin-top: 2.5rem
}

@media screen and (max-width: 63.9375em) {
    .section-header__copy--has-cta .section-header__subheading-wrap+.type-body-1 {
        margin-top:2.5rem
    }
}

.section-header__content {
    position: relative;
    display: flex;
    flex-direction: column
}

.section-header__content.section-header__content--inline-right {
    order: 1
}

.sketchfab-embed {
    width: 100%;
    border: 0;
    position: relative;
    padding-bottom: 56.25%
}

.sketchfab-embed__iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

.styled-select {
    --select-outline-color: rgb(255, 189, 46);
    --select-text-color: rgb(255, 189, 46);
    --select-background: black;
    --select-options-background: rgb(35, 35, 35);
    --select-option-text-color: rgb(155, 155, 155);
    --select-option-text-color-hover: rgb(205, 205, 205);
    --select-option-border-divide: 1px solid rgb(102, 102, 102);
    position: relative;
    max-width: 70%;
    margin: auto
}

.styled-select__options-container {
    background: var(--select-options-background);
    transform: translateY(10px);
    position: absolute;
    z-index: 10;
    overflow-y: scroll;
    width: 100%
}

.styled-select__options {
    max-height: 300px;
    height: 100%;
    width: 100%;
    display: none
}

.styled-select__options ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.styled-select__options ul>*:not(:last-child) {
    border-bottom: var(--select-option-border-divide)
}

.styled-select__option {
    margin: 0;
    padding: 12px 8px;
    color: var(--select-option-text-color);
    cursor: pointer
}

.styled-select__option:hover {
    color: var(--select-option-text-color-hover)
}

.styled-select__selected {
    background: var(--select-background);
    border: 1px solid var(--select-outline-color);
    border-radius: 4px;
    display: flex;
    flex-direction: row
}

.styled-select__value {
    display: block;
    padding: 8px;
    color: var(--select-text-color);
    text-overflow: ellipsis;
    overflow: hidden;
    align-self: stretch;
    flex-grow: 1
}

.styled-select__open {
    background: rgba(0,0,0,0);
    border: none;
    padding: 8px 16px
}

.styled-select__open svg {
    transform: scale(1.5)
}

.styled-select__open svg g {
    fill: var(--select-outline-color)
}

.styled-select--open .styled-select__options {
    display: block
}

.ascend-about .v2 .button--link {
    --btn-color: var(--ascend-link)
}

.ascend-about__title>* {
    font-family: var(--ff);
    font-size: 42px;
    font-weight: var(--fw-bold);
    line-height: 120%;
    font-size: 36px;
    font-weight: var(--fw-bold)
}

@media screen and (min-width: 36em) {
    .ascend-about__title>* {
        font-size:56px
    }
}

.ascend-about__title+.ascend-about__content,.ascend-about__intro+.ascend-about__content {
    margin-top: 30px
}

.ascend-about__title+.ascend-about__intro {
    margin-top: 32px
}

.ascend-about__intro .block-content {
    font-size: 20px
}

.ascend-about__content {
    padding-top: 30px;
    display: grid;
    grid-gap: 18px;
    border-top: 1px solid #000
}

.ascend-about__key-items-container {
    margin-top: 44px
}

.ascend-about__watch .block-content p {
    margin: 0px !important
}

.ascend-about__watch .block-content p+p {
    margin-top: 5px !important
}

.ascend-about__watch .block-content .type-body-1 {
    font-family: var(--ff);
    font-size: 16px;
    font-weight: normal;
    line-height: 140%;
    font-weight: var(--fw-bold);
    font-size: 24px
}

@media screen and (min-width: 36em) {
    .ascend-about__watch .block-content .type-body-1 {
        font-size:18px
    }
}

.ascend-about__watch .block-content .type-body-2 {
    font-family: var(--ff);
    font-size: 14px;
    font-weight: normal;
    line-height: 140%;
    font-weight: var(--fw-bold);
    font-size: 22px;
    color: #8e8e8e
}

@media screen and (min-width: 36em) {
    .ascend-about__watch .block-content .type-body-2 {
        font-size:16px
    }
}

.ascend-about__watch .block-content .type-body-2 strong {
    font-weight: var(--fw-bold)
}

.ascend-about__text .block-content {
    font-family: var(--ff);
    font-size: 16px;
    font-weight: normal;
    line-height: 140%;
    font-size: 20px;
    font-weight: var(--fw-bold)
}

@media screen and (min-width: 36em) {
    .ascend-about__text .block-content {
        font-size:18px
    }
}

.ascend-about__key-items-title>* {
    font-family: var(--ff);
    font-size: 36px;
    font-weight: var(--fw-bold);
    line-height: 130%;
    font-size: 22px !important
}

@media screen and (min-width: 36em) {
    .ascend-about__key-items-title>* {
        font-size:48px
    }
}

.ascend-about__key-items {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 18px
}

.ascend-about__key-item {
    display: flex;
    align-items: center;
    gap: 18px
}

.ascend-about__key-item__text {
    font-family: var(--ff);
    font-size: 16px;
    font-weight: normal;
    line-height: 140%;
    font-size: 18px
}

@media screen and (min-width: 36em) {
    .ascend-about__key-item__text {
        font-size:18px
    }
}

@media screen and (min-width: 36em) {
    .ascend-about__key-items {
        grid-template-columns:repeat(2, 1fr);
        grid-gap: 40px
    }
}

@media screen and (min-width: 48em) {
    .ascend-about__title>* {
        font-size:56px
    }

    .ascend-about__title+.ascend-about__content,.ascend-about__intro+.ascend-about__content {
        margin-top: 80px
    }

    .ascend-about__title+.ascend-about__intro {
        margin-top: 48px
    }

    .ascend-about__intro .block-content {
        max-width: 982px;
        font-size: 24px
    }

    .ascend-about__content {
        padding-top: 48px
    }

    .ascend-about__key-items-container {
        margin-top: 64px
    }

    .ascend-about__key-item {
        flex-direction: column;
        align-items: flex-start
    }

    .ascend-about__watch .block-content .type-body-1 {
        font-size: 28px
    }

    .ascend-about__watch .block-content .type-body-2 {
        font-size: 22px
    }
}

@media screen and (min-width: 64em) {
    .ascend-about__title+.ascend-about__content,.ascend-about__intro+.ascend-about__content {
        margin-top:120px
    }

    .ascend-about__title>* {
        font-size: 72px
    }

    .ascend-about__content {
        grid-template-columns: 1.5fr 3fr
    }

    .ascend-about__watch {
        display: flex;
        align-items: flex-start
    }

    .ascend-about__watch .block-content {
        font-size: 24px
    }

    .ascend-about__text {
        display: flex;
        align-items: flex-start
    }

    .ascend-about__text .block-content {
        font-size: 24px;
        max-width: 682px
    }

    .ascend-about__key-items-title>* {
        font-size: 24px
    }

    .ascend-about__key-items {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 30px
    }
}

.ascend-sticky-reg {
    background: var(--ascend-color-dark-shade);
    font-size: clamp(.8rem,.95rem + .25vw,1.25rem) !important;
    font-family: var(--ff);
    color: var(--ascend-color-light-tint)
}

.ascend-sticky-reg--global .ascend-sticky-reg__join-us {
    display: none
}

.ascend-sticky-reg--global .ascend-sticky-reg__button.button--primary {
    transition: all .2s ease-in-out
}

.ascend-sticky-reg--global .ascend-sticky-reg__button.button--primary:hover {
    background-color: var(--btn-bg);
    border-color: var(--btn-border-color);
    opacity: .8
}

.ascend-sticky-reg.ascend-sticky-reg--fixed {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 4;
    opacity: 1;
    transition: opacity .3s ease
}

.ascend-sticky-reg.ascend-sticky-reg--hidden {
    opacity: 0;
    transition: opacity .3s ease;
    pointer-events: none;
    position: fixed
}

.ascend-sticky-reg--closed {
    display: none
}

.v2.ascend-sticky-reg {
    --ff: var(--ff);
    letter-spacing: unset
}

.ascend-sticky-reg__close {
    background-color: #fefefe;
    border: none;
    box-shadow: none;
    padding: 5px;
    margin: 0;
    height: 30px;
    width: 30px;
    position: absolute;
    cursor: pointer;
    top: -30px;
    right: 12px
}

.ascend-sticky-reg__close svg {
    display: block;
    height: 100%;
    width: 100%
}

.ascend-sticky-reg__container.container {
    display: grid;
    flex-wrap: wrap;
    padding: 16px 24px;
    grid-template-columns: 1fr
}

.ascend-sticky-reg__info {
    display: none;
    flex-grow: 1;
    justify-content: flex-start;
    align-items: flex-start
}

.ascend-sticky-reg__info .block-content .type-body-1 {
    font-weight: normal
}

.ascend-sticky-reg__info-inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 515px
}

.ascend-sticky-reg__logo {
    display: flex;
    align-items: center;
    margin-bottom: 5px
}

.ascend-sticky-reg__logo svg {
    width: 25vw;
    max-width: 120px
}

.ascend-sticky-reg__logo svg path {
    fill: var(--ascend-color-light-tint)
}

.ascend-sticky-reg__button {
    white-space: nowrap
}

.ascend-sticky-reg__date {
    font-size: .925em;
    font-weight: var(--fw-bold)
}

.ascend-sticky-reg__location .block-content {
    font-size: .813em
}

.v2 .ascend-sticky-reg__button.button {
    --btn-bg: var(--ascend-color-quaternary-tint)
}

.v2 .ascend-sticky-reg__button.button.button--primary {
    --btn-border-color: transparent
}

.v2 .ascend-sticky-reg__button.button.button--secondary {
    --fg-color: var(--ascend-color-light-tint);
    --bg-color: var(--ascend-color-dark-shade);
    color: var(--ascend-color-light-tint);
    font-weight: normal;
    display: flex;
    justify-content: center;
    align-items: center
}

.ascend-sticky-reg__buttons {
    flex-grow: 0;
    flex-shrink: 1;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 1fr;
    grid-gap: 12px;
    flex-basis: 100%;
    margin-top: 10px
}

.ascend-sticky-reg__button.button--secondary {
    margin-top: 0
}

.ascend-sticky-reg__button {
    width: 100%
}

@media(max-width: 767px) {
    .ascend-sticky-reg__container.container {
        grid-template-columns:auto 1fr;
        grid-template-rows: 1fr;
        grid-gap: 20px
    }

    .ascend-sticky-reg__logo {
        margin-bottom: 0
    }

    .ascend-sticky-reg__buttons {
        grid-template-rows: 1fr;
        margin-top: 0
    }

    .ascend-sticky-reg__buttons .button--secondary {
        display: none !important
    }
}

@media(min-width: 768px) {
    .ascend-sticky-reg--global .ascend-sticky-reg .type-p-emphasis {
        font-size:18px
    }

    .ascend-sticky-reg--global .ascend-sticky-reg .type-body-1 {
        font-size: 12px
    }

    .ascend-sticky-reg--global .ascend-sticky-reg__no-wrap {
        white-space: nowrap
    }

    .ascend-sticky-reg--global .ascend-sticky-reg__info-inner .type-p-emphasis {
        margin-bottom: 0
    }

    .ascend-sticky-reg--global .ascend-sticky-reg__info-inner .type-body-1 {
        margin-top: .5em
    }

    .ascend-sticky-reg--global .ascend-sticky-reg__container.container {
        grid-template-columns: 2fr 1fr 1fr
    }

    .ascend-sticky-reg--global .ascend-sticky-reg__join-us {
        display: block
    }

    .ascend-sticky-reg--global .ascend-sticky-reg__join-us+a {
        margin-top: 5px
    }

    .ascend-sticky-reg--global .ascend-sticky-reg__logo svg {
        width: 9em;
        max-width: 200px
    }

    .ascend-sticky-reg--global .ascend-sticky-reg__buttons {
        justify-content: center
    }

    .ascend-sticky-reg__container.container {
        padding: 25px 80px;
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto;
        grid-gap: 40px
    }

    .ascend-sticky-reg__close {
        top: 25px
    }

    .ascend-sticky-reg__date {
        font-size: 22px
    }

    .ascend-sticky-reg__info {
        font-size: 14px
    }

    .ascend-sticky-reg__location .block-content {
        font-size: 1em
    }

    .ascend-sticky-reg__buttons {
        flex-direction: column;
        display: flex;
        align-items: stretch;
        justify-content: stretch;
        grid-gap: 0;
        margin-top: 0
    }

    .ascend-sticky-reg__button.button--primary {
        transition: all .2s ease-in-out
    }

    .ascend-sticky-reg__button.button--primary:hover {
        background-color: rgba(255,255,255,.8);
        border-color: rgba(255,255,255,.8)
    }

    .ascend-sticky-reg__button.button--secondary {
        margin-top: 10px;
        transition: all .2s ease-in-out
    }

    .ascend-sticky-reg__button.button--secondary:hover {
        opacity: .8
    }
}

@media(min-width: 1024px) {
    .ascend-sticky-reg--global .ascend-sticky-reg .type-p-emphasis {
        font-size:24px
    }

    .ascend-sticky-reg--global .ascend-sticky-reg .type-body-1 {
        font-size: 18px
    }

    .ascend-sticky-reg--global .ascend-sticky-reg__no-wrap {
        white-space: normal
    }

    .ascend-sticky-reg--global .ascend-sticky-reg__join-us+a {
        margin-top: 10px
    }

    .ascend-sticky-reg--global .ascend-sticky-reg__logo svg {
        width: 12em;
        max-width: unset
    }

    .ascend-sticky-reg--global .ascend-sticky-reg__buttons {
        justify-content: center
    }

    .ascend-sticky-reg__logo svg {
        width: 12em;
        max-width: unset
    }

    .ascend-sticky-reg__buttons {
        grid-column-start: 3
    }

    .ascend-sticky-reg__container.container {
        grid-template-columns: 4fr 1fr 1fr;
        flex-wrap: nowrap;
        grid-gap: 0 45px
    }

    .ascend-sticky-reg__info {
        display: flex;
        margin-left: 0;
        grid-row: span 2;
        align-items: center
    }

    .ascend-sticky-reg__info .block-content .type-p-emphasis {
        margin-bottom: .1em !important
    }

    .ascend-sticky-reg__info .block-content .type-body-1 {
        margin-top: .1em !important
    }

    .ascend-sticky-reg__buttons {
        display: flex;
        flex-direction: column;
        grid-gap: 0
    }

    .ascend-sticky-reg__button.button--secondary {
        margin-top: 14px;
        margin-left: 0
    }
}

@media(min-width: 1360px) {
    .ascend-sticky-reg__close {
        right:calc(50% - 624px)
    }

    .ascend-sticky-reg__container.container {
        padding: 25px 3.75rem
    }

    .ascend-sticky-reg__date {
        font-size: 1.6em
    }

    .ascend-sticky-reg__info {
        font-size: 1em
    }

    .ascend-sticky-reg__button.button--secondary {
        margin-left: 0
    }
}

.v2 .ascend-hero__button.button {
    --btn-bg: var(--ascend-color-quaternary-tint);
    --btn-border-color: transparent;
    padding: 8px 10px;
    flex-wrap: nowrap;
    white-space: nowrap;
    font-size: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%
}

.v2 .ascend-hero__button.button:hover {
    opacity: .9
}

.v2 .ascend-hero__button.button.button--primary {
    font-weight: var(--fw-bold)
}

.v2 .ascend-hero__button.button.button--primary svg {
    margin-left: 20px;
    min-width: 46px
}

.v2 .ascend-hero__button.button.button--secondary {
    --btn-bg: transparent;
    --btn-border-color: var(--ascend-color-quaternary);
    color: var(--ascend-color-light-tint);
    width: 100%
}

.ascend-hero {
    font-family: var(--ff)
}

.ascend-hero__media {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    display: flex;
    justify-content: stretch;
    align-items: stretch
}

.ascend-hero__media--desktop {
    display: none
}

.ascend-hero__media--mobile {
    display: flex
}

@media(min-width: 1024px) {
    .ascend-hero__media--mobile {
        display:none
    }

    .ascend-hero__media--desktop {
        display: flex
    }
}

.ascend-hero__media .video-js.vjs-fluid:not(.vjs-audio-only-mode),.ascend-hero__media .video-js.vjs-16-9:not(.vjs-audio-only-mode),.ascend-hero__media .video-js.vjs-4-3:not(.vjs-audio-only-mode),.ascend-hero__media .video-js.vjs-9-16:not(.vjs-audio-only-mode),.ascend-hero__media .video-js.vjs-1-1:not(.vjs-audio-only-mode) {
    height: 100%
}

.ascend-hero__media .figure {
    margin: 0;
    flex-grow: 1
}

.ascend-hero__media .sanity-video .vjs-poster {
    background-size: cover
}

.ascend-hero__media .sanity-video .video-js {
    height: 100%;
    padding: 0
}

.ascend-hero__media .sanity-video .video-js video {
    object-fit: cover
}

.ascend-hero__media .Aviadrones.-image-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.ascend-hero__button-wrapper {
    display: grid;
    grid-gap: 16px 24px;
    grid-template-columns: 1fr
}

.ascend-hero__container {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    padding: 0 20px
}

.ascend-hero__wrapper {
    position: relative;
    width: 100%
}

.ascend-hero__buttons {
    display: flex;
    justify-content: flex-end;
    flex-wrap: nowrap
}

.ascend-hero__outer {
    position: relative;
    isolation: isolate
}

.ascend-hero__scroll {
    display: none
}

.ascend-hero__media {
    position: absolute;
    z-index: 0
}

.ascend-hero__title {
    margin-top: 60px;
    font-size: 46px;
    line-height: 105%;
    letter-spacing: .03em
}

.ascend-hero__subtitle {
    font-weight: 400;
    font-size: 36px;
    color: var(--ascend-color-mid-tint);
    padding: 0
}

.ascend-hero__subtitle p {
    margin: 10px 0 0 0 !important;
    font-size: 20px !important
}

.ascend-hero__title-part,.ascend-hero__subtitle,.ascend-hero__buttons {
    display: flex;
    opacity: 0;
    transform: translateY(0.5em);
    align-self: flex-start
}

.ascend-hero__title-part--end,.ascend-hero__subtitle--end,.ascend-hero__buttons--end {
    transition: all .75s ease-in-out;
    opacity: 1;
    transform: translateY(0)
}

.ascend-hero__buttons {
    margin-top: 35px;
    flex-direction: column;
    max-width: 190px
}

.ascend-hero__bottom {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    margin-top: 5vh
}

.ascend-hero__link {
    display: block;
    font-size: 12px;
    font-weight: 400;
    color: #bfbfbf
}

@media(min-width: 1024px) {
    .ascend-hero__buttons {
        align-items:stretch;
        justify-content: stretch;
        max-width: unset;
        margin-top: 0
    }

    .ascend-hero__container {
        padding: 0 3.75rem
    }

    .ascend-hero__bottom {
        flex-direction: row;
        margin-top: 15vh
    }

    .ascend-hero__title {
        font-size: 88px
    }

    .ascend-hero__scroll {
        font-size: 18px;
        color: var(--ascend-color-light-tint);
        position: absolute;
        bottom: 0;
        right: 0;
        left: 0;
        text-align: right;
        padding-bottom: 20px
    }

    .ascend-hero__subtitle {
        padding-right: 100px
    }

    .ascend-hero__subtitle p {
        margin: 0 !important;
        font-size: 36px !important
    }

    .v2 .ascend-hero__button.button {
        padding: 8px 16px;
        font-size: 16px
    }

    .v2 .ascend-hero__button.button--secondary.button {
        align-items: center;
        justify-content: center
    }
}

@media(min-width: 1280px) {
    .ascend-hero__buttons {
        flex-direction:row
    }

    .ascend-hero__button-wrapper {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media screen and (min-width: 48em) {
    .content-modals--three-col .content-modals__content {
        grid-template-columns:1fr 1fr
    }

    .content-modals--three-col .content-modals__content .content-modals__section:nth-child(odd):last-child {
        grid-column: auto/span 2
    }

    .content-modals--three-col .content-modals__content .content-modals__section:nth-child(odd):last-child .content-modals__section-media {
        max-height: calc(50vw - 96px)
    }
}

@media screen and (min-width: 80em) {
    .content-modals--three-col .content-modals__content {
        grid-template-columns:1fr 1fr 1fr
    }

    .content-modals--three-col .content-modals__content .content-modals__section:nth-child(odd):last-child {
        grid-column: auto
    }
}

.content-modals__header {
    max-width: 700px
}

.content-modals__header p {
    max-width: 90%
}

.content-modals__header+.content-modals__content {
    margin-top: 50px
}

@media screen and (min-width: 48em) {
    .content-modals__header+.content-modals__content {
        margin-top:64px
    }
}

.content-modals__content {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 50px
}

@media screen and (min-width: 48em) {
    .content-modals__content {
        grid-template-columns:1fr 1fr
    }
}

.content-modals__section {
    position: relative
}

.content-modals__section-content {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    padding: 40px;
    display: flex;
    flex-direction: column
}

.content-modals__section-inner {
    flex-grow: 1
}

.content-modals__section-media {
    position: relative;
    border-radius: 20px;
    overflow: hidden
}

.content-modals__section-media .figure {
    margin: 0
}

.content-modals__modal {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 60px;
    padding: 80px 40px
}

@media screen and (min-width: 48em) {
    .content-modals__modal {
        padding:98px
    }
}

.content-modals__modal-wrap {
    margin-top: -55px
}

@media screen and (min-width: 48em) {
    .content-modals__modal-wrap {
        margin-top:-73px;
        border-radius: 10px
    }
}

.content-modals__modal-inner {
    max-height: none;
    overflow: unset;
    position: relative;
    margin: 0;
    padding: 0;
    max-width: 964px;
    display: flex;
    flex-direction: column
}

.content-modals__modal-inner.modal__inner {
    margin-top: 0;
    background-color: var(--ms-background-color);
    border-radius: 0
}

@media screen and (min-width: 48em) {
    .content-modals__modal-inner.modal__inner {
        margin:40px auto
    }
}

.content-modals__modal-outer {
    overflow-y: scroll;
    align-items: unset;
    display: block;
    margin: auto;
    backdrop-filter: blur(20px);
    padding: 0
}

.content-modals__modal-outer .modal__close {
    left: auto;
    font-size: 1.6em;
    border: 2px solid;
    border-radius: 50%;
    height: 30px;
    width: 30px;
    opacity: .4;
    position: sticky;
    align-self: flex-start;
    margin-top: 30px;
    margin-right: 20px;
    margin-left: auto
}

@media screen and (min-width: 48em) {
    .content-modals__modal-outer .modal__close {
        margin-top:48px;
        margin-right: 48px
    }
}

.content-modals__modal-quote {
    margin-left: auto;
    width: 90%;
    margin-top: 86px
}

@media screen and (min-width: 48em) {
    .content-modals__modal-quote {
        width:65%
    }
}

.content-modals__modal-quote .quote__icon {
    position: relative;
    left: -30px
}

.content-modals__modal-content {
    position: relative
}

.content-modals__modal-content-inner {
    width: 90%
}

@media screen and (min-width: 48em) {
    .content-modals__modal-content-inner {
        width:calc(60% - 5px)
    }
}

.content-modals__modal-content-inner .type-eyebrow:first-child {
    margin-bottom: 0
}

.content-modals__modal-content-inner .type-eyebrow:first-child+h4 {
    margin-top: .3em
}

.content-modals__modal-media {
    display: grid;
    grid-template-columns: 3fr 2fr;
    grid-template-rows: 1fr 1fr;
    grid-gap: 10px
}

.content-modals__modal-media>*:first-child {
    grid-column: 1/2;
    grid-row: auto/span 2
}

.content-modals__modal-media>*:first-child>* {
    height: 100%
}

.module {
    position: relative
}

.module .overlap--light::after,.module .overlap--medium-light::after,.module .overlap--medium::after,.module .overlap--medium-dark::after,.module .overlap--dark::after {
    position: absolute;
    display: block;
    padding-top: calc(3.5rem + 10vw);
    width: 100%;
    left: 0;
    bottom: 0;
    z-index: 0;
    content: ""
}

@media screen and (min-width: 48em) {
    .module .overlap--light::after,.module .overlap--medium-light::after,.module .overlap--medium::after,.module .overlap--medium-dark::after,.module .overlap--dark::after {
        padding-top:calc(6rem + 10vw)
    }
}

.module .overlap--light::after {
    background-color: #fff
}

.module .overlap--medium-light::after {
    background-color: #efefef
}

.module .overlap--medium::after {
    background-color: #666
}

.module .overlap--medium-dark::after {
    background-color: #1a1a1a
}

.module .overlap--dark::after {
    background-color: #000
}

.module .sanity-image,.module .sanity-video,.module .figure {
    position: relative;
    z-index: 1
}

.cta {
    position: relative
}

.cta .extra-padding-top {
    padding-top: 1.5rem
}

.cta .extra-padding-top.cta--more-padding {
    padding-top: 3rem
}

.cta .extra-padding-bottom {
    padding-bottom: 1.5rem
}

.cta .extra-padding-bottom.cta--more-padding {
    padding-bottom: 3rem
}

.cta .container {
    position: relative
}

@media screen and (max-width: 35.9375em) {
    .cta .button {
        min-width:100%
    }
}

.cta .cta__image-wrap a {
    position: relative;
    display: block
}

.cta .cta__image-wrap a:hover .icon-play {
    opacity: .75
}

@media screen and (max-width: 47.9375em) {
    .cta .cta__background img {
        object-fit:cover !important
    }
}

.cta .icon-play {
    position: absolute;
    width: 4rem;
    height: 4rem;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    transition: opacity .2s ease
}

@media screen and (max-width: 47.9375em) {
    .cta .cta__image-wrap+.cta__content-wrap.tighten-mobile {
        position:relative;
        margin-top: -5em;
        z-index: 1
    }
}

@media screen and (max-width: 35.9375em) {
    .cta .cta__image-wrap+.cta__content-wrap.tighten-mobile {
        margin-top:-3em
    }
}

@media screen and (max-width: 63.9375em) {
    .cta__background--fade {
        opacity:.3
    }
}

.cta-heading {
    position: relative
}

.cta-heading--background-image .container {
    position: relative
}

.cta-heading__content {
    position: relative;
    z-index: 1
}

.cta-heading__inline-image {
    position: relative
}

@media screen and (max-width: 63.9375em) {
    .cta-heading__inline-image {
        margin-right:-2rem;
        margin-left: -2rem
    }
}

@media screen and (max-width: 63.9375em)and (min-width: 48em) {
    .cta-heading__inline-image {
        margin-right:-3rem;
        margin-left: -3rem
    }
}

@media screen and (max-width: 63.9375em)and (min-width: 80em) {
    .cta-heading__inline-image {
        margin-right:-3.75rem;
        margin-left: -3.75rem
    }
}

@media screen and (min-width: 64em) {
    .cta-heading__inline-image {
        position:absolute;
        top: 0;
        right: 0;
        bottom: 0;
        width: 60vw
    }

    .cta-heading__inline-image .Aviadrones.-image-wrapper {
        top: 0;
        bottom: 0;
        width: 100%
    }
}

.countdown-timer {
    display: flex;
    flex-wrap: wrap
}

.countdown-timer>* {
    font-size: 40px;
    width: 60px;
    font-weight: var(--fw-bold);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.countdown-timer>*:not(:last-child) {
    margin-right: 15px
}

@media screen and (min-width: 48em) {
    .countdown-timer>* {
        font-size:68px;
        width: 80px
    }

    .countdown-timer>*:not(:last-child) {
        margin-right: 30px
    }
}

.countdown-timer>*:after {
    font-family: var(--ff);
    font-size: 12px;
    content: attr(data-value);
    display: block;
    text-transform: uppercase;
    margin-top: -1em
}

@media screen and (min-width: 48em) {
    .countdown-timer>*:after {
        font-size:15px
    }
}

.countdown-timer--circles {
    max-width: 300px
}

.countdown-timer--circles>* {
    font-size: 55px;
    width: 112px;
    position: relative;
    line-height: 112px;
    margin-bottom: 20px;
    margin-top: 20px
}

.countdown-timer--circles>*:not(:last-child) {
    margin-right: min(40px,10vw)
}

.countdown-timer--circles>*:not(:nth-child(2n-1)) {
    margin-right: 0
}

.countdown-timer--circles>*:after {
    margin-top: 25px;
    text-transform: capitalize;
    font-size: 25px;
    line-height: initial
}

.countdown-timer--circles>* span {
    min-height: 112px;
    display: block;
    width: 100%;
    text-align: center
}

.countdown-timer--circles>* svg {
    position: absolute;
    height: 112px;
    width: 112px;
    top: 0;
    transform: rotateZ(-90deg)
}

.countdown-timer--circles>* svg circle {
    stroke: #01b1c8;
    transition: all .3s linear
}

@media screen and (min-width: 48em) {
    .countdown-timer {
        max-width:none
    }

    .countdown-timer--circles>*:not(:last-child) {
        margin-right: 50px
    }
}

.flex-carousel .container {
    box-sizing: border-box
}

.flex-carousel .swiper {
    padding-bottom: 0
}

.flex-carousel .swiper-pagination {
    padding-bottom: 25px
}

.flex-carousel .swiper-slide {
    width: 100%;
    min-height: 60vh
}

.flex-carousel .flex-content {
    width: 100%;
    min-height: 60vh;
    overflow: hidden;
    display: flex
}

.flex-carousel .flex-content * {
    -webkit-transform: translate3d(0px, 0px, 0px)
}

.flex-carousel .flex-content *:after {
    -webkit-transform: translate3d(0px, 0px, 0px)
}

.flex-carousel .container--full-bleed {
    padding: 0
}

.flex-carousel .swiper-pagination-fraction,.flex-carousel .swiper-pagination-custom,.flex-carousel .swiper-horizontal>.swiper-pagination-bullets,.flex-carousel .swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 0;
    display: flex;
    justify-content: center
}

.flex-carousel .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.flex-carousel .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    height: 5px;
    max-width: 60px;
    border-radius: 0;
    flex-grow: 1;
    background-color: #b2b2b2;
    margin-top: 30px
}

section.module.module--flexible-content {
    overflow: unset
}

.flex-content {
    position: relative;
    overflow-y: hidden
}

.flex-content__media {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    display: flex;
    justify-content: stretch;
    align-items: stretch
}

.flex-content__media--desktop {
    display: none
}

.flex-content__media--mobile {
    display: flex
}

@media screen and (min-width: 48em) {
    .flex-content__media--mobile {
        display:none
    }

    .flex-content__media--desktop {
        display: flex
    }
}

.flex-content__media .video-js.vjs-fluid:not(.vjs-audio-only-mode),.flex-content__media .video-js.vjs-16-9:not(.vjs-audio-only-mode),.flex-content__media .video-js.vjs-4-3:not(.vjs-audio-only-mode),.flex-content__media .video-js.vjs-9-16:not(.vjs-audio-only-mode),.flex-content__media .video-js.vjs-1-1:not(.vjs-audio-only-mode) {
    height: 100%
}

.flex-content__media .figure {
    margin: 0;
    flex-grow: 1
}

.flex-content__media .sanity-video .vjs-poster {
    background-size: cover
}

.flex-content__media .sanity-video .video-js {
    height: 100%;
    padding: 0
}

.flex-content__media .sanity-video .video-js video {
    object-fit: cover
}

.flex-content__media .Aviadrones.-image-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.flex-content__container {
    position: relative;
    z-index: 2;
    display: flex
}

@media screen and (min-width: 48em) {
    .flex-content__container--truncate .flex-content__content {
        flex-basis:75%
    }
}

.flex-content__content .flexible-content__block-content>*:first-child {
    margin-top: 0
}

.flex-content__content .flexible-content__block-content>* {
    margin-top: 30px;
    margin-bottom: 0 !important
}

.flex-content__content .flexible-content__block-content>h1:not(.type-eyebrow)+* {
    margin-top: 24px !important;
    margin-bottom: 0
}

.flex-content__content .flexible-content__block-content>*+.button-group,.flex-content__content .flexible-content__block-content>*+.button {
    margin-top: 40px
}

.flex-content--dt-dimensions .flex-content__container {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%
}

.flex-content--middle-center .flexible-content__block-content,.flex-content--top-center .flexible-content__block-content,.flex-content--bottom-center .flexible-content__block-content {
    text-align: center
}

.flex-content--middle-center .flex-content__container,.flex-content--top-center .flex-content__container,.flex-content--bottom-center .flex-content__container {
    justify-content: center
}

.flex-content--middle-left .flexible-content__block-content,.flex-content--top-left .flexible-content__block-content,.flex-content--bottom-left .flexible-content__block-content {
    text-align: left
}

.flex-content--middle-left .flex-content__container,.flex-content--top-left .flex-content__container,.flex-content--bottom-left .flex-content__container {
    justify-content: flex-start
}

.flex-content--middle-right .flexible-content__block-content,.flex-content--top-right .flexible-content__block-content,.flex-content--bottom-right .flexible-content__block-content {
    text-align: right
}

.flex-content--middle-right .flex-content__container,.flex-content--top-right .flex-content__container,.flex-content--bottom-right .flex-content__container {
    justify-content: flex-end
}

.flex-content--top-center .flex-content__container,.flex-content--top-left .flex-content__container,.flex-content--top-right .flex-content__container {
    align-items: flex-start
}

.flex-content--bottom-center .flex-content__container,.flex-content--bottom-left .flex-content__container,.flex-content--bottom-right .flex-content__container {
    align-items: flex-end
}

.flex-content--middle-center .flex-content__container,.flex-content--middle-left .flex-content__container,.flex-content--middle-right .flex-content__container {
    align-items: center
}

@media screen and (max-width: 47.9375em) {
    .flex-content--mob-middle-center .flexible-content__block-content,.flex-content--mob-top-center .flexible-content__block-content,.flex-content--mob-bottom-center .flexible-content__block-content {
        text-align:center
    }

    .flex-content--mob-middle-center .flex-content__container,.flex-content--mob-top-center .flex-content__container,.flex-content--mob-bottom-center .flex-content__container {
        justify-content: center
    }

    .flex-content--mob-middle-left .flexible-content__block-content,.flex-content--mob-top-left .flexible-content__block-content,.flex-content--mob-bottom-left .flexible-content__block-content {
        text-align: left
    }

    .flex-content--mob-middle-left .flex-content__container,.flex-content--mob-top-left .flex-content__container,.flex-content--mob-bottom-left .flex-content__container {
        justify-content: flex-start
    }

    .flex-content--mob-middle-right .flexible-content__block-content,.flex-content--mob-top-right .flexible-content__block-content,.flex-content--mob-bottom-right .flexible-content__block-content {
        text-align: right
    }

    .flex-content--mob-middle-right .flex-content__container,.flex-content--mob-top-right .flex-content__container,.flex-content--mob-bottom-right .flex-content__container {
        justify-content: flex-end
    }

    .flex-content--mob-top-center .flex-content__container,.flex-content--mob-top-left .flex-content__container,.flex-content--mob-top-right .flex-content__container {
        align-items: flex-start
    }

    .flex-content--mob-bottom-center .flex-content__container,.flex-content--mob-bottom-left .flex-content__container,.flex-content--mob-bottom-right .flex-content__container {
        align-items: flex-end
    }

    .flex-content--mob-middle-center .flex-content__container,.flex-content--mob-middle-left .flex-content__container,.flex-content--mob-middle-right .flex-content__container {
        align-items: center
    }
}

.hero-block {
    position: relative;
    display: flex;
    height: 700px;
    overflow: hidden
}

.hero-block .hero-block__content-inner {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: baseline;
    z-index: 11
}

.hero-block .hero-block__content-inner p {
    margin: 40px 0
}

.hero-block .hero-block__content-inner .button {
    margin-top: 2.5rem
}

.hero-block:not(.justify-full) .hero-block__content-inner {
    width: 450px
}

.hero-block.justify-start {
    justify-content: start
}

.hero-block.justify-center {
    justify-content: center;
    text-align: center
}

.hero-block.justify-full {
    justify-content: center;
    text-align: center
}

.hero-block.justify-end {
    justify-content: flex-end
}

.hero-block.align-start {
    align-items: start
}

.hero-block.align-center {
    align-items: center
}

.hero-block.align-end {
    align-items: end
}

.hero-block .hero-block__image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.hero-block .hero-block__image .sanity-image {
    height: 100%
}

.hero-block .hero-block__image .sanity-image .Aviadrones.-image-wrapper {
    height: 100%;
    position: static !important
}

.hero-with-ribbon {
    overflow: hidden
}

.hero-with-ribbon .buttons {
    width: 100%
}

.hero-with-ribbon .buttons button,.hero-with-ribbon .buttons .button {
    display: block;
    margin-bottom: 1em
}

.hero-with-ribbon__block {
    position: relative
}

.hero-with-ribbon__ribbon-image-desktop,.hero-with-ribbon__ribbon-image-mobile {
    display: block;
    background-size: 40% !important;
    position: absolute;
    background-position: top left !important;
    top: 0;
    left: -1rem;
    right: -1rem;
    bottom: 50%;
    z-index: 1;
    min-height: 150px
}

.hero-with-ribbon__ribbon-image-desktop {
    display: none
}

.hero-with-ribbon__content {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 3rem 0
}

.hero-with-ribbon__text-content {
    text-align: left;
    width: 100%;
    margin-top: 0
}

.hero-with-ribbon__image-wrap {
    position: relative;
    width: 60%;
    margin: 0 auto;
    display: none
}

.hero-with-ribbon__image-wrap.mobile-product-image {
    width: 110%;
    display: flex;
    margin: 0 -1rem
}

.hero-with-ribbon__image-wrap .Aviadrones.-image-wrapper {
    width: 100%;
    height: 100%
}

.contain-images .hero-with-ribbon__image-wrap .Aviadrones.-image-wrapper {
    width: 100%;
    margin: 0
}

@media screen and (min-width: 64em) {
    .hero-with-ribbon__ribbon-image-desktop {
        display:block;
        left: 0;
        right: 0
    }

    .hero-with-ribbon__ribbon-image-mobile {
        display: none
    }

    .hero-with-ribbon__image-wrap {
        width: 75%;
        display: flex
    }

    .hero-with-ribbon__image-wrap.mobile-product-image {
        display: none
    }

    .hero-with-ribbon__text-content {
        margin-top: -150px
    }

    .hero-with-ribbon__block.text-right .hero-with-ribbon__text-content,.hero-with-ribbon__block.text-right .buttons {
        text-align: right
    }

    .hero-with-ribbon__block.text-right .buttons button,.hero-with-ribbon__block.text-right .buttons .button {
        display: inline-block;
        margin-left: 1em
    }

    .hero-with-ribbon__block.text-left .hero-with-ribbon__text-content,.hero-with-ribbon__block.text-left .buttons {
        text-align: left
    }

    .hero-with-ribbon__block.text-left .buttons button,.hero-with-ribbon__block.text-left .buttons .button {
        display: inline-block;
        margin-right: 1em
    }
}

.site-wrapper:not(.is-safari) .hero-with-ribbon__block .Aviadrones.-image-wrapper {
    filter: drop-shadow(0 0 100px white)
}

@media screen and (min-width: 64em) {
    .site-wrapper:not(.is-safari) .hero-with-ribbon__block .Aviadrones.-image-wrapper {
        filter:drop-shadow(0 0 200px white)
    }
}

.icc {
    position: relative
}

.icc__overlay {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    inset: 0;
    z-index: 0
}

.icc__container {
    z-index: 1;
    display: grid;
    grid-gap: 50px 100px;
    background-color: rgba(0,0,0,0);
    position: relative;
    grid-template-columns: repeat(1, 1fr)
}

@media screen and (min-width: 36em) {
    .icc__container {
        grid-template-columns:repeat(2, 1fr)
    }
}

@media screen and (min-width: 64em) {
    .icc__container {
        grid-template-columns:repeat(3, 1fr)
    }
}

@media screen and (min-width: 64em) {
    .icc--columns-2 .icc__container {
        grid-template-columns:repeat(2, 1fr);
        grid-gap: 64px 150px
    }
}

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

.icc__image {
    height: 100px;
    width: auto;
    text-align: left
}

.icc__image img {
    object-position: bottom left
}

.icc__title {
    display: block;
    line-height: 1.1em;
    flex-grow: 1;
    max-height: 3.3em;
    margin-top: 20px
}

.icc__content {
    border-top: 1px solid var(--ms-text-color, #fff);
    padding-top: 20px;
    margin-top: 20px
}

@supports(grid-template-columns: subgrid) {
    .icc__container {
        display:grid
    }

    .icc__column {
        display: grid;
        grid-template-rows: subgrid;
        grid-row: span 3;
        grid-gap: 0
    }

    .icc__title {
        flex-grow: 0;
        max-height: none
    }
}

.image-gallery {
    overflow: hidden
}

.image-gallery .swiper-wrapper {
    margin-bottom: 5.5rem
}

.image-gallery .responsive-slider .swiper-slide {
    width: 100%
}

@media screen and (min-width: 36em) {
    .image-gallery__images {
        display:grid;
        grid-gap: 1rem
    }
}

@media screen and (max-width: 47.9375em)and (min-width: 36em) {
    .image-gallery__images {
        width:150%;
        margin-left: -25%;
        grid-template-columns: repeat(12, minmax(0, 1fr))
    }
}

@media screen and (min-width: 48em) {
    .image-gallery__images {
        width:133.333%;
        margin-left: -16.666%;
        grid-template-columns: repeat(16, minmax(0, 1fr))
    }
}

.image-gallery__image {
    position: relative
}

@media screen and (max-width: 47.9375em)and (min-width: 36em) {
    .image-gallery__image:nth-child(5n+1) {
        grid-column-end:7
    }

    .image-gallery__images--sm-last-1 .image-gallery__image:nth-last-child(1),.image-gallery__images--sm-last-3 .image-gallery__image:nth-last-child(1) {
        grid-column-end: 9
    }

    .image-gallery__images--sm-last-4 .image-gallery__image:nth-last-child(2) {
        grid-column-end: 7
    }
}

@media screen and (min-width: 48em) {
    .image-gallery__image:nth-child(7n+1) {
        grid-column-end:7
    }

    .image-gallery__images--md-last-1 .image-gallery__image:nth-last-child(1),.image-gallery__images--md-last-4 .image-gallery__image:nth-last-child(1) {
        grid-column-end: 11
    }

    .image-gallery__images--md-last-2 .image-gallery__image:nth-last-child(2),.image-gallery__images--md-last-5 .image-gallery__image:nth-last-child(2) {
        grid-column-end: 9
    }

    .image-gallery__images--md-last-3 .image-gallery__image:nth-last-child(3),.image-gallery__images--md-last-6 .image-gallery__image:nth-last-child(3) {
        grid-column-end: 7
    }
}

.image-gallery__image:hover .image-gallery__icon-view {
    opacity: 1
}

.image-gallery__icon-view {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0;
    border: 0;
    color: #fff;
    background-color: rgba(0,0,0,0);
    cursor: pointer;
    opacity: 0;
    transition: opacity .2s ease
}

.image-gallery__icon-view:focus {
    opacity: 1
}

@media screen and (min-width: 48em) {
    .image-gallery__icon-view {
        display:flex;
        align-items: center;
        justify-content: center
    }
}

.image-gallery__icon-view::before {
    content: "";
    position: absolute;
    right: 1.25rem;
    bottom: 1.5rem
}

@media screen and (min-width: 48em) {
    .image-gallery__icon-view::before {
        top:50%;
        left: 50%;
        width: 6.25rem;
        height: 6.25rem;
        border-radius: 50%;
        background-color: #0f0f0f;
        transform: translate(-50%, -50%)
    }
}

.image-gallery__icon-view svg {
    position: absolute;
    display: block
}

@media screen and (max-width: 47.9375em) {
    .image-gallery__icon-view svg {
        right:1.25rem;
        bottom: 1.5rem
    }
}

.image-gallery .swiper-pagination {
    position: static;
    display: flex;
    justify-content: center
}

.image-gallery .swiper-pagination-bullet {
    width: .625rem;
    height: .25rem;
    margin: 0 .125rem !important;
    background-color: #dadada;
    border-radius: 0;
    opacity: .5
}

@media screen and (min-width: 48em) {
    .image-gallery .swiper-pagination-bullet {
        width:2.5rem;
        margin: 0 .5rem !important
    }
}

.image-gallery .swiper-pagination-bullet-active {
    opacity: 1
}

.modal--image-lightbox {
    padding: 0;
    background-color: #0f0f0f
}

.modal--image-lightbox .modal__inner {
    max-width: 67.5rem;
    overflow-y: visible;
    padding: 0;
    background: rgba(0,0,0,0);
    color: #fff
}

@media screen and (min-width: 36em) {
    .modal--image-lightbox .modal__inner {
        padding:0 3rem
    }
}

@media screen and (min-width: 64em) {
    .modal--image-lightbox .modal__inner {
        padding:0 5.5rem
    }
}

.modal--image-lightbox .modal__close {
    padding: 0;
    background-color: rgba(0,0,0,0);
    box-shadow: none;
    color: #fff;
    font-size: 2rem
}

.modal--image-lightbox .image-gallery__image {
    width: 100%
}

.modal--image-lightbox .swiper-wrapper {
    margin-bottom: 3rem
}

@media screen and (min-width: 48em) {
    .modal--image-lightbox .swiper-wrapper {
        margin-bottom:5.5rem
    }
}

.modal--image-lightbox .swiper {
    overflow: visible
}

.modal--image-lightbox .swiper-pagination {
    position: static;
    display: flex;
    justify-content: center
}

.modal--image-lightbox .swiper-pagination-bullet {
    width: .625rem;
    height: .25rem;
    margin: 0 .125rem !important;
    background-color: #dadada;
    border-radius: 0;
    opacity: .5
}

@media screen and (min-width: 48em) {
    .modal--image-lightbox .swiper-pagination-bullet {
        width:2.5rem;
        margin: 0 .5rem !important
    }
}

.modal--image-lightbox .swiper-pagination-bullet-active {
    opacity: 1
}

@media screen and (max-width: 47.9375em) {
    .modal--image-lightbox .swiper-navigation {
        display:flex;
        justify-content: space-between;
        width: 6.625rem;
        margin: 6rem auto 0 auto
    }
}

.modal--image-lightbox .swiper-button-next,.modal--image-lightbox .swiper-button-prev {
    color: #fff
}

@media screen and (min-width: 48em) {
    .modal--image-lightbox .swiper-button-next,.modal--image-lightbox .swiper-button-prev {
        top:45%
    }
}

@media screen and (max-width: 47.9375em) {
    .modal--image-lightbox .swiper-button-next,.modal--image-lightbox .swiper-button-prev {
        position:static;
        margin-top: 0
    }
}

.modal--image-lightbox .swiper-button-next::after,.modal--image-lightbox .swiper-button-prev::after {
    font-size: 2rem
}

@media screen and (min-width: 48em) {
    .modal--image-lightbox .swiper-button-next {
        right:-2.5rem
    }
}

@media screen and (min-width: 64em) {
    .modal--image-lightbox .swiper-button-next {
        right:-4.375rem
    }
}

@media screen and (min-width: 48em) {
    .modal--image-lightbox .swiper-button-prev {
        left:-2.5rem
    }
}

@media screen and (min-width: 64em) {
    .modal--image-lightbox .swiper-button-prev {
        left:-4.375rem
    }
}

.modal--image-lightbox .swiper-notification {
    display: block;
    width: 100%;
    padding-top: 1rem;
    text-align: center
}

.large-media__content {
    position: relative
}

@media screen and (max-width: 47.9375em) {
    .large-media__captions {
        position:relative;
        z-index: 1;
        margin-top: -1px;
        box-shadow: 0 8px 32px rgba(0,0,0,.15)
    }
}

.large-media--optional-media .large-media__content {
    min-height: calc(3.5rem + 10vw)
}

@media screen and (min-width: 48em) {
    .large-media--optional-media .large-media__content {
        min-height:calc(6rem + 10vw)
    }
}

.large-media__caption {
    font-family: var(--ff);
    font-size: 24px;
    font-weight: var(--fw-bold);
    line-height: 130%;
    width: 100%;
    height: 3.25rem;
    background-color: #fff;
    color: #000
}

@media screen and (min-width: 36em) {
    .large-media__caption {
        font-size:28px
    }
}

@media screen and (max-width: 47.9375em) {
    .large-media__caption:nth-of-type(2) {
        background-color:#efefef
    }
}

@media screen and (min-width: 48em) {
    .large-media__caption {
        position:absolute;
        bottom: 10vw;
        z-index: 1;
        width: 12rem;
        height: 4rem
    }

    .overlap--light .large-media__caption,.overlap--medium .large-media__caption,.overlap--dark .large-media__caption {
        bottom: calc(-4.5rem + 10vw)
    }
}

.large-media__caption--right {
    right: 0
}

.large-media__caption--left {
    left: 0
}

.container .logo-banner {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-left: -1rem;
    margin-right: -1rem
}

@media screen and (min-width: 48em) {
    .container .logo-banner {
        margin-left:-2rem;
        margin-right: -2rem
    }
}

.container .logo-banner--left {
    justify-content: flex-start
}

.container .logo-banner--right {
    justify-content: flex-end
}

.container .logo-banner__item {
    min-height: 123px;
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: .5rem 1rem
}

@media screen and (min-width: 48em) {
    .container .logo-banner__item {
        width:33.3333%;
        padding: .5rem 2rem
    }
}

@media screen and (min-width: 64em) {
    .container .logo-banner__item {
        width:25%;
        padding: .5rem 2rem
    }
}

@media screen and (min-width: 80em) {
    .container .logo-banner__item {
        width:16.6666%;
        padding: .5rem 2rem
    }
}

.container .logo-banner__item figure {
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center
}

.container .logo-banner__item>* {
    display: block;
    width: 100%
}

@media screen and (max-width: 63.9375em) {
    .container .logo-banner__item>* {
        padding-top:10%;
        padding-bottom: 10%
    }
}

@media screen and (max-width: 35.9375em) {
    .container .logo-banner__item>* {
        padding-top:5%;
        padding-bottom: 5%
    }
}

.Aviadrones.-form,.Aviadrones.-form-standalone {
    --mkto-error-bg: #fef4f4;
    background: rgba(0,0,0,0);
    font-family: var(--ff);
    padding: 0;
    text-align: left
}

.Aviadrones.-form__field,.Aviadrones.-form-standalone__field {
    overflow: hidden;
    height: 0;
    width: 0;
    position: absolute;
    top: 0;
    left: 0
}

.Aviadrones.-form .mktoForm,.Aviadrones.-form-standalone .mktoForm {
    width: 100% !important
}

.Aviadrones.-form .success-message,.Aviadrones.-form-standalone .success-message {
    display: none
}

.Aviadrones.-form .marketo-form--success,.Aviadrones.-form-standalone .marketo-form--success {
    display: none
}

.Aviadrones.-form .marketo-form--success+.success-message,.Aviadrones.-form-standalone .marketo-form--success+.success-message {
    display: block
}

.Aviadrones.-form .mktoField,.Aviadrones.-form-standalone .mktoField {
    width: 100%;
    border: 1px solid rgba(0,0,0,0);
    background: #fff;
    margin: 0;
    padding: 24px 16px 10px;
    border-radius: 4px
}

.Aviadrones.-form .mktoField::placeholder,.Aviadrones.-form-standalone .mktoField::placeholder {
    color: rgba(0,0,0,0)
}

.Aviadrones.-form .mktoField:focus,.Aviadrones.-form .mktoField:active,.Aviadrones.-form-standalone .mktoField:focus,.Aviadrones.-form-standalone .mktoField:active {
    outline: none;
    border-color: #07f
}

.Aviadrones.-form .mktoField.mktoInvalid,.Aviadrones.-form-standalone .mktoField.mktoInvalid {
    border: 1px solid #f5222d;
    background: var(--mkto-error-bg)
}

.Aviadrones.-form .mktoField.mktoValid,.Aviadrones.-form-standalone .mktoField.mktoValid {
    background-color: #fff !important
}

.Aviadrones.-form select,.Aviadrones.-form-standalone select {
    background: rgba(0,0,0,0);
    color: rgba(0,0,0,0);
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    padding-left: 15px !important
}

.Aviadrones.-form select:focus,.Aviadrones.-form select.mktoValid,.Aviadrones.-form select#Country,.Aviadrones.-form-standalone select:focus,.Aviadrones.-form-standalone select.mktoValid,.Aviadrones.-form-standalone select#Country {
    color: #1d1d1f
}

.Aviadrones.-form select[multiple],.Aviadrones.-form-standalone select[multiple] {
    padding-top: 54px !important;
    color: inherit
}

.Aviadrones.-form textarea,.Aviadrones.-form-standalone textarea {
    height: 10rem
}

.Aviadrones.-form input[type=checkbox],.Aviadrones.-form-standalone input[type=checkbox] {
    border: 1px solid #22211f;
    border-radius: 2px;
    display: inline-block;
    height: 24px;
    margin-right: 1em;
    text-align: left;
    width: 24px;
    -webkit-box-shadow: none !important
}

.Aviadrones.-form input:-webkit-autofill,.Aviadrones.-form-standalone input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 50px #fff inset;
    -webkit-text-fill-color: #1d1d1f
}

.contact-forms .Aviadrones.-form .mktoButtonRow,.contact-forms .Aviadrones.-form-standalone .mktoButtonRow {
    margin-top: 3rem
}

.Aviadrones.-form .mktoFormRow,.Aviadrones.-form-standalone .mktoFormRow {
    display: inline-block;
    width: 100%
}

.Aviadrones.-form .mktoFormRow .mktoOffset,.Aviadrones.-form-standalone .mktoFormRow .mktoOffset {
    display: none
}

.Aviadrones.-form .mktoFormRow .mktoFormCol,.Aviadrones.-form-standalone .mktoFormRow .mktoFormCol {
    padding: 0 0 24px
}

.Aviadrones.-form .mktoForm .mktoLabel,.Aviadrones.-form-standalone .mktoForm .mktoLabel {
    display: block !important;
    position: absolute;
    padding-left: 16px;
    padding-right: 10px;
    transform: translateY(20px);
    font-size: 16px;
    color: #1d1d1f;
    transition: all .25s ease-in;
    cursor: text
}

.Aviadrones.-form .mktoForm .mktoLabel .mktoAsterix,.Aviadrones.-form-standalone .mktoForm .mktoLabel .mktoAsterix {
    display: none !important
}

.Aviadrones.-form .mktoForm .mktoLabel#LblEmail_Opt_In__c,.Aviadrones.-form-standalone .mktoForm .mktoLabel#LblEmail_Opt_In__c {
    cursor: pointer;
    padding-left: 40px;
    pointer-events: all;
    transform: none
}

.Aviadrones.-form .mktoForm .mktoLabel#LblEmail_Opt_In__c.mktoValid,.Aviadrones.-form-standalone .mktoForm .mktoLabel#LblEmail_Opt_In__c.mktoValid {
    color: #1d1d1f;
    font-size: 16px;
    transform: none
}

.Aviadrones.-form .mktoForm .mktoLabel.mktoValid,.Aviadrones.-form .mktoForm .mktoLabel#LblCountry,.Aviadrones.-form-standalone .mktoForm .mktoLabel.mktoValid,.Aviadrones.-form-standalone .mktoForm .mktoLabel#LblCountry {
    font-size: 12px;
    color: #6e6e73;
    transform: translateY(9px)
}

.Aviadrones.-form .mktoForm .mktoLabel#LblExisting_Drone_Program__c,.Aviadrones.-form .mktoForm .mktoLabel#LblIntended_Drone_Purchase_Count_2__c,.Aviadrones.-form-standalone .mktoForm .mktoLabel#LblExisting_Drone_Program__c,.Aviadrones.-form-standalone .mktoForm .mktoLabel#LblIntended_Drone_Purchase_Count_2__c {
    transform: translateY(10px)
}

.Aviadrones.-form .mktoForm .mktoFieldWrap,.Aviadrones.-form-standalone .mktoForm .mktoFieldWrap {
    position: relative;
    width: 100%
}

.Aviadrones.-form .mktoForm .mktoFieldWrap:focus-within .mktoLabel,.Aviadrones.-form-standalone .mktoForm .mktoFieldWrap:focus-within .mktoLabel {
    font-size: 12px;
    color: #6e6e73;
    transform: translateY(9px)
}

.Aviadrones.-form .mktoForm .mktoFieldWrap:focus-within .mktoLabel#LblEmail_Opt_In__c,.Aviadrones.-form-standalone .mktoForm .mktoFieldWrap:focus-within .mktoLabel#LblEmail_Opt_In__c {
    color: #1d1d1f;
    font-size: 16px;
    transform: none
}

.Aviadrones.-form .mktoValid .mktoLabel,.Aviadrones.-form-standalone .mktoValid .mktoLabel {
    transform: translateY(20px);
    font-size: 16px;
    color: #1d1d1f
}

.Aviadrones.-form .mktoError,.Aviadrones.-form-standalone .mktoError {
    position: absolute;
    font-size: 12px;
    color: #f5222d;
    left: 0 !important;
    bottom: auto !important;
    right: auto !important;
    top: 64px !important
}

.Aviadrones.-form .mktoCaptchaDisclaimer,.Aviadrones.-form-standalone .mktoCaptchaDisclaimer {
    font-size: .8em;
    color: var(--gray-02, #6e6e73);
    margin-top: 1rem
}

.Aviadrones.-form .mktoCaptchaDisclaimer a,.Aviadrones.-form-standalone .mktoCaptchaDisclaimer a {
    text-decoration: underline
}

.Aviadrones.-form button,.Aviadrones.-form-standalone button {
    padding: 0;
    font-family: inherit;
    background: rgba(0,0,0,0);
    border: 0;
    border-radius: 0;
    appearance: none;
    font-family: var(--ff);
    font-size: 14px;
    font-weight: var(--fw-bold);
    line-height: 100%;
    text-transform: uppercase;
    text-decoration: none;
    display: inline-block;
    padding: 1.0625rem 4.25rem;
    color: #000;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    border-radius: 4px;
    user-select: none;
    cursor: pointer;
    color: #fff;
    background-color: #07f;
    transition: background-color 150ms ease-out;
    padding: 1.0625rem 4.25rem !important;
    color: #fff !important;
    background: #07f !important;
    border: none !important;
    box-shadow: none !important
}

@media screen and (min-width: 36em) {
    .Aviadrones.-form button,.Aviadrones.-form-standalone button {
        font-size:16px
    }
}

.Aviadrones.-form button:disabled,.Aviadrones.-form-standalone button:disabled {
    cursor: not-allowed
}

.Aviadrones.-form button:hover,.Aviadrones.-form-standalone button:hover {
    background-color: #006eeb
}

@media screen and (min-width: 48em) {
    .Aviadrones.-form .mktoFormRow,.Aviadrones.-form-standalone .mktoFormRow {
        display:flex
    }

    .Aviadrones.-form .mktoFormRow .mktoFormCol,.Aviadrones.-form-standalone .mktoFormRow .mktoFormCol {
        flex-basis: 50%;
        flex: 1;
        padding: 0 24px 24px 0
    }

    .Aviadrones.-form .mktoFormRow .mktoFormCol:nth-child(2),.Aviadrones.-form-standalone .mktoFormRow .mktoFormCol:nth-child(2) {
        padding: 0
    }

    .Aviadrones.-form .mktoFormRow:nth-child(6) .mktoFormCol,.Aviadrones.-form-standalone .mktoFormRow:nth-child(6) .mktoFormCol {
        padding-right: 0
    }
}

.Aviadrones.-form-internal .mktoForm .Aviadrones.-form__loading {
    text-align: center;
    display: block
}

.Aviadrones.-form-internal .mktoForm[data-styles-ready=true] .Aviadrones.-form__loading {
    display: none
}

.Aviadrones.-form-internal select+span,.Aviadrones.-form-internal select+.mktoError+span {
    position: relative
}

.Aviadrones.-form-internal select+span:after,.Aviadrones.-form-internal select+.mktoError+span:after {
    content: url("data:image/svg+xml,%3Csvg width='11' height='7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 1.06 9.94 0 5.97 3.97 2 0 .94 1.06l5.03 5.031L11 1.061Z' fill='%231D1D1F'/%3E%3C/svg%3E");
    position: absolute;
    top: -26px;
    right: 10px;
    pointer-events: none;
    background-color: #fff;
    height: 50px;
    width: 30px;
    display: flex;
    justify-content: center;
    align-items: center
}

.Aviadrones.-form-internal select.mktoInvalid+span:after,.Aviadrones.-form-internal select.mktoInvalid+.mktoError+span:after {
    background-color: var(--mkto-error-bg)
}

.Aviadrones.-marketo-template .mktoCaptchaDisclaimer {
    margin-bottom: 1rem !important
}

.parallax-slider--fs-images .parallax-slider__media {
    position: absolute;
    top: 70px;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0
}

.parallax-slider--fs-images .parallax-slider__media img {
    object-fit: cover !important;
    object-position: center center
}

.parallax-slider--fs-images .parallax-slider__container {
    z-index: 1
}

.parallax-slider__header {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    grid-area: header;
    padding-top: 30px
}

@media screen and (min-width: 64em) {
    .parallax-slider__header {
        padding-top:0
    }
}

.parallax-slider__pin {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    height: 100vh;
    max-width: 100%
}

.parallax-slider__container {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr auto;
    grid-template-areas: "header" "media" "captions";
    grid-gap: 30px;
    height: 100%;
    box-sizing: border-box;
    padding-top: 67px
}

@media screen and (min-width: 64em) {
    .parallax-slider__container {
        height:80%;
        grid-template-rows: auto 1fr;
        grid-template-columns: 1fr 3fr;
        grid-template-areas: "header header" "captions media";
        grid-gap: 115px 40px
    }
}

.parallax-slider__captions {
    grid-area: captions;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-bottom: 30px;
    position: relative
}

.parallax-slider__caption {
    position: relative;
    padding-left: 20px;
    transition: all .3s ease;
    display: none;
    max-width: 360px
}

@media screen and (min-width: 64em) {
    .parallax-slider__caption {
        display:block;
        position: absolute;
        max-width: none;
        opacity: 0;
        top: 0;
        width: 100%
    }
}

.parallax-slider__caption-text {
    margin-top: 15px
}

.parallax-slider__caption--active {
    opacity: 1;
    display: block;
    transition: all .3s ease
}

.parallax-slider__caption .progress-bar {
    position: absolute;
    left: 0
}

.parallax-slider__media {
    grid-area: media;
    position: relative
}

.parallax-slider__media-item {
    position: absolute;
    transition: opacity .5s ease;
    opacity: 0;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0
}

.parallax-slider__media-item .figure {
    margin: 0
}

.parallax-slider__media-item .figure,.parallax-slider__media-item img,.parallax-slider__media-item .sanity-video,.parallax-slider__media-item .Aviadrones.-image-wrapper {
    max-height: 100%;
    height: 100%
}

.parallax-slider__media-item img {
    object-position: top
}

.parallax-slider__media-item--active {
    opacity: 1
}

.people-grid__title {
    color: var(--ms-secondary-heading-text-color, inherit);
    font-weight: 500
}

@keyframes popup-pop-reverse {
    0% {
        transform: scale(1);
        opacity: 1
    }

    35% {
        transform: scale(1.2)
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: 0;
        transform: scale(0.8)
    }
}

@keyframes popup-slide-reverse {
    0% {
        transform: rotateX(0) translate3d(0, 0, 0) scale3d(1, 1, 1);
        opacity: 1
    }

    25% {
        opacity: 1
    }

    100% {
        opacity: 0;
        transform: perspective(400px) rotateX(-45deg) translate3d(0, 100%, 0) scale3d(0.7, 0.7, 0.7)
    }
}

@keyframes popup-pop {
    0% {
        opacity: 0;
        transform: scale(0.8)
    }

    35% {
        opacity: 1
    }

    50% {
        transform: scale(1.2)
    }

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

@keyframes popup-slide {
    0% {
        opacity: 0;
        transform: perspective(400px) rotateX(-45deg) translate3d(0, 100%, 0) scale3d(0.7, 0.7, 0.7)
    }

    25% {
        opacity: 1
    }

    100% {
        transform: rotateX(0) translate3d(0, 0, 0) scale3d(1, 1, 1);
        opacity: 1
    }
}

.popup,.v2 .popup,.popup--v2.popup {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: var(--z-popup, 6);
    justify-content: stretch;
    align-items: stretch;
    pointer-events: none
}

.popup--visible,.v2 .popup--visible,.popup--v2.popup--visible {
    display: flex
}

.popup--anim-fade:not(.popup--anim-reverse),.v2 .popup--anim-fade:not(.popup--anim-reverse),.popup--v2.popup--anim-fade:not(.popup--anim-reverse) {
    opacity: 0
}

.popup--anim-slide:not(.popup--anim-reverse),.v2 .popup--anim-slide:not(.popup--anim-reverse),.popup--v2.popup--anim-slide:not(.popup--anim-reverse) {
    opacity: 0
}

.popup--anim-slide:not(.popup--anim-reverse) .popup__outer,.v2 .popup--anim-slide:not(.popup--anim-reverse) .popup__outer,.popup--v2.popup--anim-slide:not(.popup--anim-reverse) .popup__outer {
    opacity: 0
}

.popup--anim-pop:not(.popup--anim-reverse),.v2 .popup--anim-pop:not(.popup--anim-reverse),.popup--v2.popup--anim-pop:not(.popup--anim-reverse) {
    transition: opacity .2s linear;
    opacity: 0
}

.popup--anim-pop:not(.popup--anim-reverse) .popup__outer,.v2 .popup--anim-pop:not(.popup--anim-reverse) .popup__outer,.popup--v2.popup--anim-pop:not(.popup--anim-reverse) .popup__outer {
    opacity: 0
}

.popup--anim .popup--anim-pop,.v2 .popup--anim .popup--anim-pop,.popup--v2.popup--anim .popup--anim-pop {
    transition: opacity .1s linear;
    opacity: 1
}

.popup--anim .popup--anim-pop .popup__outer,.v2 .popup--anim .popup--anim-pop .popup__outer,.popup--v2.popup--anim .popup--anim-pop .popup__outer {
    animation: popup-pop .3s linear forwards
}

.popup--anim .popup--anim-slide,.v2 .popup--anim .popup--anim-slide,.popup--v2.popup--anim .popup--anim-slide {
    transition: opacity .1s linear;
    opacity: 1
}

.popup--anim .popup--anim-slide .popup__outer,.v2 .popup--anim .popup--anim-slide .popup__outer,.popup--v2.popup--anim .popup--anim-slide .popup__outer {
    animation: popup-slide .3s linear forwards
}

.popup--anim .popup--anim-fade,.v2 .popup--anim .popup--anim-fade,.popup--v2.popup--anim .popup--anim-fade {
    transition: opacity .3s linear;
    opacity: 1
}

.popup--anim-reverse .popup--anim-pop,.v2 .popup--anim-reverse .popup--anim-pop,.popup--v2.popup--anim-reverse .popup--anim-pop {
    transition: opacity .1s .2s linear;
    opacity: 0
}

.popup--anim-reverse .popup--anim-pop .popup__outer,.v2 .popup--anim-reverse .popup--anim-pop .popup__outer,.popup--v2.popup--anim-reverse .popup--anim-pop .popup__outer {
    animation: popup-pop-reverse .3s linear
}

.popup--anim-reverse .popup--anim-slide,.v2 .popup--anim-reverse .popup--anim-slide,.popup--v2.popup--anim-reverse .popup--anim-slide {
    transition: opacity .1s .2s linear;
    opacity: 0
}

.popup--anim-reverse .popup--anim-slide .popup__outer,.v2 .popup--anim-reverse .popup--anim-slide .popup__outer,.popup--v2.popup--anim-reverse .popup--anim-slide .popup__outer {
    animation: popup-slide-reverse .3s linear
}

.popup--anim-reverse .popup--anim-fade,.v2 .popup--anim-reverse .popup--anim-fade,.popup--v2.popup--anim-reverse .popup--anim-fade {
    transition: opacity .3s linear;
    opacity: 0
}

.popup--small,.v2 .popup--small,.popup--v2.popup--small {
    z-index: 4;
    align-items: flex-end
}

.popup--small .popup__overlay,.v2 .popup--small .popup__overlay,.popup--v2.popup--small .popup__overlay {
    z-index: 4;
    width: 100%;
    height: auto;
    top: auto;
    bottom: 0;
    pointer-events: none;
    max-width: var(--popup-max-width, 800px);
    overflow-y: unset
}

.popup--small .popup__overlay .popup__wrap,.v2 .popup--small .popup__overlay .popup__wrap,.popup--v2.popup--small .popup__overlay .popup__wrap {
    pointer-events: all;
    max-width: 1800px
}

.popup--small .popup__inner,.v2 .popup--small .popup__inner,.popup--v2.popup--small .popup__inner {
    padding: 0;
    max-width: 1800px
}

.popup--small .popup__outer,.v2 .popup--small .popup__outer,.popup--v2.popup--small .popup__outer {
    padding: 2rem;
    max-width: 100%
}

.popup--light .popup__close svg path,.v2 .popup--light .popup__close svg path,.popup--v2.popup--light .popup__close svg path {
    fill: #000
}

.popup__overlay,.v2 .popup__overlay,.popup--v2.popup__overlay {
    background: rgba(0, 0, 0, var(--popup-overlay-opacity, none));
    height: 100%;
    width: 100%;
    backdrop-filter: blur(calc(var(--popup-overlay-blur, 0) / 4));
    pointer-events: all;
    max-width: var(--popup-max-width, auto);
    overflow-y: scroll
}

.popup__outer,.popup__outer.container,.v2 .popup__outer,.v2 .popup__outer.container,.popup--v2.popup__outer,.popup--v2.popup__outer.container {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.popup__wrap,.v2 .popup__wrap,.popup--v2.popup__wrap {
    position: relative;
    max-height: 100vh;
    max-height: 100dvh;
    flex-grow: 1
}

.popup__inner,.v2 .popup__inner,.popup--v2.popup__inner {
    width: 100%;
    position: relative;
    padding-top: 30px;
    padding-bottom: 30px
}

.popup__close,.v2 .popup__close,.popup--v2.popup__close {
    position: absolute;
    right: 0;
    border: 0;
    padding: 20px;
    background: rgba(0,0,0,0);
    font-size: 1.4rem;
    cursor: pointer;
    z-index: 50
}

.popup__close svg,.v2 .popup__close svg,.popup--v2.popup__close svg {
    height: 1em;
    width: 1em
}

.popup__body,.v2 .popup__body,.popup--v2.popup__body {
    overflow: hidden
}

.popup:not(.popup--small) .popup__close,.v2 .popup:not(.popup--small) .popup__close,.popup--v2.popup:not(.popup--small) .popup__close {
    top: 15px
}

@media screen and (max-width: 47.9375em) {
    .popup .popup__outer,.v2 .popup .popup__outer,.popup--v2.popup .popup__outer {
        padding-left:1rem;
        padding-right: 1rem;
        padding-bottom: 1rem
    }

    .popup:not(.popup--small) .popup__inner,.v2 .popup:not(.popup--small) .popup__inner,.popup--v2.popup:not(.popup--small) .popup__inner {
        padding-top: 1rem
    }

    .popup .section-header .container,.v2 .popup .section-header .container,.popup--v2.popup .section-header .container {
        padding-top: 2rem
    }
}

@media screen and (min-width: 48em) {
    .popup:not(.popup--small) .popup__close,.v2 .popup:not(.popup--small) .popup__close,.popup--v2.popup:not(.popup--small) .popup__close {
        top:30px
    }
}

.popup--v2 .popup__close {
    background-color: #d9d9d9;
    padding: 7px;
    margin: 12px
}

.popup--v2 .popup__close svg {
    display: block
}

.popup--v2.popup--small .popup__close {
    background-color: rgba(0,0,0,0);
    top: 0;
    right: 0;
    margin: 0;
    padding: 1rem
}

.popup--v2.popup--small .popup__close:before {
    top: -4px;
    position: relative;
    margin-top: -0.5rem;
    margin-right: -0.5rem;
    display: block;
    content: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.17638 7.88154L2.31445 3.01961L3.02156 2.3125L7.88349 7.17443C8.3391 7.63004 8.3391 8.36873 7.88349 8.82434L3.02156 13.6863L2.31445 12.9792L7.17638 8.11724C7.24147 8.05215 7.24147 7.94662 7.17638 7.88154ZM9.35375 7.35343L13.6871 3.02009L12.98 2.31299L8.64665 6.64632L9.35375 7.35343ZM13.6871 12.979L9.35375 8.64567L8.64665 9.35278L12.98 13.6861L13.6871 12.979Z" fill="%23C6C5C2"/></svg>');
    width: 1rem;
    height: 1rem
}

.popup--v2.popup--small .popup__close svg {
    display: none
}

.popup--v2.popup--dark .popup__close {
    background-color: #fefefe
}

@media screen and (max-width: 63.9375em) {
    .product-feature__button {
        padding-left:2rem;
        padding-right: 2rem;
        width: 100%
    }
}

@media screen and (max-width: 47.9375em) {
    .product-feature__button {
        padding-left:3.5rem;
        padding-right: 3.5rem;
        width: 50%
    }
}

.product-feature__badge {
    color: var(--ms-secondary-heading-text-color, inherit)
}

.product-feature .section-header .container {
    padding-top: 0;
    padding-bottom: 0
}

.product-feature .section-header .type-subtitle {
    margin-bottom: 1.5rem
}

@media screen and (min-width: 48em) {
    .product-feature .responsive-slider {
        display:flex;
        justify-content: center;
        grid-gap: 2rem
    }

    .product-feature .responsive-slider>* {
        flex: 1 1 0px;
        max-width: 33%
    }
}

@media screen and (min-width: 48em) {
    .product-feature .no-badge {
        margin-top:1.8125rem
    }
}

.product-feature .small-image {
    margin-top: 0
}

.product-feature--contained-cards .responsive-slider {
    align-items: flex-start
}

@media screen and (max-width: 47.9375em) {
    .product-feature--contained-cards .responsive-slider>* .swiper-slide {
        padding:1.5rem
    }
}

@media screen and (min-width: 48em) {
    .product-feature--contained-cards .responsive-slider>* {
        padding:1.5rem
    }
}

@media screen and (min-width: 48em) {
    .product-feature--contained-cards .responsive-slider .no-badge {
        margin-top:0
    }
}

.product-feature .block-content {
    font-family: var(--ff);
    font-size: .9375rem;
    line-height: 140%;
    font-weight: normal;
    text-transform: none;
    margin-top: 1rem;
    margin-bottom: 1rem
}

.product-feature .block-content p:not(:last-child) {
    padding-top: 1rem;
    padding-bottom: 1rem;
    margin: 0
}

.product-feature .block-content p:not(:last-child):not(:last-child) {
    border-bottom: 1px solid #efefef
}

.product-feature .block-content strong {
    color: #ef3ba8
}

.product-feature .block-content.larger-font {
    font-family: var(--ff);
    font-size: 16px;
    font-weight: normal;
    line-height: 140%
}

@media screen and (min-width: 36em) {
    .product-feature .block-content.larger-font {
        font-size:18px
    }
}

.pullquote-module {
    --pq-margin-left: 10px
}

.pullquote-module.vp-top-4 {
    padding-top: 96px !important
}

.pullquote-module .container {
    padding: 0
}

.pullquote-module .swiper-pagination-bullet {
    background: #666;
    opacity: 1
}

.pullquote-module .swiper-pagination-bullet-active {
    background: #fff
}

.pullquote-module .grid {
    grid-gap: 0px;
    grid-auto-rows: 1fr
}

.pullquote-module .pq-left,.pullquote-module .pq-right {
    overflow: hidden;
    grid-column: span 8
}

.pullquote-module .pq-right {
    display: none
}

.pullquote-module .pq-right img {
    object-fit: cover
}

.pullquote-module .swiper {
    padding-bottom: 45px;
    width: 90%
}

.pullquote-module .swiper-slide .container {
    border-radius: 20px 20px 20px 20px;
    overflow: hidden
}

.pullquote-module .gradient-left {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 84.4%;
    left: 0;
    z-index: 2;
    background: linear-gradient(to right, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%)
}

.pullquote-module .gradient-right {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 84.4%;
    z-index: 2;
    background: linear-gradient(to left, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%)
}

.pullquote-module .gradient-left,.pullquote-module .gradient-right {
    display: none
}

.pullquote-module .swiper-slide {
    height: auto;
    display: flex;
    justify-content: flex-end;
    overflow: hidden;
    box-sizing: border-box;
    transition: all .25s .25s ease-in
}

.pullquote-module .swiper-slide .container.grid {
    transition: all .25s .25s ease-in;
    transform: translateY(0) scale(1)
}

.pullquote-module .swiper-slide.swiper-slide-active .container.grid {
    transform: translateY(0) scale(1)
}

@media screen and (min-width: 1024px) {
    .pullquote-module .swiper-slide.swiper-slide-duplicate-prev,.pullquote-module .swiper-slide.swiper-slide-prev {
        transform:translateX(7.5%)
    }

    .pullquote-module .swiper-slide.swiper-slide-duplicate-prev .container.grid,.pullquote-module .swiper-slide.swiper-slide-prev .container.grid {
        transform: translateY(7.5%) scale(0.85)
    }

    .pullquote-module .swiper-slide.swiper-slide-duplicate-next,.pullquote-module .swiper-slide.swiper-slide-next {
        transform: translateX(-7.5%)
    }

    .pullquote-module .swiper-slide.swiper-slide-duplicate-next .container.grid,.pullquote-module .swiper-slide.swiper-slide-next .container.grid {
        transform: translateY(7.5%) scale(0.85)
    }

    .pullquote-module .swiper-slide.swiper-slide-active {
        transform: translateX(0)
    }
}

.pullquote-module .swiper-pagination-fraction,.pullquote-module .swiper-pagination-custom,.pullquote-module .swiper-horizontal>.swiper-pagination-bullets,.pullquote-module .swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 0;
    display: flex;
    justify-content: center
}

.pullquote-module .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.pullquote-module .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    height: 5px;
    max-width: 60px;
    border-radius: 0;
    flex-grow: 1
}

.pullquote-module aside {
    position: relative;
    padding: 35px 0 0 var(--pq-margin-left)
}

.pullquote-module cite {
    font-style: normal;
    display: block;
    padding: 12px 0
}

.pullquote-module .pq-logo {
    display: inline-block;
    height: 54px;
    margin: 60px 0 17px 0
}

.pullquote-module .pq-logo img {
    object-fit: contain;
    object-position: left center
}

.pullquote-module .button-group {
    margin-left: var(--pq-margin-left)
}

.pullquote-module .pq-content {
    padding: 45px 37px 25px 48px
}

.pullquote-module .pq-content:before {
    content: "“";
    font-size: 100px;
    position: absolute;
    top: 25px;
    left: 20px
}

.pullquote-module .singleton .swiper-slide {
    width: 100%;
    margin: 0 auto
}

.pullquote-module .singleton .swiper-slide .container.grid {
    transform: translateY(0)
}

.pullquote-module .singleton .gradient-left,.pullquote-module .singleton .gradient-right {
    display: none
}

@media screen and (min-width: 36em) {
    .pullquote-module .singleton .swiper-slide {
        width:80%
    }

    .pullquote-module .pq-content {
        padding: 50px 30px 50px 40px
    }

    .pullquote-module .pq-content:before {
        left: 40px
    }

    .pullquote-module .pq-logo {
        margin: 26px 0 28px 0
    }

    .pullquote-module .pq-left,.pullquote-module .pq-right {
        grid-column: span 8
    }
}

@media screen and (min-width: 48em) {
    .pullquote-module .pq-left,.pullquote-module .pq-right {
        grid-column:span 12
    }

    .pq-speaker {
        bottom: 73px
    }
}

@media screen and (min-width: 64em) {
    .pullquote-module {
        --pq-margin-left: 50px
    }

    .pullquote-module aside {
        padding-top: 25px
    }

    .pullquote-module .pq-right {
        display: inline-block
    }

    .pullquote-module .pq-left,.pullquote-module .pq-right {
        grid-column: span 6
    }

    .pullquote-module .pq-content:before {
        left: 50px
    }

    .pullquote-module .gradient-left,.pullquote-module .gradient-right {
        display: block;
        cursor: pointer
    }

    .pullquote-module .swiper {
        width: 100%
    }
}

.caption-slider.container--full-bleed {
    padding: 0
}

.caption-slider .caption-slider__slides {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-bottom: 1rem
}

@media screen and (min-width: 64em) {
    .caption-slider .caption-slider__slides {
        margin-right:1rem
    }
}

.caption-slider .caption-slider__slides .swiper-slide {
    align-self: center
}

.caption-slider .caption-slider__slides .swiper-slide.swiper-slide-active {
    z-index: 2
}

.caption-slider .caption-slider__slides .swiper-slide:not(.swiper-slide-active) {
    z-index: 1;
    pointer-events: none
}

.caption-slider .caption-slider__captions {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    cursor: pointer
}

.caption-slider .caption-slider__captions .swiper {
    margin-left: 0
}

.caption-slider .caption-slider__captions .swiper {
    width: 100%;
    max-width: 100%;
    max-height: 100vh;
    min-height: 0;
    min-width: 0
}

@media screen and (max-width: 63.9375em) {
    .caption-slider .caption-slider__captions .swiper {
        padding:0 10%
    }
}

.caption-slider .caption-slider__captions .swiper-slide {
    min-height: 6.25rem;
    height: auto !important;
    transition: opacity .1s ease
}

.caption-slider .caption-slider__captions .caption-slider__caption {
    display: flex;
    align-items: center;
    opacity: .5
}

.caption-slider .caption-slider__captions .caption-slider__caption.is-active {
    opacity: 1
}

@media screen and (max-width: 63.9375em) {
    .caption-slider .caption-slider__captions .caption-slider__caption {
        flex-direction:column
    }
}

.caption-slider .caption-slider__captions .caption-slider__caption .block-content {
    font-family: var(--ff);
    font-size: 14px;
    font-weight: normal;
    line-height: 140%;
    padding: 1rem 0
}

@media screen and (min-width: 36em) {
    .caption-slider .caption-slider__captions .caption-slider__caption .block-content {
        font-size:16px
    }
}

@media screen and (min-width: 64em) {
    .caption-slider .caption-slider__captions .caption-slider__caption .block-content {
        padding:0 0 0 2rem
    }
}

.caption-slider .caption-slider__captions .caption-slider__caption .progress-bar.progress-bar__vertical {
    min-height: 6.25rem
}

.caption-slider .caption-slider__captions .caption-slider__caption .progress-bar__value {
    min-height: 6.25rem
}

.caption-slider.container--medium .caption-slider__caption .block-content p {
    font-size: 1rem
}

@media screen and (min-width: 64em) {
    .caption-carousel .caption-carousel__wrapper-device-view {
        padding:8rem 0
    }
}

.caption-carousel .caption-carousel__wrapper-device-view .caption-slider__slides {
    position: relative;
    width: 22.0625rem;
    margin: 0 auto
}

@media screen and (min-width: 36em) {
    .caption-carousel .caption-carousel__wrapper-device-view .caption-slider__slides {
        display:flex;
        justify-content: center;
        align-items: center
    }
}

.caption-carousel .caption-carousel__wrapper-device-view .caption-slider__slides .swiper {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 1.5rem;
    height: 41.9375rem
}

@media screen and (min-width: 36em) {
    .caption-carousel .caption-carousel__wrapper-device-view .caption-slider__slides .swiper {
        overflow:visible
    }
}

.caption-carousel .caption-carousel__wrapper-device-view .caption-slider__slides .swiper-slide {
    display: flex;
    justify-content: center
}

.caption-carousel .caption-carousel__wrapper-device-view .caption-slider__slides .swiper-slide .figure {
    width: 19.375rem
}

.caption-carousel .caption-carousel__wrapper-device-view .caption-slider__slides img {
    border-radius: 40px
}

@media screen and (min-width: 36em) {
    .caption-carousel .caption-carousel__wrapper-device-view .caption-slider__slides .swiper::after {
        display:block;
        width: 22.0625rem;
        height: 44rem;
        top: 0;
        left: 50%;
        position: absolute;
        z-index: 1;
        transform: translateX(-50%);
        background-image: url("../assets/iphone-topframe.svg");
        background-repeat: no-repeat;
        background-size: cover;
        pointer-events: none;
        content: ""
    }
}

@media screen and (max-width: 35.9375em) {
    .caption-carousel .caption-carousel__wrapper-device-view .caption-slider__slides::after {
        display:block;
        width: 22.0625rem;
        height: 44rem;
        top: 0;
        left: 50%;
        position: absolute;
        z-index: 1;
        transform: translateX(-50%);
        background-image: url("../assets/iphone-topframe.svg");
        background-repeat: no-repeat;
        background-size: cover;
        pointer-events: none;
        content: ""
    }
}

@media screen and (max-width: 63.9375em) {
    .caption-carousel .caption-carousel__wrapper-device-view .caption-slider__captions {
        margin-top:3.5rem
    }
}

.caption-carousel .swiper-slide .video-js {
    width: 100vw
}

.caption-carousel .caption-carousel__wrapper:not(.caption-carousel__wrapper-hero-view) .section-header {
    display: block
}

@media screen and (min-width: 64em) {
    .caption-carousel .caption-carousel__wrapper:not(.caption-carousel__wrapper-hero-view) .section-header {
        display:none
    }
}

.caption-carousel .caption-carousel__wrapper:not(.caption-carousel__wrapper-hero-view) .caption-slider__captions>.section-header {
    display: none;
    margin-bottom: 3rem
}

.caption-carousel .caption-carousel__wrapper:not(.caption-carousel__wrapper-hero-view) .caption-slider__captions>.section-header>.container {
    padding: 0
}

.caption-carousel .caption-carousel__wrapper:not(.caption-carousel__wrapper-hero-view) .caption-slider__captions>.section-header .section-header__content {
    grid-column-start: 1
}

.caption-carousel .caption-carousel__wrapper:not(.caption-carousel__wrapper-hero-view) .caption-slider__captions>.section-header .section-header__content span.type-subtitle {
    margin-bottom: 1.5rem
}

@media screen and (min-width: 64em) {
    .caption-carousel .caption-carousel__wrapper:not(.caption-carousel__wrapper-hero-view) .caption-slider__captions>.section-header {
        display:block
    }
}

@media screen and (max-width: 63.9375em) {
    .caption-carousel__wrapper .section-header__content {
        text-align:center;
        align-items: center
    }

    .caption-carousel__wrapper .section-header__image {
        grid-column: 1/-1
    }
}

.plain-carousel .swiper-pagination-bullet {
    background-color: rgba(255,255,255,.25);
    width: 50px;
    border-radius: 0;
    height: 4px
}

.plain-carousel .swiper-pagination-bullet-active {
    background-color: #fff;
    opacity: 1
}

.resources-group__container>section:not(:last-child) {
    margin-bottom: 48px
}

@media screen and (min-width: 48em) {
    .resources-group__container>section:not(:last-child) {
        margin-bottom:96px
    }
}

.resources-group__group-header {
    margin-bottom: 32px;
    text-align: center
}

@media screen and (min-width: 48em) {
    .resources-group__group-header {
        margin-bottom:64px
    }
}

.resources-module .resource-card {
    background: var(--ms-contrast-background-color, #0f0f0f);
    text-align: center;
    position: relative;
    color: var(--ms-contrast-text-color, inherit)
}

.resources-module .resource-card .inner {
    margin: 0;
    padding: 20px
}

@media screen and (min-width: 64em) {
    .resources-module .resource-card .inner {
        height:280px
    }

    .resources-module .resource-card .button {
        position: absolute;
        bottom: 20px;
        right: 20px;
        left: 20px;
        padding-left: 0;
        padding-right: 0
    }
}

.secondary-nav {
    position: relative;
    width: 100%;
    overflow: unset !important;
    font-family: var(--ff);
    z-index: 4;
    margin-bottom: 0;
    isolation: isolate
}

.secondary-nav .is-active {
    color: #07f
}

.secondary-nav--fixed {
    margin-bottom: 52px
}

.secondary-nav--fixed .secondary-nav__outer {
    position: fixed;
    transition: top .05s ease-out
}

.secondary-nav--open .secondary-nav__items {
    opacity: 1;
    pointer-events: all
}

.secondary-nav--open .secondary-nav__mobile-down svg {
    transform: rotateZ(90deg)
}

.secondary-nav__outer {
    width: 100%;
    background-color: #fff;
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
    max-height: 52px;
    margin-bottom: 2px
}

.secondary-nav__inner {
    display: flex;
    padding: 16px;
    position: relative
}

.secondary-nav__inner header {
    flex-grow: 1;
    display: flex;
    justify-items: center
}

.secondary-nav__inner header h5 {
    font-size: 18px;
    line-height: 1;
    font-weight: var(--fw-bold)
}

.secondary-nav__mobile-toggle {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,0);
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding-right: 32px;
    border: none;
    z-index: 1
}

.secondary-nav__mobile-down svg {
    height: 10px;
    width: 6px;
    transform-origin: center;
    transform: rotateZ(-90deg);
    transition: transform .3s ease
}

.secondary-nav__items {
    margin: 0;
    padding: 0 0 19px 0;
    display: flex;
    flex-direction: column;
    list-style: none;
    justify-items: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    background-color: #fff;
    box-shadow: 0px 2px 3px rgba(0,0,0,.1);
    opacity: 0;
    pointer-events: none;
    transition: all .3s ease
}

.secondary-nav__item {
    display: flex;
    align-items: flex-start
}

.secondary-nav__item button {
    border: none;
    padding: 9px 32px;
    background-color: #fff;
    margin: 0;
    font-weight: var(--fw-bold);
    font-size: 16px;
    line-height: 20px;
    cursor: pointer;
    width: 100%;
    text-align: left
}

.secondary-nav__item button:hover,.secondary-nav__item button:focus-visible {
    background-color: #dbecff
}

@media screen and (min-width: 48em) {
    .secondary-nav__mobile-toggle {
        display:none
    }

    .secondary-nav__items {
        flex-direction: row;
        position: relative;
        top: 0;
        opacity: 1;
        pointer-events: all;
        background-color: rgba(0,0,0,0);
        box-shadow: none
    }

    .secondary-nav__item {
        align-items: center
    }

    .secondary-nav__item:not(:first-child) button {
        margin-left: 32px
    }

    .secondary-nav__item button {
        padding: 0;
        background-color: rgba(0,0,0,0);
        width: auto;
        text-align: center
    }

    .secondary-nav__item button:hover,.secondary-nav__item button:focus-visible {
        background-color: rgba(0,0,0,0)
    }
}

.simple-image-carousel .swiper {
    padding-bottom: 25px
}

.simple-image-carousel .swiper-slide {
    display: flex;
    flex-direction: column
}

.simple-image-carousel .swiper-pagination-fraction,.simple-image-carousel .swiper-pagination-custom,.simple-image-carousel .swiper-horizontal>.swiper-pagination-bullets,.simple-image-carousel .swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 0;
    display: flex;
    justify-content: center
}

.simple-image-carousel .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.simple-image-carousel .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    height: 5px;
    max-width: 60px;
    border-radius: 0;
    flex-grow: 1;
    background-color: #b2b2b2
}

.simple-image-carousel__caption {
    padding: 30px 0;
    text-align: center
}

.media-overlap .container {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 40px
}

.media-overlap__content {
    grid-area: 1/1;
    z-index: 2;
    display: flex;
    align-items: center
}

.media-overlap__media {
    grid-area: 2/1;
    z-index: 1
}

.media-overlap__media figure {
    margin: 0
}

@media screen and (min-width: 64em) {
    .media-overlap .container {
        grid-template-columns:repeat(12, 1fr)
    }

    .media-overlap__content {
        grid-area: 1/1/auto/span 6
    }

    .media-overlap__media {
        grid-area: 1/4/auto/span 9
    }
}

.product-specs__container:not(:last-child) {
    margin-bottom: 6rem
}

@media screen and (max-width: 47.9375em) {
    .product-specs__container:not(:last-child) {
        margin-bottom:2rem
    }
}

.product-specs__header {
    margin-bottom: 1rem;
    text-align: left
}

@media screen and (max-width: 47.9375em) {
    .product-specs__header {
        margin-bottom:0;
        text-align: left
    }
}

.product-specs__block {
    border-top: none
}

@media screen and (max-width: 47.9375em) {
    .product-specs__block {
        border-top:none
    }
}

.product-specs__block:not(:last-child) {
    margin-bottom: 2rem
}

@media screen and (max-width: 47.9375em) {
    .product-specs__block:not(:last-child) {
        margin-bottom:0
    }
}

.product-specs__title {
    font-family: var(--ff);
    font-size: 14px;
    font-weight: normal;
    line-height: 140%;
    font-size: 1.5rem;
    width: 100%
}

@media screen and (min-width: 36em) {
    .product-specs__title {
        font-size:16px
    }
}

.product-specs__title:not(button) {
    padding: 1rem 0
}

.product-specs__title button {
    padding: 0;
    font-family: inherit;
    background: rgba(0,0,0,0);
    border: 0;
    border-radius: 0;
    appearance: none
}

@media screen and (min-width: 48em) {
    .product-specs__title {
        pointer-events:none
    }

    .product-specs__title button {
        text-align: left
    }
}

@media screen and (max-width: 47.9375em) {
    .product-specs__title {
        border-top:none;
        display: flex;
        justify-content: space-between;
        border-bottom: 1px solid #dadada
    }

    .product-specs__title button::after {
        content: "+"
    }
}

.product-specs__content {
    transition: max-height .3s cubic-bezier(0.445, 0.05, 0.55, 0.95);
    overflow: hidden
}

@media screen and (max-width: 47.9375em) {
    .product-specs__content {
        max-height:0
    }
}

.product-specs__row {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-bottom: .5rem;
    color: inherit
}

@media screen and (max-width: 47.9375em) {
    .product-specs__row {
        flex-direction:column;
        margin-bottom: 1rem
    }

    .product-specs__row:first-child {
        margin-top: 1.5rem
    }
}

.product-specs__label {
    font-weight: var(--fw-bold)
}

.product-specs__data {
    font-weight: 400;
    text-align: right
}

@media screen and (max-width: 47.9375em) {
    .product-specs__data {
        text-align:left
    }
}

.small-content-slider header {
    text-align: center
}

.small-content-slider figure.figure--align-left {
    margin-left: 0
}

.small-content-slider__slider {
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 70px
}

.small-content-slider__slide {
    grid-column: span 1
}

.small-content-slider__slide p.type-body-1 {
    color: #b2b2b2
}

.small-content-slider h4.type-h4 {
    font-size: 22px
}

.small-content-slider .block-content a:not(.button) {
    text-decoration: none;
    color: #07f
}

.small-content-slider .swiper-pagination-fraction,.small-content-slider .swiper-pagination-custom,.small-content-slider .swiper-horizontal>.swiper-pagination-bullets,.small-content-slider .swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 0;
    display: flex;
    justify-content: center
}

.small-content-slider .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.small-content-slider .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    height: 5px;
    max-width: 60px;
    border-radius: 0;
    flex-grow: 1
}

.small-content-slider .swiper-pagination-bullet {
    background-color: #b2b2b2
}

@media screen and (min-width: 48em) {
    .small-content-slider header {
        text-align:left
    }
}

@media screen and (min-width: 64em) {
    .small-content-slider__slider {
        grid-gap:110px
    }
}

.container--table {
    max-width: 84rem
}

.table-layout-desktop {
    display: none
}

@media screen and (min-width: 64em) {
    .table-layout-desktop {
        display:block
    }
}

.table-layout-mobile.container {
    padding-left: 1rem;
    padding-right: 1rem
}

@media screen and (min-width: 64em) {
    .table-layout-mobile {
        display:none
    }
}

.table-layout-mobile .table-cell.header-cell .block-content p,.table-layout-mobile .table-cell.header-cell .block-content p strong {
    font-size: 24px
}

.table-cell {
    vertical-align: top;
    position: relative;
    display: flex
}

.table-cell .inner {
    flex-basis: 100%;
    display: flex;
    padding: 15px 15px 40px;
    margin: 0 10px
}

.table-cell .inner .block-content p {
    font-size: 16px;
    line-height: 19px;
    font-weight: var(--fw-bold);
    margin-bottom: .5rem;
    margin-top: 0;
    line-height: 1.25
}

.table-cell .inner .block-content p em {
    font-style: normal;
    font-weight: var(--fw-bold)
}

.table-cell .inner .block-content p strong {
    font-size: 20px
}

.table-cell .inner .blank-cell:after {
    font-size: 16px;
    content: "N/A"
}

@media screen and (min-width: 64em) {
    .table-cell .inner .blank-cell {
        margin-top:-10px
    }

    .table-cell .inner .blank-cell:after {
        font-size: 36px;
        font-weight: var(--fw-bold);
        content: "—"
    }
}

.table-cell.has-checkmark .inner .block-content div>p:first-of-type {
    overflow: hidden;
    text-indent: -100%;
    position: relative;
    height: 32px;
    width: 24px
}

.table-cell.has-checkmark .inner .block-content div>p:first-of-type:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-image: url("data:image/svg+xml;utf8,<svg width='25' height='20' viewBox='0 0 25 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M2 10.3333L8.80282 18L23 2' stroke='black' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/></svg>");
    background-size: contain;
    background-repeat: no-repeat
}

.table-cell.large-text .inner .block-content p {
    font-size: 18px;
    line-height: 21px
}

.table-cell.grey-text .inner .block-content p {
    color: #707070
}

.table-cell.grey-header .inner .block-content p strong {
    color: #707070
}

.table-cell.black-text .inner .block-content p {
    color: #000
}

.table-cell.black-header .inner .block-content p strong,.table-cell.black-header .inner .block-content p em {
    color: #000
}

.table-cell.table-header .inner {
    padding-bottom: 15px;
    flex-direction: column-reverse
}

.table-cell.table-header .inner p {
    font-size: 18px;
    line-height: 1
}

.table-cell.table-header .inner p strong {
    font-size: 28px
}

@media screen and (max-width: 63.9375em) {
    .table-cell.table-header {
        margin-top:3rem;
        margin-left: 50%
    }
}

.table-cell.blue-header-text .inner .block-content strong {
    color: #07f
}

.table-cell.cell-header .inner .block-content p,.table-cell.row-header .inner .block-content p {
    font-weight: var(--fw-bold);
    font-size: 20px
}

.table-cell.section-header .inner {
    background-color: #004799;
    color: #fff
}

.table-cell.thick-underline:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -4px;
    left: 0;
    right: -5px;
    border-bottom: 5px solid #004799
}

.table-cell.thick-underline:last-child:after {
    right: 0
}

.table-cell.grey-border .inner {
    border-left: 3px solid #c1c1c1;
    border-right: 3px solid #c1c1c1
}

.table-cell.top-row.grey-border .inner {
    border-top: 3px solid #c1c1c1
}

.table-cell.bottom-row.grey-border .inner {
    border-bottom: 3px solid #c1c1c1
}

.table-cell.blue-border .inner {
    border-left: 3px solid #07f;
    border-right: 3px solid #07f
}

.table-cell.top-row.blue-border .inner {
    border-top: 3px solid #07f
}

.table-cell.bottom-row.blue-border .inner {
    border-bottom: 3px solid #07f
}

.table-cell.black-border .inner {
    border-left: 3px solid #000;
    border-right: 3px solid #000
}

.table-cell.top-row.black-border .inner {
    border-top: 3px solid #000
}

.table-cell.bottom-row.black-border .inner {
    border-bottom: 3px solid #000
}

@media screen and (min-width: 64em) {
    .table-footnotes .col-xs-full {
        display:flex;
        flex-direction: row-reverse
    }
}

.table-footnotes .footnote-inner {
    padding: 0 2rem
}

.three-sixty-overlay-bg {
    overflow: hidden
}

@media screen and (min-width: 48em) {
    .three-sixty-overlay-bg {
        position:relative
    }
}

.three-sixty-overlay-bg iframe {
    display: block
}

.three-sixty-overlay-panel {
    background: #fff;
    color: #000;
    padding: 30px
}

.three-sixty-overlay-panel .three-sixty-content {
    width: 100%;
    max-width: 39rem;
    margin: 0 0 0 auto
}

@media screen and (min-width: 64em) {
    .three-sixty-overlay-panel {
        padding:0;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 50%;
        background: linear-gradient(to right, #000 0%, transparent 100%);
        color: #fff
    }

    .three-sixty-overlay-panel .three-sixty-content {
        padding: 96px 0 0 3.75rem
    }
}

.three-sixty__stat-container {
    display: grid;
    grid-template-columns: repeat(2, 96px);
    grid-gap: 15px;
    padding-top: 24px
}

@media screen and (min-width: 36em) {
    .three-sixty__stat-container {
        grid-template-columns:repeat(4, 96px)
    }
}

.three-sixty-stat {
    min-width: 96px;
    min-height: 96px;
    background: #040c15;
    border: 1px solid #162b34;
    border-radius: 10px;
    margin-right: 16px;
    padding: 15px 12px
}

.three-sixty-stat .value {
    color: #fff;
    font-size: 28px;
    letter-spacing: -0.2px;
    margin-top: 15px
}

.three-sixty-stat .label {
    font-size: 17px;
    text-transform: uppercase;
    color: #07f;
    font-weight: var(--fw-bold)
}

.video-module__container {
    display: flex;
    aspect-ratio: 16/9;
    position: relative;
    cursor: pointer
}

.video-module__overlay-content {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    justify-content: flex-start;
    align-items: left;
    z-index: 2;
    display: flex;
    cursor: pointer
}

.video-module__overlay-content .block-content>*:first-child {
    margin-top: 0
}

.video-module figure .Aviadrones.-image-wrapper {
    height: 100%
}

.video-module--full-bleed>.container {
    width: 100%;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0
}

.video-module--full-bleed .video-module__overlay-content {
    display: flex;
    flex-direction: column;
    left: 50%;
    transform: translateX(-50%);
    justify-content: center;
    gap: 150px
}

.video-module--full-bleed .video-module__overlay-content .block-content {
    max-width: 450px
}

.video-module--full-bleed .video-module__overlay-content .video-module__play {
    position: relative;
    padding: 0;
    height: auto
}

.video-module--full-bleed .video-module__container.container {
    aspect-ratio: 10/14
}

.video-module--full-bleed .video-module__container.container .video-js {
    padding-top: 140%
}

.video-module--full-bleed .video-module__container.container video {
    object-fit: cover
}

@media(min-width: 586px) {
    .video-module--full-bleed .video-module__container.container {
        aspect-ratio:1
    }

    .video-module--full-bleed .video-module__container.container .video-js {
        padding-top: 100%
    }
}

@media(min-width: 768px) {
    .video-module--full-bleed .video-module__container.container {
        aspect-ratio:4/3
    }

    .video-module--full-bleed .video-module__container.container .video-js {
        padding-top: 75%
    }
}

@media(min-width: 1024px) {
    .video-module--full-bleed .video-module__container.container {
        aspect-ratio:16/9
    }

    .video-module--full-bleed .video-module__container.container .video-js {
        padding-top: 56.25%
    }
}

.video-module__play {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    justify-content: left;
    align-items: flex-end;
    z-index: 2;
    display: flex;
    cursor: pointer;
    bottom: 24px
}

.video-module__play span {
    display: inline-block;
    line-height: 20px;
    margin-right: 5px;
    margin-top: 2px;
    font-size: 19px;
    font-family: var(--ff);
    font-weight: var(--fw-bold)
}

.video-module__play svg {
    transform: translateY(3px)
}

@media screen and (min-width: 64em) {
    .video-module__play {
        align-items:center;
        bottom: 0
    }
}

.video-module--playing .video-module__clip {
    display: none
}

.video-module--playing .video-module__full {
    display: block
}

.video-module .sanity-video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    justify-content: stretch;
    align-items: stretch
}

.video-module__full {
    display: none
}

.video-module__clip {
    display: flex;
    pointer-events: none;
    overflow: hidden
}

.video-module__clip figure {
    margin: 0
}

.video-module__clip:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,.5);
    display: block;
    z-index: 1
}

.wistia--left,.wistia--right,.wistia--center {
    display: flex
}

.wistia--center {
    justify-content: center
}

.wistia--right {
    justify-content: flex-end
}

.wistia--left {
    justify-content: flex-start
}

.account-header {
    grid-column-start: 1;
    grid-column-end: -1;
    padding-top: 5.5rem;
    padding-bottom: 5.5rem
}

@media screen and (min-width: 48em) {
    .account-header {
        grid-column-start:2;
        grid-column-end: 12
    }
}

@media screen and (min-width: 48em) {
    .account-header {
        padding-top:6rem;
        padding-bottom: 6rem
    }
}

.account-title {
    margin-top: 0;
    margin-bottom: 0
}

.account-action-link {
    display: inline-block;
    margin-top: 1.5rem
}

.sign-in-password {
    position: relative
}

.sign-in-password .forgot-password-link {
    position: absolute;
    top: 0;
    right: 0
}

.account-address-block {
    border-top: 2px solid #dadada
}

.account-address-block:last-child {
    border-bottom: 2px solid #dadada
}

.account-address p {
    margin-top: 0;
    margin-bottom: 0
}

.product-page .product-page__image-details-wrapper {
    gap: 5.5rem
}

.product-page .product-details {
    position: sticky;
    top: 3rem
}

.product-page .product-form__price {
    color: #979797
}

.legal-page h1,.legal-page h2,.legal-page h3 {
    margin-top: 1em;
    margin-bottom: 1em;
    font-family: var(--ff);
    font-weight: var(--fw-bold);
    line-height: 1.125;
    letter-spacing: -0.2px
}

.legal-page h1 {
    font-size: 42px
}

.legal-page h2 {
    font-size: 36px
}

.legal-page h3 {
    font-size: 24px;
    font-weight: var(--fw-bold)
}

.legal-page__content {
    margin-top: 40px
}

@media screen and (min-width: 36em) {
    .legal-page h1 {
        font-size:56px
    }

    .legal-page h2 {
        font-size: 48px
    }

    .legal-page h3 {
        font-size: 28px
    }
}

body.Aviadrones.-marketo-template {
    height: auto !important;
    font-family: var(--ff)
}

body.Aviadrones.-marketo-template .header {
    background: #000 !important
}

body.Aviadrones.-marketo-template .section-hero {
    margin-top: 62px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    color: #fff
}

body.Aviadrones.-marketo-template .marketo-Aviadrones.-form input,body.Aviadrones.-marketo-template .marketo-Aviadrones.-form select {
    width: 100%;
    padding: 6px 6px;
    font-family: var(--ff);
    margin: 0 0 16px
}

body.Aviadrones.-marketo-template .marketo-Aviadrones.-form input[type=checkbox] {
    width: auto;
    float: left;
    margin-right: 12px
}

body.Aviadrones.-marketo-template .marketo-Aviadrones.-form .mktoButton {
    border-radius: 3px;
    user-select: none;
    cursor: pointer;
    font-size: 16px;
    line-height: 100%;
    text-decoration: none;
    letter-spacing: normal;
    background: #07f !important;
    padding: .4375rem 1.5rem !important;
    margin: 24px 0;
    color: #fff;
    border: none
}

body.Aviadrones.-marketo-template .mktoText {
    line-height: 1.8
}

body.Aviadrones.-marketo-template .mktoFieldWrap {
    position: relative
}

body.Aviadrones.-marketo-template .mktoError {
    font-size: 12px;
    position: absolute;
    top: 65px !important;
    bottom: auto !important;
    left: 6px !important;
    right: auto !important;
    color: red
}

body.Aviadrones.-marketo-template .mktoInvalid {
    border-color: red
}

body.Aviadrones.-marketo-template .form-wrap {
    border: 1px solid #dadce0;
    border-top: 5px solid #07f;
    padding: 20px
}

@media(min-width: 768px) {
    body.Aviadrones.-marketo-template .flex-left-col {
        flex-basis:58%
    }

    body.Aviadrones.-marketo-template .flex-right-col {
        flex-basis: 42%;
        padding-left: 50px
    }

    body.Aviadrones.-marketo-template .section-hero {
        margin-top: 114px;
        min-height: 290px
    }
}

.flight-school .type-h5 {
    font-size: 1rem
}

.flight-school__pagination .figure {
    margin-left: 0;
    margin-right: 0
}

.flight-school-logo {
    max-width: 25rem;
    width: 100%
}

.index-page-hero__background--flight-school {
    background: #01081a;
    background: linear-gradient(180deg, rgb(1, 8, 26) 0%, rgb(50, 78, 96) 100%)
}

.index-page-hero__background-episode {
    height: 39.75rem
}

.bg-image-macro {
    background-size: cover;
    background-position: center center
}

.Aviadrones.-image-wrapper {
    position: relative;
    overflow: hidden
}

.Aviadrones.-image-wrapper--rounded img {
    border-radius: var(--border-radius, 20px)
}

@media screen and (min-width: 48em) {
    .Aviadrones.-image-wrapper--rounded img {
        border-radius:var(--border-radius, 20px)
    }
}

.Aviadrones.-image-wrapper img {
    bottom: 0;
    height: 100%;
    left: 0;
    margin: 0;
    padding: 0;
    right: 0;
    top: 0;
    width: 100%;
    object-fit: cover;
    display: block;
    max-width: var(--image-max-width-mob, 100%)
}

@media screen and (min-width: 64em) {
    .Aviadrones.-image-wrapper img {
        max-width:var(--image-max-width, 100%)
    }
}

.product-specs__container:not(:last-child) {
    margin-bottom: 2rem
}

.product-specs__header {
    margin-bottom: 0
}

.product-specs__block {
    border-top: none
}

.product-specs__block:not(:last-child) {
    margin-bottom: 0
}

.product-specs__block:last-child {
    border-bottom: 1px solid #dadada
}

.expand-button {
    border-top: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: none;
    border-top: 1px solid #dadada;
    width: 100%;
    padding: 2rem 0;
    cursor: pointer;
    text-align: left;
    background-color: rgba(0,0,0,0);
    color: inherit
}

.expand-button::after {
    content: "+";
    font-family: var(--ff);
    font-size: 3rem;
    font-weight: 100
}

.expand-button.active::after {
    content: "-"
}

.product-specs__content {
    max-height: 0
}

.product-specs__row {
    flex-direction: row;
    padding: 1rem;
    margin: 0
}

.product-specs__row .product-specs__label {
    flex-basis: 45%;
    padding-right: 1rem
}

.product-specs__row .type-new-body-small {
    flex-basis: 45%
}

@media screen and (min-width: 48em) {
    .product-specs__row {
        width:80%;
        margin-left: 20%
    }
}

.product-specs__row:nth-child(odd) {
    background: var(--ms-contrast-background-color, inherit);
    color: var(--ms-text-color, inherit)
}

.vjs-modal-dialog .vjs-modal-dialog-content,.video-js .vjs-modal-dialog,.vjs-button>.vjs-icon-placeholder:before,.video-js .vjs-big-play-button .vjs-icon-placeholder:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.vjs-button>.vjs-icon-placeholder:before,.video-js .vjs-big-play-button .vjs-icon-placeholder:before {
    text-align: center
}

@font-face {
    font-family: VideoJS;
    src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABDkAAsAAAAAG6gAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV3hY21hcAAAAYQAAADaAAADPv749/pnbHlmAAACYAAAC3AAABHQZg6OcWhlYWQAAA3QAAAAKwAAADYZw251aGhlYQAADfwAAAAdAAAAJA+RCLFobXR4AAAOHAAAABMAAACM744AAGxvY2EAAA4wAAAASAAAAEhF6kqubWF4cAAADngAAAAfAAAAIAE0AIFuYW1lAAAOmAAAASUAAAIK1cf1oHBvc3QAAA/AAAABJAAAAdPExYuNeJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGS7wTiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGJHcRdyA4RZgQRADK3CxEAAHic7dFZbsMgAEXRS0ycyZnnOeG7y+qC8pU1dHusIOXxuoxaOlwZYWQB0Aea4quIEN4E9LzKbKjzDeM6H/mua6Lmc/p8yhg0lvdYx15ZG8uOLQOGjMp3EzqmzJizYMmKNRu27Nhz4MiJMxeu3Ljz4Ekqm7T8P52G8PP3lnTOVk++Z6iN6QZzNN1F7ptuN7eGOjDUoaGODHVsuvU8MdTO9Hd5aqgzQ50b6sJQl4a6MtS1oW4MdWuoO0PdG+rBUI+GejLUs6FeDPVqqDdDvRvqw1CfhpqM9At0iFLaAAB4nJ1YDXBTVRZ+5/22TUlJ8we0pHlJm7RJf5O8F2j6EymlSPkpxaL8U2xpa3DKj0CBhc2IW4eWKSokIoLsuMqssM64f+jA4HSdWXXXscBq67IOs3FXZ1ZYWVyRFdo899yXtIBQZ90k7717zz3v3HPPOfd854YCCj9cL9dL0RQFOqCbGJnrHb5EayiKIWN8iA/hWBblo6hUWm8TtCDwE80WMJus/irwyxOdxeB0MDb14VNJHnXYoLLSl6FfCUYO9nYPTA8Epg9090LprfbBbZ2hY0UlJUXHQp3/vtWkS6EBv8+rPMq5u9692f/dNxJNiqwC1xPE9TCUgCsSdQWgE3XQD25lkG4CN2xmTcOXWBOyser6RN6KnGbKSbmQ3+d0OI1m2W8QzLLkI2sykrWAgJJEtA8vGGW/2Q+CmT3n8zS9wZwu2DCvtuZKZN3xkrLh36yCZuUomQSqGpY8t/25VfHVhw8z4ebGBtfLb0ya9PCaDc+8dGTvk2dsh6z7WzvowlXKUSWo9MJ15a3KrEP2loOr2Ojhw6iW6hf2BDdEccQvZGpaAy7YovSwq8kr7HGllxpd71rkS6G0Sf11sl9OvMK1+jwPPODxjUwkOim9CU3ix1wNjXDfmJSEn618Bs6lpWwUpU+8PCqLMY650zjq8VhCIP17NEKTx3eaLL+s5Pi6yJWaWjTHLR1jYzPSV9VF/6Ojdb/1kO3Mk3uhHC0x6gc1BjlKQ+nQFxTYdaJkZ7ySVxLBbhR1dsboNXp1tCYKW2LRaEzpYcIx2BKNxaL0ZaUnSqfFoiNhHKR/GkX6PWUSAaJelQaqZL1EpoHNsajSEyPSoJ9IjhIxTdjHLmwZvhRDOiFTY/YeQnvrVZmiTQtGncECXtFTBZLOVwwMRgoXHAkXzMzPn1nAJJ8jYSbMDaqN2waGLzNhih/bZynUBMpIWSg7VYi7DRx2m8ALkIdRCJwI6ArJx2EI8kaDWeTQKeAFk9fjl/1AvwktjQ1P7NjyMGQyfd4vjipX6M/i52D7Cq80kqlcxEcGXRr/FEcgs0u5uGgB4VWuMFfpdn2Re6Hi3PqzmxWKsz6+ae2Pn9hXXw/fqM859UiGC0oKYYILJBqJrsn1Z1E5qOs9rQCiUQRREjm8yJcbHF5cUJufX1vAHlefw0XgUoboS3ETfQlTxBC4SOtuE8VPRJTBSCQSjZCpk7Gqzu+masaZ2y7Zjehho4F3g82BNDkAHpORG4+OCS+f6JTPmtRn/PH1kch6d04sp7AQb25aQ/pqUyXeQ8vrebG8OYQdXOQ+585u0sdW9rqalzRURiJ+9F4MweRFrKUjl1GUYhH1A27WOHw5cTFSFPMo9EeUIGnQTZHIaJ7AHLaOKsOODaNF9jkBjYG2QEsQ2xjMUAx2bBEbeTBWMHwskBjngq56S/yfgkBnWBa4K9sqKtq2t1UI8S9He5XuBRbawAdatrQEAi30Aks2+LM8WeCbalVZkWNylvJ+dqJnzVb+OHlSoKW8nPCP7Rd+CcZ2DdWAGqJ2CBFOphgywFFCFBNtfAbGtNPBCwxvygHeYMZMY9ZboBqwq/pVrsbgN5tkv152ODlbMfiqwGMBgxa4Exz3QhovRIUp6acqZmQzRq0ypDXS2TPLT02YIkQETnOE445oOGxOmXAqUJNNG7XgupMjPq2ua9asrj5yY/yuKteO1Kx0YNJTufrirLe1mZnat7OL6rnUdCWenpW6I8mAnbsY8KWs1PuSovCW9A/Z25PQ24a7cNOqgmTkLmBMgh4THgc4b9k2IVv1/g/F5nGljwPLfOgHAzJzh45V/4+WenTzmMtR5Z7us2Tys909UHqrPY7KbckoxRvRHhmVc3cJGE97uml0R1S0jdULVl7EvZtDFVBF35N9cEdjpgmAiOlFZ+Dtoh93+D3zzHr8RRNZQhnCNMNbcegOvpEwZoL+06cJQ07h+th3fZ/7PVbVC6ngTAV/KoLFuO6+2KFcU651gEb5ugPSIb1D+Xp8V4+k3sEIGnw5mYe4If4k1lFYr6SCzmM2EQ8iWtmwjnBI9kTwe1TlfAmXh7H02by9fW2gsjKwtv0aaURKil4OdV7rDL1MXIFNrhdxohcZXYTnq47WisrKitaObbf5+yvkLi5J6lCNZZ+B6GC38VNBZBDidSS/+mSvh6s+srgC8pyKMvDtt+de3c9fU76ZPfuM8ud4Kv0fyP/LqfepMT/3oZxSqpZaTa1DaQYLY8TFsHYbWYsPoRhRWfL5eSSQbhUGgGC3YLbVMk6PitTFNGpAsNrC6D1VNBKgBHMejaiuRWEWGgsSDBTJjqWIl8kJLlsaLJ2tXDr6xGfT85bM2Q06a46x2HTgvdnV8z5YDy/27J4zt6x2VtkzjoYpkq36kaBr4eQSg7tyiVweWubXZugtadl58ydapfbORfKsDTuZ0OBgx4cfdjCf5tbWNITnL120fdOi1RV1C3uKGzNdwYLcMvZ3BxoPyTOCD1XvXTp7U10gWCVmTV9b3r2z0SkGWovb2hp9I89O8a2smlyaO8muMU+dRmtzp60IzAoFpjLr1n388boLyf0dRvxhsHZ0qbWqDkwqvvpkj4l0fY6EIXRi5sQSrAvsVYwXRy4qJ2EVtD1AN7a0HWth9ymvL1xc3WTUKK/TAHA/bXDVtVWfOMfuGxGZv4Ln/jVr9jc3j1yMv0tndmyt9Vq88Y9gH1wtLX3KWjot5++jWHgAoZZkQ14wGQ20Fli71UmKJAy4xKMSTGbVdybW7FDDAut9XpD5AzWrYO7zQ8qffqF8+Ynd/clrHcdyxGy3a/3+mfNnzC/cBsveTjnTvXf1o6vzOlZw7WtqtdmPK/Errz/6NNtD72zmNOZfbmYdTGHfoofqI79Oc+R2n1lrnL6pOm0Up7kwxhTW12Amm7WYkXR2qYrF2AmgmbAsxZjwy1xpg/m1Je2vrp8v/nz2xpmlBg4E9hrMU341wVpTOh/OfmGvAnra8q6uctr60ZQHV3Q+WMQJykMj8ZsWn2QBOmmHMB+m5pDIpTFonYigiaKAhGEiAHF7EliVnQkjoLVIMPtJpBKHYd3A8GYH9jJzrWwmHx5Qjp7vDAX0suGRym1vtm/9W1/HyR8vczfMs6Sk8DSv855/5dlX9oQq52hT8syyp2rx5Id17IAyAM3wIjQPMOHzytEB64q6D5zT91yNbnx3V/nqnd017S9Y0605k3izoXLpsxde2n38yoOV9s1LcjwzNjbdX6asnBVaBj/6/DwKwPkpcqbDG7BnsXoSqWnUAmottYF6jMSdVyYZh3zVXCjwTiwwHH6sGuRiEHQGzuRX6whZkp123oy1BWE2mEfJ/tvIRtM4ZM5bDXiMsPMaAKOTyc5uL57rqyyc5y5JE5pm1i2S2iUX0CcaQ6lC6Zog7JqSqZmYlosl2K6pwNA84zRnQW6SaALYZQGW5lhCtU/W34N6o+bKfZ8cf3/Cl/+iTX3wBzpOY4mRkeNf3rptycGSshQWgGbYt5jFc2e0+DglIrwl6DVWQ7BuwaJ3Xk1J4VL5urnLl/Wf+gHU/hZoZdKNym6lG+I34FaNeZKcSpJIo2IeCVvpdsDGfKvzJnAwmeD37Ow65ZWwSowpgwX5T69s/rB55dP5BcpgDKFV8p7q2sn/1uc93bVzT/w6UrCqDTWvfCq/oCD/qZXNoUj8BL5Kp6GU017frfNXkAtiiyf/SOCEeLqnd8R/Ql9GlCRfctS6k5chvIBuQ1zCCjoCHL2DHNHIXxMJ3kQeO8lbsUXONeSfA5EjcG6/E+KdhN4bP04vBhdi883+BFBzQbxFbvZzQeY9LNBZc0FNfn5NwfDn6rCTnTw6R8o+gfpf5hCom33cRuiTlss3KHmZjD+BPN+5gXuA2ziS/Q73mLxUkpbKN/eqwz5uK0X9F3h2d1V4nGNgZGBgAOJd776+iue3+crAzc4AAje5Bfcg0xz9YHEOBiYQBQA8FQlFAHicY2BkYGBnAAGOPgaG//85+hkYGVCBMgBGGwNYAAAAeJxjYGBgYB8EmKOPgQEAQ04BfgAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAcICGAJYArQC4AMwA7AD3gQwBJYE3AUkBWYFigYgBmYGtAbqB1gIEghYCG4IhAi2COh4nGNgZGBgUGYoZWBnAAEmIOYCQgaG/2A+AwAYCQG2AHicXZBNaoNAGIZfE5PQCKFQ2lUps2oXBfOzzAESyDKBQJdGR2NQR3QSSE/QE/QEPUUPUHqsvsrXjTMw83zPvPMNCuAWP3DQDAejdm1GjzwS7pMmwi75XngAD4/CQ/oX4TFe4Qt7uMMbOzjuDc0EmXCP/C7cJ38Iu+RP4QEe8CU8pP8WHmOPX2EPz87TPo202ey2OjlnQSXV/6arOjWFmvszMWtd6CqwOlKHq6ovycLaWMWVydXKFFZnmVFlZU46tP7R2nI5ncbi/dDkfDtFBA2DDXbYkhKc+V0Bqs5Zt9JM1HQGBRTm/EezTmZNKtpcAMs9Yu6AK9caF76zoLWIWcfMGOSkVduvSWechqZsz040Ib2PY3urxBJTzriT95lipz+TN1fmAAAAeJxtkMl2wjAMRfOAhABlKm2h80C3+ajgCKKDY6cegP59TYBzukAL+z1Zsq8ctaJTTKPrsUQLbXQQI0EXKXroY4AbDDHCGBNMcYsZ7nCPB8yxwCOe8IwXvOIN7/jAJ76wxHfUqWX+OzgumWAjJMV17i0Ndlr6irLKO+qftdT7i6y4uFSUvCknay+lFYZIZaQcmfH/xIFdYn98bqhra1aKTM/6lWMnyaYirx1rFUQZFBkb2zJUtoXeJCeg0WnLtHeSFc3OtrnozNwqi0TkSpBMDB1nSde5oJXW23hTS2/T0LilglXX7dmFVxLnq5U0vYATHFk3zX3BOisoQHNDFDeZnqKDy9hRNawN7Vh727hFzcJ5c8TILrKZfH7tIPxAFP0BpLeJPA==) format("woff");
    font-weight: normal;
    font-style: normal
}

.vjs-icon-play,.video-js .vjs-play-control .vjs-icon-placeholder,.video-js .vjs-big-play-button .vjs-icon-placeholder:before {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-play:before,.video-js .vjs-play-control .vjs-icon-placeholder:before,.video-js .vjs-big-play-button .vjs-icon-placeholder:before {
    content: ""
}

.vjs-icon-play-circle {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-play-circle:before {
    content: ""
}

.vjs-icon-pause,.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-pause:before,.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before {
    content: ""
}

.vjs-icon-volume-mute,.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-volume-mute:before,.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before {
    content: ""
}

.vjs-icon-volume-low,.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-volume-low:before,.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before {
    content: ""
}

.vjs-icon-volume-mid,.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-volume-mid:before,.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before {
    content: ""
}

.vjs-icon-volume-high,.video-js .vjs-mute-control .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-volume-high:before,.video-js .vjs-mute-control .vjs-icon-placeholder:before {
    content: ""
}

.vjs-icon-fullscreen-enter,.video-js .vjs-fullscreen-control .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-fullscreen-enter:before,.video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {
    content: ""
}

.vjs-icon-fullscreen-exit,.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-fullscreen-exit:before,.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before {
    content: ""
}

.vjs-icon-square {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-square:before {
    content: ""
}

.vjs-icon-spinner {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-spinner:before {
    content: ""
}

.vjs-icon-subtitles,.video-js .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js .vjs-subtitles-button .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-subtitles:before,.video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js .vjs-subtitles-button .vjs-icon-placeholder:before {
    content: ""
}

.vjs-icon-captions,.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js .vjs-captions-button .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-captions:before,.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js .vjs-captions-button .vjs-icon-placeholder:before {
    content: ""
}

.vjs-icon-chapters,.video-js .vjs-chapters-button .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-chapters:before,.video-js .vjs-chapters-button .vjs-icon-placeholder:before {
    content: ""
}

.vjs-icon-share {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-share:before {
    content: ""
}

.vjs-icon-cog {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-cog:before {
    content: ""
}

.vjs-icon-circle,.vjs-seek-to-live-control .vjs-icon-placeholder,.video-js .vjs-volume-level,.video-js .vjs-play-progress {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-circle:before,.vjs-seek-to-live-control .vjs-icon-placeholder:before,.video-js .vjs-volume-level:before,.video-js .vjs-play-progress:before {
    content: ""
}

.vjs-icon-circle-outline {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-circle-outline:before {
    content: ""
}

.vjs-icon-circle-inner-circle {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-circle-inner-circle:before {
    content: ""
}

.vjs-icon-hd {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-hd:before {
    content: ""
}

.vjs-icon-cancel,.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-cancel:before,.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before {
    content: ""
}

.vjs-icon-replay,.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-replay:before,.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before {
    content: ""
}

.vjs-icon-facebook {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-facebook:before {
    content: ""
}

.vjs-icon-gplus {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-gplus:before {
    content: ""
}

.vjs-icon-linkedin {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-linkedin:before {
    content: ""
}

.vjs-icon-twitter {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-twitter:before {
    content: ""
}

.vjs-icon-tumblr {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-tumblr:before {
    content: ""
}

.vjs-icon-pinterest {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-pinterest:before {
    content: ""
}

.vjs-icon-audio-description,.video-js .vjs-descriptions-button .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-audio-description:before,.video-js .vjs-descriptions-button .vjs-icon-placeholder:before {
    content: ""
}

.vjs-icon-audio,.video-js .vjs-audio-button .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-audio:before,.video-js .vjs-audio-button .vjs-icon-placeholder:before {
    content: ""
}

.vjs-icon-next-item {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-next-item:before {
    content: ""
}

.vjs-icon-previous-item {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-previous-item:before {
    content: ""
}

.vjs-icon-picture-in-picture-enter,.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-picture-in-picture-enter:before,.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
    content: ""
}

.vjs-icon-picture-in-picture-exit,.video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal
}

.vjs-icon-picture-in-picture-exit:before,.video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
    content: ""
}

.video-js {
    display: block;
    vertical-align: top;
    box-sizing: border-box;
    color: #fff;
    background-color: #000;
    position: relative;
    padding: 0;
    font-size: 10px;
    line-height: 1;
    font-weight: normal;
    font-style: normal;
    font-family: Arial,Helvetica,sans-serif;
    word-break: initial
}

.video-js:-moz-full-screen {
    position: absolute
}

.video-js:-webkit-full-screen {
    width: 100% !important;
    height: 100% !important
}

.video-js[tabindex="-1"] {
    outline: none
}

.video-js *,.video-js *:before,.video-js *:after {
    box-sizing: inherit
}

.video-js ul {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    list-style-position: outside;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 0
}

.video-js.vjs-fluid,.video-js.vjs-16-9,.video-js.vjs-4-3,.video-js.vjs-9-16,.video-js.vjs-1-1 {
    width: 100%;
    max-width: 100%
}

.video-js.vjs-fluid:not(.vjs-audio-only-mode),.video-js.vjs-16-9:not(.vjs-audio-only-mode),.video-js.vjs-4-3:not(.vjs-audio-only-mode),.video-js.vjs-9-16:not(.vjs-audio-only-mode),.video-js.vjs-1-1:not(.vjs-audio-only-mode) {
    height: 0
}

.video-js.vjs-16-9:not(.vjs-audio-only-mode) {
    padding-top: 56.25%
}

.video-js.vjs-4-3:not(.vjs-audio-only-mode) {
    padding-top: 75%
}

.video-js.vjs-9-16:not(.vjs-audio-only-mode) {
    padding-top: 177.7777777778%
}

.video-js.vjs-1-1:not(.vjs-audio-only-mode) {
    padding-top: 100%
}

.video-js.vjs-fill:not(.vjs-audio-only-mode) {
    width: 100%;
    height: 100%
}

.video-js .vjs-tech {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.video-js.vjs-audio-only-mode .vjs-tech {
    display: none
}

body.vjs-full-window {
    padding: 0;
    margin: 0;
    height: 100%
}

.vjs-full-window .video-js.vjs-fullscreen {
    position: fixed;
    overflow: hidden;
    z-index: 1000;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0
}

.video-js.vjs-fullscreen:not(.vjs-ios-native-fs) {
    width: 100% !important;
    height: 100% !important;
    padding-top: 0 !important
}

.video-js.vjs-fullscreen.vjs-user-inactive {
    cursor: none
}

.vjs-hidden {
    display: none !important
}

.vjs-disabled {
    opacity: .5;
    cursor: default
}

.video-js .vjs-offscreen {
    height: 1px;
    left: -9999px;
    position: absolute;
    top: 0;
    width: 1px
}

.vjs-lock-showing {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important
}

.vjs-no-js {
    padding: 20px;
    color: #fff;
    background-color: #000;
    font-size: 18px;
    font-family: Arial,Helvetica,sans-serif;
    text-align: center;
    width: 300px;
    height: 150px;
    margin: 0px auto
}

.vjs-no-js a,.vjs-no-js a:visited {
    color: #66a8cc
}

.video-js .vjs-big-play-button {
    font-size: 3em;
    line-height: 1.5em;
    height: 1.63332em;
    width: 3em;
    display: block;
    position: absolute;
    top: 10px;
    left: 10px;
    padding: 0;
    cursor: pointer;
    opacity: 1;
    border: .06666em solid #fff;
    background-color: #2b333f;
    background-color: rgba(43, 51, 63, 0.7);
    -webkit-border-radius: .3em;
    -moz-border-radius: .3em;
    border-radius: .3em;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s
}

.vjs-big-play-centered .vjs-big-play-button {
    top: 50%;
    left: 50%;
    margin-top: -0.81666em;
    margin-left: -1.5em
}

.video-js:hover .vjs-big-play-button,.video-js .vjs-big-play-button:focus {
    border-color: #fff;
    background-color: #73859f;
    background-color: rgba(115, 133, 159, 0.5);
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    -ms-transition: all 0s;
    -o-transition: all 0s;
    transition: all 0s
}

.vjs-controls-disabled .vjs-big-play-button,.vjs-has-started .vjs-big-play-button,.vjs-using-native-controls .vjs-big-play-button,.vjs-error .vjs-big-play-button {
    display: none
}

.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button {
    display: block
}

.video-js button {
    background: none;
    border: none;
    color: inherit;
    display: inline-block;
    font-size: inherit;
    line-height: inherit;
    text-transform: none;
    text-decoration: none;
    transition: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.vjs-control .vjs-button {
    width: 100%;
    height: 100%
}

.video-js .vjs-control.vjs-close-button {
    cursor: pointer;
    height: 3em;
    position: absolute;
    right: 0;
    top: .5em;
    z-index: 2
}

.video-js .vjs-modal-dialog {
    background: rgba(0, 0, 0, 0.8);
    background: -webkit-linear-gradient(-90deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
    overflow: auto
}

.video-js .vjs-modal-dialog>* {
    box-sizing: border-box
}

.vjs-modal-dialog .vjs-modal-dialog-content {
    font-size: 1.2em;
    line-height: 1.5;
    padding: 20px 24px;
    z-index: 1
}

.vjs-menu-button {
    cursor: pointer
}

.vjs-menu-button.vjs-disabled {
    cursor: default
}

.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
    display: none
}

.vjs-menu .vjs-menu-content {
    display: block;
    padding: 0;
    margin: 0;
    font-family: Arial,Helvetica,sans-serif;
    overflow: auto
}

.vjs-menu .vjs-menu-content>* {
    box-sizing: border-box
}

.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu {
    display: none
}

.vjs-menu li {
    list-style: none;
    margin: 0;
    padding: .2em 0;
    line-height: 1.4em;
    font-size: 1.2em;
    text-align: center;
    text-transform: lowercase
}

.vjs-menu li.vjs-menu-item:focus,.vjs-menu li.vjs-menu-item:hover,.js-focus-visible .vjs-menu li.vjs-menu-item:hover {
    background-color: #73859f;
    background-color: rgba(115, 133, 159, 0.5)
}

.vjs-menu li.vjs-selected,.vjs-menu li.vjs-selected:focus,.vjs-menu li.vjs-selected:hover,.js-focus-visible .vjs-menu li.vjs-selected:hover {
    background-color: #fff;
    color: #2b333f
}

.video-js .vjs-menu *:not(.vjs-selected):focus:not(:focus-visible),.js-focus-visible .vjs-menu *:not(.vjs-selected):focus:not(.focus-visible) {
    background: none
}

.vjs-menu li.vjs-menu-title {
    text-align: center;
    text-transform: uppercase;
    font-size: 1em;
    line-height: 2em;
    padding: 0;
    margin: 0 0 .3em 0;
    font-weight: bold;
    cursor: default
}

.vjs-menu-button-popup .vjs-menu {
    display: none;
    position: absolute;
    bottom: 0;
    width: 10em;
    left: -3em;
    height: 0em;
    margin-bottom: 1.5em;
    border-top-color: rgba(43, 51, 63, 0.7)
}

.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    background-color: #2b333f;
    background-color: rgba(43, 51, 63, 0.7);
    position: absolute;
    width: 100%;
    bottom: 1.5em;
    max-height: 15em
}

.vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content,.vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    max-height: 5em
}

.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    max-height: 10em
}

.vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    max-height: 14em
}

.vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,.vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,.vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    max-height: 25em
}

.vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu,.vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
    display: block
}

.video-js .vjs-menu-button-inline {
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    overflow: hidden
}

.video-js .vjs-menu-button-inline:before {
    width: 2.222222222em
}

.video-js .vjs-menu-button-inline:hover,.video-js .vjs-menu-button-inline:focus,.video-js .vjs-menu-button-inline.vjs-slider-active,.video-js.vjs-no-flex .vjs-menu-button-inline {
    width: 12em
}

.vjs-menu-button-inline .vjs-menu {
    opacity: 0;
    height: 100%;
    width: auto;
    position: absolute;
    left: 4em;
    top: 0;
    padding: 0;
    margin: 0;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s
}

.vjs-menu-button-inline:hover .vjs-menu,.vjs-menu-button-inline:focus .vjs-menu,.vjs-menu-button-inline.vjs-slider-active .vjs-menu {
    display: block;
    opacity: 1
}

.vjs-no-flex .vjs-menu-button-inline .vjs-menu {
    display: block;
    opacity: 1;
    position: relative;
    width: auto
}

.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu,.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu {
    width: auto
}

.vjs-menu-button-inline .vjs-menu-content {
    width: auto;
    height: 100%;
    margin: 0;
    overflow: hidden
}

.video-js .vjs-control-bar {
    display: none;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3em;
    background-color: #2b333f;
    background-color: rgba(43, 51, 63, 0.7)
}

.vjs-has-started .vjs-control-bar,.vjs-audio-only-mode .vjs-control-bar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    visibility: visible;
    opacity: 1;
    -webkit-transition: visibility .1s,opacity .1s;
    -moz-transition: visibility .1s,opacity .1s;
    -ms-transition: visibility .1s,opacity .1s;
    -o-transition: visibility .1s,opacity .1s;
    transition: visibility .1s,opacity .1s
}

.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
    visibility: visible;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: visibility 1s,opacity 1s;
    -moz-transition: visibility 1s,opacity 1s;
    -ms-transition: visibility 1s,opacity 1s;
    -o-transition: visibility 1s,opacity 1s;
    transition: visibility 1s,opacity 1s
}

.vjs-controls-disabled .vjs-control-bar,.vjs-using-native-controls .vjs-control-bar,.vjs-error .vjs-control-bar {
    display: none !important
}

.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar,.vjs-audio-only-mode.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
    opacity: 1;
    visibility: visible;
    pointer-events: auto
}

.vjs-has-started.vjs-no-flex .vjs-control-bar {
    display: table
}

.video-js .vjs-control {
    position: relative;
    text-align: center;
    margin: 0;
    padding: 0;
    height: 100%;
    width: 4em;
    -webkit-box-flex: none;
    -moz-box-flex: none;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}

.video-js .vjs-control.vjs-visible-text {
    width: auto;
    padding-left: 1em;
    padding-right: 1em
}

.vjs-button>.vjs-icon-placeholder:before {
    font-size: 1.8em;
    line-height: 1.67
}

.vjs-button>.vjs-icon-placeholder {
    display: block
}

.video-js .vjs-control:focus:before,.video-js .vjs-control:hover:before,.video-js .vjs-control:focus {
    text-shadow: 0em 0em 1em #fff
}

.video-js *:not(.vjs-visible-text)>.vjs-control-text {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.vjs-no-flex .vjs-control {
    display: table-cell;
    vertical-align: middle
}

.video-js .vjs-custom-control-spacer {
    display: none
}

.video-js .vjs-progress-control {
    cursor: pointer;
    -webkit-box-flex: auto;
    -moz-box-flex: auto;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 4em;
    touch-action: none
}

.video-js .vjs-progress-control.disabled {
    cursor: default
}

.vjs-live .vjs-progress-control {
    display: none
}

.vjs-liveui .vjs-progress-control {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.vjs-no-flex .vjs-progress-control {
    width: auto
}

.video-js .vjs-progress-holder {
    -webkit-box-flex: auto;
    -moz-box-flex: auto;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    height: .3em
}

.video-js .vjs-progress-control .vjs-progress-holder {
    margin: 0 10px
}

.video-js .vjs-progress-control:hover .vjs-progress-holder {
    font-size: 1.6666666667em
}

.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
    font-size: 1em
}

.video-js .vjs-progress-holder .vjs-play-progress,.video-js .vjs-progress-holder .vjs-load-progress,.video-js .vjs-progress-holder .vjs-load-progress div {
    position: absolute;
    display: block;
    height: 100%;
    margin: 0;
    padding: 0;
    width: 0
}

.video-js .vjs-play-progress {
    background-color: #fff
}

.video-js .vjs-play-progress:before {
    font-size: .9em;
    position: absolute;
    right: -0.5em;
    top: -0.3333333333em;
    z-index: 1
}

.video-js .vjs-load-progress {
    background: rgba(115, 133, 159, 0.5)
}

.video-js .vjs-load-progress div {
    background: rgba(115, 133, 159, 0.75)
}

.video-js .vjs-time-tooltip {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.8);
    -webkit-border-radius: .3em;
    -moz-border-radius: .3em;
    border-radius: .3em;
    color: #000;
    float: right;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1em;
    padding: 6px 8px 8px 8px;
    pointer-events: none;
    position: absolute;
    top: -3.4em;
    visibility: hidden;
    z-index: 1
}

.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
    display: none
}

.video-js .vjs-progress-control:hover .vjs-time-tooltip,.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip {
    display: block;
    font-size: .6em;
    visibility: visible
}

.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
    font-size: 1em
}

.video-js .vjs-progress-control .vjs-mouse-display {
    display: none;
    position: absolute;
    width: 1px;
    height: 100%;
    background-color: #000;
    z-index: 1
}

.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
    z-index: 0
}

.video-js .vjs-progress-control:hover .vjs-mouse-display {
    display: block
}

.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility 1s,opacity 1s;
    -moz-transition: visibility 1s,opacity 1s;
    -ms-transition: visibility 1s,opacity 1s;
    -o-transition: visibility 1s,opacity 1s;
    transition: visibility 1s,opacity 1s
}

.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
    display: none
}

.vjs-mouse-display .vjs-time-tooltip {
    color: #fff;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.8)
}

.video-js .vjs-slider {
    position: relative;
    cursor: pointer;
    padding: 0;
    margin: 0 .45em 0 .45em;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #73859f;
    background-color: rgba(115, 133, 159, 0.5)
}

.video-js .vjs-slider.disabled {
    cursor: default
}

.video-js .vjs-slider:focus {
    text-shadow: 0em 0em 1em #fff;
    -webkit-box-shadow: 0 0 1em #fff;
    -moz-box-shadow: 0 0 1em #fff;
    box-shadow: 0 0 1em #fff
}

.video-js .vjs-mute-control {
    cursor: pointer;
    -webkit-box-flex: none;
    -moz-box-flex: none;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}

.video-js .vjs-volume-control {
    cursor: pointer;
    margin-right: 1em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.video-js .vjs-volume-control.vjs-volume-horizontal {
    width: 5em
}

.video-js .vjs-volume-panel .vjs-volume-control {
    visibility: visible;
    opacity: 0;
    width: 1px;
    height: 1px;
    margin-left: -1px
}

.video-js .vjs-volume-panel {
    -webkit-transition: width 1s;
    -moz-transition: width 1s;
    -ms-transition: width 1s;
    -o-transition: width 1s;
    transition: width 1s
}

.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control,.video-js .vjs-volume-panel:active .vjs-volume-control,.video-js .vjs-volume-panel:focus .vjs-volume-control,.video-js .vjs-volume-panel .vjs-volume-control:active,.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control,.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active {
    visibility: visible;
    opacity: 1;
    position: relative;
    -webkit-transition: visibility .1s,opacity .1s,height .1s,width .1s,left 0s,top 0s;
    -moz-transition: visibility .1s,opacity .1s,height .1s,width .1s,left 0s,top 0s;
    -ms-transition: visibility .1s,opacity .1s,height .1s,width .1s,left 0s,top 0s;
    -o-transition: visibility .1s,opacity .1s,height .1s,width .1s,left 0s,top 0s;
    transition: visibility .1s,opacity .1s,height .1s,width .1s,left 0s,top 0s
}

.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal {
    width: 5em;
    height: 3em;
    margin-right: 0
}

.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical,.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical,.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical,.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical,.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control.vjs-volume-vertical,.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical {
    left: -3.5em;
    -webkit-transition: left 0s;
    -moz-transition: left 0s;
    -ms-transition: left 0s;
    -o-transition: left 0s;
    transition: left 0s
}

.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
    width: 10em;
    -webkit-transition: width .1s;
    -moz-transition: width .1s;
    -ms-transition: width .1s;
    -o-transition: width .1s;
    transition: width .1s
}

.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
    width: 4em
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
    height: 8em;
    width: 3em;
    left: -3000em;
    -webkit-transition: visibility 1s,opacity 1s,height 1s 1s,width 1s 1s,left 1s 1s,top 1s 1s;
    -moz-transition: visibility 1s,opacity 1s,height 1s 1s,width 1s 1s,left 1s 1s,top 1s 1s;
    -ms-transition: visibility 1s,opacity 1s,height 1s 1s,width 1s 1s,left 1s 1s,top 1s 1s;
    -o-transition: visibility 1s,opacity 1s,height 1s 1s,width 1s 1s,left 1s 1s,top 1s 1s;
    transition: visibility 1s,opacity 1s,height 1s 1s,width 1s 1s,left 1s 1s,top 1s 1s
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
    -webkit-transition: visibility 1s,opacity 1s,height 1s 1s,width 1s,left 1s 1s,top 1s 1s;
    -moz-transition: visibility 1s,opacity 1s,height 1s 1s,width 1s,left 1s 1s,top 1s 1s;
    -ms-transition: visibility 1s,opacity 1s,height 1s 1s,width 1s,left 1s 1s,top 1s 1s;
    -o-transition: visibility 1s,opacity 1s,height 1s 1s,width 1s,left 1s 1s,top 1s 1s;
    transition: visibility 1s,opacity 1s,height 1s 1s,width 1s,left 1s 1s,top 1s 1s
}

.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
    width: 5em;
    height: 3em;
    visibility: visible;
    opacity: 1;
    position: relative;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none
}

.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
    position: absolute;
    bottom: 3em;
    left: .5em
}

.video-js .vjs-volume-panel {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.video-js .vjs-volume-bar {
    margin: 1.35em .45em
}

.vjs-volume-bar.vjs-slider-horizontal {
    width: 5em;
    height: .3em
}

.vjs-volume-bar.vjs-slider-vertical {
    width: .3em;
    height: 5em;
    margin: 1.35em auto
}

.video-js .vjs-volume-level {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #fff
}

.video-js .vjs-volume-level:before {
    position: absolute;
    font-size: .9em;
    z-index: 1
}

.vjs-slider-vertical .vjs-volume-level {
    width: .3em
}

.vjs-slider-vertical .vjs-volume-level:before {
    top: -0.5em;
    left: -0.3em;
    z-index: 1
}

.vjs-slider-horizontal .vjs-volume-level {
    height: .3em
}

.vjs-slider-horizontal .vjs-volume-level:before {
    top: -0.3em;
    right: -0.5em
}

.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
    width: 4em
}

.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
    height: 100%
}

.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
    width: 100%
}

.video-js .vjs-volume-vertical {
    width: 3em;
    height: 8em;
    bottom: 8em;
    background-color: #2b333f;
    background-color: rgba(43, 51, 63, 0.7)
}

.video-js .vjs-volume-horizontal .vjs-menu {
    left: -2em
}

.video-js .vjs-volume-tooltip {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.8);
    -webkit-border-radius: .3em;
    -moz-border-radius: .3em;
    border-radius: .3em;
    color: #000;
    float: right;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1em;
    padding: 6px 8px 8px 8px;
    pointer-events: none;
    position: absolute;
    top: -3.4em;
    visibility: hidden;
    z-index: 1
}

.video-js .vjs-volume-control:hover .vjs-volume-tooltip,.video-js .vjs-volume-control:hover .vjs-progress-holder:focus .vjs-volume-tooltip {
    display: block;
    font-size: 1em;
    visibility: visible
}

.video-js .vjs-volume-vertical:hover .vjs-volume-tooltip,.video-js .vjs-volume-vertical:hover .vjs-progress-holder:focus .vjs-volume-tooltip {
    left: 1em;
    top: -12px
}

.video-js .vjs-volume-control.disabled:hover .vjs-volume-tooltip {
    font-size: 1em
}

.video-js .vjs-volume-control .vjs-mouse-display {
    display: none;
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #000;
    z-index: 1
}

.video-js .vjs-volume-horizontal .vjs-mouse-display {
    width: 1px;
    height: 100%
}

.vjs-no-flex .vjs-volume-control .vjs-mouse-display {
    z-index: 0
}

.video-js .vjs-volume-control:hover .vjs-mouse-display {
    display: block
}

.video-js.vjs-user-inactive .vjs-volume-control .vjs-mouse-display {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility 1s,opacity 1s;
    -moz-transition: visibility 1s,opacity 1s;
    -ms-transition: visibility 1s,opacity 1s;
    -o-transition: visibility 1s,opacity 1s;
    transition: visibility 1s,opacity 1s
}

.video-js.vjs-user-inactive.vjs-no-flex .vjs-volume-control .vjs-mouse-display {
    display: none
}

.vjs-mouse-display .vjs-volume-tooltip {
    color: #fff;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.8)
}

.vjs-poster {
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    background-color: #000;
    cursor: pointer;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%
}

.vjs-has-started .vjs-poster,.vjs-using-native-controls .vjs-poster {
    display: none
}

.vjs-audio.vjs-has-started .vjs-poster,.vjs-has-started.vjs-audio-poster-mode .vjs-poster {
    display: block
}

.video-js .vjs-live-control {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    -webkit-box-flex: auto;
    -moz-box-flex: auto;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
    font-size: 1em;
    line-height: 3em
}

.vjs-no-flex .vjs-live-control {
    display: table-cell;
    width: auto;
    text-align: left
}

.video-js:not(.vjs-live) .vjs-live-control,.video-js.vjs-liveui .vjs-live-control {
    display: none
}

.video-js .vjs-seek-to-live-control {
    align-items: center;
    cursor: pointer;
    -webkit-box-flex: none;
    -moz-box-flex: none;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    display: inline-flex;
    height: 100%;
    padding-left: .5em;
    padding-right: .5em;
    font-size: 1em;
    line-height: 3em;
    width: auto;
    min-width: 4em
}

.vjs-no-flex .vjs-seek-to-live-control {
    display: table-cell;
    width: auto;
    text-align: left
}

.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,.video-js:not(.vjs-live) .vjs-seek-to-live-control {
    display: none
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge {
    cursor: auto
}

.vjs-seek-to-live-control .vjs-icon-placeholder {
    margin-right: .5em;
    color: #888
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder {
    color: red
}

.video-js .vjs-time-control {
    -webkit-box-flex: none;
    -moz-box-flex: none;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    font-size: 1em;
    line-height: 3em;
    min-width: 2em;
    width: auto;
    padding-left: 1em;
    padding-right: 1em
}

.vjs-live .vjs-time-control {
    display: none
}

.video-js .vjs-current-time,.vjs-no-flex .vjs-current-time {
    display: none
}

.video-js .vjs-duration,.vjs-no-flex .vjs-duration {
    display: none
}

.vjs-time-divider {
    display: none;
    line-height: 3em
}

.vjs-live .vjs-time-divider {
    display: none
}

.video-js .vjs-play-control {
    cursor: pointer
}

.video-js .vjs-play-control .vjs-icon-placeholder {
    -webkit-box-flex: none;
    -moz-box-flex: none;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}

.vjs-text-track-display {
    position: absolute;
    bottom: 3em;
    left: 0;
    right: 0;
    top: 0;
    pointer-events: none
}

.video-js.vjs-controls-disabled .vjs-text-track-display,.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
    bottom: 1em
}

.video-js .vjs-text-track {
    font-size: 1.4em;
    text-align: center;
    margin-bottom: .1em
}

.vjs-subtitles {
    color: #fff
}

.vjs-captions {
    color: #fc6
}

.vjs-tt-cue {
    display: block
}

video::-webkit-media-text-track-display {
    -moz-transform: translateY(-3em);
    -ms-transform: translateY(-3em);
    -o-transform: translateY(-3em);
    -webkit-transform: translateY(-3em);
    transform: translateY(-3em)
}

.video-js.vjs-controls-disabled video::-webkit-media-text-track-display,.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
    -moz-transform: translateY(-1.5em);
    -ms-transform: translateY(-1.5em);
    -o-transform: translateY(-1.5em);
    -webkit-transform: translateY(-1.5em);
    transform: translateY(-1.5em)
}

.video-js .vjs-picture-in-picture-control {
    cursor: pointer;
    -webkit-box-flex: none;
    -moz-box-flex: none;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}

.video-js.vjs-audio-only-mode .vjs-picture-in-picture-control {
    display: none
}

.video-js .vjs-fullscreen-control {
    cursor: pointer;
    -webkit-box-flex: none;
    -moz-box-flex: none;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}

.video-js.vjs-audio-only-mode .vjs-fullscreen-control {
    display: none
}

.vjs-playback-rate>.vjs-menu-button,.vjs-playback-rate .vjs-playback-rate-value {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.vjs-playback-rate .vjs-playback-rate-value {
    pointer-events: none;
    font-size: 1.5em;
    line-height: 2;
    text-align: center
}

.vjs-playback-rate .vjs-menu {
    width: 4em;
    left: 0em
}

.vjs-error .vjs-error-display .vjs-modal-dialog-content {
    font-size: 1.4em;
    text-align: center
}

.vjs-error .vjs-error-display:before {
    color: #fff;
    content: "X";
    font-family: Arial,Helvetica,sans-serif;
    font-size: 4em;
    left: 0;
    line-height: 1;
    margin-top: -0.5em;
    position: absolute;
    text-shadow: .05em .05em .1em #000;
    text-align: center;
    top: 50%;
    vertical-align: middle;
    width: 100%
}

.vjs-loading-spinner {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: .85;
    text-align: left;
    border: 6px solid rgba(43, 51, 63, 0.7);
    box-sizing: border-box;
    background-clip: padding-box;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    visibility: hidden
}

.vjs-seeking .vjs-loading-spinner,.vjs-waiting .vjs-loading-spinner {
    display: block;
    animation: vjs-spinner-show 0s linear .3s forwards
}

.vjs-loading-spinner:before,.vjs-loading-spinner:after {
    content: "";
    position: absolute;
    margin: -6px;
    box-sizing: inherit;
    width: inherit;
    height: inherit;
    border-radius: inherit;
    opacity: 1;
    border: inherit;
    border-color: transparent;
    border-top-color: #fff
}

.vjs-seeking .vjs-loading-spinner:before,.vjs-seeking .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:after {
    -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite,vjs-spinner-fade 1.1s linear infinite;
    animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite,vjs-spinner-fade 1.1s linear infinite
}

.vjs-seeking .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:before {
    border-top-color: #fff
}

.vjs-seeking .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:after {
    border-top-color: #fff;
    -webkit-animation-delay: .44s;
    animation-delay: .44s
}

@keyframes vjs-spinner-show {
    to {
        visibility: visible
    }
}

@-webkit-keyframes vjs-spinner-show {
    to {
        visibility: visible
    }
}

@keyframes vjs-spinner-spin {
    100% {
        transform: rotate(360deg)
    }
}

@-webkit-keyframes vjs-spinner-spin {
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes vjs-spinner-fade {
    0% {
        border-top-color: #73859f
    }

    20% {
        border-top-color: #73859f
    }

    35% {
        border-top-color: #fff
    }

    60% {
        border-top-color: #73859f
    }

    100% {
        border-top-color: #73859f
    }
}

@-webkit-keyframes vjs-spinner-fade {
    0% {
        border-top-color: #73859f
    }

    20% {
        border-top-color: #73859f
    }

    35% {
        border-top-color: #fff
    }

    60% {
        border-top-color: #73859f
    }

    100% {
        border-top-color: #73859f
    }
}

.video-js.vjs-audio-only-mode .vjs-captions-button {
    display: none
}

.vjs-chapters-button .vjs-menu ul {
    width: 24em
}

.video-js.vjs-audio-only-mode .vjs-descriptions-button {
    display: none
}

.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
    vertical-align: middle;
    display: inline-block;
    margin-bottom: -0.1em
}

.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
    font-family: VideoJS;
    content: "";
    font-size: 1.5em;
    line-height: inherit
}

.video-js.vjs-audio-only-mode .vjs-subs-caps-button {
    display: none
}

.video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
    vertical-align: middle;
    display: inline-block;
    margin-bottom: -0.1em
}

.video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
    font-family: VideoJS;
    content: " ";
    font-size: 1.5em;
    line-height: inherit
}

.video-js.vjs-layout-small .vjs-current-time,.video-js.vjs-layout-small .vjs-time-divider,.video-js.vjs-layout-small .vjs-duration,.video-js.vjs-layout-small .vjs-remaining-time,.video-js.vjs-layout-small .vjs-playback-rate,.video-js.vjs-layout-small .vjs-volume-control,.video-js.vjs-layout-x-small .vjs-current-time,.video-js.vjs-layout-x-small .vjs-time-divider,.video-js.vjs-layout-x-small .vjs-duration,.video-js.vjs-layout-x-small .vjs-remaining-time,.video-js.vjs-layout-x-small .vjs-playback-rate,.video-js.vjs-layout-x-small .vjs-volume-control,.video-js.vjs-layout-tiny .vjs-current-time,.video-js.vjs-layout-tiny .vjs-time-divider,.video-js.vjs-layout-tiny .vjs-duration,.video-js.vjs-layout-tiny .vjs-remaining-time,.video-js.vjs-layout-tiny .vjs-playback-rate,.video-js.vjs-layout-tiny .vjs-volume-control {
    display: none
}

.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover,.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover {
    width: auto;
    width: initial
}

.video-js.vjs-layout-x-small .vjs-progress-control,.video-js.vjs-layout-tiny .vjs-progress-control {
    display: none
}

.video-js.vjs-layout-x-small .vjs-custom-control-spacer {
    -webkit-box-flex: auto;
    -moz-box-flex: auto;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
    display: block
}

.video-js.vjs-layout-x-small.vjs-no-flex .vjs-custom-control-spacer {
    width: auto
}

.vjs-modal-dialog.vjs-text-track-settings {
    background-color: #2b333f;
    background-color: rgba(43, 51, 63, 0.75);
    color: #fff;
    height: 70%
}

.vjs-text-track-settings .vjs-modal-dialog-content {
    display: table
}

.vjs-text-track-settings .vjs-track-settings-colors,.vjs-text-track-settings .vjs-track-settings-font,.vjs-text-track-settings .vjs-track-settings-controls {
    display: table-cell
}

.vjs-text-track-settings .vjs-track-settings-controls {
    text-align: right;
    vertical-align: bottom
}

@supports(display: grid) {
    .vjs-text-track-settings .vjs-modal-dialog-content {
        display:grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr;
        padding: 20px 24px 0px 24px
    }

    .vjs-track-settings-controls .vjs-default-button {
        margin-bottom: 20px
    }

    .vjs-text-track-settings .vjs-track-settings-controls {
        grid-column: 1/-1
    }

    .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,.vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content,.vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content {
        grid-template-columns: 1fr
    }
}

.vjs-track-setting>select {
    margin-right: 1em;
    margin-bottom: .5em
}

.vjs-text-track-settings fieldset {
    margin: 5px;
    padding: 3px;
    border: none
}

.vjs-text-track-settings fieldset span {
    display: inline-block
}

.vjs-text-track-settings fieldset span>select {
    max-width: 7.3em
}

.vjs-text-track-settings legend {
    color: #fff;
    margin: 0 0 5px 0
}

.vjs-text-track-settings .vjs-label {
    position: absolute;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    display: block;
    margin: 0 0 5px 0;
    padding: 0;
    border: 0;
    height: 1px;
    width: 1px;
    overflow: hidden
}

.vjs-track-settings-controls button:focus,.vjs-track-settings-controls button:active {
    outline-style: solid;
    outline-width: medium;
    background-image: linear-gradient(0deg, #fff 88%, #73859f 100%)
}

.vjs-track-settings-controls button:hover {
    color: rgba(43, 51, 63, 0.75)
}

.vjs-track-settings-controls button {
    background-color: #fff;
    background-image: linear-gradient(-180deg, #fff 88%, #73859f 100%);
    color: #2b333f;
    cursor: pointer;
    border-radius: 2px
}

.vjs-track-settings-controls .vjs-default-button {
    margin-right: 1em
}

@media print {
    .video-js>*:not(.vjs-tech):not(.vjs-poster) {
        visibility: hidden
    }
}

.vjs-resize-manager {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    z-index: -1000
}

.js-focus-visible .video-js *:focus:not(.focus-visible) {
    outline: none
}

.video-js *:focus:not(:focus-visible) {
    outline: none
}

.video-js.vjs-vtt-thumbnails {
    display: block
}

.video-js .vjs-vtt-thumbnail-display {
    width: 100px;
    height: 0;
    position: absolute;
    transition: transform .1s,opacity .2s;
    bottom: 85%;
    pointer-events: none;
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.6)
}

.vjs-texttrack-settings {
    display: none
}

@font-face {
    font-family: "swiper-icons";
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box
}

.swiper-android .swiper-slide,.swiper-wrapper {
    transform: translate3d(0px, 0, 0)
}

.swiper-pointer-events {
    touch-action: pan-y
}

.swiper-pointer-events.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform,height
}

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    backface-visibility: hidden
}

.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-wrapper,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-cube-shadow {
    transform-style: preserve-3d
}

.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0,0,0,.15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-horizontal.swiper-css-mode>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-vertical.swiper-css-mode>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-centered>.swiper-wrapper::before {
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-inline-start:var(--swiper-centered-offset-before)}

.swiper-centered.swiper-horizontal>.swiper-wrapper: :before {
    height:100%;
    width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-block-start:var(--swiper-centered-offset-before)}

.swiper-centered.swiper-vertical>.swiper-wrapper: :before {
    width:100%;
    height: var(--swiper-centered-offset-after)
}

.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop:always}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-prev,.swiper-button-next {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size)/44*27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - var(--swiper-navigation-size)/2);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev.swiper-button-hidden,.swiper-button-next.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none
}

.swiper-navigation-disabled .swiper-button-prev,.swiper-navigation-disabled .swiper-button-next {
    display: none !important
}

.swiper-button-prev:after,.swiper-button-next:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1
}

.swiper-button-prev,.swiper-rtl .swiper-button-next {
    left: 10px;
    right: auto
}

.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after {
    content: "prev"
}

.swiper-button-next,.swiper-rtl .swiper-button-prev {
    right: 10px;
    left: auto
}

.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after {
    content: "next"
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: 300ms opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled {
    display: none !important
}

.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(0.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(0.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(0.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(0.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(0.33)
}

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    display: inline-block;
    border-radius: 50%;
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2)
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none !important
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0px, -50%, 0)
}

.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block
}

.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: 200ms transform,200ms top
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 200ms transform,200ms left
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 200ms transform,200ms right
}

.swiper-pagination-progressbar {
    background: rgba(0,0,0,.25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-lock {
    display: none
}

.swiper-fade.swiper-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.color-black {
    color: #000
}

.bgc-black {
    background-color: #000
}

.color-white {
    color: #fff
}

.bgc-white {
    background-color: #fff
}

.color-grey-02 {
    color: #fbfbff
}

.bgc-grey-02 {
    background-color: #fbfbff
}

.color-grey-03 {
    color: #f1f1f1
}

.bgc-grey-03 {
    background-color: #f1f1f1
}

.color-grey-10 {
    color: #f8f8f8
}

.bgc-grey-10 {
    background-color: #f8f8f8
}

.color-grey-12 {
    color: #e5e5e5
}

.bgc-grey-12 {
    background-color: #e5e5e5
}

.color-grey-15 {
    color: #efefef
}

.bgc-grey-15 {
    background-color: #efefef
}

.color-grey-20 {
    color: #dadada
}

.bgc-grey-20 {
    background-color: #dadada
}

.color-grey-30 {
    color: #b2b2b2
}

.bgc-grey-30 {
    background-color: #b2b2b2
}

.color-grey-32 {
    color: #c1c1c1
}

.bgc-grey-32 {
    background-color: #c1c1c1
}

.color-grey-33 {
    color: #b4b4b4
}

.bgc-grey-33 {
    background-color: #b4b4b4
}

.color-grey-36 {
    color: #a1a1a1
}

.bgc-grey-36 {
    background-color: #a1a1a1
}

.color-grey-40 {
    color: #979797
}

.bgc-grey-40 {
    background-color: #979797
}

.color-grey-45 {
    color: #888
}

.bgc-grey-45 {
    background-color: #888
}

.color-grey-50 {
    color: #666
}

.bgc-grey-50 {
    background-color: #666
}

.color-grey-55 {
    color: #676767
}

.bgc-grey-55 {
    background-color: #676767
}

.color-grey-56 {
    color: #4d4d4d
}

.bgc-grey-56 {
    background-color: #4d4d4d
}

.color-grey-60 {
    color: #4e4e4e
}

.bgc-grey-60 {
    background-color: #4e4e4e
}

.color-grey-65 {
    color: #585858
}

.bgc-grey-65 {
    background-color: #585858
}

.color-grey-67 {
    color: #848484
}

.bgc-grey-67 {
    background-color: #848484
}

.color-grey-68 {
    color: #888
}

.bgc-grey-68 {
    background-color: #888
}

.color-grey-69 {
    color: #858585
}

.bgc-grey-69 {
    background-color: #858585
}

.color-grey-70 {
    color: #333
}

.bgc-grey-70 {
    background-color: #333
}

.color-grey-71 {
    color: #707070
}

.bgc-grey-71 {
    background-color: #707070
}

.color-grey-72 {
    color: #222
}

.bgc-grey-72 {
    background-color: #222
}

.color-grey-80 {
    color: #262626
}

.bgc-grey-80 {
    background-color: #262626
}

.color-grey-81 {
    color: #272727
}

.bgc-grey-81 {
    background-color: #272727
}

.color-grey-84 {
    color: #181818
}

.bgc-grey-84 {
    background-color: #181818
}

.color-grey-85 {
    color: #1a1a1a
}

.bgc-grey-85 {
    background-color: #1a1a1a
}

.color-grey-86 {
    color: #101012
}

.bgc-grey-86 {
    background-color: #101012
}

.color-grey-90 {
    color: #0f0f0f
}

.bgc-grey-90 {
    background-color: #0f0f0f
}

.color-dark-orange {
    color: #2f291b
}

.bgc-dark-orange {
    background-color: #2f291b
}

.color-blue {
    color: #07f
}

.bgc-blue {
    background-color: #07f
}

.color-blue-5 {
    color: #f2f8ff
}

.bgc-blue-5 {
    background-color: #f2f8ff
}

.color-pink {
    color: #ef3ba8
}

.bgc-pink {
    background-color: #ef3ba8
}

.color-yellow {
    color: #ffbd2e
}

.bgc-yellow {
    background-color: #ffbd2e
}

.color-green {
    color: #00ffb2
}

.bgc-green {
    background-color: #00ffb2
}

.color-dark-green {
    color: #0c3f30
}

.bgc-dark-green {
    background-color: #0c3f30
}

.d-none {
    display: none
}

.d-inline {
    display: inline
}

.d-inline-block {
    display: inline-block
}

.d-block {
    display: block
}

.d-flex {
    display: flex
}

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

@media screen and (min-width: 36em) {
    .d-sm-none {
        display:none
    }

    .d-sm-inline {
        display: inline
    }

    .d-sm-inline-block {
        display: inline-block
    }

    .d-sm-block {
        display: block
    }

    .d-sm-flex {
        display: flex
    }

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

@media screen and (min-width: 48em) {
    .d-md-none {
        display:none
    }

    .d-md-inline {
        display: inline
    }

    .d-md-inline-block {
        display: inline-block
    }

    .d-md-block {
        display: block
    }

    .d-md-flex {
        display: flex
    }

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

@media screen and (min-width: 64em) {
    .d-lg-none {
        display:none
    }

    .d-lg-inline {
        display: inline
    }

    .d-lg-inline-block {
        display: inline-block
    }

    .d-lg-block {
        display: block
    }

    .d-lg-flex {
        display: flex
    }

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

@media screen and (min-width: 80em) {
    .d-xl-none {
        display:none
    }

    .d-xl-inline {
        display: inline
    }

    .d-xl-inline-block {
        display: inline-block
    }

    .d-xl-block {
        display: block
    }

    .d-xl-flex {
        display: flex
    }

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

.flex-row {
    flex-direction: row
}

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

.flex-column {
    flex-direction: column
}

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

.flex-wrap {
    flex-wrap: wrap
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse
}

.flex-nowrap {
    flex-wrap: nowrap
}

.flex-1 {
    flex: 1 1 0%
}

.flex-auto {
    flex: 1 1 auto
}

.flex-initial {
    flex: 0 1 auto
}

.flex-none {
    flex: none
}

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

.flex-grow {
    flex-grow: 1
}

.flex-shrink-0 {
    flex-shrink: 0
}

.flex-shrink {
    flex-shrink: 1
}

.jc-start {
    justify-content: flex-start
}

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

.jc-center {
    justify-content: center
}

.jc-between {
    justify-content: space-between
}

.jc-around {
    justify-content: space-around
}

.ai-start {
    align-items: flex-start
}

.ai-end {
    align-items: flex-end
}

.ai-center {
    align-items: center
}

.ai-baseline {
    align-items: baseline
}

.ai-stretch {
    align-items: stretch
}

.ac-start {
    align-content: flex-start
}

.ac-end {
    align-content: flex-end
}

.ac-center {
    align-content: center
}

.ac-between {
    align-content: space-between
}

.ac-around {
    align-content: space-around
}

.ac-stretch {
    align-content: stretch
}

.as-auto {
    align-self: auto
}

.as-start {
    align-self: flex-start
}

.as-end {
    align-self: flex-end
}

.as-center {
    align-self: center
}

.as-baseline {
    align-self: baseline
}

.as-stretch {
    align-self: stretch
}

@media screen and (min-width: 36em) {
    .flex-sm-row {
        flex-direction:row
    }

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

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

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

    .flex-sm-wrap {
        flex-wrap: wrap
    }

    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse
    }

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

    .flex-sm-1 {
        flex: 1 1 0%
    }

    .flex-sm-auto {
        flex: 1 1 auto
    }

    .flex-sm-initial {
        flex: 0 1 auto
    }

    .flex-sm-none {
        flex: none
    }

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

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

    .flex-sm-shrink-0 {
        flex-shrink: 0
    }

    .flex-sm-shrink {
        flex-shrink: 1
    }

    .jc-sm-start {
        justify-content: flex-start
    }

    .jc-sm-end {
        justify-content: flex-end
    }

    .jc-sm-center {
        justify-content: center
    }

    .jc-sm-between {
        justify-content: space-between
    }

    .jc-sm-around {
        justify-content: space-around
    }

    .ai-sm-start {
        align-items: flex-start
    }

    .ai-sm-end {
        align-items: flex-end
    }

    .ai-sm-center {
        align-items: center
    }

    .ai-sm-baseline {
        align-items: baseline
    }

    .ai-sm-stretch {
        align-items: stretch
    }

    .ac-sm-start {
        align-content: flex-start
    }

    .ac-sm-end {
        align-content: flex-end
    }

    .ac-sm-center {
        align-content: center
    }

    .ac-sm-between {
        align-content: space-between
    }

    .ac-sm-around {
        align-content: space-around
    }

    .ac-sm-stretch {
        align-content: stretch
    }

    .as-sm-auto {
        align-self: auto
    }

    .as-sm-start {
        align-self: flex-start
    }

    .as-sm-end {
        align-self: flex-end
    }

    .as-sm-center {
        align-self: center
    }

    .as-sm-baseline {
        align-self: baseline
    }

    .as-sm-stretch {
        align-self: stretch
    }
}

@media screen and (min-width: 48em) {
    .flex-md-row {
        flex-direction:row
    }

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

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

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

    .flex-md-wrap {
        flex-wrap: wrap
    }

    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse
    }

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

    .flex-md-1 {
        flex: 1 1 0%
    }

    .flex-md-auto {
        flex: 1 1 auto
    }

    .flex-md-initial {
        flex: 0 1 auto
    }

    .flex-md-none {
        flex: none
    }

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

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

    .flex-md-shrink-0 {
        flex-shrink: 0
    }

    .flex-md-shrink {
        flex-shrink: 1
    }

    .jc-md-start {
        justify-content: flex-start
    }

    .jc-md-end {
        justify-content: flex-end
    }

    .jc-md-center {
        justify-content: center
    }

    .jc-md-between {
        justify-content: space-between
    }

    .jc-md-around {
        justify-content: space-around
    }

    .ai-md-start {
        align-items: flex-start
    }

    .ai-md-end {
        align-items: flex-end
    }

    .ai-md-center {
        align-items: center
    }

    .ai-md-baseline {
        align-items: baseline
    }

    .ai-md-stretch {
        align-items: stretch
    }

    .ac-md-start {
        align-content: flex-start
    }

    .ac-md-end {
        align-content: flex-end
    }

    .ac-md-center {
        align-content: center
    }

    .ac-md-between {
        align-content: space-between
    }

    .ac-md-around {
        align-content: space-around
    }

    .ac-md-stretch {
        align-content: stretch
    }

    .as-md-auto {
        align-self: auto
    }

    .as-md-start {
        align-self: flex-start
    }

    .as-md-end {
        align-self: flex-end
    }

    .as-md-center {
        align-self: center
    }

    .as-md-baseline {
        align-self: baseline
    }

    .as-md-stretch {
        align-self: stretch
    }
}

@media screen and (min-width: 64em) {
    .flex-lg-row {
        flex-direction:row
    }

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

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

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

    .flex-lg-wrap {
        flex-wrap: wrap
    }

    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse
    }

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

    .flex-lg-1 {
        flex: 1 1 0%
    }

    .flex-lg-auto {
        flex: 1 1 auto
    }

    .flex-lg-initial {
        flex: 0 1 auto
    }

    .flex-lg-none {
        flex: none
    }

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

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

    .flex-lg-shrink-0 {
        flex-shrink: 0
    }

    .flex-lg-shrink {
        flex-shrink: 1
    }

    .jc-lg-start {
        justify-content: flex-start
    }

    .jc-lg-end {
        justify-content: flex-end
    }

    .jc-lg-center {
        justify-content: center
    }

    .jc-lg-between {
        justify-content: space-between
    }

    .jc-lg-around {
        justify-content: space-around
    }

    .ai-lg-start {
        align-items: flex-start
    }

    .ai-lg-end {
        align-items: flex-end
    }

    .ai-lg-center {
        align-items: center
    }

    .ai-lg-baseline {
        align-items: baseline
    }

    .ai-lg-stretch {
        align-items: stretch
    }

    .ac-lg-start {
        align-content: flex-start
    }

    .ac-lg-end {
        align-content: flex-end
    }

    .ac-lg-center {
        align-content: center
    }

    .ac-lg-between {
        align-content: space-between
    }

    .ac-lg-around {
        align-content: space-around
    }

    .ac-lg-stretch {
        align-content: stretch
    }

    .as-lg-auto {
        align-self: auto
    }

    .as-lg-start {
        align-self: flex-start
    }

    .as-lg-end {
        align-self: flex-end
    }

    .as-lg-center {
        align-self: center
    }

    .as-lg-baseline {
        align-self: baseline
    }

    .as-lg-stretch {
        align-self: stretch
    }
}

@media screen and (min-width: 80em) {
    .flex-xl-row {
        flex-direction:row
    }

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

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

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

    .flex-xl-wrap {
        flex-wrap: wrap
    }

    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse
    }

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

    .flex-xl-1 {
        flex: 1 1 0%
    }

    .flex-xl-auto {
        flex: 1 1 auto
    }

    .flex-xl-initial {
        flex: 0 1 auto
    }

    .flex-xl-none {
        flex: none
    }

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

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

    .flex-xl-shrink-0 {
        flex-shrink: 0
    }

    .flex-xl-shrink {
        flex-shrink: 1
    }

    .jc-xl-start {
        justify-content: flex-start
    }

    .jc-xl-end {
        justify-content: flex-end
    }

    .jc-xl-center {
        justify-content: center
    }

    .jc-xl-between {
        justify-content: space-between
    }

    .jc-xl-around {
        justify-content: space-around
    }

    .ai-xl-start {
        align-items: flex-start
    }

    .ai-xl-end {
        align-items: flex-end
    }

    .ai-xl-center {
        align-items: center
    }

    .ai-xl-baseline {
        align-items: baseline
    }

    .ai-xl-stretch {
        align-items: stretch
    }

    .ac-xl-start {
        align-content: flex-start
    }

    .ac-xl-end {
        align-content: flex-end
    }

    .ac-xl-center {
        align-content: center
    }

    .ac-xl-between {
        align-content: space-between
    }

    .ac-xl-around {
        align-content: space-around
    }

    .ac-xl-stretch {
        align-content: stretch
    }

    .as-xl-auto {
        align-self: auto
    }

    .as-xl-start {
        align-self: flex-start
    }

    .as-xl-end {
        align-self: flex-end
    }

    .as-xl-center {
        align-self: center
    }

    .as-xl-baseline {
        align-self: baseline
    }

    .as-xl-stretch {
        align-self: stretch
    }
}

.container {
    width: 100%;
    max-width: 120rem;
    padding-right: 2rem;
    padding-left: 2rem;
    margin-right: auto;
    margin-left: auto;
    --container-padding: 2rem
}

@media screen and (min-width: 48em) {
    .container {
        --container-padding: 3rem;
        padding-right: 3rem;
        padding-left: 3rem
    }
}

@media screen and (min-width: 80em) {
    .container {
        --container-padding: 3.75rem;
        padding-right: 3.75rem;
        padding-left: 3.75rem
    }
}

.container--fluid {
    max-width: none
}

.fgrid {
    display: flex;
    flex-wrap: wrap;
    margin-right: -1rem;
    margin-left: -1rem
}

@media screen and (min-width: 48em) {
    .fgrid {
        margin-right:-1.5rem;
        margin-left: -1.5rem
    }
}

.fgrid__item {
    flex: 0 1 auto;
    margin-right: 1rem;
    margin-left: 1rem;
    width: 100%
}

@media screen and (min-width: 48em) {
    .fgrid__item {
        margin-right:1.5rem;
        margin-left: 1.5rem
    }
}

.grid {
    display: grid;
    grid-gap: 2rem;
    grid-template-columns: repeat(4, minmax(0, 1fr))
}

@media screen and (min-width: 36em) {
    .grid {
        grid-template-columns:repeat(8, minmax(0, 1fr))
    }
}

@media screen and (min-width: 48em) {
    .grid {
        grid-gap:3rem;
        grid-template-columns: repeat(12, minmax(0, 1fr))
    }
}

.grid--collapse {
    grid-column-gap: 0;
    grid-row-gap: 0
}

.grid--column-collapse {
    grid-column-gap: 0
}

.grid--row-collapse {
    grid-row-gap: 0
}

.col {
    grid-column-start: 1;
    grid-column-end: -1
}

.fcol-xs-1 {
    width: calc(25% - 2rem)
}

.foffset-xs-1 {
    margin-left: calc(25% + 1rem)
}

.col-xs-1 {
    grid-column-start: span 1;
    grid-column-end: auto
}

.col-xs-1-end {
    grid-column-start: 1;
    grid-column-end: -1
}

.col-xs-1-1 {
    grid-column-start: 1;
    grid-column-end: 1
}

.col-xs-1-2 {
    grid-column-start: 1;
    grid-column-end: 2
}

.col-xs-1-3 {
    grid-column-start: 1;
    grid-column-end: 3
}

.col-xs-1-4 {
    grid-column-start: 1;
    grid-column-end: 4
}

.fcol-xs-2 {
    width: calc(50% - 2rem)
}

.foffset-xs-2 {
    margin-left: calc(50% + 1rem)
}

.col-xs-2 {
    grid-column-start: span 2;
    grid-column-end: auto
}

.col-xs-2-end {
    grid-column-start: 2;
    grid-column-end: -1
}

.col-xs-2-1 {
    grid-column-start: 2;
    grid-column-end: 1
}

.col-xs-2-2 {
    grid-column-start: 2;
    grid-column-end: 2
}

.col-xs-2-3 {
    grid-column-start: 2;
    grid-column-end: 3
}

.col-xs-2-4 {
    grid-column-start: 2;
    grid-column-end: 4
}

.fcol-xs-3 {
    width: calc(75% - 2rem)
}

.foffset-xs-3 {
    margin-left: calc(75% + 1rem)
}

.col-xs-3 {
    grid-column-start: span 3;
    grid-column-end: auto
}

.col-xs-3-end {
    grid-column-start: 3;
    grid-column-end: -1
}

.col-xs-3-1 {
    grid-column-start: 3;
    grid-column-end: 1
}

.col-xs-3-2 {
    grid-column-start: 3;
    grid-column-end: 2
}

.col-xs-3-3 {
    grid-column-start: 3;
    grid-column-end: 3
}

.col-xs-3-4 {
    grid-column-start: 3;
    grid-column-end: 4
}

.fcol-xs-4 {
    width: calc(100% - 2rem)
}

.foffset-xs-4 {
    margin-left: calc(100% + 1rem)
}

.col-xs-4 {
    grid-column-start: span 4;
    grid-column-end: auto
}

.col-xs-4-end {
    grid-column-start: 4;
    grid-column-end: -1
}

.col-xs-4-1 {
    grid-column-start: 4;
    grid-column-end: 1
}

.col-xs-4-2 {
    grid-column-start: 4;
    grid-column-end: 2
}

.col-xs-4-3 {
    grid-column-start: 4;
    grid-column-end: 3
}

.col-xs-4-4 {
    grid-column-start: 4;
    grid-column-end: 4
}

.col-xs-full {
    grid-column-start: 1;
    grid-column-end: -1
}

.col-xs-half {
    grid-column-start: span 2;
    grid-column-end: auto
}

.order-xs-first {
    order: -1
}

.order-xs-last {
    order: 5
}

.order-xs-0 {
    order: 0
}

.order-xs-1 {
    order: 1
}

.order-xs-2 {
    order: 2
}

.order-xs-3 {
    order: 3
}

.order-xs-4 {
    order: 4
}

@media screen and (min-width: 36em) {
    .fcol-sm-1 {
        width:calc(12.5% - 2rem)
    }

    .foffset-sm-1 {
        margin-left: calc(12.5% + 1rem)
    }

    .col-sm-1 {
        grid-column-start: span 1;
        grid-column-end: auto
    }

    .col-sm-1-end {
        grid-column-start: 1;
        grid-column-end: -1
    }

    .col-sm-1-1 {
        grid-column-start: 1;
        grid-column-end: 1
    }

    .col-sm-1-2 {
        grid-column-start: 1;
        grid-column-end: 2
    }

    .col-sm-1-3 {
        grid-column-start: 1;
        grid-column-end: 3
    }

    .col-sm-1-4 {
        grid-column-start: 1;
        grid-column-end: 4
    }

    .col-sm-1-5 {
        grid-column-start: 1;
        grid-column-end: 5
    }

    .col-sm-1-6 {
        grid-column-start: 1;
        grid-column-end: 6
    }

    .col-sm-1-7 {
        grid-column-start: 1;
        grid-column-end: 7
    }

    .col-sm-1-8 {
        grid-column-start: 1;
        grid-column-end: 8
    }

    .fcol-sm-2 {
        width: calc(25% - 2rem)
    }

    .foffset-sm-2 {
        margin-left: calc(25% + 1rem)
    }

    .col-sm-2 {
        grid-column-start: span 2;
        grid-column-end: auto
    }

    .col-sm-2-end {
        grid-column-start: 2;
        grid-column-end: -1
    }

    .col-sm-2-1 {
        grid-column-start: 2;
        grid-column-end: 1
    }

    .col-sm-2-2 {
        grid-column-start: 2;
        grid-column-end: 2
    }

    .col-sm-2-3 {
        grid-column-start: 2;
        grid-column-end: 3
    }

    .col-sm-2-4 {
        grid-column-start: 2;
        grid-column-end: 4
    }

    .col-sm-2-5 {
        grid-column-start: 2;
        grid-column-end: 5
    }

    .col-sm-2-6 {
        grid-column-start: 2;
        grid-column-end: 6
    }

    .col-sm-2-7 {
        grid-column-start: 2;
        grid-column-end: 7
    }

    .col-sm-2-8 {
        grid-column-start: 2;
        grid-column-end: 8
    }

    .fcol-sm-3 {
        width: calc(37.5% - 2rem)
    }

    .foffset-sm-3 {
        margin-left: calc(37.5% + 1rem)
    }

    .col-sm-3 {
        grid-column-start: span 3;
        grid-column-end: auto
    }

    .col-sm-3-end {
        grid-column-start: 3;
        grid-column-end: -1
    }

    .col-sm-3-1 {
        grid-column-start: 3;
        grid-column-end: 1
    }

    .col-sm-3-2 {
        grid-column-start: 3;
        grid-column-end: 2
    }

    .col-sm-3-3 {
        grid-column-start: 3;
        grid-column-end: 3
    }

    .col-sm-3-4 {
        grid-column-start: 3;
        grid-column-end: 4
    }

    .col-sm-3-5 {
        grid-column-start: 3;
        grid-column-end: 5
    }

    .col-sm-3-6 {
        grid-column-start: 3;
        grid-column-end: 6
    }

    .col-sm-3-7 {
        grid-column-start: 3;
        grid-column-end: 7
    }

    .col-sm-3-8 {
        grid-column-start: 3;
        grid-column-end: 8
    }

    .fcol-sm-4 {
        width: calc(50% - 2rem)
    }

    .foffset-sm-4 {
        margin-left: calc(50% + 1rem)
    }

    .col-sm-4 {
        grid-column-start: span 4;
        grid-column-end: auto
    }

    .col-sm-4-end {
        grid-column-start: 4;
        grid-column-end: -1
    }

    .col-sm-4-1 {
        grid-column-start: 4;
        grid-column-end: 1
    }

    .col-sm-4-2 {
        grid-column-start: 4;
        grid-column-end: 2
    }

    .col-sm-4-3 {
        grid-column-start: 4;
        grid-column-end: 3
    }

    .col-sm-4-4 {
        grid-column-start: 4;
        grid-column-end: 4
    }

    .col-sm-4-5 {
        grid-column-start: 4;
        grid-column-end: 5
    }

    .col-sm-4-6 {
        grid-column-start: 4;
        grid-column-end: 6
    }

    .col-sm-4-7 {
        grid-column-start: 4;
        grid-column-end: 7
    }

    .col-sm-4-8 {
        grid-column-start: 4;
        grid-column-end: 8
    }

    .fcol-sm-5 {
        width: calc(62.5% - 2rem)
    }

    .foffset-sm-5 {
        margin-left: calc(62.5% + 1rem)
    }

    .col-sm-5 {
        grid-column-start: span 5;
        grid-column-end: auto
    }

    .col-sm-5-end {
        grid-column-start: 5;
        grid-column-end: -1
    }

    .col-sm-5-1 {
        grid-column-start: 5;
        grid-column-end: 1
    }

    .col-sm-5-2 {
        grid-column-start: 5;
        grid-column-end: 2
    }

    .col-sm-5-3 {
        grid-column-start: 5;
        grid-column-end: 3
    }

    .col-sm-5-4 {
        grid-column-start: 5;
        grid-column-end: 4
    }

    .col-sm-5-5 {
        grid-column-start: 5;
        grid-column-end: 5
    }

    .col-sm-5-6 {
        grid-column-start: 5;
        grid-column-end: 6
    }

    .col-sm-5-7 {
        grid-column-start: 5;
        grid-column-end: 7
    }

    .col-sm-5-8 {
        grid-column-start: 5;
        grid-column-end: 8
    }

    .fcol-sm-6 {
        width: calc(75% - 2rem)
    }

    .foffset-sm-6 {
        margin-left: calc(75% + 1rem)
    }

    .col-sm-6 {
        grid-column-start: span 6;
        grid-column-end: auto
    }

    .col-sm-6-end {
        grid-column-start: 6;
        grid-column-end: -1
    }

    .col-sm-6-1 {
        grid-column-start: 6;
        grid-column-end: 1
    }

    .col-sm-6-2 {
        grid-column-start: 6;
        grid-column-end: 2
    }

    .col-sm-6-3 {
        grid-column-start: 6;
        grid-column-end: 3
    }

    .col-sm-6-4 {
        grid-column-start: 6;
        grid-column-end: 4
    }

    .col-sm-6-5 {
        grid-column-start: 6;
        grid-column-end: 5
    }

    .col-sm-6-6 {
        grid-column-start: 6;
        grid-column-end: 6
    }

    .col-sm-6-7 {
        grid-column-start: 6;
        grid-column-end: 7
    }

    .col-sm-6-8 {
        grid-column-start: 6;
        grid-column-end: 8
    }

    .fcol-sm-7 {
        width: calc(87.5% - 2rem)
    }

    .foffset-sm-7 {
        margin-left: calc(87.5% + 1rem)
    }

    .col-sm-7 {
        grid-column-start: span 7;
        grid-column-end: auto
    }

    .col-sm-7-end {
        grid-column-start: 7;
        grid-column-end: -1
    }

    .col-sm-7-1 {
        grid-column-start: 7;
        grid-column-end: 1
    }

    .col-sm-7-2 {
        grid-column-start: 7;
        grid-column-end: 2
    }

    .col-sm-7-3 {
        grid-column-start: 7;
        grid-column-end: 3
    }

    .col-sm-7-4 {
        grid-column-start: 7;
        grid-column-end: 4
    }

    .col-sm-7-5 {
        grid-column-start: 7;
        grid-column-end: 5
    }

    .col-sm-7-6 {
        grid-column-start: 7;
        grid-column-end: 6
    }

    .col-sm-7-7 {
        grid-column-start: 7;
        grid-column-end: 7
    }

    .col-sm-7-8 {
        grid-column-start: 7;
        grid-column-end: 8
    }

    .fcol-sm-8 {
        width: calc(100% - 2rem)
    }

    .foffset-sm-8 {
        margin-left: calc(100% + 1rem)
    }

    .col-sm-8 {
        grid-column-start: span 8;
        grid-column-end: auto
    }

    .col-sm-8-end {
        grid-column-start: 8;
        grid-column-end: -1
    }

    .col-sm-8-1 {
        grid-column-start: 8;
        grid-column-end: 1
    }

    .col-sm-8-2 {
        grid-column-start: 8;
        grid-column-end: 2
    }

    .col-sm-8-3 {
        grid-column-start: 8;
        grid-column-end: 3
    }

    .col-sm-8-4 {
        grid-column-start: 8;
        grid-column-end: 4
    }

    .col-sm-8-5 {
        grid-column-start: 8;
        grid-column-end: 5
    }

    .col-sm-8-6 {
        grid-column-start: 8;
        grid-column-end: 6
    }

    .col-sm-8-7 {
        grid-column-start: 8;
        grid-column-end: 7
    }

    .col-sm-8-8 {
        grid-column-start: 8;
        grid-column-end: 8
    }

    .col-sm-full {
        grid-column-start: 1;
        grid-column-end: -1
    }

    .col-sm-half {
        grid-column-start: span 4;
        grid-column-end: auto
    }

    .order-sm-first {
        order: -1
    }

    .order-sm-last {
        order: 9
    }

    .order-sm-0 {
        order: 0
    }

    .order-sm-1 {
        order: 1
    }

    .order-sm-2 {
        order: 2
    }

    .order-sm-3 {
        order: 3
    }

    .order-sm-4 {
        order: 4
    }

    .order-sm-5 {
        order: 5
    }

    .order-sm-6 {
        order: 6
    }

    .order-sm-7 {
        order: 7
    }

    .order-sm-8 {
        order: 8
    }
}

@media screen and (min-width: 48em) {
    .fcol-md-1 {
        width:calc(8.3333333333% - 3rem)
    }

    .foffset-md-1 {
        margin-left: calc(8.3333333333% + 1.5rem)
    }

    .col-md-1 {
        grid-column-start: span 1;
        grid-column-end: auto
    }

    .col-md-1-end {
        grid-column-start: 1;
        grid-column-end: -1
    }

    .col-md-1-1 {
        grid-column-start: 1;
        grid-column-end: 1
    }

    .col-md-1-2 {
        grid-column-start: 1;
        grid-column-end: 2
    }

    .col-md-1-3 {
        grid-column-start: 1;
        grid-column-end: 3
    }

    .col-md-1-4 {
        grid-column-start: 1;
        grid-column-end: 4
    }

    .col-md-1-5 {
        grid-column-start: 1;
        grid-column-end: 5
    }

    .col-md-1-6 {
        grid-column-start: 1;
        grid-column-end: 6
    }

    .col-md-1-7 {
        grid-column-start: 1;
        grid-column-end: 7
    }

    .col-md-1-8 {
        grid-column-start: 1;
        grid-column-end: 8
    }

    .col-md-1-9 {
        grid-column-start: 1;
        grid-column-end: 9
    }

    .col-md-1-10 {
        grid-column-start: 1;
        grid-column-end: 10
    }

    .col-md-1-11 {
        grid-column-start: 1;
        grid-column-end: 11
    }

    .col-md-1-12 {
        grid-column-start: 1;
        grid-column-end: 12
    }

    .fcol-md-2 {
        width: calc(16.6666666667% - 3rem)
    }

    .foffset-md-2 {
        margin-left: calc(16.6666666667% + 1.5rem)
    }

    .col-md-2 {
        grid-column-start: span 2;
        grid-column-end: auto
    }

    .col-md-2-end {
        grid-column-start: 2;
        grid-column-end: -1
    }

    .col-md-2-1 {
        grid-column-start: 2;
        grid-column-end: 1
    }

    .col-md-2-2 {
        grid-column-start: 2;
        grid-column-end: 2
    }

    .col-md-2-3 {
        grid-column-start: 2;
        grid-column-end: 3
    }

    .col-md-2-4 {
        grid-column-start: 2;
        grid-column-end: 4
    }

    .col-md-2-5 {
        grid-column-start: 2;
        grid-column-end: 5
    }

    .col-md-2-6 {
        grid-column-start: 2;
        grid-column-end: 6
    }

    .col-md-2-7 {
        grid-column-start: 2;
        grid-column-end: 7
    }

    .col-md-2-8 {
        grid-column-start: 2;
        grid-column-end: 8
    }

    .col-md-2-9 {
        grid-column-start: 2;
        grid-column-end: 9
    }

    .col-md-2-10 {
        grid-column-start: 2;
        grid-column-end: 10
    }

    .col-md-2-11 {
        grid-column-start: 2;
        grid-column-end: 11
    }

    .col-md-2-12 {
        grid-column-start: 2;
        grid-column-end: 12
    }

    .fcol-md-3 {
        width: calc(25% - 3rem)
    }

    .foffset-md-3 {
        margin-left: calc(25% + 1.5rem)
    }

    .col-md-3 {
        grid-column-start: span 3;
        grid-column-end: auto
    }

    .col-md-3-end {
        grid-column-start: 3;
        grid-column-end: -1
    }

    .col-md-3-1 {
        grid-column-start: 3;
        grid-column-end: 1
    }

    .col-md-3-2 {
        grid-column-start: 3;
        grid-column-end: 2
    }

    .col-md-3-3 {
        grid-column-start: 3;
        grid-column-end: 3
    }

    .col-md-3-4 {
        grid-column-start: 3;
        grid-column-end: 4
    }

    .col-md-3-5 {
        grid-column-start: 3;
        grid-column-end: 5
    }

    .col-md-3-6 {
        grid-column-start: 3;
        grid-column-end: 6
    }

    .col-md-3-7 {
        grid-column-start: 3;
        grid-column-end: 7
    }

    .col-md-3-8 {
        grid-column-start: 3;
        grid-column-end: 8
    }

    .col-md-3-9 {
        grid-column-start: 3;
        grid-column-end: 9
    }

    .col-md-3-10 {
        grid-column-start: 3;
        grid-column-end: 10
    }

    .col-md-3-11 {
        grid-column-start: 3;
        grid-column-end: 11
    }

    .col-md-3-12 {
        grid-column-start: 3;
        grid-column-end: 12
    }

    .fcol-md-4 {
        width: calc(33.3333333333% - 3rem)
    }

    .foffset-md-4 {
        margin-left: calc(33.3333333333% + 1.5rem)
    }

    .col-md-4 {
        grid-column-start: span 4;
        grid-column-end: auto
    }

    .col-md-4-end {
        grid-column-start: 4;
        grid-column-end: -1
    }

    .col-md-4-1 {
        grid-column-start: 4;
        grid-column-end: 1
    }

    .col-md-4-2 {
        grid-column-start: 4;
        grid-column-end: 2
    }

    .col-md-4-3 {
        grid-column-start: 4;
        grid-column-end: 3
    }

    .col-md-4-4 {
        grid-column-start: 4;
        grid-column-end: 4
    }

    .col-md-4-5 {
        grid-column-start: 4;
        grid-column-end: 5
    }

    .col-md-4-6 {
        grid-column-start: 4;
        grid-column-end: 6
    }

    .col-md-4-7 {
        grid-column-start: 4;
        grid-column-end: 7
    }

    .col-md-4-8 {
        grid-column-start: 4;
        grid-column-end: 8
    }

    .col-md-4-9 {
        grid-column-start: 4;
        grid-column-end: 9
    }

    .col-md-4-10 {
        grid-column-start: 4;
        grid-column-end: 10
    }

    .col-md-4-11 {
        grid-column-start: 4;
        grid-column-end: 11
    }

    .col-md-4-12 {
        grid-column-start: 4;
        grid-column-end: 12
    }

    .fcol-md-5 {
        width: calc(41.6666666667% - 3rem)
    }

    .foffset-md-5 {
        margin-left: calc(41.6666666667% + 1.5rem)
    }

    .col-md-5 {
        grid-column-start: span 5;
        grid-column-end: auto
    }

    .col-md-5-end {
        grid-column-start: 5;
        grid-column-end: -1
    }

    .col-md-5-1 {
        grid-column-start: 5;
        grid-column-end: 1
    }

    .col-md-5-2 {
        grid-column-start: 5;
        grid-column-end: 2
    }

    .col-md-5-3 {
        grid-column-start: 5;
        grid-column-end: 3
    }

    .col-md-5-4 {
        grid-column-start: 5;
        grid-column-end: 4
    }

    .col-md-5-5 {
        grid-column-start: 5;
        grid-column-end: 5
    }

    .col-md-5-6 {
        grid-column-start: 5;
        grid-column-end: 6
    }

    .col-md-5-7 {
        grid-column-start: 5;
        grid-column-end: 7
    }

    .col-md-5-8 {
        grid-column-start: 5;
        grid-column-end: 8
    }

    .col-md-5-9 {
        grid-column-start: 5;
        grid-column-end: 9
    }

    .col-md-5-10 {
        grid-column-start: 5;
        grid-column-end: 10
    }

    .col-md-5-11 {
        grid-column-start: 5;
        grid-column-end: 11
    }

    .col-md-5-12 {
        grid-column-start: 5;
        grid-column-end: 12
    }

    .fcol-md-6 {
        width: calc(50% - 3rem)
    }

    .foffset-md-6 {
        margin-left: calc(50% + 1.5rem)
    }

    .col-md-6 {
        grid-column-start: span 6;
        grid-column-end: auto
    }

    .col-md-6-end {
        grid-column-start: 6;
        grid-column-end: -1
    }

    .col-md-6-1 {
        grid-column-start: 6;
        grid-column-end: 1
    }

    .col-md-6-2 {
        grid-column-start: 6;
        grid-column-end: 2
    }

    .col-md-6-3 {
        grid-column-start: 6;
        grid-column-end: 3
    }

    .col-md-6-4 {
        grid-column-start: 6;
        grid-column-end: 4
    }

    .col-md-6-5 {
        grid-column-start: 6;
        grid-column-end: 5
    }

    .col-md-6-6 {
        grid-column-start: 6;
        grid-column-end: 6
    }

    .col-md-6-7 {
        grid-column-start: 6;
        grid-column-end: 7
    }

    .col-md-6-8 {
        grid-column-start: 6;
        grid-column-end: 8
    }

    .col-md-6-9 {
        grid-column-start: 6;
        grid-column-end: 9
    }

    .col-md-6-10 {
        grid-column-start: 6;
        grid-column-end: 10
    }

    .col-md-6-11 {
        grid-column-start: 6;
        grid-column-end: 11
    }

    .col-md-6-12 {
        grid-column-start: 6;
        grid-column-end: 12
    }

    .fcol-md-7 {
        width: calc(58.3333333333% - 3rem)
    }

    .foffset-md-7 {
        margin-left: calc(58.3333333333% + 1.5rem)
    }

    .col-md-7 {
        grid-column-start: span 7;
        grid-column-end: auto
    }

    .col-md-7-end {
        grid-column-start: 7;
        grid-column-end: -1
    }

    .col-md-7-1 {
        grid-column-start: 7;
        grid-column-end: 1
    }

    .col-md-7-2 {
        grid-column-start: 7;
        grid-column-end: 2
    }

    .col-md-7-3 {
        grid-column-start: 7;
        grid-column-end: 3
    }

    .col-md-7-4 {
        grid-column-start: 7;
        grid-column-end: 4
    }

    .col-md-7-5 {
        grid-column-start: 7;
        grid-column-end: 5
    }

    .col-md-7-6 {
        grid-column-start: 7;
        grid-column-end: 6
    }

    .col-md-7-7 {
        grid-column-start: 7;
        grid-column-end: 7
    }

    .col-md-7-8 {
        grid-column-start: 7;
        grid-column-end: 8
    }

    .col-md-7-9 {
        grid-column-start: 7;
        grid-column-end: 9
    }

    .col-md-7-10 {
        grid-column-start: 7;
        grid-column-end: 10
    }

    .col-md-7-11 {
        grid-column-start: 7;
        grid-column-end: 11
    }

    .col-md-7-12 {
        grid-column-start: 7;
        grid-column-end: 12
    }

    .fcol-md-8 {
        width: calc(66.6666666667% - 3rem)
    }

    .foffset-md-8 {
        margin-left: calc(66.6666666667% + 1.5rem)
    }

    .col-md-8 {
        grid-column-start: span 8;
        grid-column-end: auto
    }

    .col-md-8-end {
        grid-column-start: 8;
        grid-column-end: -1
    }

    .col-md-8-1 {
        grid-column-start: 8;
        grid-column-end: 1
    }

    .col-md-8-2 {
        grid-column-start: 8;
        grid-column-end: 2
    }

    .col-md-8-3 {
        grid-column-start: 8;
        grid-column-end: 3
    }

    .col-md-8-4 {
        grid-column-start: 8;
        grid-column-end: 4
    }

    .col-md-8-5 {
        grid-column-start: 8;
        grid-column-end: 5
    }

    .col-md-8-6 {
        grid-column-start: 8;
        grid-column-end: 6
    }

    .col-md-8-7 {
        grid-column-start: 8;
        grid-column-end: 7
    }

    .col-md-8-8 {
        grid-column-start: 8;
        grid-column-end: 8
    }

    .col-md-8-9 {
        grid-column-start: 8;
        grid-column-end: 9
    }

    .col-md-8-10 {
        grid-column-start: 8;
        grid-column-end: 10
    }

    .col-md-8-11 {
        grid-column-start: 8;
        grid-column-end: 11
    }

    .col-md-8-12 {
        grid-column-start: 8;
        grid-column-end: 12
    }

    .fcol-md-9 {
        width: calc(75% - 3rem)
    }

    .foffset-md-9 {
        margin-left: calc(75% + 1.5rem)
    }

    .col-md-9 {
        grid-column-start: span 9;
        grid-column-end: auto
    }

    .col-md-9-end {
        grid-column-start: 9;
        grid-column-end: -1
    }

    .col-md-9-1 {
        grid-column-start: 9;
        grid-column-end: 1
    }

    .col-md-9-2 {
        grid-column-start: 9;
        grid-column-end: 2
    }

    .col-md-9-3 {
        grid-column-start: 9;
        grid-column-end: 3
    }

    .col-md-9-4 {
        grid-column-start: 9;
        grid-column-end: 4
    }

    .col-md-9-5 {
        grid-column-start: 9;
        grid-column-end: 5
    }

    .col-md-9-6 {
        grid-column-start: 9;
        grid-column-end: 6
    }

    .col-md-9-7 {
        grid-column-start: 9;
        grid-column-end: 7
    }

    .col-md-9-8 {
        grid-column-start: 9;
        grid-column-end: 8
    }

    .col-md-9-9 {
        grid-column-start: 9;
        grid-column-end: 9
    }

    .col-md-9-10 {
        grid-column-start: 9;
        grid-column-end: 10
    }

    .col-md-9-11 {
        grid-column-start: 9;
        grid-column-end: 11
    }

    .col-md-9-12 {
        grid-column-start: 9;
        grid-column-end: 12
    }

    .fcol-md-10 {
        width: calc(83.3333333333% - 3rem)
    }

    .foffset-md-10 {
        margin-left: calc(83.3333333333% + 1.5rem)
    }

    .col-md-10 {
        grid-column-start: span 10;
        grid-column-end: auto
    }

    .col-md-10-end {
        grid-column-start: 10;
        grid-column-end: -1
    }

    .col-md-10-1 {
        grid-column-start: 10;
        grid-column-end: 1
    }

    .col-md-10-2 {
        grid-column-start: 10;
        grid-column-end: 2
    }

    .col-md-10-3 {
        grid-column-start: 10;
        grid-column-end: 3
    }

    .col-md-10-4 {
        grid-column-start: 10;
        grid-column-end: 4
    }

    .col-md-10-5 {
        grid-column-start: 10;
        grid-column-end: 5
    }

    .col-md-10-6 {
        grid-column-start: 10;
        grid-column-end: 6
    }

    .col-md-10-7 {
        grid-column-start: 10;
        grid-column-end: 7
    }

    .col-md-10-8 {
        grid-column-start: 10;
        grid-column-end: 8
    }

    .col-md-10-9 {
        grid-column-start: 10;
        grid-column-end: 9
    }

    .col-md-10-10 {
        grid-column-start: 10;
        grid-column-end: 10
    }

    .col-md-10-11 {
        grid-column-start: 10;
        grid-column-end: 11
    }

    .col-md-10-12 {
        grid-column-start: 10;
        grid-column-end: 12
    }

    .fcol-md-11 {
        width: calc(91.6666666667% - 3rem)
    }

    .foffset-md-11 {
        margin-left: calc(91.6666666667% + 1.5rem)
    }

    .col-md-11 {
        grid-column-start: span 11;
        grid-column-end: auto
    }

    .col-md-11-end {
        grid-column-start: 11;
        grid-column-end: -1
    }

    .col-md-11-1 {
        grid-column-start: 11;
        grid-column-end: 1
    }

    .col-md-11-2 {
        grid-column-start: 11;
        grid-column-end: 2
    }

    .col-md-11-3 {
        grid-column-start: 11;
        grid-column-end: 3
    }

    .col-md-11-4 {
        grid-column-start: 11;
        grid-column-end: 4
    }

    .col-md-11-5 {
        grid-column-start: 11;
        grid-column-end: 5
    }

    .col-md-11-6 {
        grid-column-start: 11;
        grid-column-end: 6
    }

    .col-md-11-7 {
        grid-column-start: 11;
        grid-column-end: 7
    }

    .col-md-11-8 {
        grid-column-start: 11;
        grid-column-end: 8
    }

    .col-md-11-9 {
        grid-column-start: 11;
        grid-column-end: 9
    }

    .col-md-11-10 {
        grid-column-start: 11;
        grid-column-end: 10
    }

    .col-md-11-11 {
        grid-column-start: 11;
        grid-column-end: 11
    }

    .col-md-11-12 {
        grid-column-start: 11;
        grid-column-end: 12
    }

    .fcol-md-12 {
        width: calc(100% - 3rem)
    }

    .foffset-md-12 {
        margin-left: calc(100% + 1.5rem)
    }

    .col-md-12 {
        grid-column-start: span 12;
        grid-column-end: auto
    }

    .col-md-12-end {
        grid-column-start: 12;
        grid-column-end: -1
    }

    .col-md-12-1 {
        grid-column-start: 12;
        grid-column-end: 1
    }

    .col-md-12-2 {
        grid-column-start: 12;
        grid-column-end: 2
    }

    .col-md-12-3 {
        grid-column-start: 12;
        grid-column-end: 3
    }

    .col-md-12-4 {
        grid-column-start: 12;
        grid-column-end: 4
    }

    .col-md-12-5 {
        grid-column-start: 12;
        grid-column-end: 5
    }

    .col-md-12-6 {
        grid-column-start: 12;
        grid-column-end: 6
    }

    .col-md-12-7 {
        grid-column-start: 12;
        grid-column-end: 7
    }

    .col-md-12-8 {
        grid-column-start: 12;
        grid-column-end: 8
    }

    .col-md-12-9 {
        grid-column-start: 12;
        grid-column-end: 9
    }

    .col-md-12-10 {
        grid-column-start: 12;
        grid-column-end: 10
    }

    .col-md-12-11 {
        grid-column-start: 12;
        grid-column-end: 11
    }

    .col-md-12-12 {
        grid-column-start: 12;
        grid-column-end: 12
    }

    .col-md-full {
        grid-column-start: 1;
        grid-column-end: -1
    }

    .col-md-half {
        grid-column-start: span 6;
        grid-column-end: auto
    }

    .order-md-first {
        order: -1
    }

    .order-md-last {
        order: 13
    }

    .order-md-0 {
        order: 0
    }

    .order-md-1 {
        order: 1
    }

    .order-md-2 {
        order: 2
    }

    .order-md-3 {
        order: 3
    }

    .order-md-4 {
        order: 4
    }

    .order-md-5 {
        order: 5
    }

    .order-md-6 {
        order: 6
    }

    .order-md-7 {
        order: 7
    }

    .order-md-8 {
        order: 8
    }

    .order-md-9 {
        order: 9
    }

    .order-md-10 {
        order: 10
    }

    .order-md-11 {
        order: 11
    }

    .order-md-12 {
        order: 12
    }
}

@media screen and (min-width: 64em) {
    .fcol-lg-1 {
        width:calc(8.3333333333% - 3rem)
    }

    .foffset-lg-1 {
        margin-left: calc(8.3333333333% + 1.5rem)
    }

    .col-lg-1 {
        grid-column-start: span 1;
        grid-column-end: auto
    }

    .col-lg-1-end {
        grid-column-start: 1;
        grid-column-end: -1
    }

    .col-lg-1-1 {
        grid-column-start: 1;
        grid-column-end: 1
    }

    .col-lg-1-2 {
        grid-column-start: 1;
        grid-column-end: 2
    }

    .col-lg-1-3 {
        grid-column-start: 1;
        grid-column-end: 3
    }

    .col-lg-1-4 {
        grid-column-start: 1;
        grid-column-end: 4
    }

    .col-lg-1-5 {
        grid-column-start: 1;
        grid-column-end: 5
    }

    .col-lg-1-6 {
        grid-column-start: 1;
        grid-column-end: 6
    }

    .col-lg-1-7 {
        grid-column-start: 1;
        grid-column-end: 7
    }

    .col-lg-1-8 {
        grid-column-start: 1;
        grid-column-end: 8
    }

    .col-lg-1-9 {
        grid-column-start: 1;
        grid-column-end: 9
    }

    .col-lg-1-10 {
        grid-column-start: 1;
        grid-column-end: 10
    }

    .col-lg-1-11 {
        grid-column-start: 1;
        grid-column-end: 11
    }

    .col-lg-1-12 {
        grid-column-start: 1;
        grid-column-end: 12
    }

    .fcol-lg-2 {
        width: calc(16.6666666667% - 3rem)
    }

    .foffset-lg-2 {
        margin-left: calc(16.6666666667% + 1.5rem)
    }

    .col-lg-2 {
        grid-column-start: span 2;
        grid-column-end: auto
    }

    .col-lg-2-end {
        grid-column-start: 2;
        grid-column-end: -1
    }

    .col-lg-2-1 {
        grid-column-start: 2;
        grid-column-end: 1
    }

    .col-lg-2-2 {
        grid-column-start: 2;
        grid-column-end: 2
    }

    .col-lg-2-3 {
        grid-column-start: 2;
        grid-column-end: 3
    }

    .col-lg-2-4 {
        grid-column-start: 2;
        grid-column-end: 4
    }

    .col-lg-2-5 {
        grid-column-start: 2;
        grid-column-end: 5
    }

    .col-lg-2-6 {
        grid-column-start: 2;
        grid-column-end: 6
    }

    .col-lg-2-7 {
        grid-column-start: 2;
        grid-column-end: 7
    }

    .col-lg-2-8 {
        grid-column-start: 2;
        grid-column-end: 8
    }

    .col-lg-2-9 {
        grid-column-start: 2;
        grid-column-end: 9
    }

    .col-lg-2-10 {
        grid-column-start: 2;
        grid-column-end: 10
    }

    .col-lg-2-11 {
        grid-column-start: 2;
        grid-column-end: 11
    }

    .col-lg-2-12 {
        grid-column-start: 2;
        grid-column-end: 12
    }

    .fcol-lg-3 {
        width: calc(25% - 3rem)
    }

    .foffset-lg-3 {
        margin-left: calc(25% + 1.5rem)
    }

    .col-lg-3 {
        grid-column-start: span 3;
        grid-column-end: auto
    }

    .col-lg-3-end {
        grid-column-start: 3;
        grid-column-end: -1
    }

    .col-lg-3-1 {
        grid-column-start: 3;
        grid-column-end: 1
    }

    .col-lg-3-2 {
        grid-column-start: 3;
        grid-column-end: 2
    }

    .col-lg-3-3 {
        grid-column-start: 3;
        grid-column-end: 3
    }

    .col-lg-3-4 {
        grid-column-start: 3;
        grid-column-end: 4
    }

    .col-lg-3-5 {
        grid-column-start: 3;
        grid-column-end: 5
    }

    .col-lg-3-6 {
        grid-column-start: 3;
        grid-column-end: 6
    }

    .col-lg-3-7 {
        grid-column-start: 3;
        grid-column-end: 7
    }

    .col-lg-3-8 {
        grid-column-start: 3;
        grid-column-end: 8
    }

    .col-lg-3-9 {
        grid-column-start: 3;
        grid-column-end: 9
    }

    .col-lg-3-10 {
        grid-column-start: 3;
        grid-column-end: 10
    }

    .col-lg-3-11 {
        grid-column-start: 3;
        grid-column-end: 11
    }

    .col-lg-3-12 {
        grid-column-start: 3;
        grid-column-end: 12
    }

    .fcol-lg-4 {
        width: calc(33.3333333333% - 3rem)
    }

    .foffset-lg-4 {
        margin-left: calc(33.3333333333% + 1.5rem)
    }

    .col-lg-4 {
        grid-column-start: span 4;
        grid-column-end: auto
    }

    .col-lg-4-end {
        grid-column-start: 4;
        grid-column-end: -1
    }

    .col-lg-4-1 {
        grid-column-start: 4;
        grid-column-end: 1
    }

    .col-lg-4-2 {
        grid-column-start: 4;
        grid-column-end: 2
    }

    .col-lg-4-3 {
        grid-column-start: 4;
        grid-column-end: 3
    }

    .col-lg-4-4 {
        grid-column-start: 4;
        grid-column-end: 4
    }

    .col-lg-4-5 {
        grid-column-start: 4;
        grid-column-end: 5
    }

    .col-lg-4-6 {
        grid-column-start: 4;
        grid-column-end: 6
    }

    .col-lg-4-7 {
        grid-column-start: 4;
        grid-column-end: 7
    }

    .col-lg-4-8 {
        grid-column-start: 4;
        grid-column-end: 8
    }

    .col-lg-4-9 {
        grid-column-start: 4;
        grid-column-end: 9
    }

    .col-lg-4-10 {
        grid-column-start: 4;
        grid-column-end: 10
    }

    .col-lg-4-11 {
        grid-column-start: 4;
        grid-column-end: 11
    }

    .col-lg-4-12 {
        grid-column-start: 4;
        grid-column-end: 12
    }

    .fcol-lg-5 {
        width: calc(41.6666666667% - 3rem)
    }

    .foffset-lg-5 {
        margin-left: calc(41.6666666667% + 1.5rem)
    }

    .col-lg-5 {
        grid-column-start: span 5;
        grid-column-end: auto
    }

    .col-lg-5-end {
        grid-column-start: 5;
        grid-column-end: -1
    }

    .col-lg-5-1 {
        grid-column-start: 5;
        grid-column-end: 1
    }

    .col-lg-5-2 {
        grid-column-start: 5;
        grid-column-end: 2
    }

    .col-lg-5-3 {
        grid-column-start: 5;
        grid-column-end: 3
    }

    .col-lg-5-4 {
        grid-column-start: 5;
        grid-column-end: 4
    }

    .col-lg-5-5 {
        grid-column-start: 5;
        grid-column-end: 5
    }

    .col-lg-5-6 {
        grid-column-start: 5;
        grid-column-end: 6
    }

    .col-lg-5-7 {
        grid-column-start: 5;
        grid-column-end: 7
    }

    .col-lg-5-8 {
        grid-column-start: 5;
        grid-column-end: 8
    }

    .col-lg-5-9 {
        grid-column-start: 5;
        grid-column-end: 9
    }

    .col-lg-5-10 {
        grid-column-start: 5;
        grid-column-end: 10
    }

    .col-lg-5-11 {
        grid-column-start: 5;
        grid-column-end: 11
    }

    .col-lg-5-12 {
        grid-column-start: 5;
        grid-column-end: 12
    }

    .fcol-lg-6 {
        width: calc(50% - 3rem)
    }

    .foffset-lg-6 {
        margin-left: calc(50% + 1.5rem)
    }

    .col-lg-6 {
        grid-column-start: span 6;
        grid-column-end: auto
    }

    .col-lg-6-end {
        grid-column-start: 6;
        grid-column-end: -1
    }

    .col-lg-6-1 {
        grid-column-start: 6;
        grid-column-end: 1
    }

    .col-lg-6-2 {
        grid-column-start: 6;
        grid-column-end: 2
    }

    .col-lg-6-3 {
        grid-column-start: 6;
        grid-column-end: 3
    }

    .col-lg-6-4 {
        grid-column-start: 6;
        grid-column-end: 4
    }

    .col-lg-6-5 {
        grid-column-start: 6;
        grid-column-end: 5
    }

    .col-lg-6-6 {
        grid-column-start: 6;
        grid-column-end: 6
    }

    .col-lg-6-7 {
        grid-column-start: 6;
        grid-column-end: 7
    }

    .col-lg-6-8 {
        grid-column-start: 6;
        grid-column-end: 8
    }

    .col-lg-6-9 {
        grid-column-start: 6;
        grid-column-end: 9
    }

    .col-lg-6-10 {
        grid-column-start: 6;
        grid-column-end: 10
    }

    .col-lg-6-11 {
        grid-column-start: 6;
        grid-column-end: 11
    }

    .col-lg-6-12 {
        grid-column-start: 6;
        grid-column-end: 12
    }

    .fcol-lg-7 {
        width: calc(58.3333333333% - 3rem)
    }

    .foffset-lg-7 {
        margin-left: calc(58.3333333333% + 1.5rem)
    }

    .col-lg-7 {
        grid-column-start: span 7;
        grid-column-end: auto
    }

    .col-lg-7-end {
        grid-column-start: 7;
        grid-column-end: -1
    }

    .col-lg-7-1 {
        grid-column-start: 7;
        grid-column-end: 1
    }

    .col-lg-7-2 {
        grid-column-start: 7;
        grid-column-end: 2
    }

    .col-lg-7-3 {
        grid-column-start: 7;
        grid-column-end: 3
    }

    .col-lg-7-4 {
        grid-column-start: 7;
        grid-column-end: 4
    }

    .col-lg-7-5 {
        grid-column-start: 7;
        grid-column-end: 5
    }

    .col-lg-7-6 {
        grid-column-start: 7;
        grid-column-end: 6
    }

    .col-lg-7-7 {
        grid-column-start: 7;
        grid-column-end: 7
    }

    .col-lg-7-8 {
        grid-column-start: 7;
        grid-column-end: 8
    }

    .col-lg-7-9 {
        grid-column-start: 7;
        grid-column-end: 9
    }

    .col-lg-7-10 {
        grid-column-start: 7;
        grid-column-end: 10
    }

    .col-lg-7-11 {
        grid-column-start: 7;
        grid-column-end: 11
    }

    .col-lg-7-12 {
        grid-column-start: 7;
        grid-column-end: 12
    }

    .fcol-lg-8 {
        width: calc(66.6666666667% - 3rem)
    }

    .foffset-lg-8 {
        margin-left: calc(66.6666666667% + 1.5rem)
    }

    .col-lg-8 {
        grid-column-start: span 8;
        grid-column-end: auto
    }

    .col-lg-8-end {
        grid-column-start: 8;
        grid-column-end: -1
    }

    .col-lg-8-1 {
        grid-column-start: 8;
        grid-column-end: 1
    }

    .col-lg-8-2 {
        grid-column-start: 8;
        grid-column-end: 2
    }

    .col-lg-8-3 {
        grid-column-start: 8;
        grid-column-end: 3
    }

    .col-lg-8-4 {
        grid-column-start: 8;
        grid-column-end: 4
    }

    .col-lg-8-5 {
        grid-column-start: 8;
        grid-column-end: 5
    }

    .col-lg-8-6 {
        grid-column-start: 8;
        grid-column-end: 6
    }

    .col-lg-8-7 {
        grid-column-start: 8;
        grid-column-end: 7
    }

    .col-lg-8-8 {
        grid-column-start: 8;
        grid-column-end: 8
    }

    .col-lg-8-9 {
        grid-column-start: 8;
        grid-column-end: 9
    }

    .col-lg-8-10 {
        grid-column-start: 8;
        grid-column-end: 10
    }

    .col-lg-8-11 {
        grid-column-start: 8;
        grid-column-end: 11
    }

    .col-lg-8-12 {
        grid-column-start: 8;
        grid-column-end: 12
    }

    .fcol-lg-9 {
        width: calc(75% - 3rem)
    }

    .foffset-lg-9 {
        margin-left: calc(75% + 1.5rem)
    }

    .col-lg-9 {
        grid-column-start: span 9;
        grid-column-end: auto
    }

    .col-lg-9-end {
        grid-column-start: 9;
        grid-column-end: -1
    }

    .col-lg-9-1 {
        grid-column-start: 9;
        grid-column-end: 1
    }

    .col-lg-9-2 {
        grid-column-start: 9;
        grid-column-end: 2
    }

    .col-lg-9-3 {
        grid-column-start: 9;
        grid-column-end: 3
    }

    .col-lg-9-4 {
        grid-column-start: 9;
        grid-column-end: 4
    }

    .col-lg-9-5 {
        grid-column-start: 9;
        grid-column-end: 5
    }

    .col-lg-9-6 {
        grid-column-start: 9;
        grid-column-end: 6
    }

    .col-lg-9-7 {
        grid-column-start: 9;
        grid-column-end: 7
    }

    .col-lg-9-8 {
        grid-column-start: 9;
        grid-column-end: 8
    }

    .col-lg-9-9 {
        grid-column-start: 9;
        grid-column-end: 9
    }

    .col-lg-9-10 {
        grid-column-start: 9;
        grid-column-end: 10
    }

    .col-lg-9-11 {
        grid-column-start: 9;
        grid-column-end: 11
    }

    .col-lg-9-12 {
        grid-column-start: 9;
        grid-column-end: 12
    }

    .fcol-lg-10 {
        width: calc(83.3333333333% - 3rem)
    }

    .foffset-lg-10 {
        margin-left: calc(83.3333333333% + 1.5rem)
    }

    .col-lg-10 {
        grid-column-start: span 10;
        grid-column-end: auto
    }

    .col-lg-10-end {
        grid-column-start: 10;
        grid-column-end: -1
    }

    .col-lg-10-1 {
        grid-column-start: 10;
        grid-column-end: 1
    }

    .col-lg-10-2 {
        grid-column-start: 10;
        grid-column-end: 2
    }

    .col-lg-10-3 {
        grid-column-start: 10;
        grid-column-end: 3
    }

    .col-lg-10-4 {
        grid-column-start: 10;
        grid-column-end: 4
    }

    .col-lg-10-5 {
        grid-column-start: 10;
        grid-column-end: 5
    }

    .col-lg-10-6 {
        grid-column-start: 10;
        grid-column-end: 6
    }

    .col-lg-10-7 {
        grid-column-start: 10;
        grid-column-end: 7
    }

    .col-lg-10-8 {
        grid-column-start: 10;
        grid-column-end: 8
    }

    .col-lg-10-9 {
        grid-column-start: 10;
        grid-column-end: 9
    }

    .col-lg-10-10 {
        grid-column-start: 10;
        grid-column-end: 10
    }

    .col-lg-10-11 {
        grid-column-start: 10;
        grid-column-end: 11
    }

    .col-lg-10-12 {
        grid-column-start: 10;
        grid-column-end: 12
    }

    .fcol-lg-11 {
        width: calc(91.6666666667% - 3rem)
    }

    .foffset-lg-11 {
        margin-left: calc(91.6666666667% + 1.5rem)
    }

    .col-lg-11 {
        grid-column-start: span 11;
        grid-column-end: auto
    }

    .col-lg-11-end {
        grid-column-start: 11;
        grid-column-end: -1
    }

    .col-lg-11-1 {
        grid-column-start: 11;
        grid-column-end: 1
    }

    .col-lg-11-2 {
        grid-column-start: 11;
        grid-column-end: 2
    }

    .col-lg-11-3 {
        grid-column-start: 11;
        grid-column-end: 3
    }

    .col-lg-11-4 {
        grid-column-start: 11;
        grid-column-end: 4
    }

    .col-lg-11-5 {
        grid-column-start: 11;
        grid-column-end: 5
    }

    .col-lg-11-6 {
        grid-column-start: 11;
        grid-column-end: 6
    }

    .col-lg-11-7 {
        grid-column-start: 11;
        grid-column-end: 7
    }

    .col-lg-11-8 {
        grid-column-start: 11;
        grid-column-end: 8
    }

    .col-lg-11-9 {
        grid-column-start: 11;
        grid-column-end: 9
    }

    .col-lg-11-10 {
        grid-column-start: 11;
        grid-column-end: 10
    }

    .col-lg-11-11 {
        grid-column-start: 11;
        grid-column-end: 11
    }

    .col-lg-11-12 {
        grid-column-start: 11;
        grid-column-end: 12
    }

    .fcol-lg-12 {
        width: calc(100% - 3rem)
    }

    .foffset-lg-12 {
        margin-left: calc(100% + 1.5rem)
    }

    .col-lg-12 {
        grid-column-start: span 12;
        grid-column-end: auto
    }

    .col-lg-12-end {
        grid-column-start: 12;
        grid-column-end: -1
    }

    .col-lg-12-1 {
        grid-column-start: 12;
        grid-column-end: 1
    }

    .col-lg-12-2 {
        grid-column-start: 12;
        grid-column-end: 2
    }

    .col-lg-12-3 {
        grid-column-start: 12;
        grid-column-end: 3
    }

    .col-lg-12-4 {
        grid-column-start: 12;
        grid-column-end: 4
    }

    .col-lg-12-5 {
        grid-column-start: 12;
        grid-column-end: 5
    }

    .col-lg-12-6 {
        grid-column-start: 12;
        grid-column-end: 6
    }

    .col-lg-12-7 {
        grid-column-start: 12;
        grid-column-end: 7
    }

    .col-lg-12-8 {
        grid-column-start: 12;
        grid-column-end: 8
    }

    .col-lg-12-9 {
        grid-column-start: 12;
        grid-column-end: 9
    }

    .col-lg-12-10 {
        grid-column-start: 12;
        grid-column-end: 10
    }

    .col-lg-12-11 {
        grid-column-start: 12;
        grid-column-end: 11
    }

    .col-lg-12-12 {
        grid-column-start: 12;
        grid-column-end: 12
    }

    .col-lg-full {
        grid-column-start: 1;
        grid-column-end: -1
    }

    .col-lg-half {
        grid-column-start: span 6;
        grid-column-end: auto
    }

    .order-lg-first {
        order: -1
    }

    .order-lg-last {
        order: 13
    }

    .order-lg-0 {
        order: 0
    }

    .order-lg-1 {
        order: 1
    }

    .order-lg-2 {
        order: 2
    }

    .order-lg-3 {
        order: 3
    }

    .order-lg-4 {
        order: 4
    }

    .order-lg-5 {
        order: 5
    }

    .order-lg-6 {
        order: 6
    }

    .order-lg-7 {
        order: 7
    }

    .order-lg-8 {
        order: 8
    }

    .order-lg-9 {
        order: 9
    }

    .order-lg-10 {
        order: 10
    }

    .order-lg-11 {
        order: 11
    }

    .order-lg-12 {
        order: 12
    }
}

@media screen and (min-width: 80em) {
    .fcol-xl-1 {
        width:calc(8.3333333333% - 3rem)
    }

    .foffset-xl-1 {
        margin-left: calc(8.3333333333% + 1.5rem)
    }

    .col-xl-1 {
        grid-column-start: span 1;
        grid-column-end: auto
    }

    .col-xl-1-end {
        grid-column-start: 1;
        grid-column-end: -1
    }

    .col-xl-1-1 {
        grid-column-start: 1;
        grid-column-end: 1
    }

    .col-xl-1-2 {
        grid-column-start: 1;
        grid-column-end: 2
    }

    .col-xl-1-3 {
        grid-column-start: 1;
        grid-column-end: 3
    }

    .col-xl-1-4 {
        grid-column-start: 1;
        grid-column-end: 4
    }

    .col-xl-1-5 {
        grid-column-start: 1;
        grid-column-end: 5
    }

    .col-xl-1-6 {
        grid-column-start: 1;
        grid-column-end: 6
    }

    .col-xl-1-7 {
        grid-column-start: 1;
        grid-column-end: 7
    }

    .col-xl-1-8 {
        grid-column-start: 1;
        grid-column-end: 8
    }

    .col-xl-1-9 {
        grid-column-start: 1;
        grid-column-end: 9
    }

    .col-xl-1-10 {
        grid-column-start: 1;
        grid-column-end: 10
    }

    .col-xl-1-11 {
        grid-column-start: 1;
        grid-column-end: 11
    }

    .col-xl-1-12 {
        grid-column-start: 1;
        grid-column-end: 12
    }

    .fcol-xl-2 {
        width: calc(16.6666666667% - 3rem)
    }

    .foffset-xl-2 {
        margin-left: calc(16.6666666667% + 1.5rem)
    }

    .col-xl-2 {
        grid-column-start: span 2;
        grid-column-end: auto
    }

    .col-xl-2-end {
        grid-column-start: 2;
        grid-column-end: -1
    }

    .col-xl-2-1 {
        grid-column-start: 2;
        grid-column-end: 1
    }

    .col-xl-2-2 {
        grid-column-start: 2;
        grid-column-end: 2
    }

    .col-xl-2-3 {
        grid-column-start: 2;
        grid-column-end: 3
    }

    .col-xl-2-4 {
        grid-column-start: 2;
        grid-column-end: 4
    }

    .col-xl-2-5 {
        grid-column-start: 2;
        grid-column-end: 5
    }

    .col-xl-2-6 {
        grid-column-start: 2;
        grid-column-end: 6
    }

    .col-xl-2-7 {
        grid-column-start: 2;
        grid-column-end: 7
    }

    .col-xl-2-8 {
        grid-column-start: 2;
        grid-column-end: 8
    }

    .col-xl-2-9 {
        grid-column-start: 2;
        grid-column-end: 9
    }

    .col-xl-2-10 {
        grid-column-start: 2;
        grid-column-end: 10
    }

    .col-xl-2-11 {
        grid-column-start: 2;
        grid-column-end: 11
    }

    .col-xl-2-12 {
        grid-column-start: 2;
        grid-column-end: 12
    }

    .fcol-xl-3 {
        width: calc(25% - 3rem)
    }

    .foffset-xl-3 {
        margin-left: calc(25% + 1.5rem)
    }

    .col-xl-3 {
        grid-column-start: span 3;
        grid-column-end: auto
    }

    .col-xl-3-end {
        grid-column-start: 3;
        grid-column-end: -1
    }

    .col-xl-3-1 {
        grid-column-start: 3;
        grid-column-end: 1
    }

    .col-xl-3-2 {
        grid-column-start: 3;
        grid-column-end: 2
    }

    .col-xl-3-3 {
        grid-column-start: 3;
        grid-column-end: 3
    }

    .col-xl-3-4 {
        grid-column-start: 3;
        grid-column-end: 4
    }

    .col-xl-3-5 {
        grid-column-start: 3;
        grid-column-end: 5
    }

    .col-xl-3-6 {
        grid-column-start: 3;
        grid-column-end: 6
    }

    .col-xl-3-7 {
        grid-column-start: 3;
        grid-column-end: 7
    }

    .col-xl-3-8 {
        grid-column-start: 3;
        grid-column-end: 8
    }

    .col-xl-3-9 {
        grid-column-start: 3;
        grid-column-end: 9
    }

    .col-xl-3-10 {
        grid-column-start: 3;
        grid-column-end: 10
    }

    .col-xl-3-11 {
        grid-column-start: 3;
        grid-column-end: 11
    }

    .col-xl-3-12 {
        grid-column-start: 3;
        grid-column-end: 12
    }

    .fcol-xl-4 {
        width: calc(33.3333333333% - 3rem)
    }

    .foffset-xl-4 {
        margin-left: calc(33.3333333333% + 1.5rem)
    }

    .col-xl-4 {
        grid-column-start: span 4;
        grid-column-end: auto
    }

    .col-xl-4-end {
        grid-column-start: 4;
        grid-column-end: -1
    }

    .col-xl-4-1 {
        grid-column-start: 4;
        grid-column-end: 1
    }

    .col-xl-4-2 {
        grid-column-start: 4;
        grid-column-end: 2
    }

    .col-xl-4-3 {
        grid-column-start: 4;
        grid-column-end: 3
    }

    .col-xl-4-4 {
        grid-column-start: 4;
        grid-column-end: 4
    }

    .col-xl-4-5 {
        grid-column-start: 4;
        grid-column-end: 5
    }

    .col-xl-4-6 {
        grid-column-start: 4;
        grid-column-end: 6
    }

    .col-xl-4-7 {
        grid-column-start: 4;
        grid-column-end: 7
    }

    .col-xl-4-8 {
        grid-column-start: 4;
        grid-column-end: 8
    }

    .col-xl-4-9 {
        grid-column-start: 4;
        grid-column-end: 9
    }

    .col-xl-4-10 {
        grid-column-start: 4;
        grid-column-end: 10
    }

    .col-xl-4-11 {
        grid-column-start: 4;
        grid-column-end: 11
    }

    .col-xl-4-12 {
        grid-column-start: 4;
        grid-column-end: 12
    }

    .fcol-xl-5 {
        width: calc(41.6666666667% - 3rem)
    }

    .foffset-xl-5 {
        margin-left: calc(41.6666666667% + 1.5rem)
    }

    .col-xl-5 {
        grid-column-start: span 5;
        grid-column-end: auto
    }

    .col-xl-5-end {
        grid-column-start: 5;
        grid-column-end: -1
    }

    .col-xl-5-1 {
        grid-column-start: 5;
        grid-column-end: 1
    }

    .col-xl-5-2 {
        grid-column-start: 5;
        grid-column-end: 2
    }

    .col-xl-5-3 {
        grid-column-start: 5;
        grid-column-end: 3
    }

    .col-xl-5-4 {
        grid-column-start: 5;
        grid-column-end: 4
    }

    .col-xl-5-5 {
        grid-column-start: 5;
        grid-column-end: 5
    }

    .col-xl-5-6 {
        grid-column-start: 5;
        grid-column-end: 6
    }

    .col-xl-5-7 {
        grid-column-start: 5;
        grid-column-end: 7
    }

    .col-xl-5-8 {
        grid-column-start: 5;
        grid-column-end: 8
    }

    .col-xl-5-9 {
        grid-column-start: 5;
        grid-column-end: 9
    }

    .col-xl-5-10 {
        grid-column-start: 5;
        grid-column-end: 10
    }

    .col-xl-5-11 {
        grid-column-start: 5;
        grid-column-end: 11
    }

    .col-xl-5-12 {
        grid-column-start: 5;
        grid-column-end: 12
    }

    .fcol-xl-6 {
        width: calc(50% - 3rem)
    }

    .foffset-xl-6 {
        margin-left: calc(50% + 1.5rem)
    }

    .col-xl-6 {
        grid-column-start: span 6;
        grid-column-end: auto
    }

    .col-xl-6-end {
        grid-column-start: 6;
        grid-column-end: -1
    }

    .col-xl-6-1 {
        grid-column-start: 6;
        grid-column-end: 1
    }

    .col-xl-6-2 {
        grid-column-start: 6;
        grid-column-end: 2
    }

    .col-xl-6-3 {
        grid-column-start: 6;
        grid-column-end: 3
    }

    .col-xl-6-4 {
        grid-column-start: 6;
        grid-column-end: 4
    }

    .col-xl-6-5 {
        grid-column-start: 6;
        grid-column-end: 5
    }

    .col-xl-6-6 {
        grid-column-start: 6;
        grid-column-end: 6
    }

    .col-xl-6-7 {
        grid-column-start: 6;
        grid-column-end: 7
    }

    .col-xl-6-8 {
        grid-column-start: 6;
        grid-column-end: 8
    }

    .col-xl-6-9 {
        grid-column-start: 6;
        grid-column-end: 9
    }

    .col-xl-6-10 {
        grid-column-start: 6;
        grid-column-end: 10
    }

    .col-xl-6-11 {
        grid-column-start: 6;
        grid-column-end: 11
    }

    .col-xl-6-12 {
        grid-column-start: 6;
        grid-column-end: 12
    }

    .fcol-xl-7 {
        width: calc(58.3333333333% - 3rem)
    }

    .foffset-xl-7 {
        margin-left: calc(58.3333333333% + 1.5rem)
    }

    .col-xl-7 {
        grid-column-start: span 7;
        grid-column-end: auto
    }

    .col-xl-7-end {
        grid-column-start: 7;
        grid-column-end: -1
    }

    .col-xl-7-1 {
        grid-column-start: 7;
        grid-column-end: 1
    }

    .col-xl-7-2 {
        grid-column-start: 7;
        grid-column-end: 2
    }

    .col-xl-7-3 {
        grid-column-start: 7;
        grid-column-end: 3
    }

    .col-xl-7-4 {
        grid-column-start: 7;
        grid-column-end: 4
    }

    .col-xl-7-5 {
        grid-column-start: 7;
        grid-column-end: 5
    }

    .col-xl-7-6 {
        grid-column-start: 7;
        grid-column-end: 6
    }

    .col-xl-7-7 {
        grid-column-start: 7;
        grid-column-end: 7
    }

    .col-xl-7-8 {
        grid-column-start: 7;
        grid-column-end: 8
    }

    .col-xl-7-9 {
        grid-column-start: 7;
        grid-column-end: 9
    }

    .col-xl-7-10 {
        grid-column-start: 7;
        grid-column-end: 10
    }

    .col-xl-7-11 {
        grid-column-start: 7;
        grid-column-end: 11
    }

    .col-xl-7-12 {
        grid-column-start: 7;
        grid-column-end: 12
    }

    .fcol-xl-8 {
        width: calc(66.6666666667% - 3rem)
    }

    .foffset-xl-8 {
        margin-left: calc(66.6666666667% + 1.5rem)
    }

    .col-xl-8 {
        grid-column-start: span 8;
        grid-column-end: auto
    }

    .col-xl-8-end {
        grid-column-start: 8;
        grid-column-end: -1
    }

    .col-xl-8-1 {
        grid-column-start: 8;
        grid-column-end: 1
    }

    .col-xl-8-2 {
        grid-column-start: 8;
        grid-column-end: 2
    }

    .col-xl-8-3 {
        grid-column-start: 8;
        grid-column-end: 3
    }

    .col-xl-8-4 {
        grid-column-start: 8;
        grid-column-end: 4
    }

    .col-xl-8-5 {
        grid-column-start: 8;
        grid-column-end: 5
    }

    .col-xl-8-6 {
        grid-column-start: 8;
        grid-column-end: 6
    }

    .col-xl-8-7 {
        grid-column-start: 8;
        grid-column-end: 7
    }

    .col-xl-8-8 {
        grid-column-start: 8;
        grid-column-end: 8
    }

    .col-xl-8-9 {
        grid-column-start: 8;
        grid-column-end: 9
    }

    .col-xl-8-10 {
        grid-column-start: 8;
        grid-column-end: 10
    }

    .col-xl-8-11 {
        grid-column-start: 8;
        grid-column-end: 11
    }

    .col-xl-8-12 {
        grid-column-start: 8;
        grid-column-end: 12
    }

    .fcol-xl-9 {
        width: calc(75% - 3rem)
    }

    .foffset-xl-9 {
        margin-left: calc(75% + 1.5rem)
    }

    .col-xl-9 {
        grid-column-start: span 9;
        grid-column-end: auto
    }

    .col-xl-9-end {
        grid-column-start: 9;
        grid-column-end: -1
    }

    .col-xl-9-1 {
        grid-column-start: 9;
        grid-column-end: 1
    }

    .col-xl-9-2 {
        grid-column-start: 9;
        grid-column-end: 2
    }

    .col-xl-9-3 {
        grid-column-start: 9;
        grid-column-end: 3
    }

    .col-xl-9-4 {
        grid-column-start: 9;
        grid-column-end: 4
    }

    .col-xl-9-5 {
        grid-column-start: 9;
        grid-column-end: 5
    }

    .col-xl-9-6 {
        grid-column-start: 9;
        grid-column-end: 6
    }

    .col-xl-9-7 {
        grid-column-start: 9;
        grid-column-end: 7
    }

    .col-xl-9-8 {
        grid-column-start: 9;
        grid-column-end: 8
    }

    .col-xl-9-9 {
        grid-column-start: 9;
        grid-column-end: 9
    }

    .col-xl-9-10 {
        grid-column-start: 9;
        grid-column-end: 10
    }

    .col-xl-9-11 {
        grid-column-start: 9;
        grid-column-end: 11
    }

    .col-xl-9-12 {
        grid-column-start: 9;
        grid-column-end: 12
    }

    .fcol-xl-10 {
        width: calc(83.3333333333% - 3rem)
    }

    .foffset-xl-10 {
        margin-left: calc(83.3333333333% + 1.5rem)
    }

    .col-xl-10 {
        grid-column-start: span 10;
        grid-column-end: auto
    }

    .col-xl-10-end {
        grid-column-start: 10;
        grid-column-end: -1
    }

    .col-xl-10-1 {
        grid-column-start: 10;
        grid-column-end: 1
    }

    .col-xl-10-2 {
        grid-column-start: 10;
        grid-column-end: 2
    }

    .col-xl-10-3 {
        grid-column-start: 10;
        grid-column-end: 3
    }

    .col-xl-10-4 {
        grid-column-start: 10;
        grid-column-end: 4
    }

    .col-xl-10-5 {
        grid-column-start: 10;
        grid-column-end: 5
    }

    .col-xl-10-6 {
        grid-column-start: 10;
        grid-column-end: 6
    }

    .col-xl-10-7 {
        grid-column-start: 10;
        grid-column-end: 7
    }

    .col-xl-10-8 {
        grid-column-start: 10;
        grid-column-end: 8
    }

    .col-xl-10-9 {
        grid-column-start: 10;
        grid-column-end: 9
    }

    .col-xl-10-10 {
        grid-column-start: 10;
        grid-column-end: 10
    }

    .col-xl-10-11 {
        grid-column-start: 10;
        grid-column-end: 11
    }

    .col-xl-10-12 {
        grid-column-start: 10;
        grid-column-end: 12
    }

    .fcol-xl-11 {
        width: calc(91.6666666667% - 3rem)
    }

    .foffset-xl-11 {
        margin-left: calc(91.6666666667% + 1.5rem)
    }

    .col-xl-11 {
        grid-column-start: span 11;
        grid-column-end: auto
    }

    .col-xl-11-end {
        grid-column-start: 11;
        grid-column-end: -1
    }

    .col-xl-11-1 {
        grid-column-start: 11;
        grid-column-end: 1
    }

    .col-xl-11-2 {
        grid-column-start: 11;
        grid-column-end: 2
    }

    .col-xl-11-3 {
        grid-column-start: 11;
        grid-column-end: 3
    }

    .col-xl-11-4 {
        grid-column-start: 11;
        grid-column-end: 4
    }

    .col-xl-11-5 {
        grid-column-start: 11;
        grid-column-end: 5
    }

    .col-xl-11-6 {
        grid-column-start: 11;
        grid-column-end: 6
    }

    .col-xl-11-7 {
        grid-column-start: 11;
        grid-column-end: 7
    }

    .col-xl-11-8 {
        grid-column-start: 11;
        grid-column-end: 8
    }

    .col-xl-11-9 {
        grid-column-start: 11;
        grid-column-end: 9
    }

    .col-xl-11-10 {
        grid-column-start: 11;
        grid-column-end: 10
    }

    .col-xl-11-11 {
        grid-column-start: 11;
        grid-column-end: 11
    }

    .col-xl-11-12 {
        grid-column-start: 11;
        grid-column-end: 12
    }

    .fcol-xl-12 {
        width: calc(100% - 3rem)
    }

    .foffset-xl-12 {
        margin-left: calc(100% + 1.5rem)
    }

    .col-xl-12 {
        grid-column-start: span 12;
        grid-column-end: auto
    }

    .col-xl-12-end {
        grid-column-start: 12;
        grid-column-end: -1
    }

    .col-xl-12-1 {
        grid-column-start: 12;
        grid-column-end: 1
    }

    .col-xl-12-2 {
        grid-column-start: 12;
        grid-column-end: 2
    }

    .col-xl-12-3 {
        grid-column-start: 12;
        grid-column-end: 3
    }

    .col-xl-12-4 {
        grid-column-start: 12;
        grid-column-end: 4
    }

    .col-xl-12-5 {
        grid-column-start: 12;
        grid-column-end: 5
    }

    .col-xl-12-6 {
        grid-column-start: 12;
        grid-column-end: 6
    }

    .col-xl-12-7 {
        grid-column-start: 12;
        grid-column-end: 7
    }

    .col-xl-12-8 {
        grid-column-start: 12;
        grid-column-end: 8
    }

    .col-xl-12-9 {
        grid-column-start: 12;
        grid-column-end: 9
    }

    .col-xl-12-10 {
        grid-column-start: 12;
        grid-column-end: 10
    }

    .col-xl-12-11 {
        grid-column-start: 12;
        grid-column-end: 11
    }

    .col-xl-12-12 {
        grid-column-start: 12;
        grid-column-end: 12
    }

    .col-xl-full {
        grid-column-start: 1;
        grid-column-end: -1
    }

    .col-xl-half {
        grid-column-start: span 6;
        grid-column-end: auto
    }

    .order-xl-first {
        order: -1
    }

    .order-xl-last {
        order: 13
    }

    .order-xl-0 {
        order: 0
    }

    .order-xl-1 {
        order: 1
    }

    .order-xl-2 {
        order: 2
    }

    .order-xl-3 {
        order: 3
    }

    .order-xl-4 {
        order: 4
    }

    .order-xl-5 {
        order: 5
    }

    .order-xl-6 {
        order: 6
    }

    .order-xl-7 {
        order: 7
    }

    .order-xl-8 {
        order: 8
    }

    .order-xl-9 {
        order: 9
    }

    .order-xl-10 {
        order: 10
    }

    .order-xl-11 {
        order: 11
    }

    .order-xl-12 {
        order: 12
    }
}

.grid-guide {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1
}

.grid-guide--above {
    z-index: 1
}

.grid-guide .container,.grid-guide .fgrid {
    height: 100%
}

.grid-guide .fgrid__item {
    width: calc(25% - 2rem);
    background-color: rgba(255,192,203,.3);
    height: 100%
}

@media screen and (min-width: 36em) {
    .grid-guide .fgrid__item {
        width:calc(12.5% - 2rem)
    }
}

@media screen and (min-width: 48em) {
    .grid-guide .fgrid__item {
        width:calc(8.3333333333% - 3rem)
    }
}

@media screen and (min-width: 64em) {
    .grid-guide .fgrid__item {
        width:calc(8.3333333333% - 3rem)
    }
}

@media screen and (min-width: 80em) {
    .grid-guide .fgrid__item {
        width:calc(8.3333333333% - 3rem)
    }
}

.visually-hidden {
    position: absolute !important;
    overflow: hidden;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    clip: rect(0 0 0 0)
}

.visually-shown {
    position: inherit !important;
    overflow: auto;
    width: auto;
    height: auto;
    margin: 0;
    clip: auto
}

.js-focus-hidden:focus {
    outline: none
}

.hidden {
    display: none
}

.no-js:not(html) {
    display: none
}

.no-js .no-js:not(html) {
    display: block
}

.no-js .js {
    display: none
}

.reset-button {
    padding: 0;
    font-family: inherit;
    background: rgba(0,0,0,0);
    border: 0;
    border-radius: 0;
    appearance: none
}

.reset-list {
    padding: 0;
    margin: 0;
    list-style: none
}

.overflow-visible {
    overflow: visible
}

.overflow-x-visible {
    overflow: visible
}

.overflow-y-visible {
    overflow: visible
}

.overflow-hidden {
    overflow: hidden
}

.overflow-x-hidden {
    overflow: hidden
}

.overflow-y-hidden {
    overflow: hidden
}

.overflow-scroll {
    overflow: scroll
}

.overflow-x-scroll {
    overflow: scroll
}

.overflow-y-scroll {
    overflow: scroll
}

.overflow-auto {
    overflow: auto
}

.overflow-x-auto {
    overflow: auto
}

.overflow-y-auto {
    overflow: auto
}

@media screen and (min-width: 36em) {
    .overflow-sm-visible {
        overflow:visible
    }

    .overflow-x-sm-visible {
        overflow: visible
    }

    .overflow-y-sm-visible {
        overflow: visible
    }

    .overflow-sm-hidden {
        overflow: hidden
    }

    .overflow-x-sm-hidden {
        overflow: hidden
    }

    .overflow-y-sm-hidden {
        overflow: hidden
    }

    .overflow-sm-scroll {
        overflow: scroll
    }

    .overflow-x-sm-scroll {
        overflow: scroll
    }

    .overflow-y-sm-scroll {
        overflow: scroll
    }

    .overflow-sm-auto {
        overflow: auto
    }

    .overflow-x-sm-auto {
        overflow: auto
    }

    .overflow-y-sm-auto {
        overflow: auto
    }
}

@media screen and (min-width: 48em) {
    .overflow-md-visible {
        overflow:visible
    }

    .overflow-x-md-visible {
        overflow: visible
    }

    .overflow-y-md-visible {
        overflow: visible
    }

    .overflow-md-hidden {
        overflow: hidden
    }

    .overflow-x-md-hidden {
        overflow: hidden
    }

    .overflow-y-md-hidden {
        overflow: hidden
    }

    .overflow-md-scroll {
        overflow: scroll
    }

    .overflow-x-md-scroll {
        overflow: scroll
    }

    .overflow-y-md-scroll {
        overflow: scroll
    }

    .overflow-md-auto {
        overflow: auto
    }

    .overflow-x-md-auto {
        overflow: auto
    }

    .overflow-y-md-auto {
        overflow: auto
    }
}

@media screen and (min-width: 64em) {
    .overflow-lg-visible {
        overflow:visible
    }

    .overflow-x-lg-visible {
        overflow: visible
    }

    .overflow-y-lg-visible {
        overflow: visible
    }

    .overflow-lg-hidden {
        overflow: hidden
    }

    .overflow-x-lg-hidden {
        overflow: hidden
    }

    .overflow-y-lg-hidden {
        overflow: hidden
    }

    .overflow-lg-scroll {
        overflow: scroll
    }

    .overflow-x-lg-scroll {
        overflow: scroll
    }

    .overflow-y-lg-scroll {
        overflow: scroll
    }

    .overflow-lg-auto {
        overflow: auto
    }

    .overflow-x-lg-auto {
        overflow: auto
    }

    .overflow-y-lg-auto {
        overflow: auto
    }
}

@media screen and (min-width: 80em) {
    .overflow-xl-visible {
        overflow:visible
    }

    .overflow-x-xl-visible {
        overflow: visible
    }

    .overflow-y-xl-visible {
        overflow: visible
    }

    .overflow-xl-hidden {
        overflow: hidden
    }

    .overflow-x-xl-hidden {
        overflow: hidden
    }

    .overflow-y-xl-hidden {
        overflow: hidden
    }

    .overflow-xl-scroll {
        overflow: scroll
    }

    .overflow-x-xl-scroll {
        overflow: scroll
    }

    .overflow-y-xl-scroll {
        overflow: scroll
    }

    .overflow-xl-auto {
        overflow: auto
    }

    .overflow-x-xl-auto {
        overflow: auto
    }

    .overflow-y-xl-auto {
        overflow: auto
    }
}

.position-static {
    position: static
}

.position-relative {
    position: relative
}

.position-absolute {
    position: absolute
}

.position-fixed {
    position: fixed
}

.position-sticky {
    position: sticky
}

.position-inherit {
    position: inherit
}

@media screen and (min-width: 36em) {
    .position-sm-static {
        position:static
    }

    .position-sm-relative {
        position: relative
    }

    .position-sm-absolute {
        position: absolute
    }

    .position-sm-fixed {
        position: fixed
    }

    .position-sm-sticky {
        position: sticky
    }

    .position-sm-inherit {
        position: inherit
    }
}

@media screen and (min-width: 48em) {
    .position-md-static {
        position:static
    }

    .position-md-relative {
        position: relative
    }

    .position-md-absolute {
        position: absolute
    }

    .position-md-fixed {
        position: fixed
    }

    .position-md-sticky {
        position: sticky
    }

    .position-md-inherit {
        position: inherit
    }
}

@media screen and (min-width: 64em) {
    .position-lg-static {
        position:static
    }

    .position-lg-relative {
        position: relative
    }

    .position-lg-absolute {
        position: absolute
    }

    .position-lg-fixed {
        position: fixed
    }

    .position-lg-sticky {
        position: sticky
    }

    .position-lg-inherit {
        position: inherit
    }
}

@media screen and (min-width: 80em) {
    .position-xl-static {
        position:static
    }

    .position-xl-relative {
        position: relative
    }

    .position-xl-absolute {
        position: absolute
    }

    .position-xl-fixed {
        position: fixed
    }

    .position-xl-sticky {
        position: sticky
    }

    .position-xl-inherit {
        position: inherit
    }
}

.m-0 {
    margin: 0
}

.mt-0,.my-0 {
    margin-top: 0
}

.mr-0,.mx-0 {
    margin-right: 0
}

.mb-0,.my-0 {
    margin-bottom: 0
}

.ml-0,.mx-0 {
    margin-left: 0
}

.m-1 {
    margin: .5rem
}

.mt-1,.my-1 {
    margin-top: .5rem
}

.mr-1,.mx-1 {
    margin-right: .5rem
}

.mb-1,.my-1 {
    margin-bottom: .5rem
}

.ml-1,.mx-1 {
    margin-left: .5rem
}

.m-2 {
    margin: 1rem
}

.mt-2,.my-2 {
    margin-top: 1rem
}

.mr-2,.mx-2 {
    margin-right: 1rem
}

.mb-2,.my-2 {
    margin-bottom: 1rem
}

.ml-2,.mx-2 {
    margin-left: 1rem
}

.m-3 {
    margin: 1.5rem
}

.mt-3,.my-3 {
    margin-top: 1.5rem
}

.mr-3,.mx-3 {
    margin-right: 1.5rem
}

.mb-3,.my-3 {
    margin-bottom: 1.5rem
}

.ml-3,.mx-3 {
    margin-left: 1.5rem
}

.m-4 {
    margin: 2rem
}

.mt-4,.my-4 {
    margin-top: 2rem
}

.mr-4,.mx-4 {
    margin-right: 2rem
}

.mb-4,.my-4 {
    margin-bottom: 2rem
}

.ml-4,.mx-4 {
    margin-left: 2rem
}

.m-5 {
    margin: 3rem
}

.mt-5,.my-5 {
    margin-top: 3rem
}

.mr-5,.mx-5 {
    margin-right: 3rem
}

.mb-5,.my-5 {
    margin-bottom: 3rem
}

.ml-5,.mx-5 {
    margin-left: 3rem
}

.m-6 {
    margin: 3.5rem
}

.mt-6,.my-6 {
    margin-top: 3.5rem
}

.mr-6,.mx-6 {
    margin-right: 3.5rem
}

.mb-6,.my-6 {
    margin-bottom: 3.5rem
}

.ml-6,.mx-6 {
    margin-left: 3.5rem
}

.m-7 {
    margin: 5.5rem
}

.mt-7,.my-7 {
    margin-top: 5.5rem
}

.mr-7,.mx-7 {
    margin-right: 5.5rem
}

.mb-7,.my-7 {
    margin-bottom: 5.5rem
}

.ml-7,.mx-7 {
    margin-left: 5.5rem
}

.m-8 {
    margin: 6rem
}

.mt-8,.my-8 {
    margin-top: 6rem
}

.mr-8,.mx-8 {
    margin-right: 6rem
}

.mb-8,.my-8 {
    margin-bottom: 6rem
}

.ml-8,.mx-8 {
    margin-left: 6rem
}

.m-9 {
    margin: 6.5rem
}

.mt-9,.my-9 {
    margin-top: 6.5rem
}

.mr-9,.mx-9 {
    margin-right: 6.5rem
}

.mb-9,.my-9 {
    margin-bottom: 6.5rem
}

.ml-9,.mx-9 {
    margin-left: 6.5rem
}

.m-10 {
    margin: 8rem
}

.mt-10,.my-10 {
    margin-top: 8rem
}

.mr-10,.mx-10 {
    margin-right: 8rem
}

.mb-10,.my-10 {
    margin-bottom: 8rem
}

.ml-10,.mx-10 {
    margin-left: 8rem
}

.m-11 {
    margin: 10rem
}

.mt-11,.my-11 {
    margin-top: 10rem
}

.mr-11,.mx-11 {
    margin-right: 10rem
}

.mb-11,.my-11 {
    margin-bottom: 10rem
}

.ml-11,.mx-11 {
    margin-left: 10rem
}

.m-12 {
    margin: 12.5rem
}

.mt-12,.my-12 {
    margin-top: 12.5rem
}

.mr-12,.mx-12 {
    margin-right: 12.5rem
}

.mb-12,.my-12 {
    margin-bottom: 12.5rem
}

.ml-12,.mx-12 {
    margin-left: 12.5rem
}

.p-0 {
    padding: 0
}

.pt-0,.py-0 {
    padding-top: 0
}

.pr-0,.px-0 {
    padding-right: 0
}

.pb-0,.py-0 {
    padding-bottom: 0
}

.pl-0,.px-0 {
    padding-left: 0
}

.p-1 {
    padding: .5rem
}

.pt-1,.py-1 {
    padding-top: .5rem
}

.pr-1,.px-1 {
    padding-right: .5rem
}

.pb-1,.py-1 {
    padding-bottom: .5rem
}

.pl-1,.px-1 {
    padding-left: .5rem
}

.p-2 {
    padding: 1rem
}

.pt-2,.py-2 {
    padding-top: 1rem
}

.pr-2,.px-2 {
    padding-right: 1rem
}

.pb-2,.py-2 {
    padding-bottom: 1rem
}

.pl-2,.px-2 {
    padding-left: 1rem
}

.p-3 {
    padding: 1.5rem
}

.pt-3,.py-3 {
    padding-top: 1.5rem
}

.pr-3,.px-3 {
    padding-right: 1.5rem
}

.pb-3,.py-3 {
    padding-bottom: 1.5rem
}

.pl-3,.px-3 {
    padding-left: 1.5rem
}

.p-4 {
    padding: 2rem
}

.pt-4,.py-4 {
    padding-top: 2rem
}

.pr-4,.px-4 {
    padding-right: 2rem
}

.pb-4,.py-4 {
    padding-bottom: 2rem
}

.pl-4,.px-4 {
    padding-left: 2rem
}

.p-5 {
    padding: 3rem
}

.pt-5,.py-5 {
    padding-top: 3rem
}

.pr-5,.px-5 {
    padding-right: 3rem
}

.pb-5,.py-5 {
    padding-bottom: 3rem
}

.pl-5,.px-5 {
    padding-left: 3rem
}

.p-6 {
    padding: 3.5rem
}

.pt-6,.py-6 {
    padding-top: 3.5rem
}

.pr-6,.px-6 {
    padding-right: 3.5rem
}

.pb-6,.py-6 {
    padding-bottom: 3.5rem
}

.pl-6,.px-6 {
    padding-left: 3.5rem
}

.p-7 {
    padding: 5.5rem
}

.pt-7,.py-7 {
    padding-top: 5.5rem
}

.pr-7,.px-7 {
    padding-right: 5.5rem
}

.pb-7,.py-7 {
    padding-bottom: 5.5rem
}

.pl-7,.px-7 {
    padding-left: 5.5rem
}

.p-8 {
    padding: 6rem
}

.pt-8,.py-8 {
    padding-top: 6rem
}

.pr-8,.px-8 {
    padding-right: 6rem
}

.pb-8,.py-8 {
    padding-bottom: 6rem
}

.pl-8,.px-8 {
    padding-left: 6rem
}

.p-9 {
    padding: 6.5rem
}

.pt-9,.py-9 {
    padding-top: 6.5rem
}

.pr-9,.px-9 {
    padding-right: 6.5rem
}

.pb-9,.py-9 {
    padding-bottom: 6.5rem
}

.pl-9,.px-9 {
    padding-left: 6.5rem
}

.p-10 {
    padding: 8rem
}

.pt-10,.py-10 {
    padding-top: 8rem
}

.pr-10,.px-10 {
    padding-right: 8rem
}

.pb-10,.py-10 {
    padding-bottom: 8rem
}

.pl-10,.px-10 {
    padding-left: 8rem
}

.p-11 {
    padding: 10rem
}

.pt-11,.py-11 {
    padding-top: 10rem
}

.pr-11,.px-11 {
    padding-right: 10rem
}

.pb-11,.py-11 {
    padding-bottom: 10rem
}

.pl-11,.px-11 {
    padding-left: 10rem
}

.p-12 {
    padding: 12.5rem
}

.pt-12,.py-12 {
    padding-top: 12.5rem
}

.pr-12,.px-12 {
    padding-right: 12.5rem
}

.pb-12,.py-12 {
    padding-bottom: 12.5rem
}

.pl-12,.px-12 {
    padding-left: 12.5rem
}

.m-n1 {
    margin: -0.5rem
}

.mt-n1,.my-n1 {
    margin-top: -0.5rem
}

.mr-n1,.mx-n1 {
    margin-right: -0.5rem
}

.mb-n1,.my-n1 {
    margin-bottom: -0.5rem
}

.ml-n1,.mx-n1 {
    margin-left: -0.5rem
}

.m-n2 {
    margin: -1rem
}

.mt-n2,.my-n2 {
    margin-top: -1rem
}

.mr-n2,.mx-n2 {
    margin-right: -1rem
}

.mb-n2,.my-n2 {
    margin-bottom: -1rem
}

.ml-n2,.mx-n2 {
    margin-left: -1rem
}

.m-n3 {
    margin: -1.5rem
}

.mt-n3,.my-n3 {
    margin-top: -1.5rem
}

.mr-n3,.mx-n3 {
    margin-right: -1.5rem
}

.mb-n3,.my-n3 {
    margin-bottom: -1.5rem
}

.ml-n3,.mx-n3 {
    margin-left: -1.5rem
}

.m-n4 {
    margin: -2rem
}

.mt-n4,.my-n4 {
    margin-top: -2rem
}

.mr-n4,.mx-n4 {
    margin-right: -2rem
}

.mb-n4,.my-n4 {
    margin-bottom: -2rem
}

.ml-n4,.mx-n4 {
    margin-left: -2rem
}

.m-n5 {
    margin: -3rem
}

.mt-n5,.my-n5 {
    margin-top: -3rem
}

.mr-n5,.mx-n5 {
    margin-right: -3rem
}

.mb-n5,.my-n5 {
    margin-bottom: -3rem
}

.ml-n5,.mx-n5 {
    margin-left: -3rem
}

.m-n6 {
    margin: -3.5rem
}

.mt-n6,.my-n6 {
    margin-top: -3.5rem
}

.mr-n6,.mx-n6 {
    margin-right: -3.5rem
}

.mb-n6,.my-n6 {
    margin-bottom: -3.5rem
}

.ml-n6,.mx-n6 {
    margin-left: -3.5rem
}

.m-n7 {
    margin: -5.5rem
}

.mt-n7,.my-n7 {
    margin-top: -5.5rem
}

.mr-n7,.mx-n7 {
    margin-right: -5.5rem
}

.mb-n7,.my-n7 {
    margin-bottom: -5.5rem
}

.ml-n7,.mx-n7 {
    margin-left: -5.5rem
}

.m-n8 {
    margin: -6rem
}

.mt-n8,.my-n8 {
    margin-top: -6rem
}

.mr-n8,.mx-n8 {
    margin-right: -6rem
}

.mb-n8,.my-n8 {
    margin-bottom: -6rem
}

.ml-n8,.mx-n8 {
    margin-left: -6rem
}

.m-n9 {
    margin: -6.5rem
}

.mt-n9,.my-n9 {
    margin-top: -6.5rem
}

.mr-n9,.mx-n9 {
    margin-right: -6.5rem
}

.mb-n9,.my-n9 {
    margin-bottom: -6.5rem
}

.ml-n9,.mx-n9 {
    margin-left: -6.5rem
}

.m-n10 {
    margin: -8rem
}

.mt-n10,.my-n10 {
    margin-top: -8rem
}

.mr-n10,.mx-n10 {
    margin-right: -8rem
}

.mb-n10,.my-n10 {
    margin-bottom: -8rem
}

.ml-n10,.mx-n10 {
    margin-left: -8rem
}

.m-n11 {
    margin: -10rem
}

.mt-n11,.my-n11 {
    margin-top: -10rem
}

.mr-n11,.mx-n11 {
    margin-right: -10rem
}

.mb-n11,.my-n11 {
    margin-bottom: -10rem
}

.ml-n11,.mx-n11 {
    margin-left: -10rem
}

.m-n12 {
    margin: -12.5rem
}

.mt-n12,.my-n12 {
    margin-top: -12.5rem
}

.mr-n12,.mx-n12 {
    margin-right: -12.5rem
}

.mb-n12,.my-n12 {
    margin-bottom: -12.5rem
}

.ml-n12,.mx-n12 {
    margin-left: -12.5rem
}

.m-auto {
    margin: auto
}

.mt-auto,.my-auto {
    margin-top: auto
}

.mr-auto,.mx-auto {
    margin-right: auto
}

.mb-auto,.my-auto {
    margin-bottom: auto
}

.ml-auto,.mx-auto {
    margin-left: auto
}

@media screen and (min-width: 36em) {
    .m-sm-0 {
        margin:0
    }

    .mt-sm-0,.my-sm-0 {
        margin-top: 0
    }

    .mr-sm-0,.mx-sm-0 {
        margin-right: 0
    }

    .mb-sm-0,.my-sm-0 {
        margin-bottom: 0
    }

    .ml-sm-0,.mx-sm-0 {
        margin-left: 0
    }

    .m-sm-1 {
        margin: .5rem
    }

    .mt-sm-1,.my-sm-1 {
        margin-top: .5rem
    }

    .mr-sm-1,.mx-sm-1 {
        margin-right: .5rem
    }

    .mb-sm-1,.my-sm-1 {
        margin-bottom: .5rem
    }

    .ml-sm-1,.mx-sm-1 {
        margin-left: .5rem
    }

    .m-sm-2 {
        margin: 1rem
    }

    .mt-sm-2,.my-sm-2 {
        margin-top: 1rem
    }

    .mr-sm-2,.mx-sm-2 {
        margin-right: 1rem
    }

    .mb-sm-2,.my-sm-2 {
        margin-bottom: 1rem
    }

    .ml-sm-2,.mx-sm-2 {
        margin-left: 1rem
    }

    .m-sm-3 {
        margin: 1.5rem
    }

    .mt-sm-3,.my-sm-3 {
        margin-top: 1.5rem
    }

    .mr-sm-3,.mx-sm-3 {
        margin-right: 1.5rem
    }

    .mb-sm-3,.my-sm-3 {
        margin-bottom: 1.5rem
    }

    .ml-sm-3,.mx-sm-3 {
        margin-left: 1.5rem
    }

    .m-sm-4 {
        margin: 2rem
    }

    .mt-sm-4,.my-sm-4 {
        margin-top: 2rem
    }

    .mr-sm-4,.mx-sm-4 {
        margin-right: 2rem
    }

    .mb-sm-4,.my-sm-4 {
        margin-bottom: 2rem
    }

    .ml-sm-4,.mx-sm-4 {
        margin-left: 2rem
    }

    .m-sm-5 {
        margin: 3rem
    }

    .mt-sm-5,.my-sm-5 {
        margin-top: 3rem
    }

    .mr-sm-5,.mx-sm-5 {
        margin-right: 3rem
    }

    .mb-sm-5,.my-sm-5 {
        margin-bottom: 3rem
    }

    .ml-sm-5,.mx-sm-5 {
        margin-left: 3rem
    }

    .m-sm-6 {
        margin: 3.5rem
    }

    .mt-sm-6,.my-sm-6 {
        margin-top: 3.5rem
    }

    .mr-sm-6,.mx-sm-6 {
        margin-right: 3.5rem
    }

    .mb-sm-6,.my-sm-6 {
        margin-bottom: 3.5rem
    }

    .ml-sm-6,.mx-sm-6 {
        margin-left: 3.5rem
    }

    .m-sm-7 {
        margin: 5.5rem
    }

    .mt-sm-7,.my-sm-7 {
        margin-top: 5.5rem
    }

    .mr-sm-7,.mx-sm-7 {
        margin-right: 5.5rem
    }

    .mb-sm-7,.my-sm-7 {
        margin-bottom: 5.5rem
    }

    .ml-sm-7,.mx-sm-7 {
        margin-left: 5.5rem
    }

    .m-sm-8 {
        margin: 6rem
    }

    .mt-sm-8,.my-sm-8 {
        margin-top: 6rem
    }

    .mr-sm-8,.mx-sm-8 {
        margin-right: 6rem
    }

    .mb-sm-8,.my-sm-8 {
        margin-bottom: 6rem
    }

    .ml-sm-8,.mx-sm-8 {
        margin-left: 6rem
    }

    .m-sm-9 {
        margin: 6.5rem
    }

    .mt-sm-9,.my-sm-9 {
        margin-top: 6.5rem
    }

    .mr-sm-9,.mx-sm-9 {
        margin-right: 6.5rem
    }

    .mb-sm-9,.my-sm-9 {
        margin-bottom: 6.5rem
    }

    .ml-sm-9,.mx-sm-9 {
        margin-left: 6.5rem
    }

    .m-sm-10 {
        margin: 8rem
    }

    .mt-sm-10,.my-sm-10 {
        margin-top: 8rem
    }

    .mr-sm-10,.mx-sm-10 {
        margin-right: 8rem
    }

    .mb-sm-10,.my-sm-10 {
        margin-bottom: 8rem
    }

    .ml-sm-10,.mx-sm-10 {
        margin-left: 8rem
    }

    .m-sm-11 {
        margin: 10rem
    }

    .mt-sm-11,.my-sm-11 {
        margin-top: 10rem
    }

    .mr-sm-11,.mx-sm-11 {
        margin-right: 10rem
    }

    .mb-sm-11,.my-sm-11 {
        margin-bottom: 10rem
    }

    .ml-sm-11,.mx-sm-11 {
        margin-left: 10rem
    }

    .m-sm-12 {
        margin: 12.5rem
    }

    .mt-sm-12,.my-sm-12 {
        margin-top: 12.5rem
    }

    .mr-sm-12,.mx-sm-12 {
        margin-right: 12.5rem
    }

    .mb-sm-12,.my-sm-12 {
        margin-bottom: 12.5rem
    }

    .ml-sm-12,.mx-sm-12 {
        margin-left: 12.5rem
    }

    .p-sm-0 {
        padding: 0
    }

    .pt-sm-0,.py-sm-0 {
        padding-top: 0
    }

    .pr-sm-0,.px-sm-0 {
        padding-right: 0
    }

    .pb-sm-0,.py-sm-0 {
        padding-bottom: 0
    }

    .pl-sm-0,.px-sm-0 {
        padding-left: 0
    }

    .p-sm-1 {
        padding: .5rem
    }

    .pt-sm-1,.py-sm-1 {
        padding-top: .5rem
    }

    .pr-sm-1,.px-sm-1 {
        padding-right: .5rem
    }

    .pb-sm-1,.py-sm-1 {
        padding-bottom: .5rem
    }

    .pl-sm-1,.px-sm-1 {
        padding-left: .5rem
    }

    .p-sm-2 {
        padding: 1rem
    }

    .pt-sm-2,.py-sm-2 {
        padding-top: 1rem
    }

    .pr-sm-2,.px-sm-2 {
        padding-right: 1rem
    }

    .pb-sm-2,.py-sm-2 {
        padding-bottom: 1rem
    }

    .pl-sm-2,.px-sm-2 {
        padding-left: 1rem
    }

    .p-sm-3 {
        padding: 1.5rem
    }

    .pt-sm-3,.py-sm-3 {
        padding-top: 1.5rem
    }

    .pr-sm-3,.px-sm-3 {
        padding-right: 1.5rem
    }

    .pb-sm-3,.py-sm-3 {
        padding-bottom: 1.5rem
    }

    .pl-sm-3,.px-sm-3 {
        padding-left: 1.5rem
    }

    .p-sm-4 {
        padding: 2rem
    }

    .pt-sm-4,.py-sm-4 {
        padding-top: 2rem
    }

    .pr-sm-4,.px-sm-4 {
        padding-right: 2rem
    }

    .pb-sm-4,.py-sm-4 {
        padding-bottom: 2rem
    }

    .pl-sm-4,.px-sm-4 {
        padding-left: 2rem
    }

    .p-sm-5 {
        padding: 3rem
    }

    .pt-sm-5,.py-sm-5 {
        padding-top: 3rem
    }

    .pr-sm-5,.px-sm-5 {
        padding-right: 3rem
    }

    .pb-sm-5,.py-sm-5 {
        padding-bottom: 3rem
    }

    .pl-sm-5,.px-sm-5 {
        padding-left: 3rem
    }

    .p-sm-6 {
        padding: 3.5rem
    }

    .pt-sm-6,.py-sm-6 {
        padding-top: 3.5rem
    }

    .pr-sm-6,.px-sm-6 {
        padding-right: 3.5rem
    }

    .pb-sm-6,.py-sm-6 {
        padding-bottom: 3.5rem
    }

    .pl-sm-6,.px-sm-6 {
        padding-left: 3.5rem
    }

    .p-sm-7 {
        padding: 5.5rem
    }

    .pt-sm-7,.py-sm-7 {
        padding-top: 5.5rem
    }

    .pr-sm-7,.px-sm-7 {
        padding-right: 5.5rem
    }

    .pb-sm-7,.py-sm-7 {
        padding-bottom: 5.5rem
    }

    .pl-sm-7,.px-sm-7 {
        padding-left: 5.5rem
    }

    .p-sm-8 {
        padding: 6rem
    }

    .pt-sm-8,.py-sm-8 {
        padding-top: 6rem
    }

    .pr-sm-8,.px-sm-8 {
        padding-right: 6rem
    }

    .pb-sm-8,.py-sm-8 {
        padding-bottom: 6rem
    }

    .pl-sm-8,.px-sm-8 {
        padding-left: 6rem
    }

    .p-sm-9 {
        padding: 6.5rem
    }

    .pt-sm-9,.py-sm-9 {
        padding-top: 6.5rem
    }

    .pr-sm-9,.px-sm-9 {
        padding-right: 6.5rem
    }

    .pb-sm-9,.py-sm-9 {
        padding-bottom: 6.5rem
    }

    .pl-sm-9,.px-sm-9 {
        padding-left: 6.5rem
    }

    .p-sm-10 {
        padding: 8rem
    }

    .pt-sm-10,.py-sm-10 {
        padding-top: 8rem
    }

    .pr-sm-10,.px-sm-10 {
        padding-right: 8rem
    }

    .pb-sm-10,.py-sm-10 {
        padding-bottom: 8rem
    }

    .pl-sm-10,.px-sm-10 {
        padding-left: 8rem
    }

    .p-sm-11 {
        padding: 10rem
    }

    .pt-sm-11,.py-sm-11 {
        padding-top: 10rem
    }

    .pr-sm-11,.px-sm-11 {
        padding-right: 10rem
    }

    .pb-sm-11,.py-sm-11 {
        padding-bottom: 10rem
    }

    .pl-sm-11,.px-sm-11 {
        padding-left: 10rem
    }

    .p-sm-12 {
        padding: 12.5rem
    }

    .pt-sm-12,.py-sm-12 {
        padding-top: 12.5rem
    }

    .pr-sm-12,.px-sm-12 {
        padding-right: 12.5rem
    }

    .pb-sm-12,.py-sm-12 {
        padding-bottom: 12.5rem
    }

    .pl-sm-12,.px-sm-12 {
        padding-left: 12.5rem
    }

    .m-sm-n1 {
        margin: -0.5rem
    }

    .mt-sm-n1,.my-sm-n1 {
        margin-top: -0.5rem
    }

    .mr-sm-n1,.mx-sm-n1 {
        margin-right: -0.5rem
    }

    .mb-sm-n1,.my-sm-n1 {
        margin-bottom: -0.5rem
    }

    .ml-sm-n1,.mx-sm-n1 {
        margin-left: -0.5rem
    }

    .m-sm-n2 {
        margin: -1rem
    }

    .mt-sm-n2,.my-sm-n2 {
        margin-top: -1rem
    }

    .mr-sm-n2,.mx-sm-n2 {
        margin-right: -1rem
    }

    .mb-sm-n2,.my-sm-n2 {
        margin-bottom: -1rem
    }

    .ml-sm-n2,.mx-sm-n2 {
        margin-left: -1rem
    }

    .m-sm-n3 {
        margin: -1.5rem
    }

    .mt-sm-n3,.my-sm-n3 {
        margin-top: -1.5rem
    }

    .mr-sm-n3,.mx-sm-n3 {
        margin-right: -1.5rem
    }

    .mb-sm-n3,.my-sm-n3 {
        margin-bottom: -1.5rem
    }

    .ml-sm-n3,.mx-sm-n3 {
        margin-left: -1.5rem
    }

    .m-sm-n4 {
        margin: -2rem
    }

    .mt-sm-n4,.my-sm-n4 {
        margin-top: -2rem
    }

    .mr-sm-n4,.mx-sm-n4 {
        margin-right: -2rem
    }

    .mb-sm-n4,.my-sm-n4 {
        margin-bottom: -2rem
    }

    .ml-sm-n4,.mx-sm-n4 {
        margin-left: -2rem
    }

    .m-sm-n5 {
        margin: -3rem
    }

    .mt-sm-n5,.my-sm-n5 {
        margin-top: -3rem
    }

    .mr-sm-n5,.mx-sm-n5 {
        margin-right: -3rem
    }

    .mb-sm-n5,.my-sm-n5 {
        margin-bottom: -3rem
    }

    .ml-sm-n5,.mx-sm-n5 {
        margin-left: -3rem
    }

    .m-sm-n6 {
        margin: -3.5rem
    }

    .mt-sm-n6,.my-sm-n6 {
        margin-top: -3.5rem
    }

    .mr-sm-n6,.mx-sm-n6 {
        margin-right: -3.5rem
    }

    .mb-sm-n6,.my-sm-n6 {
        margin-bottom: -3.5rem
    }

    .ml-sm-n6,.mx-sm-n6 {
        margin-left: -3.5rem
    }

    .m-sm-n7 {
        margin: -5.5rem
    }

    .mt-sm-n7,.my-sm-n7 {
        margin-top: -5.5rem
    }

    .mr-sm-n7,.mx-sm-n7 {
        margin-right: -5.5rem
    }

    .mb-sm-n7,.my-sm-n7 {
        margin-bottom: -5.5rem
    }

    .ml-sm-n7,.mx-sm-n7 {
        margin-left: -5.5rem
    }

    .m-sm-n8 {
        margin: -6rem
    }

    .mt-sm-n8,.my-sm-n8 {
        margin-top: -6rem
    }

    .mr-sm-n8,.mx-sm-n8 {
        margin-right: -6rem
    }

    .mb-sm-n8,.my-sm-n8 {
        margin-bottom: -6rem
    }

    .ml-sm-n8,.mx-sm-n8 {
        margin-left: -6rem
    }

    .m-sm-n9 {
        margin: -6.5rem
    }

    .mt-sm-n9,.my-sm-n9 {
        margin-top: -6.5rem
    }

    .mr-sm-n9,.mx-sm-n9 {
        margin-right: -6.5rem
    }

    .mb-sm-n9,.my-sm-n9 {
        margin-bottom: -6.5rem
    }

    .ml-sm-n9,.mx-sm-n9 {
        margin-left: -6.5rem
    }

    .m-sm-n10 {
        margin: -8rem
    }

    .mt-sm-n10,.my-sm-n10 {
        margin-top: -8rem
    }

    .mr-sm-n10,.mx-sm-n10 {
        margin-right: -8rem
    }

    .mb-sm-n10,.my-sm-n10 {
        margin-bottom: -8rem
    }

    .ml-sm-n10,.mx-sm-n10 {
        margin-left: -8rem
    }

    .m-sm-n11 {
        margin: -10rem
    }

    .mt-sm-n11,.my-sm-n11 {
        margin-top: -10rem
    }

    .mr-sm-n11,.mx-sm-n11 {
        margin-right: -10rem
    }

    .mb-sm-n11,.my-sm-n11 {
        margin-bottom: -10rem
    }

    .ml-sm-n11,.mx-sm-n11 {
        margin-left: -10rem
    }

    .m-sm-n12 {
        margin: -12.5rem
    }

    .mt-sm-n12,.my-sm-n12 {
        margin-top: -12.5rem
    }

    .mr-sm-n12,.mx-sm-n12 {
        margin-right: -12.5rem
    }

    .mb-sm-n12,.my-sm-n12 {
        margin-bottom: -12.5rem
    }

    .ml-sm-n12,.mx-sm-n12 {
        margin-left: -12.5rem
    }

    .m-sm-auto {
        margin: auto
    }

    .mt-sm-auto,.my-sm-auto {
        margin-top: auto
    }

    .mr-sm-auto,.mx-sm-auto {
        margin-right: auto
    }

    .mb-sm-auto,.my-sm-auto {
        margin-bottom: auto
    }

    .ml-sm-auto,.mx-sm-auto {
        margin-left: auto
    }
}

@media screen and (min-width: 48em) {
    .m-md-0 {
        margin:0
    }

    .mt-md-0,.my-md-0 {
        margin-top: 0
    }

    .mr-md-0,.mx-md-0 {
        margin-right: 0
    }

    .mb-md-0,.my-md-0 {
        margin-bottom: 0
    }

    .ml-md-0,.mx-md-0 {
        margin-left: 0
    }

    .m-md-1 {
        margin: .5rem
    }

    .mt-md-1,.my-md-1 {
        margin-top: .5rem
    }

    .mr-md-1,.mx-md-1 {
        margin-right: .5rem
    }

    .mb-md-1,.my-md-1 {
        margin-bottom: .5rem
    }

    .ml-md-1,.mx-md-1 {
        margin-left: .5rem
    }

    .m-md-2 {
        margin: 1rem
    }

    .mt-md-2,.my-md-2 {
        margin-top: 1rem
    }

    .mr-md-2,.mx-md-2 {
        margin-right: 1rem
    }

    .mb-md-2,.my-md-2 {
        margin-bottom: 1rem
    }

    .ml-md-2,.mx-md-2 {
        margin-left: 1rem
    }

    .m-md-3 {
        margin: 1.5rem
    }

    .mt-md-3,.my-md-3 {
        margin-top: 1.5rem
    }

    .mr-md-3,.mx-md-3 {
        margin-right: 1.5rem
    }

    .mb-md-3,.my-md-3 {
        margin-bottom: 1.5rem
    }

    .ml-md-3,.mx-md-3 {
        margin-left: 1.5rem
    }

    .m-md-4 {
        margin: 2rem
    }

    .mt-md-4,.my-md-4 {
        margin-top: 2rem
    }

    .mr-md-4,.mx-md-4 {
        margin-right: 2rem
    }

    .mb-md-4,.my-md-4 {
        margin-bottom: 2rem
    }

    .ml-md-4,.mx-md-4 {
        margin-left: 2rem
    }

    .m-md-5 {
        margin: 3rem
    }

    .mt-md-5,.my-md-5 {
        margin-top: 3rem
    }

    .mr-md-5,.mx-md-5 {
        margin-right: 3rem
    }

    .mb-md-5,.my-md-5 {
        margin-bottom: 3rem
    }

    .ml-md-5,.mx-md-5 {
        margin-left: 3rem
    }

    .m-md-6 {
        margin: 3.5rem
    }

    .mt-md-6,.my-md-6 {
        margin-top: 3.5rem
    }

    .mr-md-6,.mx-md-6 {
        margin-right: 3.5rem
    }

    .mb-md-6,.my-md-6 {
        margin-bottom: 3.5rem
    }

    .ml-md-6,.mx-md-6 {
        margin-left: 3.5rem
    }

    .m-md-7 {
        margin: 5.5rem
    }

    .mt-md-7,.my-md-7 {
        margin-top: 5.5rem
    }

    .mr-md-7,.mx-md-7 {
        margin-right: 5.5rem
    }

    .mb-md-7,.my-md-7 {
        margin-bottom: 5.5rem
    }

    .ml-md-7,.mx-md-7 {
        margin-left: 5.5rem
    }

    .m-md-8 {
        margin: 6rem
    }

    .mt-md-8,.my-md-8 {
        margin-top: 6rem
    }

    .mr-md-8,.mx-md-8 {
        margin-right: 6rem
    }

    .mb-md-8,.my-md-8 {
        margin-bottom: 6rem
    }

    .ml-md-8,.mx-md-8 {
        margin-left: 6rem
    }

    .m-md-9 {
        margin: 6.5rem
    }

    .mt-md-9,.my-md-9 {
        margin-top: 6.5rem
    }

    .mr-md-9,.mx-md-9 {
        margin-right: 6.5rem
    }

    .mb-md-9,.my-md-9 {
        margin-bottom: 6.5rem
    }

    .ml-md-9,.mx-md-9 {
        margin-left: 6.5rem
    }

    .m-md-10 {
        margin: 8rem
    }

    .mt-md-10,.my-md-10 {
        margin-top: 8rem
    }

    .mr-md-10,.mx-md-10 {
        margin-right: 8rem
    }

    .mb-md-10,.my-md-10 {
        margin-bottom: 8rem
    }

    .ml-md-10,.mx-md-10 {
        margin-left: 8rem
    }

    .m-md-11 {
        margin: 10rem
    }

    .mt-md-11,.my-md-11 {
        margin-top: 10rem
    }

    .mr-md-11,.mx-md-11 {
        margin-right: 10rem
    }

    .mb-md-11,.my-md-11 {
        margin-bottom: 10rem
    }

    .ml-md-11,.mx-md-11 {
        margin-left: 10rem
    }

    .m-md-12 {
        margin: 12.5rem
    }

    .mt-md-12,.my-md-12 {
        margin-top: 12.5rem
    }

    .mr-md-12,.mx-md-12 {
        margin-right: 12.5rem
    }

    .mb-md-12,.my-md-12 {
        margin-bottom: 12.5rem
    }

    .ml-md-12,.mx-md-12 {
        margin-left: 12.5rem
    }

    .p-md-0 {
        padding: 0
    }

    .pt-md-0,.py-md-0 {
        padding-top: 0
    }

    .pr-md-0,.px-md-0 {
        padding-right: 0
    }

    .pb-md-0,.py-md-0 {
        padding-bottom: 0
    }

    .pl-md-0,.px-md-0 {
        padding-left: 0
    }

    .p-md-1 {
        padding: .5rem
    }

    .pt-md-1,.py-md-1 {
        padding-top: .5rem
    }

    .pr-md-1,.px-md-1 {
        padding-right: .5rem
    }

    .pb-md-1,.py-md-1 {
        padding-bottom: .5rem
    }

    .pl-md-1,.px-md-1 {
        padding-left: .5rem
    }

    .p-md-2 {
        padding: 1rem
    }

    .pt-md-2,.py-md-2 {
        padding-top: 1rem
    }

    .pr-md-2,.px-md-2 {
        padding-right: 1rem
    }

    .pb-md-2,.py-md-2 {
        padding-bottom: 1rem
    }

    .pl-md-2,.px-md-2 {
        padding-left: 1rem
    }

    .p-md-3 {
        padding: 1.5rem
    }

    .pt-md-3,.py-md-3 {
        padding-top: 1.5rem
    }

    .pr-md-3,.px-md-3 {
        padding-right: 1.5rem
    }

    .pb-md-3,.py-md-3 {
        padding-bottom: 1.5rem
    }

    .pl-md-3,.px-md-3 {
        padding-left: 1.5rem
    }

    .p-md-4 {
        padding: 2rem
    }

    .pt-md-4,.py-md-4 {
        padding-top: 2rem
    }

    .pr-md-4,.px-md-4 {
        padding-right: 2rem
    }

    .pb-md-4,.py-md-4 {
        padding-bottom: 2rem
    }

    .pl-md-4,.px-md-4 {
        padding-left: 2rem
    }

    .p-md-5 {
        padding: 3rem
    }

    .pt-md-5,.py-md-5 {
        padding-top: 3rem
    }

    .pr-md-5,.px-md-5 {
        padding-right: 3rem
    }

    .pb-md-5,.py-md-5 {
        padding-bottom: 3rem
    }

    .pl-md-5,.px-md-5 {
        padding-left: 3rem
    }

    .p-md-6 {
        padding: 3.5rem
    }

    .pt-md-6,.py-md-6 {
        padding-top: 3.5rem
    }

    .pr-md-6,.px-md-6 {
        padding-right: 3.5rem
    }

    .pb-md-6,.py-md-6 {
        padding-bottom: 3.5rem
    }

    .pl-md-6,.px-md-6 {
        padding-left: 3.5rem
    }

    .p-md-7 {
        padding: 5.5rem
    }

    .pt-md-7,.py-md-7 {
        padding-top: 5.5rem
    }

    .pr-md-7,.px-md-7 {
        padding-right: 5.5rem
    }

    .pb-md-7,.py-md-7 {
        padding-bottom: 5.5rem
    }

    .pl-md-7,.px-md-7 {
        padding-left: 5.5rem
    }

    .p-md-8 {
        padding: 6rem
    }

    .pt-md-8,.py-md-8 {
        padding-top: 6rem
    }

    .pr-md-8,.px-md-8 {
        padding-right: 6rem
    }

    .pb-md-8,.py-md-8 {
        padding-bottom: 6rem
    }

    .pl-md-8,.px-md-8 {
        padding-left: 6rem
    }

    .p-md-9 {
        padding: 6.5rem
    }

    .pt-md-9,.py-md-9 {
        padding-top: 6.5rem
    }

    .pr-md-9,.px-md-9 {
        padding-right: 6.5rem
    }

    .pb-md-9,.py-md-9 {
        padding-bottom: 6.5rem
    }

    .pl-md-9,.px-md-9 {
        padding-left: 6.5rem
    }

    .p-md-10 {
        padding: 8rem
    }

    .pt-md-10,.py-md-10 {
        padding-top: 8rem
    }

    .pr-md-10,.px-md-10 {
        padding-right: 8rem
    }

    .pb-md-10,.py-md-10 {
        padding-bottom: 8rem
    }

    .pl-md-10,.px-md-10 {
        padding-left: 8rem
    }

    .p-md-11 {
        padding: 10rem
    }

    .pt-md-11,.py-md-11 {
        padding-top: 10rem
    }

    .pr-md-11,.px-md-11 {
        padding-right: 10rem
    }

    .pb-md-11,.py-md-11 {
        padding-bottom: 10rem
    }

    .pl-md-11,.px-md-11 {
        padding-left: 10rem
    }

    .p-md-12 {
        padding: 12.5rem
    }

    .pt-md-12,.py-md-12 {
        padding-top: 12.5rem
    }

    .pr-md-12,.px-md-12 {
        padding-right: 12.5rem
    }

    .pb-md-12,.py-md-12 {
        padding-bottom: 12.5rem
    }

    .pl-md-12,.px-md-12 {
        padding-left: 12.5rem
    }

    .m-md-n1 {
        margin: -0.5rem
    }

    .mt-md-n1,.my-md-n1 {
        margin-top: -0.5rem
    }

    .mr-md-n1,.mx-md-n1 {
        margin-right: -0.5rem
    }

    .mb-md-n1,.my-md-n1 {
        margin-bottom: -0.5rem
    }

    .ml-md-n1,.mx-md-n1 {
        margin-left: -0.5rem
    }

    .m-md-n2 {
        margin: -1rem
    }

    .mt-md-n2,.my-md-n2 {
        margin-top: -1rem
    }

    .mr-md-n2,.mx-md-n2 {
        margin-right: -1rem
    }

    .mb-md-n2,.my-md-n2 {
        margin-bottom: -1rem
    }

    .ml-md-n2,.mx-md-n2 {
        margin-left: -1rem
    }

    .m-md-n3 {
        margin: -1.5rem
    }

    .mt-md-n3,.my-md-n3 {
        margin-top: -1.5rem
    }

    .mr-md-n3,.mx-md-n3 {
        margin-right: -1.5rem
    }

    .mb-md-n3,.my-md-n3 {
        margin-bottom: -1.5rem
    }

    .ml-md-n3,.mx-md-n3 {
        margin-left: -1.5rem
    }

    .m-md-n4 {
        margin: -2rem
    }

    .mt-md-n4,.my-md-n4 {
        margin-top: -2rem
    }

    .mr-md-n4,.mx-md-n4 {
        margin-right: -2rem
    }

    .mb-md-n4,.my-md-n4 {
        margin-bottom: -2rem
    }

    .ml-md-n4,.mx-md-n4 {
        margin-left: -2rem
    }

    .m-md-n5 {
        margin: -3rem
    }

    .mt-md-n5,.my-md-n5 {
        margin-top: -3rem
    }

    .mr-md-n5,.mx-md-n5 {
        margin-right: -3rem
    }

    .mb-md-n5,.my-md-n5 {
        margin-bottom: -3rem
    }

    .ml-md-n5,.mx-md-n5 {
        margin-left: -3rem
    }

    .m-md-n6 {
        margin: -3.5rem
    }

    .mt-md-n6,.my-md-n6 {
        margin-top: -3.5rem
    }

    .mr-md-n6,.mx-md-n6 {
        margin-right: -3.5rem
    }

    .mb-md-n6,.my-md-n6 {
        margin-bottom: -3.5rem
    }

    .ml-md-n6,.mx-md-n6 {
        margin-left: -3.5rem
    }

    .m-md-n7 {
        margin: -5.5rem
    }

    .mt-md-n7,.my-md-n7 {
        margin-top: -5.5rem
    }

    .mr-md-n7,.mx-md-n7 {
        margin-right: -5.5rem
    }

    .mb-md-n7,.my-md-n7 {
        margin-bottom: -5.5rem
    }

    .ml-md-n7,.mx-md-n7 {
        margin-left: -5.5rem
    }

    .m-md-n8 {
        margin: -6rem
    }

    .mt-md-n8,.my-md-n8 {
        margin-top: -6rem
    }

    .mr-md-n8,.mx-md-n8 {
        margin-right: -6rem
    }

    .mb-md-n8,.my-md-n8 {
        margin-bottom: -6rem
    }

    .ml-md-n8,.mx-md-n8 {
        margin-left: -6rem
    }

    .m-md-n9 {
        margin: -6.5rem
    }

    .mt-md-n9,.my-md-n9 {
        margin-top: -6.5rem
    }

    .mr-md-n9,.mx-md-n9 {
        margin-right: -6.5rem
    }

    .mb-md-n9,.my-md-n9 {
        margin-bottom: -6.5rem
    }

    .ml-md-n9,.mx-md-n9 {
        margin-left: -6.5rem
    }

    .m-md-n10 {
        margin: -8rem
    }

    .mt-md-n10,.my-md-n10 {
        margin-top: -8rem
    }

    .mr-md-n10,.mx-md-n10 {
        margin-right: -8rem
    }

    .mb-md-n10,.my-md-n10 {
        margin-bottom: -8rem
    }

    .ml-md-n10,.mx-md-n10 {
        margin-left: -8rem
    }

    .m-md-n11 {
        margin: -10rem
    }

    .mt-md-n11,.my-md-n11 {
        margin-top: -10rem
    }

    .mr-md-n11,.mx-md-n11 {
        margin-right: -10rem
    }

    .mb-md-n11,.my-md-n11 {
        margin-bottom: -10rem
    }

    .ml-md-n11,.mx-md-n11 {
        margin-left: -10rem
    }

    .m-md-n12 {
        margin: -12.5rem
    }

    .mt-md-n12,.my-md-n12 {
        margin-top: -12.5rem
    }

    .mr-md-n12,.mx-md-n12 {
        margin-right: -12.5rem
    }

    .mb-md-n12,.my-md-n12 {
        margin-bottom: -12.5rem
    }

    .ml-md-n12,.mx-md-n12 {
        margin-left: -12.5rem
    }

    .m-md-auto {
        margin: auto
    }

    .mt-md-auto,.my-md-auto {
        margin-top: auto
    }

    .mr-md-auto,.mx-md-auto {
        margin-right: auto
    }

    .mb-md-auto,.my-md-auto {
        margin-bottom: auto
    }

    .ml-md-auto,.mx-md-auto {
        margin-left: auto
    }
}

@media screen and (min-width: 64em) {
    .m-lg-0 {
        margin:0
    }

    .mt-lg-0,.my-lg-0 {
        margin-top: 0
    }

    .mr-lg-0,.mx-lg-0 {
        margin-right: 0
    }

    .mb-lg-0,.my-lg-0 {
        margin-bottom: 0
    }

    .ml-lg-0,.mx-lg-0 {
        margin-left: 0
    }

    .m-lg-1 {
        margin: .5rem
    }

    .mt-lg-1,.my-lg-1 {
        margin-top: .5rem
    }

    .mr-lg-1,.mx-lg-1 {
        margin-right: .5rem
    }

    .mb-lg-1,.my-lg-1 {
        margin-bottom: .5rem
    }

    .ml-lg-1,.mx-lg-1 {
        margin-left: .5rem
    }

    .m-lg-2 {
        margin: 1rem
    }

    .mt-lg-2,.my-lg-2 {
        margin-top: 1rem
    }

    .mr-lg-2,.mx-lg-2 {
        margin-right: 1rem
    }

    .mb-lg-2,.my-lg-2 {
        margin-bottom: 1rem
    }

    .ml-lg-2,.mx-lg-2 {
        margin-left: 1rem
    }

    .m-lg-3 {
        margin: 1.5rem
    }

    .mt-lg-3,.my-lg-3 {
        margin-top: 1.5rem
    }

    .mr-lg-3,.mx-lg-3 {
        margin-right: 1.5rem
    }

    .mb-lg-3,.my-lg-3 {
        margin-bottom: 1.5rem
    }

    .ml-lg-3,.mx-lg-3 {
        margin-left: 1.5rem
    }

    .m-lg-4 {
        margin: 2rem
    }

    .mt-lg-4,.my-lg-4 {
        margin-top: 2rem
    }

    .mr-lg-4,.mx-lg-4 {
        margin-right: 2rem
    }

    .mb-lg-4,.my-lg-4 {
        margin-bottom: 2rem
    }

    .ml-lg-4,.mx-lg-4 {
        margin-left: 2rem
    }

    .m-lg-5 {
        margin: 3rem
    }

    .mt-lg-5,.my-lg-5 {
        margin-top: 3rem
    }

    .mr-lg-5,.mx-lg-5 {
        margin-right: 3rem
    }

    .mb-lg-5,.my-lg-5 {
        margin-bottom: 3rem
    }

    .ml-lg-5,.mx-lg-5 {
        margin-left: 3rem
    }

    .m-lg-6 {
        margin: 3.5rem
    }

    .mt-lg-6,.my-lg-6 {
        margin-top: 3.5rem
    }

    .mr-lg-6,.mx-lg-6 {
        margin-right: 3.5rem
    }

    .mb-lg-6,.my-lg-6 {
        margin-bottom: 3.5rem
    }

    .ml-lg-6,.mx-lg-6 {
        margin-left: 3.5rem
    }

    .m-lg-7 {
        margin: 5.5rem
    }

    .mt-lg-7,.my-lg-7 {
        margin-top: 5.5rem
    }

    .mr-lg-7,.mx-lg-7 {
        margin-right: 5.5rem
    }

    .mb-lg-7,.my-lg-7 {
        margin-bottom: 5.5rem
    }

    .ml-lg-7,.mx-lg-7 {
        margin-left: 5.5rem
    }

    .m-lg-8 {
        margin: 6rem
    }

    .mt-lg-8,.my-lg-8 {
        margin-top: 6rem
    }

    .mr-lg-8,.mx-lg-8 {
        margin-right: 6rem
    }

    .mb-lg-8,.my-lg-8 {
        margin-bottom: 6rem
    }

    .ml-lg-8,.mx-lg-8 {
        margin-left: 6rem
    }

    .m-lg-9 {
        margin: 6.5rem
    }

    .mt-lg-9,.my-lg-9 {
        margin-top: 6.5rem
    }

    .mr-lg-9,.mx-lg-9 {
        margin-right: 6.5rem
    }

    .mb-lg-9,.my-lg-9 {
        margin-bottom: 6.5rem
    }

    .ml-lg-9,.mx-lg-9 {
        margin-left: 6.5rem
    }

    .m-lg-10 {
        margin: 8rem
    }

    .mt-lg-10,.my-lg-10 {
        margin-top: 8rem
    }

    .mr-lg-10,.mx-lg-10 {
        margin-right: 8rem
    }

    .mb-lg-10,.my-lg-10 {
        margin-bottom: 8rem
    }

    .ml-lg-10,.mx-lg-10 {
        margin-left: 8rem
    }

    .m-lg-11 {
        margin: 10rem
    }

    .mt-lg-11,.my-lg-11 {
        margin-top: 10rem
    }

    .mr-lg-11,.mx-lg-11 {
        margin-right: 10rem
    }

    .mb-lg-11,.my-lg-11 {
        margin-bottom: 10rem
    }

    .ml-lg-11,.mx-lg-11 {
        margin-left: 10rem
    }

    .m-lg-12 {
        margin: 12.5rem
    }

    .mt-lg-12,.my-lg-12 {
        margin-top: 12.5rem
    }

    .mr-lg-12,.mx-lg-12 {
        margin-right: 12.5rem
    }

    .mb-lg-12,.my-lg-12 {
        margin-bottom: 12.5rem
    }

    .ml-lg-12,.mx-lg-12 {
        margin-left: 12.5rem
    }

    .p-lg-0 {
        padding: 0
    }

    .pt-lg-0,.py-lg-0 {
        padding-top: 0
    }

    .pr-lg-0,.px-lg-0 {
        padding-right: 0
    }

    .pb-lg-0,.py-lg-0 {
        padding-bottom: 0
    }

    .pl-lg-0,.px-lg-0 {
        padding-left: 0
    }

    .p-lg-1 {
        padding: .5rem
    }

    .pt-lg-1,.py-lg-1 {
        padding-top: .5rem
    }

    .pr-lg-1,.px-lg-1 {
        padding-right: .5rem
    }

    .pb-lg-1,.py-lg-1 {
        padding-bottom: .5rem
    }

    .pl-lg-1,.px-lg-1 {
        padding-left: .5rem
    }

    .p-lg-2 {
        padding: 1rem
    }

    .pt-lg-2,.py-lg-2 {
        padding-top: 1rem
    }

    .pr-lg-2,.px-lg-2 {
        padding-right: 1rem
    }

    .pb-lg-2,.py-lg-2 {
        padding-bottom: 1rem
    }

    .pl-lg-2,.px-lg-2 {
        padding-left: 1rem
    }

    .p-lg-3 {
        padding: 1.5rem
    }

    .pt-lg-3,.py-lg-3 {
        padding-top: 1.5rem
    }

    .pr-lg-3,.px-lg-3 {
        padding-right: 1.5rem
    }

    .pb-lg-3,.py-lg-3 {
        padding-bottom: 1.5rem
    }

    .pl-lg-3,.px-lg-3 {
        padding-left: 1.5rem
    }

    .p-lg-4 {
        padding: 2rem
    }

    .pt-lg-4,.py-lg-4 {
        padding-top: 2rem
    }

    .pr-lg-4,.px-lg-4 {
        padding-right: 2rem
    }

    .pb-lg-4,.py-lg-4 {
        padding-bottom: 2rem
    }

    .pl-lg-4,.px-lg-4 {
        padding-left: 2rem
    }

    .p-lg-5 {
        padding: 3rem
    }

    .pt-lg-5,.py-lg-5 {
        padding-top: 3rem
    }

    .pr-lg-5,.px-lg-5 {
        padding-right: 3rem
    }

    .pb-lg-5,.py-lg-5 {
        padding-bottom: 3rem
    }

    .pl-lg-5,.px-lg-5 {
        padding-left: 3rem
    }

    .p-lg-6 {
        padding: 3.5rem
    }

    .pt-lg-6,.py-lg-6 {
        padding-top: 3.5rem
    }

    .pr-lg-6,.px-lg-6 {
        padding-right: 3.5rem
    }

    .pb-lg-6,.py-lg-6 {
        padding-bottom: 3.5rem
    }

    .pl-lg-6,.px-lg-6 {
        padding-left: 3.5rem
    }

    .p-lg-7 {
        padding: 5.5rem
    }

    .pt-lg-7,.py-lg-7 {
        padding-top: 5.5rem
    }

    .pr-lg-7,.px-lg-7 {
        padding-right: 5.5rem
    }

    .pb-lg-7,.py-lg-7 {
        padding-bottom: 5.5rem
    }

    .pl-lg-7,.px-lg-7 {
        padding-left: 5.5rem
    }

    .p-lg-8 {
        padding: 6rem
    }

    .pt-lg-8,.py-lg-8 {
        padding-top: 6rem
    }

    .pr-lg-8,.px-lg-8 {
        padding-right: 6rem
    }

    .pb-lg-8,.py-lg-8 {
        padding-bottom: 6rem
    }

    .pl-lg-8,.px-lg-8 {
        padding-left: 6rem
    }

    .p-lg-9 {
        padding: 6.5rem
    }

    .pt-lg-9,.py-lg-9 {
        padding-top: 6.5rem
    }

    .pr-lg-9,.px-lg-9 {
        padding-right: 6.5rem
    }

    .pb-lg-9,.py-lg-9 {
        padding-bottom: 6.5rem
    }

    .pl-lg-9,.px-lg-9 {
        padding-left: 6.5rem
    }

    .p-lg-10 {
        padding: 8rem
    }

    .pt-lg-10,.py-lg-10 {
        padding-top: 8rem
    }

    .pr-lg-10,.px-lg-10 {
        padding-right: 8rem
    }

    .pb-lg-10,.py-lg-10 {
        padding-bottom: 8rem
    }

    .pl-lg-10,.px-lg-10 {
        padding-left: 8rem
    }

    .p-lg-11 {
        padding: 10rem
    }

    .pt-lg-11,.py-lg-11 {
        padding-top: 10rem
    }

    .pr-lg-11,.px-lg-11 {
        padding-right: 10rem
    }

    .pb-lg-11,.py-lg-11 {
        padding-bottom: 10rem
    }

    .pl-lg-11,.px-lg-11 {
        padding-left: 10rem
    }

    .p-lg-12 {
        padding: 12.5rem
    }

    .pt-lg-12,.py-lg-12 {
        padding-top: 12.5rem
    }

    .pr-lg-12,.px-lg-12 {
        padding-right: 12.5rem
    }

    .pb-lg-12,.py-lg-12 {
        padding-bottom: 12.5rem
    }

    .pl-lg-12,.px-lg-12 {
        padding-left: 12.5rem
    }

    .m-lg-n1 {
        margin: -0.5rem
    }

    .mt-lg-n1,.my-lg-n1 {
        margin-top: -0.5rem
    }

    .mr-lg-n1,.mx-lg-n1 {
        margin-right: -0.5rem
    }

    .mb-lg-n1,.my-lg-n1 {
        margin-bottom: -0.5rem
    }

    .ml-lg-n1,.mx-lg-n1 {
        margin-left: -0.5rem
    }

    .m-lg-n2 {
        margin: -1rem
    }

    .mt-lg-n2,.my-lg-n2 {
        margin-top: -1rem
    }

    .mr-lg-n2,.mx-lg-n2 {
        margin-right: -1rem
    }

    .mb-lg-n2,.my-lg-n2 {
        margin-bottom: -1rem
    }

    .ml-lg-n2,.mx-lg-n2 {
        margin-left: -1rem
    }

    .m-lg-n3 {
        margin: -1.5rem
    }

    .mt-lg-n3,.my-lg-n3 {
        margin-top: -1.5rem
    }

    .mr-lg-n3,.mx-lg-n3 {
        margin-right: -1.5rem
    }

    .mb-lg-n3,.my-lg-n3 {
        margin-bottom: -1.5rem
    }

    .ml-lg-n3,.mx-lg-n3 {
        margin-left: -1.5rem
    }

    .m-lg-n4 {
        margin: -2rem
    }

    .mt-lg-n4,.my-lg-n4 {
        margin-top: -2rem
    }

    .mr-lg-n4,.mx-lg-n4 {
        margin-right: -2rem
    }

    .mb-lg-n4,.my-lg-n4 {
        margin-bottom: -2rem
    }

    .ml-lg-n4,.mx-lg-n4 {
        margin-left: -2rem
    }

    .m-lg-n5 {
        margin: -3rem
    }

    .mt-lg-n5,.my-lg-n5 {
        margin-top: -3rem
    }

    .mr-lg-n5,.mx-lg-n5 {
        margin-right: -3rem
    }

    .mb-lg-n5,.my-lg-n5 {
        margin-bottom: -3rem
    }

    .ml-lg-n5,.mx-lg-n5 {
        margin-left: -3rem
    }

    .m-lg-n6 {
        margin: -3.5rem
    }

    .mt-lg-n6,.my-lg-n6 {
        margin-top: -3.5rem
    }

    .mr-lg-n6,.mx-lg-n6 {
        margin-right: -3.5rem
    }

    .mb-lg-n6,.my-lg-n6 {
        margin-bottom: -3.5rem
    }

    .ml-lg-n6,.mx-lg-n6 {
        margin-left: -3.5rem
    }

    .m-lg-n7 {
        margin: -5.5rem
    }

    .mt-lg-n7,.my-lg-n7 {
        margin-top: -5.5rem
    }

    .mr-lg-n7,.mx-lg-n7 {
        margin-right: -5.5rem
    }

    .mb-lg-n7,.my-lg-n7 {
        margin-bottom: -5.5rem
    }

    .ml-lg-n7,.mx-lg-n7 {
        margin-left: -5.5rem
    }

    .m-lg-n8 {
        margin: -6rem
    }

    .mt-lg-n8,.my-lg-n8 {
        margin-top: -6rem
    }

    .mr-lg-n8,.mx-lg-n8 {
        margin-right: -6rem
    }

    .mb-lg-n8,.my-lg-n8 {
        margin-bottom: -6rem
    }

    .ml-lg-n8,.mx-lg-n8 {
        margin-left: -6rem
    }

    .m-lg-n9 {
        margin: -6.5rem
    }

    .mt-lg-n9,.my-lg-n9 {
        margin-top: -6.5rem
    }

    .mr-lg-n9,.mx-lg-n9 {
        margin-right: -6.5rem
    }

    .mb-lg-n9,.my-lg-n9 {
        margin-bottom: -6.5rem
    }

    .ml-lg-n9,.mx-lg-n9 {
        margin-left: -6.5rem
    }

    .m-lg-n10 {
        margin: -8rem
    }

    .mt-lg-n10,.my-lg-n10 {
        margin-top: -8rem
    }

    .mr-lg-n10,.mx-lg-n10 {
        margin-right: -8rem
    }

    .mb-lg-n10,.my-lg-n10 {
        margin-bottom: -8rem
    }

    .ml-lg-n10,.mx-lg-n10 {
        margin-left: -8rem
    }

    .m-lg-n11 {
        margin: -10rem
    }

    .mt-lg-n11,.my-lg-n11 {
        margin-top: -10rem
    }

    .mr-lg-n11,.mx-lg-n11 {
        margin-right: -10rem
    }

    .mb-lg-n11,.my-lg-n11 {
        margin-bottom: -10rem
    }

    .ml-lg-n11,.mx-lg-n11 {
        margin-left: -10rem
    }

    .m-lg-n12 {
        margin: -12.5rem
    }

    .mt-lg-n12,.my-lg-n12 {
        margin-top: -12.5rem
    }

    .mr-lg-n12,.mx-lg-n12 {
        margin-right: -12.5rem
    }

    .mb-lg-n12,.my-lg-n12 {
        margin-bottom: -12.5rem
    }

    .ml-lg-n12,.mx-lg-n12 {
        margin-left: -12.5rem
    }

    .m-lg-auto {
        margin: auto
    }

    .mt-lg-auto,.my-lg-auto {
        margin-top: auto
    }

    .mr-lg-auto,.mx-lg-auto {
        margin-right: auto
    }

    .mb-lg-auto,.my-lg-auto {
        margin-bottom: auto
    }

    .ml-lg-auto,.mx-lg-auto {
        margin-left: auto
    }
}

@media screen and (min-width: 80em) {
    .m-xl-0 {
        margin:0
    }

    .mt-xl-0,.my-xl-0 {
        margin-top: 0
    }

    .mr-xl-0,.mx-xl-0 {
        margin-right: 0
    }

    .mb-xl-0,.my-xl-0 {
        margin-bottom: 0
    }

    .ml-xl-0,.mx-xl-0 {
        margin-left: 0
    }

    .m-xl-1 {
        margin: .5rem
    }

    .mt-xl-1,.my-xl-1 {
        margin-top: .5rem
    }

    .mr-xl-1,.mx-xl-1 {
        margin-right: .5rem
    }

    .mb-xl-1,.my-xl-1 {
        margin-bottom: .5rem
    }

    .ml-xl-1,.mx-xl-1 {
        margin-left: .5rem
    }

    .m-xl-2 {
        margin: 1rem
    }

    .mt-xl-2,.my-xl-2 {
        margin-top: 1rem
    }

    .mr-xl-2,.mx-xl-2 {
        margin-right: 1rem
    }

    .mb-xl-2,.my-xl-2 {
        margin-bottom: 1rem
    }

    .ml-xl-2,.mx-xl-2 {
        margin-left: 1rem
    }

    .m-xl-3 {
        margin: 1.5rem
    }

    .mt-xl-3,.my-xl-3 {
        margin-top: 1.5rem
    }

    .mr-xl-3,.mx-xl-3 {
        margin-right: 1.5rem
    }

    .mb-xl-3,.my-xl-3 {
        margin-bottom: 1.5rem
    }

    .ml-xl-3,.mx-xl-3 {
        margin-left: 1.5rem
    }

    .m-xl-4 {
        margin: 2rem
    }

    .mt-xl-4,.my-xl-4 {
        margin-top: 2rem
    }

    .mr-xl-4,.mx-xl-4 {
        margin-right: 2rem
    }

    .mb-xl-4,.my-xl-4 {
        margin-bottom: 2rem
    }

    .ml-xl-4,.mx-xl-4 {
        margin-left: 2rem
    }

    .m-xl-5 {
        margin: 3rem
    }

    .mt-xl-5,.my-xl-5 {
        margin-top: 3rem
    }

    .mr-xl-5,.mx-xl-5 {
        margin-right: 3rem
    }

    .mb-xl-5,.my-xl-5 {
        margin-bottom: 3rem
    }

    .ml-xl-5,.mx-xl-5 {
        margin-left: 3rem
    }

    .m-xl-6 {
        margin: 3.5rem
    }

    .mt-xl-6,.my-xl-6 {
        margin-top: 3.5rem
    }

    .mr-xl-6,.mx-xl-6 {
        margin-right: 3.5rem
    }

    .mb-xl-6,.my-xl-6 {
        margin-bottom: 3.5rem
    }

    .ml-xl-6,.mx-xl-6 {
        margin-left: 3.5rem
    }

    .m-xl-7 {
        margin: 5.5rem
    }

    .mt-xl-7,.my-xl-7 {
        margin-top: 5.5rem
    }

    .mr-xl-7,.mx-xl-7 {
        margin-right: 5.5rem
    }

    .mb-xl-7,.my-xl-7 {
        margin-bottom: 5.5rem
    }

    .ml-xl-7,.mx-xl-7 {
        margin-left: 5.5rem
    }

    .m-xl-8 {
        margin: 6rem
    }

    .mt-xl-8,.my-xl-8 {
        margin-top: 6rem
    }

    .mr-xl-8,.mx-xl-8 {
        margin-right: 6rem
    }

    .mb-xl-8,.my-xl-8 {
        margin-bottom: 6rem
    }

    .ml-xl-8,.mx-xl-8 {
        margin-left: 6rem
    }

    .m-xl-9 {
        margin: 6.5rem
    }

    .mt-xl-9,.my-xl-9 {
        margin-top: 6.5rem
    }

    .mr-xl-9,.mx-xl-9 {
        margin-right: 6.5rem
    }

    .mb-xl-9,.my-xl-9 {
        margin-bottom: 6.5rem
    }

    .ml-xl-9,.mx-xl-9 {
        margin-left: 6.5rem
    }

    .m-xl-10 {
        margin: 8rem
    }

    .mt-xl-10,.my-xl-10 {
        margin-top: 8rem
    }

    .mr-xl-10,.mx-xl-10 {
        margin-right: 8rem
    }

    .mb-xl-10,.my-xl-10 {
        margin-bottom: 8rem
    }

    .ml-xl-10,.mx-xl-10 {
        margin-left: 8rem
    }

    .m-xl-11 {
        margin: 10rem
    }

    .mt-xl-11,.my-xl-11 {
        margin-top: 10rem
    }

    .mr-xl-11,.mx-xl-11 {
        margin-right: 10rem
    }

    .mb-xl-11,.my-xl-11 {
        margin-bottom: 10rem
    }

    .ml-xl-11,.mx-xl-11 {
        margin-left: 10rem
    }

    .m-xl-12 {
        margin: 12.5rem
    }

    .mt-xl-12,.my-xl-12 {
        margin-top: 12.5rem
    }

    .mr-xl-12,.mx-xl-12 {
        margin-right: 12.5rem
    }

    .mb-xl-12,.my-xl-12 {
        margin-bottom: 12.5rem
    }

    .ml-xl-12,.mx-xl-12 {
        margin-left: 12.5rem
    }

    .p-xl-0 {
        padding: 0
    }

    .pt-xl-0,.py-xl-0 {
        padding-top: 0
    }

    .pr-xl-0,.px-xl-0 {
        padding-right: 0
    }

    .pb-xl-0,.py-xl-0 {
        padding-bottom: 0
    }

    .pl-xl-0,.px-xl-0 {
        padding-left: 0
    }

    .p-xl-1 {
        padding: .5rem
    }

    .pt-xl-1,.py-xl-1 {
        padding-top: .5rem
    }

    .pr-xl-1,.px-xl-1 {
        padding-right: .5rem
    }

    .pb-xl-1,.py-xl-1 {
        padding-bottom: .5rem
    }

    .pl-xl-1,.px-xl-1 {
        padding-left: .5rem
    }

    .p-xl-2 {
        padding: 1rem
    }

    .pt-xl-2,.py-xl-2 {
        padding-top: 1rem
    }

    .pr-xl-2,.px-xl-2 {
        padding-right: 1rem
    }

    .pb-xl-2,.py-xl-2 {
        padding-bottom: 1rem
    }

    .pl-xl-2,.px-xl-2 {
        padding-left: 1rem
    }

    .p-xl-3 {
        padding: 1.5rem
    }

    .pt-xl-3,.py-xl-3 {
        padding-top: 1.5rem
    }

    .pr-xl-3,.px-xl-3 {
        padding-right: 1.5rem
    }

    .pb-xl-3,.py-xl-3 {
        padding-bottom: 1.5rem
    }

    .pl-xl-3,.px-xl-3 {
        padding-left: 1.5rem
    }

    .p-xl-4 {
        padding: 2rem
    }

    .pt-xl-4,.py-xl-4 {
        padding-top: 2rem
    }

    .pr-xl-4,.px-xl-4 {
        padding-right: 2rem
    }

    .pb-xl-4,.py-xl-4 {
        padding-bottom: 2rem
    }

    .pl-xl-4,.px-xl-4 {
        padding-left: 2rem
    }

    .p-xl-5 {
        padding: 3rem
    }

    .pt-xl-5,.py-xl-5 {
        padding-top: 3rem
    }

    .pr-xl-5,.px-xl-5 {
        padding-right: 3rem
    }

    .pb-xl-5,.py-xl-5 {
        padding-bottom: 3rem
    }

    .pl-xl-5,.px-xl-5 {
        padding-left: 3rem
    }

    .p-xl-6 {
        padding: 3.5rem
    }

    .pt-xl-6,.py-xl-6 {
        padding-top: 3.5rem
    }

    .pr-xl-6,.px-xl-6 {
        padding-right: 3.5rem
    }

    .pb-xl-6,.py-xl-6 {
        padding-bottom: 3.5rem
    }

    .pl-xl-6,.px-xl-6 {
        padding-left: 3.5rem
    }

    .p-xl-7 {
        padding: 5.5rem
    }

    .pt-xl-7,.py-xl-7 {
        padding-top: 5.5rem
    }

    .pr-xl-7,.px-xl-7 {
        padding-right: 5.5rem
    }

    .pb-xl-7,.py-xl-7 {
        padding-bottom: 5.5rem
    }

    .pl-xl-7,.px-xl-7 {
        padding-left: 5.5rem
    }

    .p-xl-8 {
        padding: 6rem
    }

    .pt-xl-8,.py-xl-8 {
        padding-top: 6rem
    }

    .pr-xl-8,.px-xl-8 {
        padding-right: 6rem
    }

    .pb-xl-8,.py-xl-8 {
        padding-bottom: 6rem
    }

    .pl-xl-8,.px-xl-8 {
        padding-left: 6rem
    }

    .p-xl-9 {
        padding: 6.5rem
    }

    .pt-xl-9,.py-xl-9 {
        padding-top: 6.5rem
    }

    .pr-xl-9,.px-xl-9 {
        padding-right: 6.5rem
    }

    .pb-xl-9,.py-xl-9 {
        padding-bottom: 6.5rem
    }

    .pl-xl-9,.px-xl-9 {
        padding-left: 6.5rem
    }

    .p-xl-10 {
        padding: 8rem
    }

    .pt-xl-10,.py-xl-10 {
        padding-top: 8rem
    }

    .pr-xl-10,.px-xl-10 {
        padding-right: 8rem
    }

    .pb-xl-10,.py-xl-10 {
        padding-bottom: 8rem
    }

    .pl-xl-10,.px-xl-10 {
        padding-left: 8rem
    }

    .p-xl-11 {
        padding: 10rem
    }

    .pt-xl-11,.py-xl-11 {
        padding-top: 10rem
    }

    .pr-xl-11,.px-xl-11 {
        padding-right: 10rem
    }

    .pb-xl-11,.py-xl-11 {
        padding-bottom: 10rem
    }

    .pl-xl-11,.px-xl-11 {
        padding-left: 10rem
    }

    .p-xl-12 {
        padding: 12.5rem
    }

    .pt-xl-12,.py-xl-12 {
        padding-top: 12.5rem
    }

    .pr-xl-12,.px-xl-12 {
        padding-right: 12.5rem
    }

    .pb-xl-12,.py-xl-12 {
        padding-bottom: 12.5rem
    }

    .pl-xl-12,.px-xl-12 {
        padding-left: 12.5rem
    }

    .m-xl-n1 {
        margin: -0.5rem
    }

    .mt-xl-n1,.my-xl-n1 {
        margin-top: -0.5rem
    }

    .mr-xl-n1,.mx-xl-n1 {
        margin-right: -0.5rem
    }

    .mb-xl-n1,.my-xl-n1 {
        margin-bottom: -0.5rem
    }

    .ml-xl-n1,.mx-xl-n1 {
        margin-left: -0.5rem
    }

    .m-xl-n2 {
        margin: -1rem
    }

    .mt-xl-n2,.my-xl-n2 {
        margin-top: -1rem
    }

    .mr-xl-n2,.mx-xl-n2 {
        margin-right: -1rem
    }

    .mb-xl-n2,.my-xl-n2 {
        margin-bottom: -1rem
    }

    .ml-xl-n2,.mx-xl-n2 {
        margin-left: -1rem
    }

    .m-xl-n3 {
        margin: -1.5rem
    }

    .mt-xl-n3,.my-xl-n3 {
        margin-top: -1.5rem
    }

    .mr-xl-n3,.mx-xl-n3 {
        margin-right: -1.5rem
    }

    .mb-xl-n3,.my-xl-n3 {
        margin-bottom: -1.5rem
    }

    .ml-xl-n3,.mx-xl-n3 {
        margin-left: -1.5rem
    }

    .m-xl-n4 {
        margin: -2rem
    }

    .mt-xl-n4,.my-xl-n4 {
        margin-top: -2rem
    }

    .mr-xl-n4,.mx-xl-n4 {
        margin-right: -2rem
    }

    .mb-xl-n4,.my-xl-n4 {
        margin-bottom: -2rem
    }

    .ml-xl-n4,.mx-xl-n4 {
        margin-left: -2rem
    }

    .m-xl-n5 {
        margin: -3rem
    }

    .mt-xl-n5,.my-xl-n5 {
        margin-top: -3rem
    }

    .mr-xl-n5,.mx-xl-n5 {
        margin-right: -3rem
    }

    .mb-xl-n5,.my-xl-n5 {
        margin-bottom: -3rem
    }

    .ml-xl-n5,.mx-xl-n5 {
        margin-left: -3rem
    }

    .m-xl-n6 {
        margin: -3.5rem
    }

    .mt-xl-n6,.my-xl-n6 {
        margin-top: -3.5rem
    }

    .mr-xl-n6,.mx-xl-n6 {
        margin-right: -3.5rem
    }

    .mb-xl-n6,.my-xl-n6 {
        margin-bottom: -3.5rem
    }

    .ml-xl-n6,.mx-xl-n6 {
        margin-left: -3.5rem
    }

    .m-xl-n7 {
        margin: -5.5rem
    }

    .mt-xl-n7,.my-xl-n7 {
        margin-top: -5.5rem
    }

    .mr-xl-n7,.mx-xl-n7 {
        margin-right: -5.5rem
    }

    .mb-xl-n7,.my-xl-n7 {
        margin-bottom: -5.5rem
    }

    .ml-xl-n7,.mx-xl-n7 {
        margin-left: -5.5rem
    }

    .m-xl-n8 {
        margin: -6rem
    }

    .mt-xl-n8,.my-xl-n8 {
        margin-top: -6rem
    }

    .mr-xl-n8,.mx-xl-n8 {
        margin-right: -6rem
    }

    .mb-xl-n8,.my-xl-n8 {
        margin-bottom: -6rem
    }

    .ml-xl-n8,.mx-xl-n8 {
        margin-left: -6rem
    }

    .m-xl-n9 {
        margin: -6.5rem
    }

    .mt-xl-n9,.my-xl-n9 {
        margin-top: -6.5rem
    }

    .mr-xl-n9,.mx-xl-n9 {
        margin-right: -6.5rem
    }

    .mb-xl-n9,.my-xl-n9 {
        margin-bottom: -6.5rem
    }

    .ml-xl-n9,.mx-xl-n9 {
        margin-left: -6.5rem
    }

    .m-xl-n10 {
        margin: -8rem
    }

    .mt-xl-n10,.my-xl-n10 {
        margin-top: -8rem
    }

    .mr-xl-n10,.mx-xl-n10 {
        margin-right: -8rem
    }

    .mb-xl-n10,.my-xl-n10 {
        margin-bottom: -8rem
    }

    .ml-xl-n10,.mx-xl-n10 {
        margin-left: -8rem
    }

    .m-xl-n11 {
        margin: -10rem
    }

    .mt-xl-n11,.my-xl-n11 {
        margin-top: -10rem
    }

    .mr-xl-n11,.mx-xl-n11 {
        margin-right: -10rem
    }

    .mb-xl-n11,.my-xl-n11 {
        margin-bottom: -10rem
    }

    .ml-xl-n11,.mx-xl-n11 {
        margin-left: -10rem
    }

    .m-xl-n12 {
        margin: -12.5rem
    }

    .mt-xl-n12,.my-xl-n12 {
        margin-top: -12.5rem
    }

    .mr-xl-n12,.mx-xl-n12 {
        margin-right: -12.5rem
    }

    .mb-xl-n12,.my-xl-n12 {
        margin-bottom: -12.5rem
    }

    .ml-xl-n12,.mx-xl-n12 {
        margin-left: -12.5rem
    }

    .m-xl-auto {
        margin: auto
    }

    .mt-xl-auto,.my-xl-auto {
        margin-top: auto
    }

    .mr-xl-auto,.mx-xl-auto {
        margin-right: auto
    }

    .mb-xl-auto,.my-xl-auto {
        margin-bottom: auto
    }

    .ml-xl-auto,.mx-xl-auto {
        margin-left: auto
    }
}

.type-h1-display {
    font-family: var(--ff);
    font-size: 48px;
    font-weight: var(--fw-bold);
    line-height: 110%
}

@media screen and (min-width: 36em) {
    .type-h1-display {
        font-size:64px
    }
}

.type-h1 {
    font-family: var(--ff);
    font-size: 42px;
    font-weight: var(--fw-bold);
    line-height: 120%
}

@media screen and (min-width: 36em) {
    .type-h1 {
        font-size:56px
    }
}

.type-h2 {
    font-family: var(--ff);
    font-size: 36px;
    font-weight: var(--fw-bold);
    line-height: 130%
}

@media screen and (min-width: 36em) {
    .type-h2 {
        font-size:48px
    }
}

.type-h3,.content-modals__modal-quote .type-body-1 {
    font-family: var(--ff);
    font-size: 24px;
    font-weight: var(--fw-bold);
    line-height: 130%
}

@media screen and (min-width: 36em) {
    .type-h3,.content-modals__modal-quote .type-body-1 {
        font-size:28px
    }
}

.type-h4 {
    font-family: var(--ff);
    font-size: 20px;
    font-weight: var(--fw-bold);
    line-height: 140%
}

@media screen and (min-width: 36em) {
    .type-h4 {
        font-size:26px
    }
}

.type-h5 {
    font-family: var(--ff);
    font-size: 16px;
    font-weight: var(--fw-bold);
    line-height: 140%
}

@media screen and (min-width: 36em) {
    .type-h5 {
        font-size:24px
    }
}

.type-p-emphasis {
    font-family: var(--ff);
    font-size: 20px;
    font-weight: var(--fw-bold);
    line-height: 150%
}

@media screen and (min-width: 36em) {
    .type-p-emphasis {
        font-size:24px
    }
}

.type-p-large {
    font-family: var(--ff);
    font-size: 18px;
    font-weight: var(--fw-bold);
    line-height: 150%
}

@media screen and (min-width: 36em) {
    .type-p-large {
        font-size:20px
    }
}

.type-body-1 {
    font-family: var(--ff);
    font-size: 16px;
    font-weight: normal;
    line-height: 140%
}

@media screen and (min-width: 36em) {
    .type-body-1 {
        font-size:18px
    }
}

.type-body-2 {
    font-family: var(--ff);
    font-size: 14px;
    font-weight: normal;
    line-height: 140%
}

@media screen and (min-width: 36em) {
    .type-body-2 {
        font-size:16px
    }
}

.type-body-3 {
    font-family: var(--ff);
    font-size: 12px;
    font-weight: normal;
    line-height: 140%
}

@media screen and (min-width: 36em) {
    .type-body-3 {
        font-size:14px
    }
}

.type-eyebrow {
    font-family: var(--ff);
    font-size: 16px;
    font-weight: var(--fw-bold)
}

@media screen and (min-width: 36em) {
    .type-eyebrow {
        font-size:18px
    }
}

.type-eyebrow-upper {
    font-family: var(--ff);
    font-size: 16px;
    font-weight: var(--fw-bold);
    text-transform: uppercase
}

@media screen and (min-width: 36em) {
    .type-eyebrow-upper {
        font-size:18px
    }
}

.type-eyebrow-h1 {
    font-family: var(--ff);
    font-size: 16px;
    font-weight: var(--fw-bold);
    text-transform: uppercase
}

@media screen and (min-width: 36em) {
    .type-eyebrow-h1 {
        font-size:18px
    }
}

.type-tag {
    font-family: var(--ff);
    font-size: 14px;
    font-weight: var(--fw-bold);
    text-transform: uppercase
}

@media screen and (min-width: 36em) {
    .type-tag {
        font-size:18px
    }
}

.type-button {
    font-family: var(--ff);
    font-size: 14px;
    font-weight: var(--fw-bold);
    line-height: 100%;
    text-transform: uppercase;
    text-decoration: none
}

@media screen and (min-width: 36em) {
    .type-button {
        font-size:16px
    }
}

.type-post-date {
    font-family: var(--ff);
    font-size: 1.125rem;
    font-weight: var(--fw-bold);
    line-height: 100%
}

.type-figure-caption {
    font-family: var(--ff);
    font-size: 14px;
    line-height: 120%
}

@media screen and (min-width: 36em) {
    .type-figure-caption {
        font-size:16px
    }
}

.type-note {
    font-family: var(--ff);
    font-size: .75rem;
    line-height: 100%;
    text-transform: uppercase
}

.type-menu {
    font-family: var(--ff);
    font-size: .9375rem;
    line-height: 140%;
    font-weight: normal;
    text-transform: none
}

.type-menu-parent {
    font-family: var(--ff);
    font-size: .9375rem;
    line-height: 140%;
    font-weight: var(--fw-bold);
    text-transform: none
}

.type-disclaimer {
    font-family: var(--ff);
    font-size: 1.25rem;
    line-height: 100%
}

.type-article-item-title {
    font-family: var(--ff);
    font-size: 1.5rem;
    font-weight: var(--fw-bold);
    line-height: 130%
}

.type-pullquote {
    font-family: var(--ff);
    font-size: 1.375rem;
    font-weight: var(--fw-bold);
    line-height: 120%
}

.type-header-subnav-group {
    font-family: var(--ff);
    font-size: 13px;
    font-weight: normal;
    text-transform: uppercase
}

.type-footer {
    font-family: var(--ff);
    font-size: 1rem;
    line-height: 140%;
    font-weight: normal;
    text-transform: none
}

.type-blog-h1 {
    font-family: var(--ff);
    font-size: 1.5rem;
    font-weight: var(--fw-bold);
    line-height: 130%
}

@media screen and (min-width: 36em) {
    .type-blog-h1 {
        font-size:3rem;
        line-height: 120%
    }
}

.type-blog-h2 {
    font-family: var(--ff);
    font-size: 1.375rem;
    font-weight: var(--fw-bold);
    line-height: 120%
}

@media screen and (min-width: 36em) {
    .type-blog-h2 {
        font-size:2rem;
        line-height: 120%
    }
}

.type-blog-h3 {
    font-family: var(--ff);
    font-size: 1.125rem;
    font-weight: var(--fw-bold);
    line-height: 140%
}

@media screen and (min-width: 36em) {
    .type-blog-h3 {
        font-size:1.5rem;
        line-height: 140%
    }
}

.type-blog-h4 {
    font-family: var(--ff);
    font-size: 1.125rem;
    font-weight: var(--fw-bold);
    line-height: 140%
}

@media screen and (min-width: 36em) {
    .type-blog-h4 {
        font-size:1.375rem;
        line-height: 140%
    }
}

.type-blog-h5 {
    font-family: var(--ff);
    font-size: 1rem;
    font-weight: var(--fw-bold);
    line-height: 150%
}

@media screen and (min-width: 36em) {
    .type-blog-h5 {
        font-size:1.125rem
    }
}

.type-blog-h6 {
    font-family: var(--ff);
    font-size: 1rem;
    font-weight: var(--fw-bold);
    line-height: 150%
}

@media screen and (min-width: 36em) {
    .type-blog-h6 {
        font-size:1rem
    }
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

@media screen and (min-width: 36em) {
    .text-sm-left {
        text-align:left
    }

    .text-sm-right {
        text-align: right
    }

    .text-sm-center {
        text-align: center
    }
}

@media screen and (min-width: 48em) {
    .text-md-left {
        text-align:left
    }

    .text-md-right {
        text-align: right
    }

    .text-md-center {
        text-align: center
    }
}

@media screen and (min-width: 64em) {
    .text-lg-left {
        text-align:left
    }

    .text-lg-right {
        text-align: right
    }

    .text-lg-center {
        text-align: center
    }
}

@media screen and (min-width: 80em) {
    .text-xl-left {
        text-align:left
    }

    .text-xl-right {
        text-align: right
    }

    .text-xl-center {
        text-align: center
    }
}