@charset "utf-8";
/* CSS Document */
#faq_container, #join_container{border:none !important;background:none;}
div#faq_wrapper, div#join_wrapper,div#contact_wrapper{
  border-radius: 1em;
  transform: translate(0%, 0%);
	background: #000000E1 !important;
    box-shadow:  0 0 20px 1px rgba(255, 0, 0, 0.7), /* Outer glow effect */
    inset 0 0 10px 1px  rgba(255, 0, 0, 0.7) !important; /* Inner glow effect */;
    
}
  @media only screen and (min-width: 769px) {
    .why_close, .faq_close{
  position: unset !important;
}
    div#why_wrapper{
      overflow:hidden; position:absolute; top:-417px; left:-678px; width:100% !important;
  } 
  div#faq_wrapper{overflow:hidden; position:absolute; top:0px; left:-700px; width:100% !important;} 
  div#join_wrapper{overflow:hidden; position:absolute; top:0px; left:-700px; width:100% !important; } 
  div#contact_wrapper {overflow:hidden; position:absolute; top:-397px; left:-700px;width:100% !important; }
  /* Desktop Menu Styles */
  .desktop-menu {
    display: block;
  }

  .mobile-menu{display:none;}
  }
  /* Show the hamburger menu for smaller screens */
  @media only screen and (max-width: 768px) {
    .desktop-menu {
      display: none;
    }
    .mobile-menu {
      display: block;
    }


  .mobile-menu-icon {
    display: block;
    cursor: pointer;
    color: #fff !important;
    float: right;
    margin: 1em;
}


.mobile-menu {   
 border-bottom: 1px #fff solid;
 width: 100%;
 
 }

    .mobile-menu {
      display: none;
    }

     .mobile-menu.show {
      float: left;
      margin: auto auto;
      display: flex;
  justify-content: center;
  align-items: center;
    } 
.fa{
font-size:  36px;
}
    .content_body {
	width:95%;
	padding: 0em;
}

.why_close, .faq_close{
  position: unset !important;
display:block;
float:right;
}

#contact_container, #why_container{
    background: #0000009A;
    box-shadow: 0px 0px 0px 2em #000000a5;
}
#faq_container img{
margin-left:0px !important;
}
div#why_wrapper img, div#faq_wrapper img, div#join_wrapper img, div#contact_wrapper img{
  position:unset !important;
  float: left !important;
} 

div#why_wrapper, div#faq_wrapper, div#join_wrapper, div#contact_wrapper {
    left: 0 !important;
    width:100%;
    padding: 0;
}
#join_container, #faq_container{
width:100%;
border:none;
}

#faq_wrapper {
    /* top: -90px; */
    width: 100%;
}



  }
#twitter_feed {
	position:absolute !important;
	top:100px;
	right:0px;
	width:250px !important;	
}

.twitter-timeline{
	position:absolute !important;
	top:100px;
	right:0px;
	width:250px !important;	
	
}

.form-label{
    width:150px !important;
}
.form-label-left{
    width:150px !important;
}
.form-line{
    padding:10px;
}
.form-label-right{
    width:150px !important;
}
.form-all{
	background:none;
    max-width:690px;
    color:white !important;
    font-family:"Trebuchet MS";
    font-size:12px;
}

#stay_tuned {
	
	background-image:url(make_the_choice.png);
	width:244px;
	height:32px;
	display:block;
	outline:none;
}

#main_img {
	background-image:url(thank_you.jpg);
	max-width:1024px; 
	width:100%;
	height:768px;
	display:block;	
}

#twitter_feed {
	position:absolute !important;
	top:100px;
	right:0px;
	width:250px !important;	
}

.twitter-timeline{
	position:absolute !important;
	top:100px;
	right:0px;
	width:250px !important;	
	
}

.form-label{
    width:150px !important;
}
.form-label-left{
    width:150px !important;
}
.form-line{
    padding:10px;
}
.form-label-right{
    width:150px !important;
}
.form-all{
	background:none;
    max-width:690px;
    color:white !important;
    font-family:"Trebuchet MS";
    font-size:12px;
}

#stay_tuned {
	
	background-image:url(make_the_choice.png);
	width:244px;
	height:32px;
	display:block;
	outline:none;
}

#main_img {
	background-image:url(thank_you.jpg);
	max-width:1024px; 
	width:100%;
	height:768px;
	display:block;	
}

.bodycopy_txt{
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-size:1.1em;
	color:#B50000;
	padding:20px;
}

.label_txt{
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-size:1.1em;
	color:#B50000;
	padding-bottom:10px;
	margin-left:20px;
}

ul {
	color:#B50000;
	list-style:none;
	padding:0px;
	margin:0px;
	margin-bottom:20px;
}

li {
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-size:1.1em;	
	display:inline;
}

