/* computer styles - meant to be seen on a laptop or workstation; not a mobile device */

@font-face {

    font-family: 'DS-Digital';

    src: url('fonts/DS-Digital-Bold.eot');

    src: url('fonts/DS-Digital-Bold.eot?#iefix') format('embedded-opentype'),

        url('fonts/DS-Digital-Bold.woff2') format('woff2'),

        url('fonts/DS-Digital-Bold.woff') format('woff'),

        url('fonts/DS-Digital-Bold.ttf') format('truetype'),

        url('fonts/DS-Digital-Bold.svg#DS-Digital-Bold') format('svg');

    font-weight: bold;

    font-style: normal;

    font-display: swap;

}

@font-face {

    font-family: 'lagacy';

    src: url('fonts/Legacy-Regular.eot');

    src: url('fonts/Legacy-Regular.eot?#iefix') format('embedded-opentype'),

        url('fonts/Legacy-Regular.woff2') format('woff2'),

        url('fonts/Legacy-Regular.woff') format('woff'),

        url('fonts/Legacy-Regular.ttf') format('truetype'),

        url('fonts/Legacy-Regular.svg#Legacy-Regular') format('svg');

    font-weight: bold;

    font-style: normal;

    font-display: swap;

}

/*colors*/

:root {

  --sponsorColor: #005ba7;

  --sponsorColorDark: #052a49;

  --transparentBlack: rgba(0,0,0,0.8);

}



.decorate{

    -webkit-text-stroke: 0.01em #122048;

    filter: drop-shadow(2px 2px 0px #ed2124);

}

.dashed {
    border: dashed 3px #005ba7;
    border-radius: 10px;
    padding: 1em;
    margin: 0 1em;
}

/*fonts*/

body, select, input, input option, textarea, .ajax__validatorcallout_error_message_cell {

    font-family: calibri, Arial, Helvetica, sans-serif;

    font-family: "FuturaCondensed";

}

.buttonBig, .buttonSmall {

    font-family: calibri, Arial, Helvetica, sans-serif;

    font-family: 'lagacy';

}

.bold {

    font-family: "FuturaCondensedBold";

}

.lagacy {

    font-family: 'lagacy';

}

.score {

    font-family: 'DS-Digital';

    font-family: 'DS-Digital';

    color: #ffe400;



    -webkit-text-stroke: 0.02em #000000bf;

}

.titler, .title, .large, .larger, .largest, .med, .small, .smaller, .smallest {

    line-height:1em;

}

.titler {

    font-size:7em;

}

.title {

    font-size:3em;

}

.largest {

    font-size:2.75em;

}

.larger {

    font-size:2.5em;

}

.large {

    font-size:2em;

}

.med {

    font-size:1.5em;

}

.small {

    font-size:.75em;

}

.smaller {

    font-size:.55em;

}

.smallest {

    font-size:.4em;

}



.lessSpacing {

    letter-spacing:-.1em;

}

.moreSpacing {

    letter-spacing:.1em;

}

.lessHeight {

    line-height:.8em;

}

.moreHeight {

    line-height:1.5em;

}



.space0 {

    height:.5em;

}

.space1 {

    height:1em;

}

.space2 {

    height:2em;

}

.space3 {

    height:3em;

}

.space4 {

    height:4em;

}

.space5 {

    height:5em;

}

.space6 {

    height:6em;

}



hr {

    display:block;

    border:0px;

    background-color:#000;

    height:2px;

    width:60%;

    margin:30px auto;

}

.goldColor{
    color:#b7890c;
}


.textShadow {

    text-shadow:0em 0em .5em var(--transparentBlack);

}

.svgShadow {

    filter: drop-shadow(0em 0em .5em var(--transparentBlack));

}

.boxShadow {

    box-shadow:0em 0em .5em var(--transparentBlack);

}





.block {

    display:block;

}

.inlineBlock {

    display:inline-block;

}

.unClickable {

    pointer-events: none;

}



.absolute {

    position:absolute;

}

.relative {

    position:relative;

}

.static {

    position:static;

}

.fixed {

    position:fixed;

}



.noMargin {

    margin:0 auto !important;

}



.sponsorColor {

    color:var(--sponsorColor);

}

.sponsorColorDark {

    color:var(--sponsorColorDark);

}



.frmfld label.labelFocused {

    color:var(--sponsorColorDark) !important;

}



.buttonBig, .buttonSmall {

    color:var(--sponsorColor);

    background-color:transparent;

    border:2px solid var(--sponsorColor);

}

.buttonBig:hover, .buttonSmall:hover {

    color: #fff;

    background-color:var(--sponsorColor);

    border-color:var(--sponsorColor);

}

.buttonBig.white, .buttonSmall.white {

    color:#fff;

    background-color:transparent;

    border:2px solid #fff;

}

.buttonBig.white:hover, .buttonSmall.white:hover {

    color: var(--sponsorColor);

    background-color:#fff;

    border-color:#fff;

}







.menu ul.dropit-submenu a:hover {

    background: var(--sponsorColor);

    color:#fff;

}

li.dropit-open > a {

    color: var(--sponsorColor) !important;

}



.menu ul.dropit-submenu::before {

    border-bottom: solid 15px var(--transparentBlack);

}

.menu ul.dropit-submenu {

    background-color:var(--transparentBlack);

} 

.topNavOuter, .hknFooter {

    background-color:var(--transparentBlack);

}



.menu ul.dropit-submenu a {

    display: block;

    line-height: 25px;

    color: rgba(255,255,255,0.9);

    padding:0px;

    padding-left:5px;

}









input[type=text]:focus, textarea:focus, #ctl00_ContentPlaceHolder1_FormView1_ddlState:focus, #ctl00_ContentPlaceHolder1_FormView1_ddlState1:focus, #ctl00_ContentPlaceHolder1_FormView1_ddlState2:focus, .dobmm:focus, .dobdd:focus, .dobyy:focus {

    border-color: var(--sponsorColorDark) !important;

}

input[type='radio'], input[type='checkbox'] {

    accent-color: var(--sponsorColorDark);

}



