body {
    background-image: linear-gradient(#a92023, #f57422);
    background-size: 100% 100%;
    background-position: left top;
    background-repeat: no-repeat;
    padding:0px;
    margin:0px;
}

.mainHolder {
    position:relative;
    left:0px;
    top:0px;
    width:100%;
    height:100%;
    display:inline-flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    min-height:920px;
    font-size:31px;
    overflow:hidden;
}


@media screen and (max-width:1280px) {
    .mainHolder {
        font-size: calc(100vw * .024);
    }
}

@media screen and (max-width:960px) {
    .mainHolder {
         font-size: calc(100vw * .028);
    }
}

@media screen and (max-width:720px) {
    .mainHolder {
        font-size: 18px;
    }
}

@media screen and (max-width:430px) {
    .mainHolder {
        font-size: 17px;
    }
}



.contentHolder {
    position:relative;
    left:0px;
    top:0px;
    width:100%;
    height:auto;
    opacity: 0;
    display:inline-block;
    text-align: center;
    max-width:1200px;
    transition-delay: 1s;
    transition-timing-function: ease-in-out;
    animation: fadeInAnimation 1s forwards;
}

@keyframes fadeInAnimation {

    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }

}

.theForm {
    width:100%;
    display:inline-block;
}

.contentHolder h1 {
    padding:0px;
    margin:0px;
    font-family: MuseoSans-700;
    color:#FFF;
    font-size:1.75em;
    max-width: 980px;
    display:inline-block;
    text-transform: uppercase;
    font-weight:normal;
    width:85%;
    position: relative;
}

.contentHolder h1 span {
    white-space: nowrap;
}

.contentHolder h2 {
    padding:0px;
    margin:0px;
    font-family: MuseoSans-700;
    color:#FFF;
    font-size:1.25em;
    display:inline-block;
    font-weight:normal;
    margin-top:1em;
    width:90%;
    position: relative;
}

@media screen and (max-width:990px) {
    .contentHolder h2 {
        font-size:1.25em;
    }
}

.contentHolder h2 span {
    white-space: nowrap;
}

.contentHolder h3 {
    padding:0px;
    margin:0px;
    font-family: MuseoSans-700;
    color:#FFF;
    font-size:1em;
    max-width: 980px;
    display:inline-block;
    font-weight:normal;
    margin-top:.5em;
    width:85%;
    position: relative;
}

.contentHolder .selectHolder {
    position:relative;
    left:0px;
    top:0px;
    height:auto;
    display: inline-grid;
    grid-template-columns: auto auto auto;
    margin-top:1em;
}

@media screen and (max-width:990px) {
    .contentHolder .selectHolder {
        grid-template-columns: auto auto;
    }
}

@media screen and (max-width:720px) {
    .contentHolder .selectHolder {
        grid-template-columns: auto;
    }
}

.contentHolder .selectHolder .item {
    text-align: left;
    font-family: MuseoSans-700;
    color:#FFF;
    font-size:1em;
    line-height: 1;
    margin-top:.78125em;
    white-space: nowrap;
    padding-left:0.5625em;
    padding-right:0.5625em;
    cursor: pointer;
}

.contentHolder .selectHolder .item sup {
    font-size: .4em;
    display: block;
    position: absolute;
    font-family: MuseoSans-900;
    top: .9em;
    left: 5.25em;
    color: #f5cb39;
}

@media screen and (max-width:990px) {
    .contentHolder .selectHolder .item.hide {
        display:none !important;
    }
}

.contentHolder .selectHolder .item .dot {
    width:1em;
    height:1em;
    border-radius:50%;
    background-color:#FFF;
    display:inline-block;
    vertical-align: middle;
    margin-top:-.157em;
    margin-right:.5em;
}

.contentHolder .selectHolder .item.selected .dot {
    background: radial-gradient(ellipse at center,  #6d50e7 0%,#6d50e7 47%,#6d50e7 47%,#FFF 47%,#FFF 48%);
}


.theButton {
    margin-top:2em;
    width:15em;
    opacity:.5;
    pointer-events:none;
}

.theButton.ready {
    opacity:1;
    pointer-events:auto;
    cursor: pointer;
}

.formContainer {
    display:none !important;
}

.theForm.inactive {
    pointer-events: none;
}

.theForm.inactive.done {
    display:none;
    pointer-events: none;
}

.thanks {
    display:none;
}

.thanks.ready {
    display:inline-block;
    transition-delay: .25s;
    transition-timing-function: ease-in-out;
    animation: fadeInAnimation 1s forwards;
}