@font-face {
    font-family: 'TCCC-Reg';
    src: url('../fonts/TCCC-UnityText-Regular.eot');
    src: url('../fonts/TCCC-UnityText-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TCCC-UnityText-Regular.woff2') format('woff2'),
        url('../fonts/TCCC-UnityText-Regular.woff') format('woff'),
        url('../fonts/TCCC-UnityText-Regular.ttf') format('truetype'),
        url('../fonts/TCCC-UnityText-Regular.svg#TCCC-UnityText-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TCCC-Bold';
    src: url('../fonts/TCCC-UnityHeadline-Black.eot');
    src: url('../fonts/TCCC-UnityHeadline-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TCCC-UnityHeadline-Black.woff2') format('woff2'),
        url('../fonts/TCCC-UnityHeadline-Black.woff') format('woff'),
        url('../fonts/TCCC-UnityHeadline-Black.ttf') format('truetype'),
        url('../fonts/TCCC-UnityHeadline-Black.svg#TCCC-UnityHeadline-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TCCC-UnityHeadline';
    src: url('../fonts/TCCC-UnityHeadline-Medium.eot');
    src: url('../fonts/TCCC-UnityHeadline-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TCCC-UnityHeadline-Medium.woff2') format('woff2'),
        url('../fonts/TCCC-UnityHeadline-Medium.woff') format('woff'),
        url('../fonts/TCCC-UnityHeadline-Medium.ttf') format('truetype'),
        url('../fonts/TCCC-UnityHeadline-Medium.svg#TCCC-UnityHeadline-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TCCC-UnityText';
    src: url('../fonts/TCCC-UnityText-Medium.eot');
    src: url('../fonts/TCCC-UnityText-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TCCC-UnityText-Medium.woff2') format('woff2'),
        url('../fonts/TCCC-UnityText-Medium.woff') format('woff'),
        url('../fonts/TCCC-UnityText-Medium.ttf') format('truetype'),
        url('../fonts/TCCC-UnityText-Medium.svg#TCCC-UnityText-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DSEG7Classic-Bold';
    src: url('../fonts/DSEG7Classic-Bold.woff2') format('woff2'),
        url('../fonts/DSEG7Classic-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

* {
    font-family: 'TCCC-Reg';
}

h1,h2,
.h1,.h2{
    font-family: 'TCCC-UnityHeadline';
    /* font-weight: bold; */
}

h3,h4,h5,h6,
.h3,.h4,.h5,.h6{
    font-weight:400;
}

body,
html {
    font-weight: 400;
    font-size: .8vw;
    margin: 0;
    padding: 0;
    /*height: 100%;*/
    overflow-x: hidden;
    background:#000;
    color:#fff;
}

#Content {
    background: #fff;
    color: #000;
    padding: 15px 0;
}

#Footer {
    background:#000;
    color:#fff;
    padding: 15px 0;
}

#Header img {
    width: 100%;
}

#viewPages.affix {
    position: fixed;
    top: 80px;
    right: 0;
    z-index: 99999;
    padding: 5px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    background: rgba(255, 255, 255, .75);
    border-color: #000;
    color: #000 !important;
}

#viewPages a:hover {
    color: #f40000 !important;
}

#UploadArea{
    background:#f40000;
    color:#000;
    padding:20px 0;
}

.modal{
    color:#000;
}

/* FONT SIZES AND PLACEMENTS */

.container{
    width:75vw;
    max-width:1500px;
}

p{
    font-size: 1.1vw;
}

h1,.h1{
    font-size:1.4vw;
}

h1.larger {
    font-size: 2.8vw;
}

h2,.h2{
    font-size:1.1vw;
}

h3,.h3{
    font-size:1vw;
}

h4,.h4,label{
    font-size:1vw;
}

#Dashboard{
    position:relative;
}

#Dashboard .img-fluid{
    width:100%;
}

.dash-head,
.dash-pending,
.dash-pending-value,
.dash-goals,
.dash-goals-display,
.dash-tricks,
.dash-tricks-display{
    position:absolute;
}

.dash-head{
    top: 3%;
    right: 0vw;
    width: 100%;
    text-align: center;
}
.dash-pending{
    top: 10%;
    right: 0vw;
    width: 100%;
    text-align: center;
}

.dash-pending .larger{
    font-size:1.5vw;
}

