@charset "utf-8";
/* CSS Document */
@font-face {
font-family: 'crag';
src: url('fonts/crag.eot');
src: url('fonts/crag.eot?#iefix') format('embedded-opentype'),
	 url('fonts/crag.woff2') format('woff2'),
	 url('fonts/crag.woff') format('woff'),
	 url('fonts/crag.ttf') format('truetype'),
	 url('fonts/crag.svg#crag') format('svg');
font-weight: normal;
font-style: normal;
}

@import url('https://fonts.googleapis.com/css2?family=Piedra&display=swap');

@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;}
/*======*/
.sandYellow{background-color:#E0C99F;}
.ourBrown{background-color:#6C3600;}
/*======*/
html{ -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.1px;font-size:100%;}
body{margin:0;padding:0;background-color:#E0C99F;}
.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 #6C3600;
padding:2vw;
/*background-image:url(../images/floral-old-paper-or-parchment.jpg);*/
background-image:url(../images/SandMain.jpg);
-webkit-box-shadow: inset 5px 5px 15px 0px rgba(0,0,0,0.52); 
box-shadow: inset 5px 5px 15px 0px rgba(0,0,0,0.52);
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%;
vertical-align:middle;
background-color:#6C3600;
border-bottom:solid 1px #ffffff;
border-right:solid 1px #ffffff;
-webkit-box-shadow: 5px 5px 8px 1px rgba(0,0,0,0.63); 
box-shadow: 5px 5px 8px 1px rgba(0,0,0,0.63);
background: rgb(2,0,36);
background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(0,212,255,1) 0%, rgba(108,54,0,0.5662640056022409) 0%);
background-image:url(../images/FrontPage.jpg);
background-size:cover;
background-position:center center;
background-repeat:no-repeat;
}
.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%;
background-color:#6C3600;
border-bottom:solid 1px #ffffff;
border-right:solid 1px #ffffff;
-webkit-box-shadow: 5px 5px 8px 1px rgba(0,0,0,0.63); 
box-shadow: 5px 5px 8px 1px rgba(0,0,0,0.63);
margin-left:auto;
margin-right:auto;
padding:1vh;
text-align:center;
}
.fp_code_container{
flex-grow: 1;
display:flex;
width:91%;
text-align:center;
margin-top:1vh;
margin-bottom:1vh;
margin-left:auto;
margin-right:auto;
background-color:#6C3600;
border-bottom:solid 1px #ffffff;
border-right:solid 1px #ffffff;
-webkit-box-shadow: 5px 5px 8px 1px rgba(0,0,0,0.63); 
box-shadow: 5px 5px 8px 1px rgba(0,0,0,0.63);
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.94);
align-items: center;
background: rgb(2,0,36);
background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(0,212,255,1) 0%, rgba(108,54,0,0.5662640056022409) 0%);
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: 'crag', 'Piedra', cursive;
font-size:4vh;
line-height:4vh;
width:100%;
text-align:center;
}
.fp_title1{
color:#FFFFFF;
font-family: 'crag', 'Piedra', cursive;
font-size:6vh;
line-height:6vh;
margin-top:1vh;
margin-bottom:2vh;
}
.inpTxtC{
border:3px inset #000000;
font-family: 'Anton', sans-serif;
font-size:3.5vh;
padding:0.2vw;
color:#000000;
width:40vw;
background-color:#999999;
background-image:url(../images/SandBg.jpg);
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(255, 255, 255, 0.94);
text-align:center;
}

.inpTxtC:hover, .inpTxtC:hover:focus{
background-image:url(../images/SandBg_Hl.jpg);
}

.Submit_Unlock_Code{
font-family: 'crag', 'Piedra', cursive;
font-size:3.0vh;
padding:1vh;
color:#FFFFFF;
background-color:#6C3600;
border-bottom:solid 1px #ffffff;
border-right:solid 1px #ffffff;
border-top:solid 1px #6C3600;
border-left:solid 1px #6C3600;
-webkit-box-shadow: 5px 5px 8px 1px rgba(0,0,0,0.63); 
box-shadow: 5px 5px 8px 1px rgba(0,0,0,0.63);
margin-top:2vh;
margin-bottom:1vh;
margin-left:auto;
margin-right:auto;
text-align:center;
cursor:pointer;
}
.Submit_Unlock_Code:hover{
color:#6C3600;
background-color:#FFFFFF;
border-bottom:solid 1px #6C3600;
border-right:solid 1px #6C3600;
border-top:solid 1px #6C3600;
border-left:solid 1px #6C3600;
}
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%;
text-align:left;
margin-left:auto;
margin-right:auto;
margin-bottom:0;
background-color:#6C3600;
border-bottom:solid 1px #ffffff;
border-right:solid 1px #ffffff;
-webkit-box-shadow: 5px 5px 8px 1px rgba(0,0,0,0.63); 
box-shadow: 5px 5px 8px 1px rgba(0,0,0,0.63);
color:#CCCCCC;
font-family: 'Special Elite', cursive;
font-size:2.5vh;
line-height:2.5vh;
padding:1vh;
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;}

