/* pixel range is defined in the .master */



.buttonBig {

    font-size: 6vw;

}




.headerIMG {
    width: 67vw;
    margin-top: -5vw;
}
.globalHeader {

    font-size: 3.75vw;

}

.totalWidth {

    margin:2.5vw auto;

    padding:1.5vw 0px;

}

.regTitle {

    font-size:4vw;

}





.hknFooter .footerLink {

    border:0px;

}



.hknFooter .footerLink:first-child {

    border-right:1px solid rgba(255,255,255,0.7);

}



.hknFooter .footerLink:last-child {

    display:block;

}





.landingBTN {

    width:90%;

    padding:5vw;

}



.landingBTN i {

    font-size:9vw;

    margin-bottom:2vw;

}



.landingBTN .text .title {

    font-size:6vw;

}



















body {

    /*padding-top:30px;*/

    padding-bottom:65px;

    /*background-image: url('../media/REPLACE/REPLACE_bg.jpg');*/

    background-size:cover;

    background-position: top center;

    /*padding-top:10vw;*/

}

.instructionsArea {

    float:none;

    height:auto;

    width:100%;

    background-image:none;

    line-height:0;

}



.regBox {

	font-size:17px;

    clear:both;

    float:none;

    height:auto;

    width:100%;

}

.regBox .requiredField {

    font-size:14px;

}

.regOptions {

    width:98%;

    margin:0 auto;    

}

.regQuestions {

    padding-right:10px;

}

.optinQuestion1, .optinQuestion2, .optinQuestion3, .optinQuestion4, .optinQuestion5, .optinQuestion6, .optinQuestion7, .optinQuestion8, .optinQuestion9, .optinQuestion10, .optinQuestion11, .optinQuestion12, .optinQuestionGender, .rulesRead, .subscription1, .subscription2, .captchaDiv, .question {

    padding-top:25px;

}

.rulesRead, .subscription1, .subscription2, .captchaDiv, .question {

    padding-left:10px;

    text-indent:0px;

}

.RadioButtonWidth td {

	padding:10px;

	vertical-align:top;

}



.RadioButtonWidth td, .RadioButtonWidth tr {

    width:100%;

    display:block;

}

input[type=checkbox], input[type=radio], .RadioButtonWidth input[type=checkbox], .RadioButtonWidth input[type=radio] {

    -webkit-transform: scale(2);

    transform: scale(2);

    margin:.5em;

    vertical-align:baseline;

}

div.colLeft, div.colRight {

    float: none;

    padding:5px 3px;

    text-align: left;

}

table.dlTable {

    width:100%;

    height:48vw;

    background:transparent url(../media/project_dl.png) no-repeat left top;

    background-size:100%;

}

.ddl1, .ddl2, .ddl3, .ddl4, .ddl5, .ddl6, .ddl7 {

    width:14%;

    height:6vw;

    font-size:3vw;

    background-color:#fff !important;

}

.ddl1 {

 right:78%;

 z-index:21;

}

.ddl2 {

 right:64%;

 z-index:22;

}

.ddl3 {

 right:50%;

 z-index:23;

}

.ddl4 {

 left:50%;

 z-index:24;

}

.ddl5 {

 left:64%;

}

.ddl6 {

 left:78%;

}





input.button {

	cursor:			    hand;

	padding:10px;

	font-size:		    20px;

	font-weight:		bold;

}

textarea, textarea:focus, input[type=text], input[type=select], .dobTextBox, .zipCodeTextBox, .formFieldWatermark, .formFieldOnFocus,

#ctl00_ContentPlaceHolder1_FormView1_Question1, #ctl00_ContentPlaceHolder1_FormView1_Question4, #ctl00_ContentPlaceHolder1_FormView1_Question7, #ctl00_ContentPlaceHolder1_FormView1_DOB,

#ctl00_ContentPlaceHolder1_FormView1_ddlState, #ctl00_ContentPlaceHolder1_FormView1_ddlState1, #ctl00_ContentPlaceHolder1_FormView1_ddlState2, .dobmm, .dobdd, .dobyy {

    width: calc(100% - 8px);

    height: 65px !important;

}