.dash-pending-value{
    top: 26%;
    right: calc(50% - 8vw / 2);
    width: 8vw;
    height: 8vw;
    background: #fff;
    border: 2px solid #f40000;
    color: #f40000;
    text-align: center;
    line-height: 8vw;
    font-size: 4vw;

    font-family: 'DSEG7Classic-Bold';
    letter-spacing: -4px;
    padding-right: 4px;
}
.dash-goals{
    top: 52%;
    right: 0vw;
    width: 100%;
    text-align: center;
}
.dash-goals-display{
    top: 57%;
    right: calc(50% - 28% / 2);
    width: 28%;
}
.dash-tricks{
    top: 73%;
    right: 0vw;
    width: 100%;
    text-align: center;
}
.dash-tricks-display{
    top: 81%;
    right: calc(50% - 28% / 2);
    width: 28%;
}

.btn{
    font-size: 1.1vw;
    display: inline-block;
    line-height: 3.1vw;
    padding: 0 2vw;
    max-width: 324px;
    max-height: 63px;
    font-weight: 700;
    text-transform: uppercase;
}

.btn.btn-upload{
    max-width:unset;
    max-height:unset;
    line-height:1.1vw;
    padding: 1vw 2vw;
}

.btn-upload label{
    cursor:pointer;
}

.btn-small {
    font-size: .8vw;
    padding: 0 1vw;
    line-height: 2vw;
    margin: 5px;
}

.btn-submit{
    max-width:261px;
    width:13vw;
}

.btn-red{
    color:#fff !important;
    background:#f40000 !important;
}
.btn-black{
    color:#fff !important;
    background:#000 !important;
}
.btn-white{
    color:#000 !important;
    background:#fff !important;
}

.card-icon{
    width:3.3vw;
    height:3.3vw;
    margin-top:-3vw;
}

.landing-card{
    padding:1vw;
    box-shadow: 0px 1.12px 1.9px 0px #38383806, 
    0px 4.91px 3.93px 0px #3838380A, 
    0px 12.05px 7.83px 0px #3838380D, 
    0px 3.21px 15.35px 0px #3838380F, 
    0px 20.05px 28.23px 0px #38383813;
    height:100%;
    border:1px solid #cdcdcd;
}

.card-content{
    position: relative;
    /*
    top: 45%;
    transform: translateY(-50%);
    */
}

.card-content h3{
    font-size: .7vw;
}

.card-content p{
    font-size:.58vw;
}

.offer-list li.h3{
    font-size:1.2vw;
}

/* END FONT SIZES AND PLACEMENT */

a{
    color:inherit !important;
}

.caps{
    text-transform:uppercase;
}

.clr-red{
    color: #f40000 !important;
}

.footerLinks{
    margin:0;
    padding:0 0 10px 0;
    text-align:center;
}

.footerLinks li{
    display:inline-block;
    padding:0 5px;
}

.modal-body .btn-share {
    margin-bottom: 5px;
    padding: 6px 0;
    width: 80px;
    font-size: 20px;
    border-radius: 4px
}

.modal-dialog {
    max-width: 60vw;
}

.modal table, #RulesPage table{
    margin:0 auto 15px;
}

.modal table td, #RulesPage table td{
    padding:3px;
    border:1px solid #000;
    text-align:center;
}

.modal table td p, #RulesPage table td p{
    margin-bottom:0;
}

#Rules {
    font-size: 14px
}

#Rules li {
    margin-bottom: 10px
}

#Rules li a {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto
}

#Rules table {
    margin-bottom: 15px
}

#Rules td {
    padding: 3px;
    border: 1px solid #000
}

#Rules td p {
    margin-bottom: 0
}

#SkipToContent {
    position: absolute;
    top: -25vw;
    left: 0;
    padding: .4vw;
    font-size: .8vw;
    z-index: 8000;
    background: #253f4c;
    -webkit-transition: top .25s;
    -moz-transition: top .25s;
    -o-transition: top .25s;
    transition: top .25s
}

#SkipToContent:focus-within {
    top: 0
}

#SkipToContent a {
    color: #fff !important
}

.g-recaptcha > div > div {
    margin: 0 auto;
}

.g-recaptcha{
    border: 2px solid transparent;
}

.has-error .g-recaptcha{
    border: 2px solid #a94442;

}