.howto_link_body{font-family: 'Special Elite', cursive;font-size:3vh;}
.howto_link{}
.howto_link:hover{color:#00CC33;}
.howto_back{font-family: 'Special Elite', cursive;font-size:2.5vh;}
.howto_back:hover{color:#00CC33;}

/*======================================================== */
.myTypeText{font-family: 'Special Elite', cursive;font-size:2.5vh;}
/*======================================================== */
#rewardsLayout{}
#rewardsLayout tr:nth-child(odd) {}
#rewardsLayout tr:nth-child(even){background-color: rgba(0, 0, 0, 0.54);}
#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%;
background-color:#6C3600;
border-bottom:solid 1px #ffffff;
border-right:solid 1px #ffffff;
-webkit-box-shadow: 5px 5px 8px 1px rgba(0,0,0,0.63); 
box-shadow: 5px 5px 8px 1px rgba(0,0,0,0.63);
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%;
text-align:left;
margin-top:1vh;
margin-left:auto;
margin-right:auto;
margin-bottom:1vh;
color:#FFFFFF;
font-family: 'crag', 'Piedra', cursive;
font-size:3.5vh;
line-height:3.5vh;
padding:1vh;
background-color:#6C3600;
border-bottom:solid 1px #ffffff;
border-right:solid 1px #ffffff;
-webkit-box-shadow: 5px 5px 8px 1px rgba(0,0,0,0.63); 
box-shadow: 5px 5px 8px 1px rgba(0,0,0,0.63);
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.94);
vertical-align:middle;
}
.terms_text_area{
flex-grow: 1;
width:90%;
text-align:left;
margin-top:1vh;
margin-left:auto;
margin-right:auto;
margin-bottom:1vh;
color:#ffffff;
font-family: 'Special Elite', cursive;
font-size:1rem;
line-height:1.1rem;
padding:1vw;
background: rgb(2,0,36);
background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(0,212,255,1) 0%, rgba(108,54,0,0.5662640056022409) 0%);
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.94);
border-bottom:solid 1px #ffffff;
border-right:solid 1px #ffffff;
-webkit-box-shadow: 5px 5px 8px 1px rgba(0,0,0,0.63); 
box-shadow: 5px 5px 8px 1px rgba(0,0,0,0.63);
vertical-align:middle;
overflow:hidden;
overflow-y: auto;
}
.howto_text_area{
flex-grow: 1;
width:90%;
text-align:left;
margin-top:1vh;
margin-left:auto;
margin-right:auto;
margin-bottom:1vh;
color:#ffffff;
font-family: 'Special Elite', cursive;
font-size:1.3rem;
line-height:1.6rem;
padding:1vw;
background: rgb(2,0,36);
background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(0,212,255,1) 0%, rgba(108,54,0,0.5662640056022409) 0%);
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.94);
border-bottom:solid 1px #ffffff;
border-right:solid 1px #ffffff;
-webkit-box-shadow: 5px 5px 8px 1px rgba(0,0,0,0.63); 
box-shadow: 5px 5px 8px 1px rgba(0,0,0,0.63);
vertical-align:middle;
overflow:hidden;
overflow-y: auto;
}
.prizes_text_area{
flex-grow: 1;
width:90%;
background-position:left top;
background-repeat:repeat;
background: rgb(2,0,36);
background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(0,212,255,1) 0%, rgba(108,54,0,0.5662640056022409) 0%);
text-align:left;
margin-top:1vh;
margin-left:auto;
margin-right:auto;
margin-bottom:1vh;
color:#FFFFFF;
font-family: 'Special Elite', cursive;
font-size:1.3rem;
line-height:1.4rem;
padding:1vw;
border-bottom:solid 1px #ffffff;
border-right:solid 1px #ffffff;
-webkit-box-shadow: 5px 5px 8px 1px rgba(0,0,0,0.63); 
box-shadow: 5px 5px 8px 1px rgba(0,0,0,0.63);
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:#ffffff;
text-shadow: 1px 1px 1px #000000;
}
.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 #000000;
}
.PrizeDisplayBox li{
font-family: 'Roboto', sans-serif;
font-weight:300;
font-size:1.3rem;
line-height:1.3rem;
color:#ffffff;
text-shadow: 1px 1px 1px #000000;
}
.PrizeDisplayBox b{
font-family: 'Roboto', sans-serif;
font-weight:500;
font-size:1.3rem;
line-height:1.3rem;
color:#ffffff;
text-shadow: 1px 1px 1px #000000;
}
/*==================================================*/
.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:#ffffff;
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: 'crag', 'Piedra', cursive;
font-size:3.5vh;
padding:1vw;
color:#FFFFFF;
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{
font-family: 'crag', 'Piedra', cursive;
font-size:3.0vh;
padding:1vh;
color:#FFFFFF;
background-color:#6C3600;
border-bottom:solid 1px #ffffff;
border-right:solid 1px #ffffff;
border-top:solid 1px #6C3600;
border-left:solid 1px #6C3600;
-webkit-box-shadow: 5px 5px 8px 1px rgba(0,0,0,0.63); 
box-shadow: 5px 5px 8px 1px rgba(0,0,0,0.63);
margin-top:2vh;
margin-bottom:1vh;
margin-left:auto;
margin-right:auto;
text-align:center;
cursor:pointer;
}
.inpModalFormSubmitButt:hover{
color:#6C3600;
background-color:#FFFFFF;
border-bottom:solid 1px #6C3600;
border-right:solid 1px #6C3600;
border-top:solid 1px #6C3600;
border-left:solid 1px #6C3600;
}
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==========================================================*/
}