body {
    font-size: 0;
    font-family: 'Gotham-Light', sans-serif;
    cursor: default;
}

.text.md {
    font-size: 16px;
}

.text.lg {
    font-size: 20px;
}

.white-color {
    color: #fff;
}

.black-color {
    color: #000;
}

a {
    display: inline-block;
    color: inherit;
    text-decoration: none;
}

strong {
    font-weight: 600;
}

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

.img-center {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.vh-center {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.relative {
    position: relative;
}

.full-h {
    height: 100% !important;
}

.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

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

.space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.align-center {
    text-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}


.wrapper {
    max-width: 920px;
    /*max-width: 792px;*/
    padding: 0 32px;
    margin: auto;
}

[style*="--aspect-ratio"] > :first-child {
    width: 100%;
}
[style*="--aspect-ratio"] > img {
    height: auto;
}
@supports (--custom:property) {
    [style*="--aspect-ratio"] {
        position: relative;
    }
    [style*="--aspect-ratio"]::before {
        content: "";
        display: block;
        padding-bottom: calc(100% / (var(--aspect-ratio)));
    }
    [style*="--aspect-ratio"] > :first-child {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
    }
}

.card-info.cover {
    position: absolute;
    left: 0;
}

.card-info.cover.stick-to-bottom {
    bottom: 0;
}

span.empty {
    margin-right: 15px;
}

.card-info .title {
    margin-bottom: 46px;
}

.card-info .title > div {
    line-height: 40px;
}

.card-info .title > div > span {
    display: inline-block;
    font-size: 60px;
    font-family: 'Gotham-Bold', sans-serif;
    transform: translate3d(0, 80px, 0);
}

.title-marker.half-w {
    width: 50%;
}

.title-marker {
    height: 12px;
    display: block;
    margin-bottom: 30px;
}

.title-marker .line {
    /*width: calc(100% - 32px);*/
    width: .5px;
    height: 100%;
    display: inline-block;
    border-radius: 10px;
}

.title-marker.white .line,
.title-marker.white .dot {
    background-color: #fff;
}

.title-marker.arapawa .line,
.title-marker.arapawa .dot {
    background-color: #080D67;
}

.title-marker .dot {
    display: inline-block;
    width: 12px;
    height: 100%;
    border-radius: 12px;
    margin-left: 20px;
}

.card-info .sub-title {
    font-size: 18px;
    line-height: 24px;
    font-family: 'Gotham-Medium', sans-serif;
}

.block {
    display: block;
}

.no-animate {
    transition: none !important;
}

.animate-letters, .animate-words, .animate-lines, .animate-opacity, .animate-up, .animate-down, .animate-right, .animate-left, .animate-zoomout, .animate-zoomin, .animate-opacity,
.animate-left-up, .animate-right-up {
    opacity: 0;
    will-change: transform, opacity;
    transition: 1.3s cubic-bezier(0.73, 0.01, 0.16, 0.99);
}

.animate-up {
    transition: 1.3s cubic-bezier(0.73, 0.01, 0.16, 0.99);
    transition-property: transform, opacity;
    transform: translate3d(0, 80px, 0);
}

.animate-left-up {
    transition: 1.3s cubic-bezier(0.73, 0.01, 0.16, 0.99);
    transition-property: transform, opacity;
    transform: translate3d(-80px, 80px, 0);
}

.animate-right-up {
    transition: 1.3s cubic-bezier(0.73, 0.01, 0.16, 0.99);
    transition-property: transform, opacity;
    transform: translate3d(80px, 80px, 0);
}

.animate-down {
    transition: 1.3s cubic-bezier(0.73, 0.01, 0.16, 0.99);
    transition-property: transform, opacity;
    transform: translate3d(0, -80px, 0)
}

.animate-right {
    transition: 1.3s cubic-bezier(0.73, 0.01, 0.16, 0.99);
    transition-property: transform, opacity;
    transform: translate3d(-150px, 0, 0);
}

.animate-left {
    transition: 1.3s cubic-bezier(0.73, 0.01, 0.16, 0.99);
    transition-property: transform, opacity;
    transform: translate3d(150px, 0, 0);
}

.animate-zoomout {
    transition: 1.3s cubic-bezier(0.73, 0.01, 0.16, 0.99);
    transition-property: transform, opacity;
    transform: scale(1.1);
}

.animate-zoomin {
    transition: 1.3s cubic-bezier(0.73, 0.01, 0.16, 0.99);
    transition-property: transform, opacity;
    transform: scale(0.9);
}

.animate-width {
    transition: 1.3s cubic-bezier(0.73, 0.01, 0.16, 0.99);
    transition-property: transform, opacity;
    opacity: 0;
}

.title-marker .line.animate-width.animated {
    opacity: 1;
    width: calc(100% - 32px);
    transition-property: width, opacity;
    transition: 1.3s cubic-bezier(0.73, 0.01, 0.16, 0.99);
}

.animated {
    transform: translate3d(0, 0, 0) scale(1) !important;
    opacity: 1 !important;
}

.trans-dur-2s {
    transition-duration: 2s !important;
}

.trans-delay-1s {
    transition-delay: 1s !important;
}

.trans-delay-05s {
    transition-delay: .5s !important;
}

.disable-trans-delay {
    transition-delay: inherit !important;
}