@media screen and (max-width:575px) {
    .g-recaptcha {
        transform: scale(.77);
        -webkit-transform: scale(.77);
        transform-origin: 50% 50%;
        -webkit-transform-origin: 50% 50%
    }
}

.glyphicon {
    font-family: FontAwesome
}

.glyphicon-remove:before {
    font-family: FontAwesome;
    content: '\f071'
}

.codeError {
    margin-left: 10px;
    visibility: hidden
}

.has-validator input,
.has-validator select {
    -webkit-transition: background-color .5s ease;
    -moz-transition: background-color .5s ease;
    -o-transition: background-color .5s ease;
    transition: background-color .5s ease
}

.has-error input,
.has-error select,
.has-error textarea,
.validator-recaptcha-wrap.has-error input {
    background-color: #a94442;
    color: #fff
}

.has-error .pLabel,
.has-error .tag,
.has-error label {
    color: #b30022;
    font-weight: 700
}

.has-error.container-recaptcha .g-recaptcha iframe {
    box-shadow: 0 0 10px #a94442
}

.has-error.validator-recaptcha-wrap input {
    border: solid 1px #a94442 !important
}

.has-feedback .form-control-feedback {
    color: #b30022;
    right: 0;
    top: 0;
    bottom: 0;
    font-size: inherit;
    line-height: 23px;
    padding-right: 5px;
    width: auto;
    height: auto
}

.has-validator.has-feedback .form-control-feedback {
    display: none
}

.has-validator.has-feedback.has-error .form-control-feedback {
    display: block
}

.has-validator.has-error .title {
    color: #b30022
}

.footerLinks li:hover {
    text-decoration: underline;
}

.video-container iframe {
    border: 0px;
}

.g-recaptcha {
    display: inline-block;
}

.disabled-link{
    pointer-events:none;
    opacity:.75;
}

@media (max-width:768px) {
    /* FONT SIZES AND PLACEMENTS */

    .container{
        width:96vw;
    }

    body,html{
        font-size: 1.5vw;
    }

    p, #Rules{
        font-size: 1.8vw;
    }

    h1,.h1{
        font-size:3.6vw;
    }
    
    h1.larger {
        font-size: 4.5vw;
    }

    h2,.h2{
        font-size:2.6vw;
    }

    h3,.h3{
        font-size:1.8vw;
    }

    h4,.h4,label{
        font-size:2.5vw;
    }

    .form-control, .form-select {
        font-size: 2.4vw;
    }

    .dash-head{
        top: 2%;
    }
    .dash-pending{
        top: 11%;
    }
    .dash-pending-value{
        top: 26%;
        right: calc(50% - 26vw / 2);
        width: 26vw;
        height: 26vw;
        line-height: 26vw;
        font-size: 15vw;
    }
    .dash-goals{
        top: 52%;
        right: 0vw;
        width: 100%;
    }
    .dash-goals-display{
        top: 57%;
        right: calc(50% - 75% / 2);
        width: 75%;
    }
    .dash-tricks{
        top: 74%;
    }
    .dash-tricks-display{
        top: 81%;
        right: calc(50% - 70% / 2);
        width: 70%;
    }
    .dash-head p,
    .dash-pending p,
    .dash-goals p,
    .dash-tricks p{
        font-size:2.5vw;
    }

    .dash-pending .larger{
        font-size:2.8vw;
    }

    
    .btn-submit{
        width:30vw;
    }

    .btn{
        font-size: 3vw;
        padding: 2.5vw 6vw;
        line-height: 3vw;
    }

    .btn.btn-upload {
        padding: 3vw 4vw;
    }

    .card-icon{
        width:6.25vw;
        height:6.25vw;
        margin-top:-3vw;
    }

    .landing-card{
        padding:1vw 2vw 2vw;
        min-height:130px;
    }

    #Landing-Products{
        min-height:unset;
    }

    .card-content{
    }

    .card-content h3{
        font-size: 2vw;
    }

    .card-content p {
        font-size: 1.8vw;
    }

    .float-center{
        position: relative;
        top: 50%;
        transform: translateY(-50%);
        font-size: 2vw;
    }

    .modal-dialog {
        max-width: unset;
        margin: 0 auto;
        width: 90%;
    }

    .offer-list{
        margin-bottom:0;
    }

    .offer-list li.h3 {
        font-size: 1.7vw;
    }

    /* END FONT SIZES AND PLACEMENT */

}