/*Page Defaults*/
html { font-family: 'Poppins', 'Open Sans', Helvetica, sans-serif; font-size: 1.1em; line-height: 18px; font-weight: normal; }
/*headers*/
h1 { font-size: 40px; font-weight: bold; }
h2 { font-size: 20px; font-weight: bold; }

/*Inputs*/
input.skin { border: none; border-radius: 5px; height: 35px; font-size: 20px }
.required:after { content: "*"; color: #FF0000; font-weight: bold; padding-left: 2px }

/*Buttons*/
.button input { display: none; }
.command.button { cursor: pointer; background: #000; padding: 10px; border-radius: 5px; max-width: 400px; color: #FFF; font-weight: bold; text-transform: uppercase }
.command {cursor:pointer}

/*Select List*/

/*Links*/
a { color: #FFF; text-decoration: none; font-weight: bold; }

/*Error Messages*/
.hud.status { color: #AAAFD0; font-size: 1em; }

/*Interactive Placeholders*/
.interactive-placeholder { margin: 20px 0; position: relative; display: inline-block; }
.interactive-placeholder .placeholderText { pointer-events: none; position: absolute; left: 10px; top: 10px; transition: 0.2s; transition-timing-function: ease; opacity: 0.5; font-size: 20px; }
.interactive-placeholder input { padding: 10px; min-width: 400px; }
.interactive-placeholder input:focus + .placeholderText, .interactive-placeholder input:not(:placeholder-shown) + .placeholderText { opacity: 1; font-size: 15px; top: -20px; left: 0px; }
/* For IE Browsers*/
.interactive-placeholder input:focus + .placeholderText, .interactive-placeholder input:not(:-ms-input-placeholder) + .placeholderText { opacity: 1; font-size: 15px; top: -20px; left: 0px; }