body {

    font-size: 15px;

    background-color:#001608;

    color:#fff;

    margin:0px;

    padding-top:34px; /*make sure this correlates with the margin-top of the .logincontent below (should be 10px less)*/

    padding-bottom:50px;

    background-repeat:no-repeat; 

    background-position:bottom center;

    background-size:cover;

    background-attachment: fixed;

}







.totalWidth, .topNav, .playOptions {

    width:1010px;

    margin:0 auto;

}

.totalWidth {

    color:#111;

    padding:15px 0px;

    margin:10px auto;

    border-collapse:separate;

    border-radius: 0px;

    filter: drop-shadow(0px 1px 6px #000);

}



.topNav {

    width:99%;

}







/*buttons*/



.buttonBig {

    font-size:22px;

    margin:20px 5px;

}

.buttonSmall {

    font-size:14px;

    margin:4px;

}



.buttonBig, .buttonSmall {

    padding:.5em .75em;

    min-width:9em;

    border-radius: 6px;

    text-transform: uppercase;

    cursor:pointer;

    display:inline-block;

    -webkit-appearance: none;

    text-decoration: none !important;

    border-style:solid;

}

.golden{

    color: #997906;
    background-image: linear-gradient(357deg, #b7880d 40%, #fadc2e 60%, #cf840e 80%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: .01em #ffe10082;
}

.gold {
    position: relative;
    text-transform: uppercase;
    animation: pulseWarmGlow 3s infinite ease-in-out;
    -webkit-text-stroke: .008em #00000045;
}
@keyframes pulseWarmGlow {
    0%, 100% {
        filter: drop-shadow(0 0 4px rgba(255, 200, 0, 0.6))
                drop-shadow(0 0 8px rgba(255, 251, 0, 0.8));
    }
    50% {
        filter: drop-shadow(0 0 10px rgba(255, 200, 0, 0.9))
                drop-shadow(0 0 15px rgb(255, 217, 0));
    }
} 

.camera-flash {
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: radial-gradient(circle, white 0%, rgba(255,255,255,0.6) 40%, transparent 70%);
    opacity: 0;
    pointer-events: none;
  }
  
  .camera-flash.upgraded {
    animation: cameraBurst 4s infinite;
  }
  
  
  @keyframes cameraBurst {
    0%, 95%, 100% {
      opacity: 0;
      transform: scale(1);
      filter: blur(0px);
    }
    2% {
      opacity: 1;
      transform: scale(8);
      filter: blur(2px);
    }
    4% {
      opacity: 0.8;
      transform: scale(10);
      filter: blur(3px);
    }
    6% {
      opacity: 0;
      transform: scale(1);
      filter: blur(0px);
    }
  }

.cam1{
    top:44vh;
    left: 20vw;
}  

.cam2{
    top:33vh;
    left: 8vw;
}

.cam3{
    top:26vh;
    right: 15vw;
}

.cam4{
    top:30vh;
    right: 6vw;
}
/*globalHeader*/

.globalHeader {

    /*background:url(../media/bg_globalHeader.jpg) no-repeat center center;*/

    background-size:cover;

    margin:0px auto;

    padding:2em 0px 1em;

    font-size:28px;

    color: #fff;
    background: linear-gradient(0deg, #005ba700, #041729b2);
    position: relative;

}

.regTitle {

    margin:1em auto;

    font-size:24px;

    box-sizing:border-box;

    text-align:center;

}

.logo {

    max-width: 90vw;
    width: 15em;
    margin-bottom: 1em;

}

.narrow, .narrower, .narrowest, .disclaimerText {

    margin:0 auto;

    max-width:80vw;

}

.narrow {

    width:640px;

}

.narrower {

    width:450px;

}

.narrowest {

    width:300px;

}





.footer {

    text-align:center;

}



.bottles, img.disclaimer, .footer .logo {

    display: none !important;

}



.bottles {

    position:fixed;

    bottom:1vw;

    left:1vw;

    width:14vw;

}



@media only screen and (max-width: 1500px) {

    .bottles {

        position:static;

        bottom:auto;

        left:auto;

        right:auto;

        width:450px;

        max-width:60vw;

        margin:20px auto;

        display:block;

    }

}



img.disclaimer {

    margin:30px auto;

    width:400px;

    max-width:90%;

    /*

    -webkit-filter: drop-shadow(3px 3px 6px rgba(0, 0, 0, .8));

    filter: drop-shadow( 3px 3px 6px rgba(0, 0, 0, .8));

    */

}











/*game*/

.selectItem {

    width:200px;

    max-width:25%;

    margin:2%;

    margin-top:20px;

}



.selectItem:hover {

    transform: scale(1.05);

    cursor:pointer;

}



.selectItem.unClickable {

    transform: scale(.98);

    filter: grayscale(0.80);

    pointer-events: none;

    margin:0;

}



.gamePopup {

    width:100%;

    display:block;

    padding:30px;

    box-sizing:border-box;

    z-index:11;

}

.gameOverlay {

    color:#fff;

    position:fixed;

    left:0;

    top:0;

    width:100%;

    height:100%;

    display:block;

    background-color:var(--transparentBlack);

    backdrop-filter:blur(6px);

    z-index:10;

    align-items: center;

    display: flex;

}

.gameOverlay i.closePopup {

    position:fixed;

    top:.75em;

    right:.75em;

    opacity:.9;

    cursor:pointer;

}

.gameOverlay i.closePopup:hover {

    opacity:1;

}











/*Link Colors*/

a {

    text-decoration: underline;

    color:var(--sponsorColor);

}

/*Required Field Colors*/

.requiredField {

    color:var(--sponsorColor);

    vertical-align: top;

}

.regBox .rulesRead a:hover {

    opacity:.80;

}

















.vAlignTop {

    vertical-align:top;

}

.vAlignMiddle {

    vertical-align:middle;

}

.vAlignBottom {

    vertical-align:text-bottom;

}

.alignLeft {

    text-align:left;

}

.alignCenter {

    text-align: center;

}

.alignRight {

    text-align: right;

}

table {

    border-collapse:collapse;

}

table, tbody, table td, table tr {

    border:none;

    border-spacing:0px;

}

iframe.ifrmLogin {

    width: 210px;

    height: 90px;

    overflow: hidden;

    border: none;

}



a.skip {

    padding: 0 0.5em;

    display: inline;

    z-index: 2;

    text-decoration: none;

    position: absolute;

    width: 14em;

    left: -200em;

    color:#d60000;

}



a.skip:focus, a.skip:active {

    position: absolute;

    left: 0.5em;

}





/*.formview1, #aspnetForm {width:99%;border:solid 1 blue;}*/

/*table.formview1 td{padding:0px;}*/

table.formview1 {

    margin: auto;

}

img.imgLanding {

    max-width: 100%;

}

.instructionsArea, .regBox {

    /*height:730px;*/

    box-sizing:border-box;

}

.instructionsArea {

    max-width:550px;

    float:left;

    line-height:0;

}

.regBox {

    width:460px;

    float:left;

    background-image:none !important;

}



.homeTeam {

    width: fit-content;

    display: inline-block;

    color: #fff;

    padding: 2em;

    position: absolute;

    left: 0;

    top: 0;

    min-width: 26%;

}

.awayTeam {

    width: fit-content;

    display: inline-block;

    color: #fff;

    padding: 2em;

    position: absolute;

    right: 0;

    top: 0;

    min-width: 26%;

}

.scoreBox {

    border: solid 1px #ffe40047;

    padding: 1em 1em 6em;

    margin-top: 1em;

    border-radius: 5px;

    background-color: #00000061;

}

div#defaultCountdown {

    display: none;

}

.playOptions {

    margin:15px auto;

}





.landingBTN {

    width:30%;

    box-sizing:border-box;

    display:inline-block;

    border:1px solid #555;

    border-radius: 5px;

    padding:20px;

    margin:1%;

}

.landingBTN .buttonSmall {

    width:100%;

    box-sizing:border-box;

    margin:0 auto;

}



.regOptions {

    width:440px;

    margin:0 auto;

    padding-bottom:15px;

}



.regBoxWidth {max-width:450px;}





table.totalWidth td.tableRow {

    /*display:table-row;*/

}

table.dlTable {

    width: 100%;

    position: relative;

    background-color: #000;

    line-height: 1;

    border-radius: 1em;

    border: solid 0.25em #FFF;

    height: 28em;

    background: rgb(0,0,0);

    background: linear-gradient(108deg, rgba(0,0,0,1) 0%, rgb(63 63 63) 53%, rgba(0,0,0,1) 100%);

}



div.colLeftThx {

    float:left;

    width:300px;

}

div.colRightThx {

    text-align:left;

    float:right;

    padding-left:0px;

    margin-left:20px;

}

div.colLeft {

    float:left;

    padding-top:2px;

}

div.colRight {

    text-align:left;

    float:right;

    padding-left:0px;

    padding-top:2px;

}









img.imgThxCoupon {

    z-index:1;

    width:500px;

}

.thxOuterSocial {

    width:821px;

}













.formFieldWatermark {

    color:          #868686;

}

input.formFieldOnFocus, input[type=text].formFieldOnFocus {

    width:400px;

    font-size:		20pt;

    z-index:12;

    background-color:blue;

    position:relative;

    left:-260px;

    margin-right:-260px;

}

.divFakeCheckBox, .showOnMobile {display:none;}











input[type="checkbox"] {

    width:14px;

    height:14px;

}

#ctl00_ContentPlaceHolder1_FormView1_Question1, #ctl00_ContentPlaceHolder1_FormView1_Question4, #ctl00_ContentPlaceHolder1_FormView1_Question7 {

    width:300px;

    height:40px;

}

textarea, select, input, input[type=select], input[type=text], input[type=select].errorHighlight, input[type=text].errorHighlight, input.errorHighlight, textarea, #ctl00_ContentPlaceHolder1_FormView1_ddlState, #ctl00_ContentPlaceHolder1_FormView1_ddlState1, #ctl00_ContentPlaceHolder1_FormView1_ddlState2, select, input[type=select], #ctl00_ContentPlaceHolder1_FormView1_ddlState, #ctl00_ContentPlaceHolder1_FormView1_ddlState1, #ctl00_ContentPlaceHolder1_FormView1_ddlState2, .dobmm, .dobdd, .dobyy {

	border-radius: 4px;

}

