/* Reset */

html, body {
font-size:100%;
}
body {
-ms-overflow-style: scrollbar;
}
body {
font-family: 'Open Sans', sans-serif;
}
body.is-loading *, body.is-loading *:before, body.is-loading *:after {
animation: none !important;
transition: none !important;
}
div.line {
height: 5px;
max-width: 600px;
text-align:center;
background-color: rgba(255,255,255,.4);
margin:0 auto;
padding:0em 0em 0em 0em;
} 
.skip {
position: absolute;
left: -10000px;
top: auto;
width: 1px;
height: 1px;
overflow: hidden;
}
.skip:focus {
position: static;
width: auto;
height: auto;
}
#toppic {
border-radius: 6px;
width:100%;
}
body {
-webkit-text-size-adjust: none;
}
/* Box Model */

*, *:before, *:after {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}


/**********************************button big********************************/
input[type="submit"].big,
input[type="reset"].big,
input[type="button"].big,
.button.big {
appearance: none;
transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
display:block;
text-align: center;
font-size: 1em;
color:rgba(255,255,255,1); 
border-right:0px;
border-left:0px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border: none;
background: rgba(83, 82, 2, 1);
box-shadow: inset 0px 0px 10px 2px rgba(255, 255, 255, .5);
cursor: pointer;
left:0;
font-weight: 600;
padding: .25em 0em .25em 0em;
margin-top:1em;
width:100px;
text-decoration: none;
outline:none;
}
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button.big:hover {
box-shadow: inset 0px 0px 10px 2px rgba(255, 255, 255, .15);
}
.button.big:focus {
color:#ffffff;
background-image: none;
outline: 3px dotted #a307fc;
background-color: #d004fc;
}
input[type="submit"].small,
input[type="reset"].small,
input[type="button"].small,
.button.small {
appearance: none;
transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
display:inline-block;
position:relative;
text-align: center;
font-size:.85em;
color:rgba(255,255,255,1); 
text-decoration: none;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border: none;
background: rgba(83, 82, 2, 1);
box-shadow: inset 0px 0px 10px 2px rgba(255, 255, 255, .5);
cursor: pointer;
font-weight: 600;
padding: .5em 0em .5em 0em;
width:calc(25% - 1vw);
margin-top:.15em;
margin-right:auto;
margin-left:auto;
}
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button.small:hover {
box-shadow: inset 0px 0px 10px 2px rgba(255, 255, 255, .15);
}
.button.small:focus {
color:#ffffff;
background-image: none;
outline: 3px dotted #a307fc;
background-color: #d004fc;
}
.tabs {
width:100%;
margin:1.5em 0em 1.5em 0em;
}
@media screen and (max-width: 736px) {
input[type="submit"].big,
input[type="reset"].big,
input[type="button"].big,
.button.big {
font-size:.85em;
max-width:80px;
}
}
@media screen and (max-width: 550px) {
input[type="submit"].small,
input[type="reset"].small,
input[type="button"].small,
.button.small {
font-size:.75em;
padding: .35em 0em .35em 0em;
width:calc(50% - 1vw);
}
}

/*************** Form ********************/

