* {box-sizing: border-box;}
.tab{display: none; width: 100%; height: 50%;margin: 0px auto;}
.current{display: block;}

body {background-color: transparent;/*font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";*/font-family: 'Signika Negative', sans-serif;font-weight: 400;}

form {background-color:transparent; margin: 0px auto;padding: 40px; width: 40%; min-width: 300px; }

label:not(.error){margin-bottom:10px;display:inline-block;font-size:12px;line-height:12px;vertical-align:middle;cursor:pointer;/*text-transform:uppercase;*/letter-spacing:1px;}

h1 {text-align: center; }

input {padding: 10px; width: 100%; font-size: 17px; border: 1px solid #aaaaaa; }

button {background-color: #4CAF50; color: #ffffff; border: none; padding: 10px 20px; font-size: 17px;  cursor: pointer; }

button:hover {opacity: 0.8; }

.previous {background-color: #bbbbbb; }
.next,.submit{background-color:transparent;color:#FA6363;}
.previous:hover,.next:hover,.submit:hover{text-decoration: underline;}

/* Make circles that indicate the steps of the form: */
.step {height: 30px; width: 30px; cursor: default; margin: 0 2px; color: #fff; background-color: #bbbbbb; border: none; border-radius: 50%; display: inline-block; opacity: 0.8; padding: 5px}

.step.active {opacity: 1; background-color: #69c769;}

.step.finish {background-color: #4CAF50; }

.error,.error:hover {color: #f00; width:100% !important;font-size:14px !important;display:inline-block;font-weight: bold;}