textarea, input[type=text], input[type=select]:focus, input[type=text]:focus, input[type=select].errorHighlight, input[type=text].errorHighlight {

    padding-left:6px;

    box-sizing:border-box;

    height:40px;

    /*    border:solid 2px #e6e6e6;

    border-top:inset 1px #e6e6e6;

    border-bottom:inset 1px #e6e6e6;*/

}

.frmfld input[type=text], .frmfld input[type=password], .frmfld input[type=number] {

    padding-top:15px;

}

textarea, input[type=select], input[type=text], input[type=select]:focus, input[type=text]:focus, textarea:focus, #ctl00_ContentPlaceHolder1_FormView1_ddlState, #ctl00_ContentPlaceHolder1_FormView1_ddlState1, #ctl00_ContentPlaceHolder1_FormView1_ddlState2, .dobmm, .dobdd, .dobyy {

    background-color:#fff;

    box-shadow: 0 0 0px #fff !important;

    outline:0;

}

textarea, textarea:focus {

    width: 98%;

    box-sizing:border-box;

    padding:6px;

    padding-top:20px;

    min-height: 80px;

}



.dobmm, .dobdd, .dobyy, #ctl00_ContentPlaceHolder1_FormView1_ddlState, #ctl00_ContentPlaceHolder1_FormView1_ddlState1, #ctl00_ContentPlaceHolder1_FormView1_ddlState2, textarea, textarea:focus, input[type=select], input[type=text], input[type=select]:focus, input[type=text]:focus, select {

    border: solid 1px rgba(0,0,0,0.2);

    border-bottom: solid 1px rgba(0,0,0,0.2);

}

