@charset "utf-8";
/* CSS Document */
@media screen{
a:link {text-decoration: none;color:#ffffff;}
a:visited {text-decoration: none; color:#ffffff;}
a:hover {text-decoration: none; color: green;}
a:active {text-decoration: none;color:#ffffff;}
html{ -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.1px;font-size:100%;}
body{margin:0;padding:0;background-color:#373435;}
.curPoint{cursor:pointer}
.wordwrap{white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;}
.noWrapTxt{white-space:nowrap;}
.txtShaddow_w{text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.90);}
.txtShaddow_bl{text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.94);}
p{ padding:0;margin:0;}
.container{
display: -ms-flex;
display: -webkit-flex;
display: flex;
flex-direction:row; 
flex-wrap: nowrap;
align-items:flex-start;
height:100vh;
width:100vw;
box-sizing:border-box;
border:10px solid #666666;
padding:2vw;
background-image:url(../images/leather.png);
background-position:left top;
background-repeat:repeat;
}
.fp_content_container{
display: -ms-flex;
display: -webkit-flex;
display: flex;
flex-direction: column;
/*flex-wrap: nowrap;*/
/*align-items:flex-start;*/
width:60vw;
height:100%;
box-sizing:border-box;
text-align:center;
margin-right:1vw;
}
.fp_img_container{
flex-grow: 1;
height:100%;
background-image:url(../images/FrontPage.jpg);
background-size:cover;
background-position:center center;
background-repeat:no-repeat;
vertical-align:middle;
}
.fp_logoImg_container_protrait{
display:block;
position:relative;
width:100%;
height:30%;
margin-top:1vh;
margin-bottom:1vh;
background-image:url(../images/SafeCrackerBling.png);
background-size:contain;
background-position:center center;
background-repeat:no-repeat;
text-align:center;
}
.fp_logoImg_container_landscape{
display:block;
position:relative;
width:100%;
height:20%;
margin-top:1vh;
margin-bottom:1vh;
background-image:url(../images/SafeCrackerBling_Landscape.png);
background-size:contain;
background-position:center center;
background-repeat:no-repeat;
text-align:center;
}
.fp_rule_container{
position:relative;
width:90%;
height:2%;
border:3px outset #FF9900;
background-image:url(../images/red_leather.png);
background-repeat:repeat;
box-shadow:2px 2px rgba(0, 0, 0, 0.94);
text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.94);
margin-left:auto;
margin-right:auto;
padding:1vh;
text-align:center;
}
.fp_code_container{
flex-grow: 1;
display:flex;
width:91%;
background-color:#333333;
text-align:center;
margin-top:1vh;
margin-bottom:1vh;
margin-left:auto;
margin-right:auto;
border:3px solid #666666;
box-shadow:-1px -1px rgba(255, 255, 255, 0.94);
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.94);
align-items: center;
background-image:url(../images/Section_BG.jpg);
background-position:center center;
background-repeat:no-repeat;
background-size:cover;
}
.fp_des_container{
flex-grow: 1;
display:flex;
width:91%;
background-color:#333333;
text-align:center;
margin-top:1vh;
margin-bottom:1vh;
margin-left:auto;
margin-right:auto;
border:3px solid #666666;
box-shadow:-1px -1px rgba(255, 255, 255, 0.94);
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.94);
overflow-y: auto;
background-image:url(../images/Section_BG.jpg);
background-position:center center;
background-repeat:no-repeat;
background-size:cover;
}
.alignCenterContainer{
color:#CCCCCC;
font-family: 'Anton', sans-serif;
font-size:4vh;
line-height:4vh;
width:100%;
text-align:center;
}
.fp_title1{
color:#CCCCCC;
font-family: 'Anton', sans-serif;
font-size:4vh;
line-height:4vh;
margin-top:1vh;
margin-bottom:2vh;
}
.inpTxtC{
border:3px inset #000000;
font-family: 'Anton', sans-serif;
font-size:3.5vh;
line-height:1.vh;
padding:0.2vw;
color:#FFFFFF;
background-color:#999999;
background-image:url(../images/Leather_MidGrey.png);
background-repeat:repeat;
box-shadow:-1px -1px rgba(255, 255, 255, 0.94),inset 2px 2px 3px 0px #333333;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.94);
text-align:center;
letter-spacing:0.3vw;
}
.Submit_Unlock_Code{
border:3px outset #FF9900;
font-family: 'Anton', sans-serif;
font-size:3.0vh;
line-height:3.0vh;
padding:1vh;
color:#FF9900;
background-color:#999999;
background-image:url(../images/red_leather.png);
background-repeat:repeat;
box-shadow:2px 2px rgba(0, 0, 0, 0.94);
text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.94);
margin-top:2vh;
margin-bottom:1vh;
margin-left:auto;
margin-right:auto;
text-align:center;
letter-spacing:0.3vw;
cursor:pointer;
}
.Submit_Unlock_Code:hover{
color:#00CC33;
border:3px inset #FF9900;
box-shadow:0 0 10px rgba(0,204,51,0.90),-2px -2px rgba(0, 0, 0, 1);
}
input[type=text],button {
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out; 
}
input[type=text]:focus{
box-shadow:0 0 5px rgba(0,204,51,0.85);
}
.fp_textFooter_container{
position:relative;
width:90%;
background-color:#333333;
text-align:left;
margin-left:auto;
margin-right:auto;
margin-bottom:0;
border:3px solid #666666;
color:#CCCCCC;
font-family: 'Special Elite', cursive;
font-size:2.5vh;
line-height:2.5vh;
padding:1vh;
box-shadow:-1px -1px rgba(255, 255, 255, 0.94);
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.94);
vertical-align:middle;
}
.terms_link{}
.terms_link:hover{color:#00CC33;}
.terms_back{font-family: 'Special Elite', cursive;font-size:2.5vh;}
.terms_back:hover{color:#00CC33;}
.prizes_link{}
.prizes_link:hover{color:#00CC33;}
.prizes_back{font-family: 'Special Elite', cursive;font-size:2.5vh;}
.prizes_back:hover{color:#00CC33;}
/*======================================================== */
#rewardsLayout{}
#rewardsLayout tr:nth-child(odd) {}
#rewardsLayout tr:nth-child(even){background-color:#333333;}
#rewardsLayout tr:nth-child(odd) img{float:left;margin-right:10px;}
#rewardsLayout tr:nth-child(even) img{float:right;margin-left:10px;}
#rewardsLayout td{vertical-align:top;}
/*======================================================== */
.copyright{}
.copyright_symbol{font-size:3.5vh;line-height:2.5vh;}
/*======================================================== */
.terms_content_container{
display:flex;
flex-direction:column; 
position:relative;
width:100%;
height:100%;
text-align:center;
vertical-align:top;
}
.txt_rule_container{
position:relative;
width:90%;
border:3px outset #FF9900;
background-image:url(../images/red_leather.png);
background-repeat:repeat;
box-shadow:2px 2px rgba(0, 0, 0, 0.94);
text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.94);
margin-top:1vh;
margin-left:auto;
margin-right:auto;
margin-bottom:1vh;
padding:1vh;
text-align:center;
}
.txt_logoImg_container_landscape{
position:relative;
width:90%;
margin-left:auto;
margin-right:auto;
background-image:url(../images/SafeCrackerBling_Landscape.png);
background-size:contain;
background-position:center center;
background-repeat:no-repeat;
text-align:center;
vertical-align:middle;
padding-top:8vh;
padding-bottom:8vh;
}
.txt_title_container{
position:relative;
width:90%;
background-color:#333333;
text-align:left;
margin-top:1vh;
margin-left:auto;
margin-right:auto;
margin-bottom:1vh;
border:3px solid #666666;
color:#CCCCCC;
font-family: 'Anton', sans-serif;
font-size:3.5vh;
line-height:3.5vh;
padding:1vh;
box-shadow:-1px -1px rgba(255, 255, 255, 0.94);
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.94);
vertical-align:middle;
}
.terms_text_area{
flex-grow: 1;
width:90%;
background-color:#333333;
text-align:left;
margin-top:1vh;
margin-left:auto;
margin-right:auto;
margin-bottom:1vh;
border:3px solid #666666;
color:#CCCCCC;
font-family: 'Special Elite', cursive;
font-size:0.9rem;
line-height:1rem;
padding:1vw;
box-shadow:-1px -1px rgba(255, 255, 255, 0.94);
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.94);
vertical-align:middle;
overflow:hidden;
overflow-y: auto;
}
.prizes_text_area{
flex-grow: 1;
width:90%;
background-image:url(../images/leather.png);
background-position:left top;
background-repeat:repeat;
background-color:#333333;
text-align:left;
margin-top:1vh;
margin-left:auto;
margin-right:auto;
margin-bottom:1vh;
border:3px solid #666666;
color:#CCCCCC;
font-family: 'Special Elite', cursive;
font-size:1.3rem;
line-height:1.4rem;
padding:1vw;
box-shadow:-1px -1px rgba(255, 255, 255, 0.94);
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.94);
vertical-align:middle;
overflow:hidden;
overflow-y: auto;
}
.prizes_text_area b{
font-size:1.5rem;
line-height:1.6rem;
}
.formAlert{
display: inline-block;
color:#cc0000;
border:3px solid #cc0000;
margin:10px 5px;
border-radius:7px;
background-color:rgba(255,255, 255, 0.2);
font-family: 'Special Elite', cursive;
font-size:2.5vh;
}
/*==================================================*/
.SorryBadCodeContainer{width: 100%;height: 100%;background-image: url(../images/SorryBadCode.gif);background-repeat: no-repeat;background-size: contain;background-position:center center;vertical-align:middle;cursor:pointer;opacity:0.6;}
.SorryUsedCodeContainer{width: 100%;height: 100%;background-image: url(../images/SorryUsedCode.gif);background-repeat: no-repeat;background-size: contain;background-position:center center;vertical-align:middle;cursor:pointer;opacity:0.6;}
.SorryBadLinkContainer{width: 100%;height: 100%;background-image: url(../images/SorryBadLink.gif);background-repeat: no-repeat;background-size: contain;background-position:center center;vertical-align:middle;cursor:pointer;opacity:1;}
.SorryAlreadyClaimedContainer{width: 100%;height: 100%;background-image: url(../images/SorryAlreadyClaimed.gif);background-repeat: no-repeat;background-size: contain;background-position:center center;vertical-align:middle;cursor:pointer;opacity:1;}
.showTextL{color:#CCCCCC;font-family: 'Anton', sans-serif;font-size:3vh;line-height:normal;text-shadow: 3px 3px 0px #2c2e38, 5px 5px 0px #5c5f72;}
.showTextW{color:#FFFFFF;font-family: 'Anton', sans-serif;font-size:3vh;line-height:normal;text-shadow: 3px 3px 0px #2c2e38, 5px 5px 0px #5c5f72;}
.shortRuleL{width:50%;height:0.5vh;background-color:#CCCCCC;box-shadow: 3px 3px 0px #2c2e38, 5px 5px 0px #5c5f72;}
.shortRuleW{width:50%;height:0.5vh;background-color:#FFFFFF;box-shadow: 3px 3px 0px #2c2e38, 5px 5px 0px #5c5f72;}
/*==================================================*/
.PrizeDisplayBox{
display:block;
position:relative; 
width:100%;
height:100%; 
top:0;
left:0;
text-align:left;
box-sizing:border-box;
padding:1vw;
}
.PrizeDisplayBox >h2{
font-family: 'Anton', sans-serif;
font-size:2.5rem;
line-height:2.5rem;
color:#ffffff;
text-shadow: 3px 3px 0px #2c2e38, 5px 5px 0px #5c5f72;
}
.PrizeDisplayBox >h3{
font-family: 'Special Elite', cursive;
font-size:1.6rem;
line-height:1.6rem;
color:#cccccc;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.94);
}
.PrizeDisplayBox >p{
font-family: 'Roboto', sans-serif;
font-weight:300;
font-size:1.3rem;
line-height:1.3rem;
color:#ffffff;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.94);
}
/*==================================================*/
.exlink{
font-family: 'Special Elite', cursive;
font-size:1.6rem;
line-height:1.6rem;
color:#cccccc;
text-decoration:underline;
}
/*FORM STUFF==========================================================*/	
.defaultFont{font-family:Roboto;font-weight:300;	}

::placeholder {
/* Chrome, Firefox, Opera, Safari 10.1+ */
color: #7C7C7C;
opacity: 1; /* Firefox */
}
:-ms-input-placeholder {
/* Internet Explorer 10-11 */
color: #7C7C7C;
}
::-ms-input-placeholder {
/* Microsoft Edge */
color: #7C7C7C;
}

.SignUpFormHolder{
width:50%;
position:relative;
border: 1px solid #666666;
padding:1.5vw;
margin-left:auto;
margin-right:auto;
background-color:rgba(255,255,255,0.2);
}
/* Style the container */
.ModalFormTable{
font-family: 'Roboto', sans-serif;
font-weight:400;
color:#cccccc;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.94);
padding: 1.5vw;
margin-left:auto;
margin-right:auto;
text-align:left;
border:0;
}
.ModalFormTableTitle{
font-family: 'Anton', sans-serif;
font-size:3.5vh;
padding:1vw;
color:#FF9900;
text-shadow: 3px 3px 0px #2c2e38, 5px 5px 0px #5c5f72;
}	
.mf_input{

}
.ModalFormTable .fm_row{
margin-top:1vh;
}	
.ModalFormTable .fm_row input[type=text],
.ModalFormTable .fm_row input[type=email],
.ModalFormTable .fm_row select, 
.ModalFormTable .fm_row textarea{
width: 100%;
padding:0.6vh;
color:#FFFFFF;
background-color:#999999;
background-image:url(../images/leather.png);
background-repeat:repeat;
box-shadow:-1px -1px rgba(255, 255, 255, 0.94),inset 2px 2px 3px 0px #333333;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.94);
box-sizing: border-box;
resize: vertical;
font-size:1.3rem;
}
.ModalFormTable .fm_row input[type=checkbox] {
transform: scale(1.3);	
}
.ModalFormTable .fm_row label {
font-size:1.4rem;	
display: inline-block;
}
.ModalFormTable .fm_row
.fm_col_25 {
float: left;
font-size:1.4rem;
width: 25%;
}
.ModalFormTable .fm_row .fm_col_75 {
float: left;
font-size:1.4rem;
width: 75%;
}
.ModalFormTable .fm_row .fm_col_100 {	
font-size:1.4rem;
width: 100%;
}
.fm_row:after {
content: "";
display: table;
clear: both;
}
.tdAModalInputCol{
color:#ffffff;
border:0;	
}
.tdModalSubmitCol{
color:#e40329;
border:0;
text-align:center;
}
.inpModalFormSubmitButt{
border:3px outset #FF9900;
font-family: 'Anton', sans-serif;
font-size:3.0vh;
line-height:3.0vh;
padding:1vh;
color:#FF9900;
background-color:#999999;
background-image:url(../images/red_leather.png);
background-repeat:repeat;
box-shadow:2px 2px rgba(0, 0, 0, 0.94);
text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.94);
text-align:center;	
}
.inpModalFormSubmitButt:hover{
color:#00CC33;
border:3px inset #FF9900;
box-shadow:0 0 10px rgba(0,204,51,0.90),-2px -2px rgba(0, 0, 0, 1);
}
input[type=checkbox]{
transform: scale(1.3);	
}
/*FORM STUFF==========================================================*/
}
@media all and (max-width: 1000px) {
/*FORM STUFF==========================================================*/
.SignUpFormHolder{width:75%;}
.ModalFormTable .fm_row .fm_col_25, 
.ModalFormTable .fm_row .fm_col_75, 
.ModalFormTable .fm_row .fm_col_100, 
.ModalFormTable .fm_row input[type=submit] {
width: 100%;
margin-top:1vh;
font-size:1rem;
line-height:1.2rem;	
}
.ModalFormTable .fm_row input[type=text],
.ModalFormTable .fm_row input[type=email],
.ModalFormTable .fm_row select, .ModalFormTable .fm_row textarea{
font-size:1rem;
}	
/*FORM STUFF==========================================================*/
}