body {
    overflow-x: hidden !important;
    padding: 0 !important
}

.small-logo img {
    width: 30px;
    height: 30px;
    z-index: 2
}

.top-nav {
    overflow: hidden;
    position: relative;
    z-index: 999
}

.menu-lottie {
    width: 30px;
    height: 30px;
    right: 10px;
    display: block;
    overflow: visible;
    transform: translate3d(0, 0, 0);
    text-align: center;
    opacity: 1;
    cursor: pointer
}

#nav-bars {
    z-index: 10000001
}

#top-nav {
    height: 50px
}

#top-nav-links {
    padding: 5px
}

#top-nav-links a {
    padding-left: 5px !important
}

.letter {
    padding: 0;
    z-index: 100
}

.animated-1, .animated-2, .animated-3 {
    font-size: 110px;
    width: fit-content
}

.animated-1 .letter, .animated-2 .letter, .animated-3 .letter {
    display: inline-block;
    opacity: 0
}

#links {
    display: none
}

#full-screen-nav {
    display: block;
    position: fixed;
    bottom: 260vw;
    height: 260vw;
    width: 300%;
    z-index: 101;
    background-color: #fdb913;
    border-radius: 50%
}

.links-content {
    position: fixed;
    text-align: left;
    top: 70px;
    left: 40px;
    width: fit-content;
    z-index: 101
}

#full-screen-nav .nav-explore {
    position: fixed;
    text-align: left;
    left: 40px
}

#full-screen-nav .links div {
    margin-bottom: 40px
}

#full-screen-nav .links div a {
    color: #0d0e0e;
    font-size: 50px;
    font-weight: 700;
    line-height: 85%
}

#full-screen-nav .nav-explore div {
    color: #0d0e0e;
    font-size: 22px
}

#full-screen-nav .nav-explore div a {
    color: #0d0e0e;
    font-size: 22px
}

#full-screen-nav .links div a:hover, #full-screen-nav .nav-explore div a:hover {
    color: #0d0e0e !important
}

#nav-explore {
    display: none
}

.social-links {
    display: none
}

#full-screen-nav .social-links {
    position: fixed;
    text-align: center;
    bottom: 20px;
    left: 0;
    right: 0
}

.social-links .row .col-md-one-sixth {
    padding-right: 15px;
    padding-top: 15px
}

.social-links .row .col-md-one-sixth img {
    width: 25px;
    height: 25px
}

.footer {
    background-color: #e0e0e0
}

#footer-nav {
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    z-index: 8
}

#footer-nav .links {
    text-align: left;
    margin-top: 50px
}

#footer-nav .links div a {
    color: #0d0e0e;
    font-size: 70px;
    font-weight: 700;
    line-height: 85%
}

#footer-nav .links div {
    margin-bottom: 30px
}

#footer-nav .footer-explore {
    text-align: left
}

#footer-nav .footer-explore div {
    color: #0d0e0e;
    font-size: 25px
}

#footer-nav .footer-explore div a {
    color: #0d0e0e;
    font-size: 25px
}

#footer-nav .footer-explore div a:hover, #footer-nav .links div a:hover {
    color: #0d0e0e !important
}

.footer-social-links {
    margin-top: 20px
}

.footer-social-links .row .col-md-one-sixth {
    padding-right: 15px;
    padding-top: 15px
}

.footer-social-links .row .col-md-one-sixth img {
    width: 25px;
    height: 25px
}

.footer-email {
    font-size: 22px;
    margin-top: 40px;
    text-align: center
}

.footer-email a, .footer-email a:hover {
    color: #0d0e0e !important
}

.bottom-line {
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center
}

.copyright {
    text-align: center
}

.title, a.title {
    font-size: 58px !important;
    color: #0d0e0e !important
}

.associates .title, .people .title {
    color: #fff !important
}

.download-button-lottie {
    margin-top: 20px;
    height: 57px;
    display: block;
    overflow: hidden;
    transform: translate3d(0, 0, 0);
    text-align: center;
    opacity: 1
}

.action-button-lottie {
    margin-top: 20px;
    width: 320px;
    height: 57px;
    display: block;
    overflow: hidden;
    transform: translate3d(0, 0, 0);
    text-align: center;
    opacity: 1
}

.action-lottie-center {
    margin-left: calc(50% - 160px);
    height: 100px
}