input[type=text]:hover, textarea:hover, #ctl00_ContentPlaceHolder1_FormView1_ddlState:hover, #ctl00_ContentPlaceHolder1_FormView1_ddlState1:hover, #ctl00_ContentPlaceHolder1_FormView1_ddlState2:hover, .dobmm:hover, .dobdd:hover, .dobyy:hover, select:hover {

    border-color: #808080;

    background-color:#f6f6f6;

}



.frmfld label, #ctl00_ContentPlaceHolder1_FormView1_ddlState, #ctl00_ContentPlaceHolder1_FormView1_ddlState1, #ctl00_ContentPlaceHolder1_FormView1_ddlState2, .dobmm, .dobdd, .dobyy {

    color:#111;

}







.frmfld input[type=select].errorHighlight, .frmfld input[type=text].errorHighlight, .frmflda input[type=select].errorHighlight {

    border-bottom:solid 1px red !important;

    background-color: #fff;

}



input[type=text] {

    width:205px;    

}



.frmfld label {

    position:absolute;

    padding-top:12px;

    left:5px;

    cursor:text;

    display:inline-block !important;

    opacity:1 !important;

    /*letter-spacing:.025em;*/

    pointer-events:none;

}



.frmfld label.labelFocused {

    padding-top:3px;

    left:5px;

    font-size:14px;

}





#ctl00_ContentPlaceHolder1_FormView1_ddlState, #ctl00_ContentPlaceHolder1_FormView1_ddlState1, #ctl00_ContentPlaceHolder1_FormView1_ddlState2 {

    width: 205px;

    height: 40px;

    padding: 1px 0 1px 0;

    margin-top: 0px;

}

.dob br {

    display:none;

}





#ctl00_ContentPlaceHolder1_FormView1_ddlState, #ctl00_ContentPlaceHolder1_FormView1_ddlState1, #ctl00_ContentPlaceHolder1_FormView1_ddlState2, .frmfld label, .dob label, .dobmm, .dobdd, .dobyy, select, input {

    font-size: 16px;

    letter-spacing:.03em;

}





.dob label, .dobmm, .dobdd, .dobyy {

    padding:1px 0px 1px 0px !important;

    line-height: 18px;

    height:40px;

    /*margin:2px 0;*/

    /*margin:0px 0px 3px 1px;*/

}

.dobmm, .dobdd {

    margin-right:5px;

}

.dob label {

    font-size:15px;

}

select, input[type=select], #ctl00_ContentPlaceHolder1_FormView1_ddlState, #ctl00_ContentPlaceHolder1_FormView1_ddlState1, #ctl00_ContentPlaceHolder1_FormView1_ddlState2, .dobmm, .dobdd, .dobyy {

    line-height: 18px;

    outline: 0;

}







.dobmm {

    width:50px;

}

.dobdd {

    width:50px;

}

.dobyy {

    width:50px;

}

select option {

    background-color:#fff;

    color:#111;

    font-family: calibri, Arial, Helvetica, sans-serif;

}













input.dobTextBox, #ctl00_ContentPlaceHolder1_FormView1_DOB {

    width: 0px !important;

    padding: 0px !important;

}

/*.zipCodeTextBox {

    width:50px;

}*/

input.textboxBig, input.textboxBig:focus {

    font-size:          16pt;

    font-weight:        bold;

    text-align:center;

    height:38px;

    width:122px;

    position:absolute;

    top:14.5%;

    left:69%;

}

input.button {

	cursor:pointer;

	padding:5px;

	font-size:		    14px;

	font-weight:		bold;

    -webkit-appearance: none;

}

/*.addthis_button_facebook_like {

}*/

.thx_SocialColumn {

    background-color:#fff;

}

.captcha {

    border:solid 1px #868686;

    background-color:#fff;

    color:#000;

    width:330px;

    height:50px;

    text-align:center;

	border-radius: 4px;

}

.captcha input {

    width:60px;

}

.captchaDiv {

    margin-top:5px

}



.grecaptcha-badge {

    z-index:100;

}

a.footerLink {

    color:#f6f6f6;

}

.RadioButtonWidth label {

    margin:0 30px 0 10px;

}      





.notRequiredField {

    padding-right:3px;

}



.submitBtn {

	cursor:pointer;

    -webkit-appearance: none;

}

.rulesLinks {

	cursor:pointer;

}

.privacyLinks {

	cursor:pointer;

}

.labelColumnRight {

    padding-left:10px;

}

.topHeader {

    background-color: #fff;

    padding: 0.5em 1em;

    line-height: 1;

    font-size: 2.5em;

}

.leftLeg {

    width: 4em;

    background-color: #272727;

    height: 5em;

    margin-left: 5em;

    display: inline-block;

    position: relative;

    left: -15em;

    background: rgb(0,0,0);

    background: linear-gradient(270deg, rgb(90 90 90) 0%, rgb(63 63 63) 25%, rgb(63 63 63) 50%, rgb(22 22 22) 100%);

}

.rightLeg {

    width: 4em;

    background-color: #272727;

    height: 5em;

    margin-left: 5em;

    display: inline-block;

    position: relative;

    right: -10em;

    background: rgb(0,0,0);

    background: linear-gradient(270deg, rgb(90 90 90) 0%, rgb(63 63 63) 25%, rgb(63 63 63) 50%, rgb(22 22 22) 100%);

}

.scoreBoardText {

 position:relative;

 z-index:10;

 text-align:center;

 font-size:1.75em;

 color:#fff;

 line-height: 1;

 font-family: 'lagacy';

 max-width: 36%;

 margin: auto;

}

.guessBox, .ddl1, .ddl2, .ddl3, .ddl4, .ddl5, .ddl6, .ddl7 {

   	color:Black;

	font-size:16px;

	font-weight:bold;

}

.ddl1, .ddl2, .ddl3, .ddl4, .ddl5, .ddl6, .ddl7 {

    position: absolute;

    width: 21.5%;

    height: 18%;

    text-align: center;

    font-family: 'DS-Digital';

    font-size: 3.5em;

}