.dobmm, .dobdd, .dobyy {

    width:31%;

}

.dobmm, .dobdd {

    margin-right:2%;

}

textarea {

    min-height: 100px;

}

input.textboxBig, input.textboxBig:focus {

    font-size:          16pt;

    font-weight:        bold;

    text-align:center;

    height:65px;

    width:200px;

    position: relative;

}

.dob br {

    display:block;

}

.dob label {

    font-size:1em;

}

.dobmm, .dob label {

    clear:both;

}

.divFakeCheckBox {

    display:block;

    -webkit-transform: matrix3d(1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1); /* safari and chrome */

}

.captcha {

    border:solid 1px #868686;

    background-color:#fff;

    color:#000;

    width:85%;

    height:90px;

    text-align:center;

    font-size:15px;

}

/*.captcha span {clear:both;}*/

.captcha input {width:100px;}

.captcha img {width:120px;}

.captcha input[type=text] { height:30px;}

.formFieldWatermark {

    font-size:		16pt;

}

body, .totalWidth, .regBoxWidth, .playOptions {

    min-width:100%;

    max-width:100%;

    width:100%;

}



.totalWidth {

    min-width:95vw;

    max-width:95vw;

    width:95vw;

}



.topNav {

    font-size: 4.25vw;

}



.topNavOuter {

    height:auto;

    /*height:auto;*/

}

.topNavFollow {

    /*margin-top:0px;*/

    margin-top:0vw;

    padding-top:2.25vw;

}

.topNavLinks {

    padding: 2.5vw 0px;

    margin-left: 2vw;

    margin-right: 1vw;

    height: auto;

}

.topNavOuter .fa, .topNavOuter .far, .topNavOuter .fas, .topNavOuter .fab {

    margin-bottom:0;

    vertical-align: middle;

}

.topNavLinksClear {

    clear:both;

}

.leftLinks {

    float:left;

    max-width:100%;

}

.rightLinks {

    float:right;

}

.dropit .dropit-submenu {

    min-width: 220px;

}

img {

	max-width: 100%;

	height: auto;

	/*width: auto\9;*/ /* ie8 */

}

a, a:visited, .regBox a, .regBox a:visited {  text-decoration: underline; }

.socialBox .outerDiv, .socialBox .outerDiv .semiTransparentDiv {

    height:198px;

    width: 300px;

}

.socialBox .outerDiv {

    position: relative; 

    margin-bottom:5px;

}

.socialBox .outerDiv .contentDiv .colLeft, .socialBox .outerDiv .contentDiv .colRight {



}

.socialBox .outerDiv .contentDiv .colRight {

    float:left;

    clear:both;

    width:250px;

    border-left-width:0px;

    border-top:solid 1px #3B5998;

}

div.colLeftThx {

    clear:both;

    float:none;

}

div.colRightThx {

    clear:both;

    float:none;

    margin:0px;

}

div.thxOuterSocial {width:320px;}

#errorMSG {

    /*position:absolute;

    top: 1200px;*/

}

div.disclaimerText {

    max-width:90%;

} 

.hideOnMobile {

    display:none;

    visibility:hidden;

}

.showOnMobile {

    display:block;

    visibility:visible;

}

.frmfld label  {

    padding-top:24px;

}

.frmfld input[type=text], .frmfld input[type=password], .frmfld input[type=number] {

    padding-top: 8px;

}

#ctl00_ContentPlaceHolder1_FormView1_ddlState, #ctl00_ContentPlaceHolder1_FormView1_ddlState1, #ctl00_ContentPlaceHolder1_FormView1_ddlState2, .frmfld label, .dob label, .dobmm, .dobdd, .dobyy, select, input {

    font-size:16px;

}

.headerShare {

    padding-left:20px !important;

}

.addthis_MDMTopNav {

    display:none;

}

.personalLinkBox {

    max-width:85%;

    margin:0 auto;

}

#joinme {

    word-break: break-all;

    max-width: 80vw;

    display: block;

    margin: 0 auto;

}

.desktopBreak {

    display:initial;

}

.mobileBreak {

    display:block;

}