@charset "utf-8";
/* CSS Document */
.hq{
	width: 80%;
	padding-left: 10%;
	padding-right: 10%;
	height: 462px;
	background-image: -webkit-linear-gradient(270deg,rgba(0,0,0,0.45) 0%,rgba(73,71,71,0.31) 100%),url(../sour/hq.jpg);
	background-image: -moz-linear-gradient(270deg,rgba(0,0,0,0.45) 0%,rgba(73,71,71,0.31) 100%),url(../sour/hq.jpg);
	background-image: -o-linear-gradient(270deg,rgba(0,0,0,0.45) 0%,rgba(73,71,71,0.31) 100%),url(../sour/hq.jpg);
	background-image: linear-gradient(180deg,rgba(0,0,0,0.45) 0%,rgba(73,71,71,0.31) 100%),url(../sour/hq.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-bottom: 20px
}
.hq h1{
	font-family: 'Roboto', sans-serif;
	font-size: 52px;
	font-weight: 900;
	text-transform: capitalize;
	text-align: center;
	font-style: normal;
	color: #ffffff
}
.hq h1 span{
	font-family: 'Roboto', sans-serif;
	font-size: 52px;
	font-weight: 300;
	text-transform: capitalize;
	text-align: center;
	font-style: normal;
	color: #878a94;
}
.hq hr{
	width: 20%;
	height: 3px;
	border: none;
	background-color: #01b7f2
}
.hq p{
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	font-weight: 100;
	text-transform: capitalize;
	text-align: center;
	font-style: normal;
	color: #ffffff
}

.hq input[type=text]{
	width: 99%;
	float: left;
	
	height: 50px;
	background-color: #ffffff;
	border: none;
	outline: none;
	margin-bottom: 10px;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	font-weight: 400;
	text-align: left;
	font-style: normal;
	color: #555555;
	padding-left: 1%
}
.hq input[type=text]::placeholder{
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	font-weight: 400;
	text-align: left;
	font-style: normal;
	color: #555555
}
.hq input[type=email]{
	width: 99%;
	float: left;
	height: 50px;
	background-color: #ffffff;
	border: none;
	outline: none;
	margin-bottom: 10px;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	font-weight: 400;
	text-align: left;
	font-style: normal;
	color: #555555;
	padding-left: 1%
}
.hq input[type=email]::placeholder{
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	font-weight: 400;
	text-align: left;
	font-style: normal;
	color: #555555
}
.hq textarea{
	width: 94%;
	float: right;
	margin-left: 5%;
	height: 172px;
	background-color: #ffffff;
	border: none;
	outline: none;
	margin-bottom: 10px;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	font-weight: 400;
	text-align: left;
	font-style: normal;
	color: #555555;
	padding-left: 1%;
	resize: none;
	
}
.hq textarea::placeholder{
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	font-weight: 400;
	text-align: left;
	font-style: normal;
	color: #555555
}
.hq input[type=submit]{
	width: 20%;
	float: none;
	margin-left: 40%;
	margin-right: 40%;
	height: 50px;
	background-color: #01b7f2;
	border: none;
	outline: none;
	margin-top: 30px;
	font-family: 'FontAwesome', 'Roboto', Arial;
	font-size: 19px;
	font-weight: 800;
	text-align: center;
	font-style: normal;
	color: #555555;
	
}
.hq input[type=submit]:hover{
	background-color: #3c4251;
	color: #ffffff
}
.hq .divi{
	width: 50%;
	float: left;
}
.hq .divt{
	width: 50%;
	float: right;
}
@media screen and (max-width: 768px) {
	.hq h1{
	font-family: 'Roboto', sans-serif;
	font-size: 32px;
	font-weight: 900;
	text-transform: capitalize;
	text-align: center;
	font-style: normal;
	color: #ffffff
}
.hq h1 span{
	font-family: 'Roboto', sans-serif;
	font-size: 32px;
	font-weight: 300;
	text-transform: capitalize;
	text-align: center;
	font-style: normal;
	color: #878a94;
}
	.hq .divi{
	width: 100%;
	float: none;
}
.hq .divt{
	width: 100%;
	float: none;
}
	.hq{
	width: 80%;
	padding-left: 10%;
	padding-right: 10%;
	height: 662px;
	
}
	.hq textarea{
	width: 99%;
	
	padding-left: 1%;
	
	
}
	.hq input[type=submit]{
	width: 70%;
	float: none;
	margin-left: 15%;
	margin-right: 15%;
	
	
}
}