.ddl1 {

    right: 6%;

    top: 32%;

    z-index: 21;

}

.ddl2 {

    left: 6%;

    top: 32%;

    z-index: 21;

}

.ddl3 {

    right: 6%;

    top: 69%;

    z-index: 21;

}

.ddl4 {

    left: 6%;

    top: 69%;

    z-index: 21;

}

.ddl5 {

 left:60%;

}

.ddl6 {

 left:70%;

}

.ddl7 {

 top:95px;

 left:150px;

}







.question {

    padding-top:10px;

    line-height: 100%;   

}



.optinQuestion1, .optinQuestion2, .optinQuestion3, .optinQuestion4, .optinQuestion5, .optinQuestion6, .optinQuestion7, .optinQuestion8, .optinQuestion9, .optinQuestion10, .optinQuestion11, .optinQuestion12, .optinQuestionGender {

    padding-top:10px;

    clear:both;

    text-align:left;

}

.rulesRead, .subscription1, .subscription2 {

    padding-top:10px;

    clear:both;

    text-align:left;

    padding-left:25px;

    text-indent: -25px;

    font-size: 18px;

}

.optinAnswer1, .optinAnswer2, .optinAnswer3, .optinAnswer4, .optinAnswer5, .optinAnswer6, .optinAnswer7, .optinAnswer8, .optinAnswer9, .optinAnswer10, .optinAnswer11, .optinAnswer12, .optinAnswerGender {

    padding-top:5px;

    font-weight:normal;

    text-align:left;

}

.optinQuestionGender, .optinAnswerGender {

    float:left;

}

.mainContentTAF {

	text-align:center;

}

.validationSummaryTAF {

    text-align:left;

    border:solid 1px red;

    margin-left:50px;

    margin-right:50px;

    padding-left:20px;

    padding-right:20px;

    background-color:#fff;

}



img.regTopRound {

/*    height:24px;*/



	visibility: hidden;

	display: none;

}

img.regBottomRound {

	visibility: hidden;

	display: none;

}



div.disclaimerText {

    margin:1em auto;

    font-size:13px;

    max-width:90%;

} 



#flash_envelope {

    margin:0 auto; 

    /*visibility:hidden;*/

    text-align:center;

    background:transparent url(../media/ajax-loader-lg.gif) no-repeat center center;

    background-position:center;

    z-index:1;

}

.swfObject { 

    z-index:1;

    width:100%;

    height:100%;

}

.showOnPrint {

	visibility: hidden;

	display: none;

}

	

.hideOnPrint {

	visibility: visible;

	

}	

/*#errorMSG {

    position:absolute;

    top: 1200px;

}	*/

/*.socialBox { }*/

.socialBox .outerDiv, .socialBox .outerDiv .semiTransparentDiv {

    height:75px;

}

.socialBox .outerDiv {

    position: relative; 

    width: 425px;

    margin-bottom:8px;

}

.thx_SocialColumn .socialBox .outerDiv {

    width: 99%; 

}

.socialBox .outerDiv .semiTransparentDiv {

    width: 100%;

    position: absolute; 

    top:0px;

    left:0px;

    background-color: #fff; 

    opacity:.70; 

    z-index: 1;

	border-radius: 4px;

}

.socialBox .outerDiv .contentDiv {

    position: relative; 

    z-index: 2; 

    padding:5px 2px 2px 2px; 

    color: #3B5998; 

    font-weight: bold;

    font-size:12pt; 

    text-align:left;

}

.socialBox .outerDiv .contentDiv .contentDivTop .colLeft {

    float:left;

    vertical-align:top;

    width:181px;

}

.thx_SocialColumn .socialBox .outerDiv .contentDiv .contentDivTop .colLeft {

    width:99%;

    padding:0 0 0 13px;

}

.socialBox .outerDiv .contentDiv .contentDivTop .colRight {

    float:right;

    width:211px;

    padding:0 0 0 13px;

}

.socialBox .outerDiv .contentDiv .contentDivBottom .colLeft {

    float:left;

    width:100%;

}

.socialBox .outerDiv .contentDiv .contentDivTop {

    height:70px;

}

.fbPost {

	display: block;

	width: 48px;

	height: 20px;

	background: url(../media/social/fb_post_hover_both.png) top;

	text-indent: -99999px;

}

.fbPost:hover {

	background-position: bottom;

}

.custom_images a.thickbox img:hover {

    opacity:0.8;

    filter:alpha(opacity=80); /* For IE8 and earlier */

}

.headerShare {

    background:transparent url(../media/social/headerShare.png) top left no-repeat;

    border-left:dashed 1px #a6a6a6;

    padding:7px 0 0 13px;

}

.thx_SocialColumn .headerShare {

    margin-bottom:5px;

    border:0px;

}

a.fbPost {

    text-decoration:none;

    margin-left:5px;

}

.loading {

    padding:10px 0 100px 0;

    margin:30px;

    z-index:99;

}

#divFBPostFill {

    margin:0 40px 0 40px;

}

#fbImg {

    width:25px;

    height:25px;

    float:left;

}

.colLeftheaderShare {

    float:left;

    color:#36C;

    font-weight:bold;

    margin:10px 2px 5px 10px;

}







/*

.lnkValSummaryExpand, .lnkValSummaryCollapse {

    width:20px;

    height:20px;

    margin-left:10px;

    padding-left:20px;

}

.lnkValSummaryExpand {

    background:transparent url(../media/navsprite.png) left repeat-y;

    background-position:0px -240px; 

}

.lnkValSummaryCollapse {

    background:transparent url(../media/navsprite.png) left repeat-y;

    background-position:0px -264px; 

}*/

.textboxes {

    display:none;

}







.frmfld { position:relative; padding-top:15px; }

.frmfld br { display: none; }







.frmfld label, .colLeft label, .colRight label {font-weight:normal;}









#divVidUploaded, #divImgUploaded {

    border:1px solid #205527;

    border-radius: 8px;

    margin:1em auto;

    padding:1em;

    box-sizing:border-box;

    max-width:80%;

}





