/* form style */
.form-style{
}
.form-style-heading{
    font-weight: bold;
    font-style: italic;
    border-bottom: 2px solid #ddd;
    margin-bottom: 10px;
    font-size: 15px;
    padding-bottom: 3px;
}
.form-style label{
    display: block;
    margin: 0px 0px 15px 0px;
}
.form-style label > span{
    width: 500px;
    font-weight: bold;
    float: left;
    padding-top: 8px;
    padding-right: 5px;
}
.form-style span.required{
    color:red;
}
.form-style  .long{
    width: 120px;
}
.form-style input.input-field{
       display: block;
       width: 100%;
       padding: 15px;
       outline: none;
       margin: 0 0 1.5em;
       font: 300 16px/25px 'Slabo 27px', serif;
       color: #999;
       background: #fff;
       border: 1px solid #DFDDDD;
}

.form-style input[type="text"] {
       display: block;
       width: 100%;
       padding: 15px;
       outline: none;
       margin: 0 0 1.5em;
       font: 300 16px/25px 'Slabo 27px', serif;
       color: #999;
       background: #fff;
       border: 1px solid #DFDDDD;
}


.form-style .textarea-field{
       display: block;
       background: #fff;
       height: 150px;
       width: 100%;
       padding: 15px;
       margin: 1em 0;
       border: 1px solid #DFDDDD;
       outline: none;
       font: 300 16px/25px 'Slabo 27px', serif;
       color: #999;
}
.form-style .input-field:focus,
.form-style .textarea-field:focus{
    border: 1px solid #0C0;
}
.form-style input[type="button"],
.form-style input[type="submit"] {
       background: #0072bc;
			 align: center;
			 margin-left: 45%;
       padding: 10px 25px;
       display: inline-block;
       color: #FFF;
       text-transform: uppercase;
       font-size: 1em;
       transition: 0.5s ease;
       -o-transition: 0.5s ease;
       -webkit-transition: 0.5s ease;
       border: none;
       cursor: pointer;
       outline: none;
}
.form-style input[type="button"]:hover,
.form-style input[type="submit"]:hover {
       background: #ffde00;
       color:#000;
       -webkit-transform: rotateX(15deg);
       -moz-transform: rotateX(15deg);
       -ms-transform: rotateX(15deg);
       -o-transform: rotateX(15deg);
       transform: rotateX(15deg);
}
.form-style .success{
       background: #FFF;
       padding: 5px 10px 5px 10px;
       margin: 0px 0px 5px 0px;
       border: none;
       font: 300 16px/25px 'Slabo 27px', serif;
       color: green;
       text-transform: uppercase;
       border-left: 3px solid green;
}
.form-style .error {
       background: #FFF;
       padding: 5px 10px 5px 10px;
       margin: 0px 0px 5px 0px;
       border: none;
       font: 300 16px/25px 'Slabo 27px', serif;
       color:#f6724b;
       text-transform: uppercase;
       border-left: 3px solid #FF0000;
}