.input_style {
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-size:1.1em;
	height:30px;	
	margin-left:20px;
	margin-bottom:20px;
	border-radius:3px;
	border:0px;
	padding-left:10px;
	
}

.email_input{
	width:350px;
}

#submit{
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-size: 1.5em;
    margin-left: 20px;
	margin-top: 10px;
    margin-bottom: 30px;	
    border-radius: 3px;
    background: #B50000;
    border: 0px;
    color: #fff;
	cursor:pointer;
	display:block;

}
#twitter_feed {
	position:absolute !important;
	top:100px;
	right:0px;
	width:250px !important;
}

.twitter-timeline {
	position:absolute !important;
	top:100px;
	right:0px;
	width:250px !important;
}

.form-label{
    width:150px !important;
}
.form-label-left{
    width:150px !important;
}
.form-line{
    padding:10px;
}
.form-label-right{
    width:150px !important;
}
.form-all{
	background:none;
    max-width:690px;
    color:white !important;
    font-family:"Trebuchet MS";
    font-size:12px;
}

#stay_tuned {
	
	background-image:url(make_the_choice.png);
	width:244px;
	height:32px;
	display:block;
	outline:none;
}

.vault {
	background-image:url(images/vault_bg_fml.jpg);
	max-width:1024px; 
	height:768px;
  width: 100% !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position-y: center !important;
  background-position-x: center !important;

}

#vault_wrapper {
	width:100%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
}

.logo_wrapper {
	width:100%;
	height:auto;
	margin-left:auto;
	margin-right:auto;	
	
}

.logo_inner_wrapper {
	width:320px;
	
}
.content{
	margin: 0 auto;
    padding: 2em;
    width: 100%;
    max-width: 700px;
    border-radius: 1em;
	background: #000000E1;
    box-shadow:  0 0 20px 1px rgba(255, 0, 0, 0.7), /* Outer glow effect */
    inset 0 0 10px 1px  rgba(255, 0, 0, 0.7); /* Inner glow effect */;
}
.fml_logo {
	background-image:url(images/twisted_vault/logo.png);
	max-width:353px;
	height:120px;
	display:block;
	float:left;
	margin-top:40px;
	cursor:pointer;
	width: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position-y: center;
  background-position-x: center;

}

.warning_wrapper {
	max-width:678px; 
	height:auto;
	margin-left:auto;
	margin-right:auto;
	padding-top:400px;
	width: 100%;
	background-size: contain;
	background-repeat: no-repeat;
	background-position-y: center;
	background-position-x: center;
}

.warning_header {
	background-image:url(images/warning_.png);
	max-width:153px; 
	height:31px;
	float:left;
	padding:1em;
	/* margin-left:-650px; */
	/* margin-top:-5px; */
	width:100%;
/* margin-top:-31px */
    background-size: contain;
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;


}

.content_header {
	/* background-image:url(images/vault_content_header.png);
	width:678px;
	height:59px;
	float:left; */
}

.content_body {
	/* background-image:url(images/vault_content_body.png); */
	width:100%;
	height:auto;
	overflow:auto;
	padding-left:10px;
	text-align:left !important;
}

.warning_text {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: larger;
	color:#fff;
	line-height:1.25;
}

.content_footer {
	/* background-image:url(images/vault_content_footer.png);
	width:678px;
	height:59px;
	float:left; */
}

.content_body_inner {
	width:100%;
	/* margin-left:25px; */
	height:auto;
}

ul {
	color:#B50000;
	list-style:none;
	padding:0px;
	margin:0px;
	margin-left:15px;
	margin-bottom:20px;
}

li {
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-size:1.25em;	
	display:inline;
	margin-left:10px;
}

input[type="radio"]{
	cursor:pointer;
}

textarea {
	border-radius:3px;
	border:0px solid #000;
	resize:none;
	width: 90%;
	max-width:651px; 
	height:200px;
	margin-left:20px;
	font-size:1.1em;
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
}

.question_txt{
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-size:2em;
	color:#B50000;
	margin-left:20px;
	margin-top:50px;
}

#submit{
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-size: 1.5em;
    margin-left: 20px;
	margin-top: 10px;
    margin-bottom: 30px;	
    border-radius: 3px;
    background: #B50000;
    border: 0px;
    color: #fff;
	cursor:pointer;

}

#why_container {
	
	/* background-image:url(images/why_div_container.png); */
	max-width:684px; 
	height:100%;
	display:block;
	width: 100%;
	/* background-repeat:repeat; */
	background-size: contain;
	background-repeat: no-repeat;
	background-position-y: center;
	background-position-x: center;
}
#why_wrapper, #faq_wrapper, #join_wrapper, #contact_wrapper{
	/* background-color: #FF00001A; */
	width:100%;
	max-width:700px;
    border-radius: 1em;
    padding: 1em;
	box-shadow:  0 0 20px 1px rgba(255, 0, 0, 0.7), /* Outer glow effect */
    inset 0 0 10px 1px  rgba(255, 0, 0, 0.7); /* Inner glow effect */;
}

