.form-style1{font: 95% Arial, Helvetica, sans-serif;width: 100%;margin: 1px auto;padding:0.3em;position:relative;box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2), 0 9px 26px 0 rgba(0, 0, 0, 0.19);}
.form-style1 h1{background: #0062cc;padding: 10px 0;font-size: 140%;font-weight: 300;text-align: center;color: #fff;margin: -16px -16px 16px -16px;}
.form-style1 input[type="text"],.form-style1 input[type="date"],.form-style1 input[type="datetime"],.form-style1 input[type="email"],
.form-style1 input[type="password"],.form-style1 input[type="number"],.form-style1 input[type="search"],.form-style1 input[type="time"],
.form-style1 input[type="url"],.form-style1 textarea,.form-style1 select
{
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    outline: none;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
    background: #fff;
    margin:2px;
    border: 1px solid #ccc;
    padding: 4px;
    color: #555;
    font: 95% Arial, Helvetica, sans-serif;
	
}
.form-style{font: 95% Arial, Helvetica, sans-serif;width: 30%;margin: 10px auto;padding:2em;position:relative;box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2), 0 9px 26px 0 rgba(0, 0, 0, 0.19);}
.form-style h1{background: #0062cc;padding: 5px 0;font-size: 140%;font-weight: 300;text-align: center;color: #fff;margin: -16px -16px 16px -16px;}
.form-style input[type="text"],.form-style input[type="date"],.form-style input[type="datetime"],.form-style input[type="email"],
.form-style input[type="password"],.form-style input[type="number"],.form-style input[type="search"],.form-style input[type="time"],
.form-style input[type="url"],.form-style textarea
{
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    outline: none;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
    background: #fff;
    border: 1px solid #ccc;
    padding: 10px;
    color: #555;
    font: 95% Arial, Helvetica, sans-serif;
}
.form-style input[type="text"]:focus,.form-style input[type="date"]:focus,.form-style input[type="datetime"]:focus,.form-style input[type="email"]:focus,
.form-style input[type="password"]:focus,.form-style input[type="number"]:focus,.form-style input[type="search"]:focus,.form-style input[type="time"]:focus,
.form-style input[type="url"]:focus,.form-style textarea:focus
{    box-shadow: 0 0 5px #0062cc;    padding: 10px;    border: 1px solid #0062cc; }

.form-style input[type="submit"],
.form-style input[type="button"]{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	font-size:12px;
    background: #0062cc; padding:10px;
    border-bottom: 2px solid #0062cc;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;   
    color: #fff;
	display:block;
	margin:0px auto;
}
.form-style input[type="submit"]:hover,.form-style input[type="button"]:hover{background: #0949b0;}
@media screen and (max-width: 480px) {.form-style{font: 65% Arial, Helvetica, sans-serif;width: 100%;margin: 10px auto;padding: 16px;background: #F7F7F7; opacity:0.90;} }
@media screen and (min-width: 481px) and (max-width: 950px) {.form-style{font: 65% Arial, Helvetica, sans-serif;width: 70%;margin: 10px auto;padding: 16px;background: #F7F7F7; opacity:0.90;} }

/*************************************************************   Form Inner   ********************************************************************************************/

.form-style-inner{font: 95% Arial, Helvetica, sans-serif;width: 100%;margin: 0px auto;padding:0.3rem;position:relative;box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2), 0 9px 26px 0 rgba(0, 0, 0, 0.19);}
.form-style-inner label{display: inline-block;max-width: 100%;margin-bottom: 5px;font-weight: bold;margin: 3px 5px;font-style: italic;font-size:12px;}
.form-style-inner h1{background: #0062cc;padding: 20px 0;font-size: 140%;font-weight: 300;text-align: center;color: #fff;margin: -16px -16px 16px -16px;}
.form-style-inner input[type="text"],.form-style-inner input[type="date"],.form-style-inner input[type="datetime"],.form-style-inner input[type="email"],
.form-style-inner input[type="password"],.form-style-inner input[type="number"],.form-style-inner input[type="search"],.form-style-inner input[type="time"],
.form-style-inner input[type="file"],.form-style-inner input[type="url"],.form-style-inner textarea,.form-style-inner select
{
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    outline: none;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 99%;
    background: #fff;
    margin:2px;
	padding:10px;
    border: 1px solid #ccc;
    color: #555;
	
}
.form-style-inner input[type="text"]:focus,.form-style-inner input[type="date"]:focus,.form-style-inner input[type="datetime"]:focus,.form-style-inner input[type="email"]:focus,
.form-style-inner input[type="password"]:focus,.form-style-inner input[type="number"]:focus,.form-style-inner input[type="search"]:focus,.form-style-inner input[type="time"]:focus,
.form-style-inner input[type="url"]:focus,.form-style-inner textarea:focus,.form-style-inner select:focus
{    box-shadow: 0 0 5px #0062cc;    padding:5px;   border: 1px solid #0062cc; }

.form-style-inner input[type="submit"],
.form-style-inner input[type="button"]{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 7px;
    background: #6f4404;
    border-bottom: 2px solid #6f4404;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;   
    color: #fff;
	display:block;
	font-size:15px;
	margin:0px auto;
	border-radius:20px;
}
.form-style-inner input[type="submit"]:hover,.form-style-inner input[type="button"]:hover{background: #6f4404;}
@media screen and (max-width: 480px) {.form-style-inner{font: 65% Arial, Helvetica, sans-serif;width: 100%;margin: 10px auto;padding: 16px;} }
@media screen and (min-width: 481px) and (max-width: 950px) {.form-style-inner{font: 65% Arial, Helvetica, sans-serif;width: 70%;margin: 10px auto;padding: 0.3rem;} }