@media (max-width: 680px) {
    .tablet {
        display: none
    }

    .content-block-website {
        background-color: #fdb913;
        margin-top: 0;
        width: 100%;
        padding-bottom: 50px
    }

    .explore {
        position: relative;
        background-color: #fff;
        height: auto;
        padding-top: 100px
    }

    .explore-buttons {
        position: relative;
        background-color: #fdb913;
        height: 150vw;
        width: 100vw;
        text-align: center;
        margin: 0 auto
    }

    .explore-buttons .left, .explore-buttons .right {
        background-color: #fdb913 !important
    }

    #explore-01, #explore-03, #explore-05 {
        background-color: #fdb913 !important
    }

    #explore-02, #explore-04, #explore-06 {
        background-color: #fdb913 !important
    }

    #social-01, #social-03, #social-05 {
        margin-left: -10px
    }

    #social-02, #social-04, #social-06 {
        margin-left: -20px
    }

    .social-buttons .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .white-space {
        position: relative;
        background-color: #fdb913;
        height: 6px;
        width: 100%;
        top: 6px;
        opacity: 1;
        z-index: 100
    }

    .yellow-space {
        position: relative;
        background-color: #fdb913;
        height: 5px;
        width: 100%;
        top: 0;
        opacity: 1;
        z-index: 100
    }

    .social-container {
        padding-top: 100px;
        background-color: #fff
    }

    .social-buttons-vertical-line {
        margin-top: 2px;
        width: 4vw;
        height: 150vw;
        margin-left: calc(50vw);
        background-color: #fdb913;
        z-index: 11;
        position: absolute
    }

    .social-buttons-horizontal {
        width: 110vw;
        height: 3px;
        z-index: 10;
        background-color: #fdb913;
        position: absolute
    }

    .line-1 {
        margin-top: -1px
    }

    .line-2 {
        margin-top: calc(50vw - 1px)
    }

    .line-3 {
        margin-top: calc(100vw - 1px)
    }

    .line-4 {
        margin-top: calc(150vw - 1px)
    }

    .button-lottie {
        width: 100%;
        height: 50vw;
        display: block;
        overflow: hidden;
        transform: translate3d(0, 0, 0);
        text-align: center;
        opacity: 1
    }
}

@media (min-width: 681px) {
    .mobile-only {
        display: none
    }

    .content-block-website {
        background-color: #fff;
        margin-top: 0;
        width: 100%
    }

    .explore {
        position: relative;
        background-color: #fff;
        height: auto;
        padding-top: 20px
    }

    .explore-buttons {
        background-color: #fdb913
    }


    .explore-buttons .row, .social-buttons .row {
        margin-left: 0;
        margin-right: 0;
    }
    .explore-buttons .social-buttons {
        position: relative;
        height: 150vw;
        width: 100vw;
        text-align: center;
        margin: 0 auto;
        overflow: hidden
    }

    .social-buttons-horizontal {
        width: 100vw;
        height: 3px;
        z-index: 10;
        background-color: #fdb913;
        position: absolute
    }

    .social-buttons-vertical-line {
        width: 1.2vw;
        left: -1.8vw;
        height: 16.666vw;
        z-index: 10;
        background-color: #fdb913;
        position: absolute
    }

    .line-1 {
        margin-left: calc(16.666vw - 1px)
    }

    .line-2 {
        margin-left: calc(2 * 16.666vw - 1px)
    }

    .line-3 {
        margin-left: calc(3 * 16.666vw - 1px)
    }

    .line-4 {
        margin-left: calc(4 * 16.666vw - 1px)
    }

    .line-5 {
        margin-left: calc(5 * 16.666vw - 1px)
    }

    .line-6 {
        margin-left: calc(6 * 16.666vw - 1px)
    }

    .white-space {
        position: relative;
        background-color: #fff;
        height: 6px;
        width: 100%;
        top: 6px;
        opacity: 1;
        z-index: 100
    }

    .yellow-space {
        position: relative;
        background-color: #fdb913;
        height: 5px;
        width: 100%;
        top: 0;
        opacity: 1;
        z-index: 100
    }

    .social-container {
        padding-top: 20px;
        background-color: #fff
    }

    .button-lottie {
        height: 16.666vw;
        display: block;
        overflow: hidden;
        transform: translate3d(0, 0, 0);
        text-align: center;
        opacity: 1
    }
}

.social-buttons-vertical-line-2 {
    width: 1vw;
    height: 150vw;
    z-index: 10;
    background-color: #fdb913;
    position: absolute;
    right: 0
}

.profile {
    margin: 0 auto;
    text-align: center
}

.profile-name {
    font-size: 16px
}

.links-page {
    margin-top: -70px;
}
.links-title {
    font-size: 26px;
    padding: 20px
}

.profile img {
    width: 80px;
    height: 80px
}

.links-animation {
    width: 70%;
    margin: 100px auto 0
}

.link-wrapper {
    height: 70px;
    margin-top: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.link-content {
    justify-content: center;
    text-align: center;
    margin: 0 auto;
}

a .link-wrapper, a .link-wrapper:hover {
    font-size: 1.9rem;
    color: #fff;
    overflow: hidden;
    font-family: nunito-sans-black, serif
}

.social-wrapper {
    padding: 20px;
    margin-top: 15px
}

.links-social-buttons {
    margin: 0 auto;
    text-align: center
}

.social-button img {
    height: 30px
}

.be-wrapper {
    background-color: #186cfc
}

.fb-wrapper {
    background-color: #187cf4
}

.ig-wrapper {
    background-color: #f04c64
}

.in-wrapper {
    background-color: #0076b4
}

.tw-wrapper {
    background-color: #48bcf4
}

.yt-wrapper {
    background-color: #f80404
}

.background-yellow {
    background-color: #fdb913
}

.background-lightgrey {
    background-color: #e0e0e0
}

.background-grey {
    background-color: #9e9e9e
}