img.imgUploaded {

    max-width:200px !important;

    max-height:200px !important;

}







/*icons*/





.topNavOuter .fa, .topNavOuter .far, .topNavOuter .fas, .topNavOuter .fab {

    /*margin:3px;*/

    vertical-align:middle;

    margin-bottom:.1em;

}



.fa-lg {

    margin:0px 3px 0px 0px;

}

.topNavFollow .fa-lg {

    margin:0px;

}



/*large icons*/

.fa-3x {

    margin:0px 3px 0px 0px;

}





.topNavOuter {

    position:fixed;

    top:0px;

    width:100%;

    height:auto;

}

.topNavOuter, .hknFooter {

    z-index:2;

}

.topNav {

    font-size:13px;

    z-index:100;

    vertical-align:text-bottom;

}

.topNavFollow svg, .rightLinks svg, .topNavLinks svg {

    width:1.11em;

    margin:0px .2em;

    height:auto;

    vertical-align: middle;

}

.topNavLinks {

    text-align:left;

    padding:10px 0px;

    margin-left:4px;

    margin-right:13px;

    vertical-align:text-bottom;

    float:left;

}

.topNavFollow {

    margin:0px 1px;

    padding:10px 0px;

    display:inline-block;

}

.rightLinks {

    float:right;

}

.topNavLinks a, .topNavLinks a:visited, .topNavFollow a, .topNavFollow a:visited, .addthis_MDMTopNav a, .addthis_MDMTopNav a:visited, .hknFooter a  {

    text-decoration: none;

    text-transform: uppercase;

    color:rgba(255,255,255,0.7);

}

.topNavLinks a:hover, .topNavFollow a:hover, .addthis_MDMTopNav a:hover, .hknFooter a:hover {

    color:#fff;

}

.topNavLinks ul {

    float:left;

}





.menu ul.dropit-submenu a {

    display: block;

    line-height: 25px;

    color: rgba(255,255,255,0.9);

    padding:0px;

    padding-left:5px;

    padding-bottom:2px;

}

.menu ul.dropit-submenu-left::before, .menu ul.dropit-submenu-right::before {

    z-index: -1;

    position: absolute;

    content: '';

    width: 0;

    height: 0;

    border-left: solid 12px transparent;

    border-right: solid 12px transparent;

}

.menu ul.dropit-submenu-left::before {

    top: -15px;

    left: 10px;

}

.menu ul.dropit-submenu-right::before {

    top: -15px;

    right: 5px;

}

.menu ul { 

    display: none; } /* Hide before plugin loads */

.menu ul.dropit-submenu {

    padding: 3px;

    margin: 17px 2px 0 2px;

            border-radius: 4px;

}          



.shareLink ul.dropit-submenu {

    padding: 7px;

}

ul.menu > li {

    /*padding-bottom:10px;*/

}



/*SHARE LINKS*/

i.fa.fa-facebook-official.fa-3x.shareFB, i.fa.fa-twitter-square.fa-3x.shareTW, i.fa.fa-paper-plane.fa-3x.shareEM {

    display: block;

    padding:8px 14px;

    float:left;

    color: #fff;

    text-decoration: none;

} 

i.fa.fa-facebook-official.fa-3x.shareFB:hover, i.fa.fa-twitter-square.fa-3x.shareTW:hover, i.fa.fa-paper-plane.fa-3x.shareEM:hover {

    background:#fff;

} 



/*FACEBOOK*/

i.fa.fa-facebook-official.fa-3x.shareFB {

    background:#747474;

}

i.fa.fa-facebook-official.fa-3x.shareFB:hover {

    color: #49659f;

}



/*TWITTER*/

i.fa.fa-twitter-square.fa-3x.shareTW {

    background:#868686;

}

i.fa.fa-twitter-square.fa-3x.shareTW:hover {

    color: #2caae1;

}

/*EMAIL*/

i.fa.fa-paper-plane.fa-3x.shareEM {

    background:#727272;

}

i.fa.fa-paper-plane.fa-3x.shareEM:hover {

    color: #cc181e;

}







.addthis_MDMTopNav {

    float:right;

    margin:0 20px 0 20px;

    width:350px;

    position:absolute;

    top:0px;

    left:700px;

}

.dropit {

    list-style: none;

    padding: 0;

    margin: 0;

}

.dropit .dropit-trigger { position: relative; }

.dropit .dropit-submenu {

    position: absolute;

    top: 100%;

    /*left: 0; dropdown left or right */

    z-index: 1000;

    display: none;

    min-width: 180px;

    list-style: none;

    padding: 0;

    margin: 0;

}

.dropit .dropit-submenu-left {

   left: 0; /* dropdown left or right */

}

.dropit .dropit-submenu-right {

    right: 0; /* dropdown left or right */

}

.dropit .dropit-open .dropit-submenu { display: block; }

.share-button {

    float:left;

}

.hidden, .showInIframe, .hdnTB, #ctl00_ContentPlaceHolder1_FormView1_GuessBox_WinningList_10_V2_Items {

    display: none;

}



h1 {

    font-weight:normal !important;

}

sup {

    font-size:.5em;

    line-height:.5em;

}

sup.smaller {

    font-size: .2em;

    vertical-align: text-top;

    line-height: 4em;

}

.uppercase {

    text-transform: uppercase;

}

.lowercase {

    text-transform: none !important;

}

.hidden, .showInIframe, .hdnTB, #ctl00_ContentPlaceHolder1_FormView1_GuessBox_WinningList_10_V2_Items {

    display: none;

}





.hknFooter {

    position:fixed;

    bottom:0px;

    width:100%;

    display:block;

    padding:8px 0px;

    box-sizing:border-box;

    text-transform: uppercase;

}



.hknFooter .footerLink {

    padding:0px 10px;

    border-right:1px solid rgba(255,255,255,0.7);

}



.hknFooter .footerLink:hover {

    text-decoration: underline;

}



.hknFooter .footerLink:last-child {

    border-right:0px;

}





/*send magnific popup to top of page, limit height, and scroll through overflow content - good for iFrames*/

