/* floating box style */
.floating-form {
    max-width: auto;
    padding: 0px 30px 0px 30px;
    background: #F9F9F9;
 
    right:0px;
    position: fixed;
   
	}
.contact-opener {
	position: absolute;
	left: -143px;
	letter-spacing:2px;
	transform: rotate(-90deg);
	top: 98px;
	background-color:#9bce6f;
	padding: 9px;
	color: #000;
	font-size:1em;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.43);
	cursor: pointer;
   
}
.floating-form-heading{
  
    
   
    margin-bottom: 10px;
    font-size: 1em;
	color:#000000;
    padding-bottom: 3px;
}
.floating-form label{
    display: block;
    margin: 0px 0px 15px 0px;
}
.floating-form label > span{
    width: 70px;

    float: left;
    padding-top: 8px;
    padding-right: 5px;
}
.floating-form span.required{
    color:red;
}
.floating-form .tel-number-field{
	width: 150px;
	text-align: left;
}
.floating-form  .long{
    width: 120px;
}
.floating-form input.input-field{
    width: 68%;
   
}

.floating-form input.input-field,
.floating-form .tel-number-field,
.floating-form .textarea-field,
 .floating-form .select-field{
	-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;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	border: 1px solid #C2C2C2;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	outline: none;
	padding-top: 7px;
	padding-right: 7px;
	padding-bottom: 7px;
}
.floating-form .input-field:focus,
.floating-form .tel-number-field:focus,
.floating-form .textarea-field:focus,  
.floating-form .select-field:focus{
    border: 0px solid #0C0;
}
.floating-form .textarea-field{
    height:100px;
    width: 68%;
}
.floating-form input[type="button"],
.floating-form input[type="submit"], .contact-opener {
    background-color: #9bce6f;
    border: 0px solid #17445E;
    display: inline-block;
    cursor: pointer;
    color: #fff;
    padding: 8px 18px;
    text-decoration: none;
    font: 12px Arial, Helvetica, sans-serif;
}
.floating-form input[type="button"]:hover,
.floating-form input[type="submit"]:hover, .contact-opener {
    background-color: #ff3f00;
    background-color: #ff3f00;
}
.floating-form .success{
	background: #9bce6f;
	padding: 5px 10px 5px 10px;
	margin: 0px 0px 5px 0px;
	border: none;
	font-weight: bold;
	color: #2E6800;
	border-left: 0px solid #2E6800;
}
.floating-form .error {
	background: #9bce6f;
	padding: 5px 10px 5px 10px;
	margin: 0px 0px 5px 0px;
	border: none;
	font-weight: bold;
	color: #FF0000;
	border-left: 0px solid #FF0000;
}
