#abc {
width:100%;
height:100%;
top:0;
left:0;
display:none;
position:fixed;
background:rgba(0,0,0,0.85);
overflow:auto
}
img#close {
position:absolute;
right:20px;
top:20px;
cursor:pointer
}
div#popupContact {
position:absolute;
left:40%;
top:6%;
margin-left:-202px;
}
#popupContact form {
max-width:660px;
min-width:250px;
padding:10px 50px;
border:2px solid gray;
border-radius:10px;
background-color:#fff
}
p {
margin-top:30px
}
#popupContact  h2 {
background-color:#36c270;
padding:20px 35px;
margin:-10px -50px;
text-align:center;
border-radius:10px 10px 0 0;
color: white;
}
hr {
margin:10px -50px;
border:0;
border-top:1px solid #ccc
}
input[type=text] {
width:100%;
padding:4px;
margin-top:15px;
border:1px solid #ccc;
padding-left:30px;
font-size:16px;
font-family: 'Lato', sans-serif;
}
#user_name1 {
background-image:url(../images/toilet_installation_nj.jpg);
background-repeat:no-repeat;
background-position:5px 5px;
background-size:4% 72%;
}
#emailadd1 {
background-image:url(../images/email.jpg);
background-repeat:no-repeat;
background-position:5px 5px;
background-size:4% 72%;
}
#phoneno1{
background-image:url(../images/heat_pump_system_nj.JPG);
background-repeat:no-repeat;
background-position:5px 5px;
background-size:4% 72%;
}
textarea {
background-image:url(../images/message.JPG);
background-repeat:no-repeat;
background-position:5px 12px;
background-size:4% 20%;
width:100%;
height:95px;
padding:10px;
resize:none;
margin-top:15px;
border:1px solid #ccc;
padding-left:30px;
font-size:16px;
font-family: 'Lato', sans-serif;
margin-bottom:30px
}
#submit {
text-decoration:none;
width:100%;
text-align:center;
display:block;
background-color:#36c270;
color:#fff;
border:2px solid #36c270;
padding:10px 0;
font-size:20px;
cursor:pointer;
border-radius:5px
}
#submit:hover {
    color: #36c270;
    background-color: #ffffff;
    border: 2px solid #36c270;
    text-decoration: none;
    transition: all .3s ease-in-out;
}
#popupContact  span {
color:red;
font-weight:700
}
.info-bg button {
font-family: 'Lato', sans-serif;
    font-size: 16px;
    line-height: 8px;
    color: #ffffff;
    padding: 20px 24px;
    text-align: center;
    margin: 0px auto;
    border: 2px solid #000000;
    background-color: #000000;
    border-radius: 6px;
    text-decoration: none;
}
.info-bg button:hover{ 
	color:#36c270; 
    background-color: #ffffff;
    border: 2px solid #ffffff;
	text-decoration:none;
	transition:all .3s ease-in-out;
}
.button2{ 
	font-family: 'Lato', sans-serif;
	font-size:16px;
	line-height:8px; 
	color:#ffffff;
	padding:20px 24px;
    text-align: center; 
	margin:0px auto;  
	border:2px solid #36c270;
	background-color:#36c270;
	border-radius:6px;
	text-decoration:none;
	text-transform:uppercase;

}
.button2:hover{ 
	color:#36c270; 
    background-color: #ffffff;
    border: 2px solid #ffffff;
	text-decoration:none;
	transition:all .3s ease-in-out;
}
.popbottom {
    text-align: center;
    font-size: 22px;
	    font-family: 'Lato', sans-serif;
}
.congratulation {
    font-family: 'Lato', sans-serif;
}
i#close {
    float: right;
    color: white;
    margin-top: 2%;
    margin-right: -5%;
}


.g-recaptcha
{
	transform:scale(1.09)!important; -webkit-transform:scale(1.09) !important; -m-transform:scale(1.09) !important; transform-origin:0 0;-webkit-transform-origin:0 0;
}



@media (min-width:320px) and (max-width:479px)
{

div#popupContact {
    position: absolute !important;
    left: 0% !important;
    top: 0% !important;
    width: 100% !important;
    margin-left: 0px;
    font-family:  'Lato', sans-serif;
}	
}


@media (min-width:479px) and (max-width:767px)
{

div#popupContact {
    position: absolute !important;
    left: 0% !important;
    top: 0% !important;
    width: 100% !important;
    margin-left: 0px;
    font-family:  'Lato', sans-serif;
}	
}
@media (min-width:768px) and (max-width:1023px)
{

div#popupContact {
    position: absolute !important;
    left: 7% !important;
    top: 0% !important;
    width: 100% !important;
    margin-left: 0px;
    font-family:  'Lato', sans-serif;
}	
}

@media (min-width:1024px) and (max-width:1279px)
{

div#popupContact {
    position: absolute !important;
    left: 19% !important;
    top: 0% !important;
    width: 100% !important;
    margin-left: 0px;
    font-family:  'Lato', sans-serif;
}	
}

@media only screen and (min-width:991px) and (max-width:1300px)
{
	


.g-recaptcha{
		    transform: scale(0.86) !important;
    -webkit-transform: scale(0.86) !important;
	-moz-transform: scale(0.86) !important;
    transform-origin: 0 0 !important;
    -webkit-transform-origin: 0 0 !important;
	}
	
.bg4 .grey-wrapper #homeform .g-recaptcha
{   transform: scale(0.86) !important;
    -webkit-transform: scale(0.86) !important;
	-moz-transform: scale(0.86) !important;
    transform-origin: 0 0 !important;
    -webkit-transform-origin: 0 0 !important;} 
	
}


@media only screen and (min-width:768px) and (max-width:991px)
{
.g-recaptcha {
		    transform: scale(1.03) !important;
    -webkit-transform: scale(1.03) !important;
	-moz-transform: scale(1.03) !important;
    transform-origin: 0 0 !important;
    -webkit-transform-origin: 0 0 !important;
	}
	
	.bg4 .grey-wrapper #homeform .g-recaptcha
{   transform: scale(1.03) !important;
    -webkit-transform: scale(1.03) !important;
	 -moz-transform: scale(1.03) !important;
    transform-origin: 0 0 !important;
    -webkit-transform-origin: 0 0 !important;} 
	
	
}

@media only screen and (min-width:280px) and (max-width:480px)
{
	
.g-recaptcha{
		    transform: scale(0.67) !important;
    -webkit-transform: scale(0.67) !important;
	 -moz-transform: scale(0.67) !important;
    transform-origin: 0 0 !important;
    -webkit-transform-origin: 0 0 !important;
	}
	
	.bg4 .grey-wrapper #homeform .g-recaptcha
	{
		    transform: scale(0.67) !important;
    -webkit-transform: scale(0.67) !important;
	-moz-transform: scale(0.67) !important;
    transform-origin: 0 0 !important;
    -webkit-transform-origin: 0 0 !important;
	}
	
	
}

#homeform input[type=text]{ padding-left:10px;}