.mfp-iframe-holder .mfp-content {

    max-height:1000px;

}



.mfp-content {

    vertical-align: top !important;

    margin-top:6vw !important;

}



.mfp-iframe-scaler iframe {

    overflow: scroll;

}







.buttonBig, .buttonBig:hover, input[type=text]:focus, textarea:focus, #ctl00_ContentPlaceHolder1_FormView1_ddlState:focus, #ctl00_ContentPlaceHolder1_FormView1_ddlState1:focus, #ctl00_ContentPlaceHolder1_FormView1_ddlState2:focus, .dobmm:focus, .dobdd:focus, .dobyy:focus, .menu ul.dropit-submenu a:hover, li.dropit-open > a, .buttonSmall, .frmfld label.labelFocused, .topNavLinks a, .topNavFollow a, .selectItem, .photos-wrapper:hover img {

    transition: all 0.15s linear;

}



/*hide screen-reader content*/

.sr-only {

    border: 0;

    clip: rect(0,0,0,0);

    height: 1px;

    margin: -1px;

    overflow: hidden;

    padding: 0;

    position: absolute;

    width: 1px;

}





@font-face {

  font-family: "FontAwesome";

  src:  url("/cdn/media/fonts/font-awesome/4.4.0/fontawesome-webfont.eot?v=4.4.0");

  src:  url("/cdn/media/fonts/font-awesome/4.4.0/fontawesome-webfont.eot?#iefix&v=4.4.0") format("embedded-opentype"), url("/cdn/media/fonts/font-awesome/4.4.0/fontawesome-webfont.woff2?v=4.4.0") format("woff2"), url("/cdn/media/fonts/font-awesome/4.4.0/fontawesome-webfont.woff?v=4.4.0") format("woff"), url("/cdn/media/fonts/font-awesome/4.4.0/fontawesome-webfont.ttf?v=4.4.0") format("truetype"), url("/cdn/media/fonts/font-awesome/4.4.0/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular") format("svg");

  font-weight: normal;

  font-style: normal;

}



@font-face {

    font-family: "FuturaCondensedBold";

    src:url("/cdn/media/fonts/futura-condensed-bold.eot");

    src:url("/cdn/media/fonts/futura-condensed-bold.eot?#iefix") format("embedded-opentype"), url("/cdn/media/fonts/futura-condensed-bold.woff2") format("woff2"), url("/cdn/media/fonts/futura-condensed-bold.woff") format("woff"), url("/cdn/media/fonts/futura-condensed-bold.ttf") format("truetype"), url("/cdn/media/fonts/futura-condensed-bold.svg#futura-condensed-bold") format("svg");

    font-weight: normal;

    font-style: normal

}



@font-face {

    font-family: "FuturaCondensed";

    src:url("/cdn/media/fonts/futura-condensed.eot");

    src:url("/cdn/media/fonts/futura-condensed.eot?#iefix") format("embedded-opentype"), url("/cdn/media/fonts/futura-condensed.woff2") format("woff2"), url("/cdn/media/fonts/futura-condensed.woff") format("woff"), url("/cdn/media/fonts/futura-condensed.ttf") format("truetype"), url("/cdn/media/fonts/futura-condensed.svg#futura-condensed") format("svg");

    font-weight: normal;

    font-style: normal

}



@font-face {

    font-family: 'Dos Equis';

    src: url('/cdn/media/fonts/DosEquis.eot');

    src: url('/cdn/media/fonts/DosEquis.eot?#iefix') format('embedded-opentype'),

        url('/cdn/media/fonts/DosEquis.woff2') format('woff2'),

        url('/cdn/media/fonts/DosEquis.woff') format('woff'),

        url('/cdn/media/fonts/DosEquis.ttf') format('truetype'),

        url('/cdn/media/fonts/DosEquis.svg#DosEquis') format('svg');

    font-weight: normal;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'IndustryMedium';

    src: url('/cdn/media/fonts/Industry-Medium.eot');

    src: url('/cdn/media/fonts/Industry-Medium.eot?#iefix') format('embedded-opentype'),

        url('/cdn/media/fonts/Industry-Medium.woff2') format('woff2'),

        url('/cdn/media/fonts/Industry-Medium.woff') format('woff'),

        url('/cdn/media/fonts/Industry-Medium.ttf') format('truetype'),

        url('/cdn/media/fonts/Industry-Medium.svg#Industry-Medium') format('svg');

    font-weight: 500;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Absolut Headline';

    src: url('/cdn/media/fonts/AbsolutHeadline.eot');

    src: url('/cdn/media/fonts/AbsolutHeadline.eot?#iefix') format('embedded-opentype'),

        url('/cdn/media/fonts/AbsolutHeadline.woff2') format('woff2'),

        url('/cdn/media/fonts/AbsolutHeadline.woff') format('woff'),

        url('/cdn/media/fonts/AbsolutHeadline.ttf') format('truetype'),

        url('/cdn/media/fonts/AbsolutHeadline.svg#AbsolutHeadline') format('svg');

    font-weight: normal;

    font-style: normal;

    font-display: swap;

}

















/* Top Down version*/



.instructionsArea {

    max-width:793px;

    float:none;

}

.regBox {

    width: 793px;

    float: none;

    background-color: #fff !important;

    padding-top: 1em;

}

.totalWidth, .playOptions {

    width:793px;

}



.regOptions {

    width:555px;

}





input[type=text], #ctl00_ContentPlaceHolder1_FormView1_ddlState, #ctl00_ContentPlaceHolder1_FormView1_ddlState1, #ctl00_ContentPlaceHolder1_FormView1_ddlState2 {

    width:265px;    

}





.dobmm, .dobdd, .dobyy {

    width:65px;

}



div.colLeft, div.colRight {

    padding-top:11px;

}



.optinQuestion1, .optinQuestion2, .optinQuestion3, .optinQuestion4, .optinQuestion5, .optinQuestion6, .optinQuestion7, .optinQuestion8, .optinQuestion9, .optinQuestion10, .optinQuestion11, .optinQuestion12, .optinQuestionGender, .rulesRead, .subscription1, .subscription2 {

    padding-top:25px;

}