input[type="text"],
input[type="password"],
input[type="email"],
textarea {
-moz-appearance: none;
-webkit-appearance: none;
-o-appearance: none;
-ms-appearance: none;
appearance: none;
font-size:1em;
color: rgba(0,0,0,1);
background: rgba(0,0,0,.05);
border: solid 1px #d5bf9d;
display:block;
left:0;
cursor:text;
outline:0;
color:#000000;
padding: 0em 0em 0em 1em;
margin:0em 0em 0em 0em;
text-decoration: none;
width: 450px;
height:35px;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus {
border-color: none;
}
input[type="text"],
input[type="password"],
input[type="email"] {
line-height: 0em;
}
input[type="submit"]:focus,
input[type="email"]:focus,
input[type="text"]:focus,
focus {
text-align:left;
color:#ffffff;
background-image: none;
outline: 3px dotted #a307fc;
background-color: #d004fc;
}
label {
font-size:1em;
color:rgba(0,0,0,.8);
font-weight:600;
letter-spacing:0px;
text-align:justify;
display:block;
margin:.50em 0em .50em 0em;
}
input[type="checkbox"],
checkboxer {
zoom:1.5;
}
#checkboxer {
display:block;
left:0;
margin:1em -0.1em .5em 0em;
}
#checkbox_container {
font-size:.8em;
max-width:450px;
}
p#disclaimer {
font-size:.75em;
}
#already-signed-notice, #registered-notice, #sms-registered-notice, #sms-already-signed-notice  {
font-family: 'Open Sans', sans-serif;
display:none;
position:relative;
text-align:center;
font-size:1em;
color: rgba(0,0,0, .65);
font-weight:400;
max-width:500px;
padding:1em 0em 1em 0em;
margin:0 auto;
}
#already-signed-notice a:link, #registered-notice a:link, #sms-registered-notice a:link, #sms-already-signed-notice a:link  {
color:#88053a;
font-weight:800;
text-decoration:none;
}
#already-signed-notice a:hover, #registered-notice a:hover, #sms-registered-notice a:hover, #sms-already-signed-notice a:hover  {
color:#838805;
text-decoration:none;
}
::-webkit-input-placeholder {
color: inherit;
opacity: 0.5;
position: relative;
top: 3px;
}
:-moz-placeholder {
color: inherit;
opacity: 0.5;
}
::-moz-placeholder {
color: inherit;
opacity: 0.5;
}
:-ms-input-placeholder {
color: inherit;
opacity: 0.5;
}
.formerize-placeholder {
color: rgba(85, 85, 85, 0.5) !important;
}
@media screen and (max-width:980px) {

}
@media screen and (max-width:480px) {
input[type="text"], textarea {
width:100% !important;
}
}
@media screen and (max-width:350px) {
label {
font-size:.6em;
}
}

/* Containers */
.container {
max-width: 60em;
margin:0 auto;
}
/*************************************** Wrapper ***************************************/

.wrapper.style2 {
text-align:center;
padding:5em 1em 0em 1em;
margin:0em 0em 0em 0em;
width:100%;
}
.wrapper.style2 h1 {
font-size:calc(100% + 1vw);
color:rgba(83, 82, 2, 1);
font-weight:500;
padding:0em 0em 0em 0em;
margin:0;
}
.wrapper.style2 h2 {
font-size:calc(100% + .5vw);
color:rgba(83, 82, 2, 1);
font-weight:500;
padding:0em 0em 1em 0em;
margin:0;
}
.wrapper.style2 p {
font-size:1em;
color:rgba(0,0,0,.75);
text-align:justify;
font-weight:400;
line-height:1.5em;
padding:0em 0em .75em 0em;
margin:0;
}
b {
color:rgba(83, 82, 2, 1);
}
video {
box-shadow: 0px 0px 2px 4px rgba(0,0,0,.25);
border-radius:8px;
}
#home {
font-size:2em;
}

@media screen and (max-width: 1280px) {
.wrapper.style2 p {
font-size:1em;
}
}
@media screen and (max-width: 980px) {
.wrapper.style2 p {
font-size:.9em;
}		
}
@media screen and (max-width: 736px) {
.wrapper.style2 p {
font-size: .9em;
}
}
@media screen and (max-width: 480px) {
.wrapper.style2 p {
font-size: .8em;
line-height:1.3em;
}
}
@media screen and (max-width: 350px) {	
.wrapper.style2 h1 {
font-size:1em;
}
.wrapper.style2 p {
font-size: .55em;
}
#home {
font-size:1.2em;
}
}
/**************footer****************/
#footer {
text-align:center;
padding:4em 0em 4em 0em;
width:100%;
}
#footer p {
font-size:1em;
font-weight:600;
}
@media screen and (max-width: 350px) {	
#footer p {
font-size: .7em;
}
}