.form-style-8{
    color: #ccc;
    width: 80%;
    max-width: 1000px;
    padding: 2em;
    background: #272727;
    margin: 1em auto;
    /* box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.22);
    -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.22);
    -webkit-box-shadow:  0px 0px 5px rgba(0, 0, 0, 0.22); */

}





.form-style-8 h3,
div#formular h3,
div#udaje h3 {

    
    text-transform: uppercase;
    font-size: 2em;
    font-weight: 200;
    padding: 0;
    padding-top: 1em;
     margin-top: 0; margin-bottom: 0;
   
    text-align: center;
}

.form-style-8 input[type="text"],
.form-style-8 input[type="date"],
.form-style-8 input[type="datetime"],
.form-style-8 input[type="email"],
.form-style-8 input[type="number"],
.form-style-8 input[type="search"],
.form-style-8 input[type="time"],
.form-style-8 input[type="url"],
.form-style-8 input[type="password"],
.form-style-8 textarea,
.form-style-8 select 
{   font-family: 'Raleway', sans-serif;
font-weight: 400; 
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    outline: none;
    display: block;
    width: 100%;
    padding: 5px;
    border: none;
    border-bottom: 1px solid #ddd;
    background: transparent;
    margin-bottom: 1em;
    font: 1em;
    height: 3em;
    color: #ccc;
}

.form-style-8 textarea{
    resize:none;
    overflow: hidden;
    padding: 0 5px;
    height: 5em;
}

.form-style-8 input:placeholder-shown,
.form-style-8 input::placeholder
{color: #ccc;}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-style: italic;
  vertical-align: bottom;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #ccc;
  font-style: italic;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #ccc;
  font-style: italic;
}
:-moz-placeholder { /* Firefox 18- */
  color: #ccc;
  font-style: italic;
}