.buttonBig.noHover {

    pointer-events:none;

}







/* HKN Green Colored top nav and footer

.topNavOuter, .hknFooter {

    background: #0000 linear-gradient(90deg,#005d1f 0,#277816 50%,#005d1f) 0 0 no-repeat padding-box;

}

li.dropit-open > a {

    color: #fff !important;

}

.menu ul.dropit-submenu::before {

    border-bottom: solid 15px #277816;

}

.menu ul.dropit-submenu {

    background-color:#277816;

} 

.menu ul.dropit-submenu a:hover {

    background: #111;

    color:#fff;

}

@media only screen and (max-width: 1000px) {

    .menulink.showInIframe {

        margin-left:75px;

    }

}

.topNav {

    max-width:793px;

}

*/





















/* Visually Hides the <h1> Tag that must be on sites that adhear to WCAG

h1.accessibility-text-hidden {

    font-size: 0;

    width: 1px;

    height: 1px;

    display: inline-block;

    overflow: hidden;

    position: absolute!important;

    border: 0!important;

    padding: 0!important;

    margin: 0!important;

    clip: rect(1px,1px,1px,1px);

}*/





/* removing :hover, due to iOS device problem

.buttonBig:hover, .buttonSmall:hover {

    background-color:var(--sponsorColor) !important;

    color:#fff !important;

    background-position: 0 -100%;

}*/





/*

@media only screen and (max-width: 1200px) {

}

*/







/* error validation */

.CustomValidatorCalloutStyle div, 

.CustomValidatorCalloutStyle td,

.errorBox,

.ajax__validatorcallout_popup_table .ajax__validatorcallout_popup_table_row td { 

    background-color: #c62027;  

    color: #fff;

}

input[type=text].errorHighlight, input[type=select].errorHighlight, .errorHighlight, select.errorHighlight, input.errorHighlight, #ctl00_ContentPlaceHolder1_FormView1_ddlState.errorHighlight, #ctl00_ContentPlaceHolder1_FormView1_ddlState1.errorHighlight, #ctl00_ContentPlaceHolder1_FormView1_ddlState2.errorHighlight {

    border: solid 1px #c62027;

}



.errorBox, .errorBox a {

    color: #fff;

}

.errorBox {

    border-width: 0px;

    border-style: solid;

    padding: 3px;

    text-align: left;

    z-index: 1000;

    position: relative;

    width:95%;

    margin:0 auto;

    box-shadow: 0.15em 0.15em 0.4em rgb(0 0 0 / 25%);

    padding: 15px;

    box-sizing: border-box;

    border-radius: 8px;

    overflow:hidden;

}

.errorBox .errorHeader {

    max-width:90%;

}

.errorBox .errorBG {

    font-size:200px;

    position:absolute;

    right:-30px;

    top:-50px;

    display:block;

    pointer-events:none;

    color:#e1262e;

    z-index:-1;

}

.errorBox .errorIcon {

    position:absolute;

    top:.75em;

    right:.75em;

}



.ajax__validatorcallout_popup_table .ajax__validatorcallout_popup_table_row td:nth-child(2) {

    border-radius:8px 0px 0px 8px;

}

.ajax__validatorcallout_popup_table .ajax__validatorcallout_popup_table_row td:last-child {

    border-radius:0px 8px 8px 0px;

    overflow:hidden;

}

.ajax__validatorcallout_error_message_cell {

    /*font-size: 12px !important;

    padding: 8px !important;*/

}



#ctl00_ContentPlaceHolder1_FormView1_ValidationSummary2 {

    /*color:#000;*/

}

.errorBox ul { 

    list-style-type: disc;

    padding:0;

    padding-top:1em;

 }

.errorBox li { 

    padding-top:.25em;

    margin-left:.5em;

}

.errorBox li:first-child {

    padding-top:0;

}

.validationSummary {

    /*max-width:400px;*/

}





/*Error Box styling*/

div.colLeft, div.colRight, .rulesRead, .subscription1, .subscription2, .optinQuestion1, .optinQuestion2, .optinQuestion3, .optinQuestion4, .optinQuestion5, .optinQuestion6, .questionEssay, .optinQuestion7, .optinQuestion8, .optinQuestion9, .optinQuestion10, .optinQuestion11, .optinQuestion12, .optinQuestionGender {

    position:relative;

}



.ajax__validatorcallout_popup_table {

    left:0px !important;

    top:-40px !important;

    line-height:initial;

}



.rulesRead .ajax__validatorcallout_popup_table {

    top:-60px !important;

}

#ctl00_ContentPlaceHolder1_FormView1_vceQuestion3_popupTable, #ctl00_ContentPlaceHolder1_FormView1_vceQuestion6_popupTable, #ctl00_ContentPlaceHolder1_FormView1_vceQuestion9_popupTable {

    top:auto !important;

    bottom:0em;

    width:99%;

}

#ctl00_ContentPlaceHolder1_FormView1_vcecvcheckboxPernodRicard_popupTable {

    top:-100px !important;

}

.ajax__validatorcallout_popup_table_row {

    text-indent:0px;

}



.ajax__validatorcallout_icon_cell {

    width: 136px !important;

}



.ajax__validatorcallout_close_button_cell .ajax__validatorcallout_innerdiv {

    /*text-align:right !important;*/

    box-sizing:border-box;

    padding:0 !important;

    width:auto !important;

}

.ajax__validatorcallout_close_button_cell .ajax__validatorcallout_innerdiv img {

    vertical-align: top;

    margin-top:5px;

    margin-right:5px;

}



.photos-wrapper * {

    color:#111 !important;

}

.photos-wrapper {

    background-color:rgba(255,255,255,0.8);

}

.photos-wrapper {

    background-color:#fff !important;

    border-radius: 8px;

}

.photos-wrapper:hover img {

    transform: scale(1.01);

}

.white {

    color:#fff;

}

.black {

    color:#000;

}

.desktopBreak {

    display:block;

}