.why_wrapper_btn {
	background-image:url(images/why_btn.png);
	width:144px;
	height:41px;
	display:block;
	background-repeat:no-repeat;
	outline:none;
	background-position: 0 -41px;		
	
}

.why_wrapper_btn:hover {
	background-position: 0 0px;	
}

.why_wrapper_inactive,.faq_wrapper_inactive,.join_wrapper_inactive,.contact_wrapper_inactive {visibility:hidden;}
.why_wrapper_active,.faq_wrapper_active,.join_wrapper_active,.contact_wrapper_active {visibility:visible;}
.why_wrapper_btn_active {
	
	background-image:url(images/why_btn.png); 
	width:144px;
	height:41px;
	display:block;
	background-repeat:no-repeat;
	outline:none;
	background-position: 0 0px;		
}

.why_close {
	
	background-image:url(images/close_btn.png);
	width:35px;
	height:35px;
	display:block;
	background-repeat:no-repeat;
}

#faq_container {
	background-color:#000;
	max-width:684px;
	height:auto;
	display:block;
	background-repeat:repeat;
	border-color:#b80000;
	border-style:solid;
	border-width:1px;
	overflow:auto;
	width: 100%;
	background-size: contain;
	background-repeat: no-repeat;
	background-position-y: center;
	background-position-x: center;
	/**/
}

.faq_wrapper_btn {
	background-image:url(images/faq_btn.png);
	width:144px;
	height:41px;
	display:block;
	background-repeat:no-repeat;
	outline:none;
	background-position: 0 -41px;		
}

.faq_wrapper_btn:hover {
	background-position: 0 0px;	
}

.faq_wrapper_btn_active {
	background-image:url(images/faq_btn.png);
	width:144px;
	height:41px;
	display:block;
	background-repeat:no-repeat;
	outline:none;
	background-position: 0 0px;		
}

.faq_close {
	
	background-image:url(images/close_btn.png);
	width:35px;
	height:35px;
	display:block;
	background-repeat:no-repeat;
}

#faq_wrapper {
	top:-90px;
}

#why_text {
	
	color:#fff;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: large;
	font-weight:normal;
	margin-left:25px;
	margin-right:5px;
	margin-top:20px;
	line-height:2;
	float:left;
	max-width:625px; 
	width: 90%;
	
}

#faq_text {
	
	color:#fff;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: large;
	font-weight:normal;
	margin-left:25px;
	margin-right:5px;
	margin-top:20px;
	line-height:1.5;
	float:left;
	max-width:625px; 
	width: 90%;
}

#contact_container {	
	/* background-image:url(images/contact_div_container.png); */
	max-width:684px; 
	height:397px;
	display:block;
	/* background-repeat:repeat; */
	width: 100%;
	background-size: contain;
	background-repeat: no-repeat;
	background-position-y: center;
	background-position-x: center;
}

.contact_wrapper_btn {
	background-image:url(images/contact_btn.png);
	width:144px;
	height:41px;
	display:block;
	background-repeat:no-repeat;
	outline:none;
	background-position: 0 -41px;		
}

.contact_wrapper_btn:hover {
	background-position: 0 0px;	
}

.contact_wrapper_btn_active {
	background-image:url(images/contact_btn.png);
	width:144px;
	height:41px;
	display:block;
	background-repeat:no-repeat;
	outline:none;
	background-position: 0 0px;		
}

#join_container {
	background-color:#000;
	max-width:695px; 
	height:auto;
	display:block;
	background-repeat:repeat;
	border-color:#b80000;
	border-style:solid;
	border-width:1px;
	overflow:auto;
	width: 100%;
	background-size: contain;
	background-repeat: no-repeat;
	background-position-y: center;
	background-position-x: center;
}

.join_wrapper_btn {
	background-image:url(images/join_btn.png);
	width:144px;
	height:41px;
	display:block;
	background-repeat:no-repeat;
	outline:none;
	background-position: 0 -41px;		
}

.join_wrapper_btn:hover {
	background-position: 0 0px;	
}


.join_wrapper_btn_active {
	background-image:url(images/join_btn.png);
	width:144px;
	height:41px;
	display:block;
	background-repeat:no-repeat;
	outline:none;
	background-position: 0 0px;		
}

#back_btn {
	background-image:url(images/back_btn.png);
	width:144px;
	height:41px;
	display:block;
	background-repeat:no-repeat;
	outline:none;
	background-position: 0 -41px;
}

#back_btn:hover {
	background-position: 0 0px;
	
}

#subscribe_btn {
	background-image:url(images/subscribe_btn.png);
	width:170px;
	height:32px;
	display:block;
	background-repeat:no-repeat;
	float:left;
	position:absolute;
}