/* floating box style */
.floating-form {
        z-index: 9999;

    max-width: 500px;
    padding: 30px 30px 10px 30px;
        font-family: 'Open Sans', sans-serif;
    background: #fff;
    border: 1px solid #ddd;
    right: 10px;
    position: absolute;

	}
.contact-opener {
    background-color: #216288;
    color: #fff;
    cursor: pointer;
    padding: 9px;
    left: 28.85%;
    top:81px;
    position: fixed;
    text-align: center;
    transform: rotate(0deg);
    width: 200px;
    z-index: 999999;
    margin-right:20px;
} 

load.contact-opener:hover {

    background-color: #ccc!important;
    
} 




}
.floating-form-heading{
   
    margin-bottom: 20px;
    font-size: 15px;
    padding-bottom: 3px;
}
.floating-form label{
    display: block;
    margin: 0px 0px 15px 0px;
}
.floating-form label > span{
    width: 70px;
    font-weight: bold;
    float: left;
    padding-top: 8px;
    padding-right: 5px;
}
.floating-form span.required{
    color:red;
}
.floating-form .tel-number-field{
    width: 40px;
    text-align: center;
}
.floating-form  .long{
    width: 120px;
}
.floating-form input.input-field{
    width: 68%;
   
}
0
.floating-form .success{
	background: #D8FFC0;
	padding: 5px 10px 5px 10px;
	margin: 0px 0px 5px 0px;
	border: none;
	font-weight: bold;
	color: #2E6800;
	border-left: 3px solid #2E6800;
}
.floating-form .error {
	background: #FFE8E8;
	padding: 5px 10px 5px 10px;
	margin: 0px 0px 5px 0px;
	border: none;
	font-weight: bold;
	color: #FF0000;
	border-left: 3px solid #FF0000;
}