/* Minification failed. Returning unminified contents.
(333,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(334,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(335,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(336,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(337,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(338,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(339,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(340,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-top'
(340,47): run-time error CSS1039: Token not allowed after unary operator: '-brand-height'
(340,69): run-time error CSS1039: Token not allowed after unary operator: '-brand-gap'
(345,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(351,26): run-time error CSS1039: Token not allowed after unary operator: '-dream-height'
(404,19): run-time error CSS1039: Token not allowed after unary operator: '-brand-top'
(412,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-height'
(439,35): run-time error CSS1039: Token not allowed after unary operator: '-top-left-line-x'
(439,59): run-time error CSS1039: Token not allowed after unary operator: '-top-left-line-y'
(445,35): run-time error CSS1039: Token not allowed after unary operator: '-top-right-line-x'
(445,60): run-time error CSS1039: Token not allowed after unary operator: '-top-right-line-y'
(558,1): run-time error CSS1019: Unexpected token, found '}'
 */
@font-face {
    font-family: 'Learn Thing';
    font-display: swap;
    src: url('/fonts/LearnThing.woff2') format('woff2');
}

@font-face {
    font-family: KG;
    font-display: swap;
    src: url('/fonts/KGAlwaysAGoodTime.woff2') format('woff2');
}

@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/lato/v24/S6u9w4BMUTPHh50XSwiPGQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

#page_fair #head, #page_fair .mobile-reg {
    opacity: 0;
}

@-webkit-keyframes animateCloud {
    0% {
        margin-left: -250px;
    }

    100% {
        margin-left: 100%;
    }
}

@-webkit-keyframes animateCloudFromCenter {
    0% {
        left: 50%;
    }

    100% {
        left: 110%;
    }
}

@-moz-keyframes animateCloudFromCenter {
    0% {
        left: 50%;
    }

    100% {
        left: 110%;
    }
}

@keyframes animateCloudFromCenter {
    0% {
        left: 50%;
    }

    100% {
        left: 110%;
    }
}

@-moz-keyframes animateCloud {
    0% {
        margin-left: -250px;
    }

    100% {
        margin-left: 100%;
    }
}

@keyframes animateCloud {
    0% {
        margin-left: -250px;
    }

    100% {
        margin-left: 100%;
    }
}

.clouds {
    position: absolute;
    overflow: hidden;
    width: 100%;
    height: 100%;
    top: 0;
    opacity: 0.8;
    user-select: none;
    -webkit-user-select: none;
}

.cl {
    position: absolute;
}

.cloud1 {
    -webkit-animation: animateCloud 200s linear infinite;
    -moz-animation: animateCloud 200s linear infinite;
    animation: animateCloud 200s linear infinite;
    -webkit-transform: scale(0.585);
    -moz-transform: scale(0.585);
    transform: scale(0.585);
    top: 10%;
}

.cloud2 {
    -webkit-animation: animateCloud 120s linear infinite;
    -moz-animation: animateCloud 120s linear infinite;
    animation: animateCloud 120s linear infinite;
    -webkit-transform: scale(0.84);
    -moz-transform: scale(0.84);
    transform: scale(0.84);
    top: 20%;
}


.cloud3 {
    -webkit-animation: animateCloud 180s linear infinite;
    -moz-animation: animateCloud 180s linear infinite;
    animation: animateCloud 180s linear infinite;
    -webkit-transform: scale(0.455);
    -moz-transform: scale(0.455);
    transform: scale(0.455);
    top: 35%;
}

.cloud4 {
    -webkit-animation: animateCloudFromCenter 145s linear infinite;
    -moz-animation: animateCloudFromCenter 145s linear infinite;
    animation: animateCloudFromCenter 145s linear infinite;
    -webkit-transform: translateX(-1%) scale(0.68);
    -moz-transform: translateX(-5%) scale(0.68);
    transform: translateX(-5%) scale(0.68);
    top: 13%;
}

.cloud5 {
    -webkit-animation: animateCloudFromCenter 185s linear infinite;
    -moz-animation: animateCloudFromCenter 185s linear infinite;
    animation: animateCloudFromCenter 185s linear infinite;
    -webkit-transform: translateX(-10%) scale(0.52);
    -moz-transform: translateX(-10%) scale(0.52);
    transform: translateX(-10%) scale(0.52);
    top: 29%;
}

.cloud6 {
    -webkit-animation: animateCloudFromCenter 120s linear infinite;
    -moz-animation: animateCloudFromCenter 120s linear infinite;
    animation: animateCloudFromCenter 120s linear infinite;
    -webkit-transform: translateX(-50%) scale(0.8);
    -moz-transform: translateX(-50%) scale(0.8);
    transform: translateX(-50%) scale(0.8);
    top: 40%;
}

/* OBJECTS */

.cloud {
    background: #fff;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    height: clamp(72px, 8vw, 120px);
    position: relative;
    width: clamp(210px, 24vw, 350px);
    -webkit-box-shadow: 0 8px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 8px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 5px rgba(142, 142, 142, 0.1);
}

