.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: #313fa0;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,.form-style select, .form-style option
{
    -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 #313fa0;    padding: 10px;    border: 1px solid #313fa0; }

.form-style input[type="submit"],
.form-style input[type="button"]{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    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: 95%;margin: 1px auto;padding:1em;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 h1{background: #313fa0;padding: 5px 0;font-size: 140%;font-weight: 300;text-align: center;color: #fff;margin: -16px -16px 16px -16px;}
.form-style-inner ul {margin-left:2rem;line-height:1.5;}
.form-style-inner ul li{list-style:disc;font-size:15px;}

.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: 100%;
    background: #fff;
    margin:2px;
    border: 1px solid #ccc;
    padding: 10px;
    color: #555;
    font: 95% Arial, Helvetica, sans-serif;
	
}
.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 #313fa0;    padding: 10px;    border: 1px solid #313fa0; }

.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: 5px;
    background: #0949b0;
    border-bottom: 2px solid #0949b0;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;   
    color: #fff;
	display:block;
	margin:0px auto;
}
.form-style-inner input[type="submit"]:hover,.form-style-inner input[type="button"]:hover{background: #0949b0;}
@media screen and (max-width: 780px) {.form-style-inner{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-inner{font: 65% Arial, Helvetica, sans-serif;width: 90%;margin: 10px auto;padding: 16px;background: #F7F7F7; opacity:0.90;} }