.cloud1 .cloud {
    opacity: 0.7;
}

.cloud2 .cloud {
    opacity: 0.95;
}

.cloud3 .cloud {
    opacity: 0.4;
}

.cloud4 .cloud {
    opacity: 0.7;
}

.cloud5 .cloud {
    opacity: 0.5;
}

.cloud6 .cloud {
    opacity: 0.9;
}

.cloud:after, .cloud:before {
    background: #fff;
    content: '';
    position: absolute;
    z-indeX: -1;
}

.cloud:after {
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    height: clamp(60px, 6.8vw, 100px);
    left: clamp(30px, 3.4vw, 50px);
    top: clamp(-50px, -3.4vw, -30px);
    width: clamp(60px, 6.8vw, 100px);
}

.cloud:before {
    -webkit-border-radius: 200px;
    -moz-border-radius: 200px;
    border-radius: 200px;
    width: clamp(108px, 12.3vw, 180px);
    height: clamp(108px, 12.3vw, 180px);
    right: clamp(30px, 3.4vw, 50px);
    top: clamp(-90px, -6.1vw, -54px);
}

#page_fair .dream #head h1 {
    font-family: 'Learn Thing';
    color: #000;
    font-size: clamp(58px, 11vw, 150px);
    line-height: 1;
    transform: rotate(-2deg);
    margin: 0;
    white-space: nowrap;
}

#page_fair .dream #head h1 span {
    color: #069;
    position: relative;
    display: inline-block;
}

    #page_fair .dream #head h1 span:after {
        content: '';
        position: absolute;
        width: clamp(26px, 6vw, 70px);
        aspect-ratio: 1 / 1;
        right: 0.36em;
        top: -0.22em;
        background: url(https://therightustorage.blob.core.windows.net/assets/fair/top-hat.png) no-repeat center center;
        background-size: contain;
        transform: rotate(12deg);
        pointer-events: none;
    }

#page_fair .dream #head p {
    font-size: 16px;
    font-family: "Roboto", Arial, sans-serif;
    line-height: 1.6;
    margin-bottom: 0;
    margin-top: 20px;
}

#page_fair .dream .rowheader #head h2 {
    font-size: clamp(24px, 4.4vw, 57px);
    line-height: 1.2;
    margin-top: 0;
    text-transform: none;
    font-weight: 900;
    color: #000;
    margin-bottom: 10px;
}

#page_fair .dream #head .logo {
    max-width: 250px;
}

@media only screen and (max-width: 1200px) {
    #page_fair .dream #head .register-container {
        margin-top: 30px;
    }
}

@media only screen and (max-width: 480px) {
    #page_fair.onsite .dream {
        min-height: 555px;
    }
}

#page_fair .dream #head {
    width: 100%;
    display: flex;
    justify-content: center;
    position: relative;
    z-index: 6;
    opacity: 0;
    transition: opacity 0.3s ease;
}

#page_fair .dream .mobile-reg {
    position: relative;
    z-index: 10;
    margin-bottom: 90px;
    pointer-events: none;
}

#page_fair.fair-head-pending .dream #head {
    opacity: 0;
}

#page_fair.fair-head-pending .dream {
    transition: none;
}

#page_fair.fair-head-pending .dream .mobile-reg {
    pointer-events: none;
}

#page_fair.fair-head-ready .dream #head {
    opacity: 1;
}

#page_fair.fair-head-ready .dream .mobile-reg {
    opacity: 1;
    pointer-events: auto;
}

#page_fair .dream #head .content {
    position: relative;
    width: min(100%, 1100px);
    margin: 0 auto;
    --brand-top: clamp(12px, 3vw, 40px);
    --brand-height: clamp(38px, 7vw, 60px);
    --brand-gap: clamp(5px, 2vw, 5px);
    --top-left-line-x: clamp(-5px, -0.6vw, -10px);
    --top-left-line-y: clamp(-1px, -0.6vw, -1px);
    --top-right-line-x: clamp(-5px, 0.8vw, -10px);
    --top-right-line-y: clamp(-25px, -0.6vw, -35px);
    padding-top: calc(var(--brand-top) + var(--brand-height) + var(--brand-gap));
    text-align: center;
}

#page_fair {
    --dream-height: clamp(520px, 68vh, 760px);
}

    #page_fair .dream {
        background: #EEEEEE;
        height: auto;
        min-height: var(--dream-height, clamp(520px, 68vh, 760px));
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

        #page_fair .dream:before {
            content: '';
            position: absolute;
            left: clamp(52vw, 50vw, 72vw);
            bottom: clamp(-180px, -14vw, -90px);
            width: clamp(110px, 12.6vw, 179px);
            aspect-ratio: 1 / 1;
            background: url(https://therightustorage.blob.core.windows.net/assets/fair/rocket.png) no-repeat center center;
            background-size: contain;
            opacity: 1;
            transform: translate3d(clamp(180px, 24vw, 380px), clamp(-320px, -34vw, -520px), 0) rotate(0deg);
            transform-origin: center center;
            pointer-events: none;
            z-index: 0;
        }

        #page_fair .dream:after {
            content: none;
        }

        #page_fair .dream > .container {
            min-height: 0;
            position: relative;
            z-index: 2;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: flex-start;
            padding-top: clamp(16px, 3vw, 36px);
            padding-bottom: clamp(20px, 3.2vw, 42px);
            width: 100%;
        }

            #page_fair .dream > .container > .row {
                width: 100%;
            }



    #page_fair .dream #head .content img {
        height: auto;
    }

    #page_fair .dream #head .content .brand {
        position: absolute;
        top: var(--brand-top);
        left: 50%;
        transform: translateX(-50%);
        width: clamp(180px, 78vw, 420px);
        z-index: 2;
    }

        #page_fair .dream #head .content .brand img {
            height: var(--brand-height);
            width: auto;
            max-width: 100%;
            display: block;
            margin: 0 auto;
        }

    #page_fair .dream #head .content h1 {
        position: relative;
        z-index: 0;
    }

    #page_fair .dream #head .content .topline {
        width: clamp(220px, 36vw, 450px);
        margin-top: 15px;
        margin-bottom: 15px;
        transform: rotate(-2deg);
    }

    #page_fair .dream #head .content .top-left-line, #page_fair .dream #head .content .top-right-line, #page_fair .dream #head h1 {
        display: inline-block;
        vertical-align: middle;
    }

    #page_fair .dream #head .content .top-left-line {
        width: clamp(30px, 7vw, 55px);
        max-width: none;
        transform: translate(var(--top-left-line-x), var(--top-left-line-y));
    }

    #page_fair .dream #head .content .top-right-line {
        width: clamp(30px, 7vw, 70px);
        max-width: none;
        transform: translate(var(--top-right-line-x), var(--top-right-line-y));
    }

    #page_fair .dream #head .content .top-hat {
        display: none;
    }


#page_fair.fair-head-ready .dream:before {
    opacity: 1;
    animation: dreamRocketFloat 8.2s cubic-bezier(0.42, 0, 0.26, 1) 0.5s infinite;
    will-change: transform;
}

#page_fair .dream .register-container {
    padding-top: 0;
    padding-bottom: 10px !important;
    display: inline-block;
}

#page_fair .register-container .blue-btn.learnmore {
    margin-bottom: 15px;
}

#page_fair .blue-btn:hover,
.survey .blue-btn:hover {
    background-color: #0095e0;
}

@keyframes dreamRocketFloat {
    0% {
        transform: translate3d(clamp(180px, 24vw, 380px), clamp(-320px, -34vw, -520px), 0) rotate(-1deg);
    }

    16% {
        transform: translate3d(clamp(177px, 23.85vw, 375px), clamp(-324px, -34.2vw, -524px), 0) rotate(-1.3deg);
    }

    34% {
        transform: translate3d(clamp(184px, 24.25vw, 386px), clamp(-317px, -33.9vw, -516px), 0) rotate(0.45deg);
    }

    52% {
        transform: translate3d(clamp(177px, 23.85vw, 375px), clamp(-325px, -34.25vw, -525px), 0) rotate(-1.2deg);
    }

    70% {
        transform: translate3d(clamp(183px, 24.2vw, 385px), clamp(-317px, -34vw, -516px), 0) rotate(0.4deg);
    }

    86% {
        transform: translate3d(clamp(178px, 23.9vw, 376px), clamp(-323px, -34.1vw, -523px), 0) rotate(-1.1deg);
    }

    100% {
        transform: translate3d(clamp(180px, 24vw, 380px), clamp(-320px, -34vw, -520px), 0) rotate(-1deg);
    }
}

@media (prefers-reduced-motion: reduce) {
    #page_fair .dream {
        animation: none;
    }
}

@media all and (max-width:992px) {
    #page_fair .dream {
        background-image: none;
        min-height: 480px;
    }

    #page_fair .dream:before {
        left: auto;
        right: 12px;
        bottom: -80px;
        width: clamp(90px, 24vw, 130px);
        transform: translate3d(0, -220px, 0) rotate(0deg);
    }

    #page_fair.fair-head-ready .dream:before {
        width: clamp(58px, 15.36vw, 83px);
        animation: dreamRocketFloatMobile 8.2s cubic-bezier(0.42, 0, 0.26, 1) 0.5s infinite;
    }

    @keyframes dreamRocketFloatMobile {
        0% {
            transform: translate3d(0, -220px, 0) rotate(-1deg);
        }

        20% {
            transform: translate3d(-4px, -226px, 0) rotate(-1.4deg);
        }

        45% {
            transform: translate3d(3px, -218px, 0) rotate(0.4deg);
        }

        70% {
            transform: translate3d(-2px, -224px, 0) rotate(-1.1deg);
        }

        100% {
            transform: translate3d(0, -220px, 0) rotate(-1deg);
        }
    }

    #page_fair .dream #head .content .brand img {
        display: none;
    }

    #page_fair .dream .mobile-reg .register-container {
        padding-top: 0;
    }
}