/* CSS Document */

html,body{
	margin:0;
	padding:0;
	height:100%;
	width:100%;
}	
*{
	padding:0;
	margin:0;
}
img {
	border:none;
	display:block;
	max-width:100%;
	height:auto;
	width:auto;
	}
a {
	text-decoration:none;
	font-weight:bold;
}
a:hover {
	text-decoration:none;
	color:#fff;
}
.underline {
	text-decoration:underline;
}
.underline:hover {
	text-decoration:none;
}
	
h1, h2, h3, h4, h5, h6, p, div, span, html, ol, ul, li, form,label {
	margin:0;
	padding:0;
}
ul{
	list-style-type:none;
	}
.spacer{
	clear:both;
	font-size:0;
	line-height:0;
	}
.flotleft{
	float:left;
	width:auto;
	}
.flotright{
	float:right;
	width:auto;
	}
	.clear
{
    clear: both;
}
form{
	margin:0;
	padding:0;
}
p  {
	text-align:justify;
	display: block;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
	display: block;
}

nav ul {
    list-style: none;
}

/**** Start Header ****/
.header_main {
	display:inline-block;
	width:100%;
	background:url(../images/home-banner.jpg) no-repeat center top;
	height:656px;
}
.wrapper {
	width: 96%;	
	max-width: 980px;
	margin: auto;
}	
.hader_one {width:100%;	display:inline-block; padding:10px; margin:0;}
.logo {
width:22%;
float:left;
padding:0;
margin:0;
}
.logo img {
display:inline-block; margin:0; padding:0;
text-align:left;
}
.logo a {
font-family: 'Roboto', sans-serif;
color:#ffffff;
font-size:18px;
padding:0 0 0 0;
margin:0;
text-align:left;
}
.logo a:hover {
}

.banner_main_content {
	width:100%;
}

.header_text_content {
	width:100%;
	display:inline-block;
	padding-top:16%;
}
.header_text_content h1 {
	width:100%;
	display:inline-block;
	text-align:center;
font-family: 'Barlow', sans-serif;
color:#ffffff;
font-size:30px;
font-weight:normal;
padding:1% 0 0 0;
}


.header_text_content_one {
	width:100%;
	display:inline-block;
}
.header_text_content_one p {
	border-bottom:1px solid #FFFFFF;
	width:50%;
	margin-left:25%;
}	
.header_text_content_one h4 {
	width:100%;
	display:inline-block;
	text-align:center;
font-family: 'Barlow', sans-serif;
color:#ffffff;
font-size:20px;
font-weight:normal;
padding:1% 0 0 0;
}	


/*** Service Start ****/
.service_main_content {
	width:100%;
	display:inline-block;
	padding:0 0 0 0;
}
.service_main_content h1 {
	width:100%;
	display:inline-block;
	text-align:center;
	font-family: 'Roboto', sans-serif;
color:#1e1e1e;
font-size:22px;
padding:2% 0 1% 0;
}
.service_main_content p {
	width:100%;
	display:inline-block;
	text-align:center;
	font-family: 'Roboto', sans-serif;
color:#797878;
font-size:15px;
padding:1% 0 4% 0;
}
.service_line {
	width:100%;
	height:1px;
	background:#f7f7f7;
}	
.service_one_content {
	width:33%;
	display:inline-block;
	padding:0 0 0 0;
	border-right:1px solid #f7f7f7;
}
.service_one_content a {
	width:100%;
	display:inline-block;
	text-align:center;
	font-family: 'Roboto', sans-serif;
color:#1e1e1e;
font-size:17px;
padding:1% 0 1% 0;
margin:0;
}
.service_one_content a:hover {
	background:#f7f7f7;
}	
.service_one_content h1 {
	width:100%;
	display:inline-block;
	text-align:center;
	font-family: 'Roboto', sans-serif;
color:#1e1e1e;
font-size:17px;
padding:1% 0 1% 0;
}
.service_one_content h4 {
	width:100%;
	display:inline-block;
	text-align:center;
	font-family: 'Roboto', sans-serif;
color:#797878;
font-size:15px;
font-weight:normal;
padding:1% 0 1% 0;
}
.service_one_content img {
	text-align:center;
	display:inline-block;
padding:1% 0 1% 0;
}		

/*** Service End ****/

/**** Work Start ***/
.work_content {
	width:100%;
	display:inline-block;
}
.work_content h1 {
	width:100%;
	display:inline-block;
	text-align:center;
font-family: 'Barlow', sans-serif;
color:#181818;
font-size:30px;
font-weight:normal;
padding:1% 0 0 0;
}
.work_content p {
	width:100%;
	display:inline-block;
	text-align:center;
	font-family: 'Roboto', sans-serif;
color:#797878;
font-size:15px;
padding:1% 0 2% 0;
}
.work_main_content {
	width:100%;
	display:inline-block;
}	

/**** Work End ***/

/*** Happy Client ***/
.happy_content {
	width:100%;
	display:inline-block;
	padding:3%;
}
.happy_content h1 {
	width:100%;
	display:inline-block;
	text-align:center;
font-family: 'Barlow', sans-serif;
color:#181818;
font-size:30px;
font-weight:normal;
padding:1% 0 0 0;
}
.happy_content p {
	width:100%;
	display:inline-block;
	text-align:center;
	font-family: 'Roboto', sans-serif;
color:#797878;
font-size:15px;
padding:1% 0 4% 0;
}
/*** Happy Client End ***/

/***** About US COntent ***/
.about_main_content {
	width:100%;
	background:#f1f6ff;
		display:inline-block;
}
.about_main_content .oneballon{
	padding:0 0 0 0;
		display:inline-block;
		text-align:left;
		position:absolute;
		z-index:10;
}
.about_main_content .twoballon{
	padding:8.7% 0 0 80%;
	position:absolute;
}			
.about_content {
	width:100%;
	display:inline-block;
	padding:3%;
}
.about_content h1 {
	width:100%;
	display:inline-block;
	text-align:center;
font-family: 'Barlow', sans-serif;
color:#181818;
font-size:30px;
font-weight:normal;
padding:2% 0 2% 0;
}
.about_content p {
	width:100%;
	display:inline-block;
	text-align:center;
	font-family: 'Roboto', sans-serif;
color:#797878;
font-size:15px;
padding:1% 0 4% 0;
}

/*** About US End **/

/*** Contact Us Start ***/
.contact_page_content {
	display:inline-block;
	width:100%;
}
.contact_details {
	width:42%;
	float:left;
	padding:1px 0 5px 0;
	text-align:left;
}	
.contact_details h1 {
font-family: 'Roboto', sans-serif;
	font-size:25px;
	color:#303030;
	width:100%;
	letter-spacing:normal;
	padding:10px 0 0 0;
	margin:0;
		display:inline-block;
}
.contact_details h2 {
	display:inline-block;
	width:100%;
font-family: 'Roboto', sans-serif;
	font-size:16px;
	padding:3% 0 0 0;
	margin:0;
	color:#28c0ff;
	font-weight:600;
	letter-spacing:normal;
}
.contact_details h3 {
	display:inline-block;
	width:100%;
font-family: 'Roboto', sans-serif;
	font-size:16px;
	padding:1% 0 1% 0;
	margin:0;
	color:#1b1b1b;
	font-weight:normal;
}
.contact_details img {
	display:inline-block;
	text-align:left;
	padding:0 5px 0 0;
}
.contact_details .contone {
	display:inline-block;
	padding:2px 3px 30% 0;
	width:10%;
}
.contact_details p {
	display:inline-block;
	font-size:15px;
	color:#8e8e8e;
	width:95%;
	padding:2% 0 0 0;
	margin:0;
	letter-spacing:normal;
	line-height:26px;
font-family: 'Roboto', sans-serif;
}



.contact_details_one {
	display:inline-block;
	width:80%;
	text-align:left;
	padding:1px 0 0 0;
}	
.contact_details_one h2 {
	display:inline-block;
	width:100%;
font-family: 'Roboto', sans-serif;
	font-size:16px;
	padding:0 0 0 0;
	margin:0;
	text-align:left;
	color:#656565;
	letter-spacing:normal;
}
.contact_details_one p {
	display:inline-block;
	font-size:15px;
	color:#8e8e8e;
	width:100%;
	padding:0 0 0 0;
	margin:0;
	letter-spacing:normal;
	line-height:26px;
font-family: 'Roboto', sans-serif;
}


.contact_page_content2 {
	width:55%;
	float:left;
}
.contact_page_content2 h1 {
font-family: 'Roboto', sans-serif;
	font-size:25px;
	color:#303030;
	width:99%;
	letter-spacing:normal;
	padding:10px 0 0 0;
	margin:0;
		display:inline-block;
}
.contact_page_content3 {
	display:inline-block;
	width:100%;
	height:250px;
	background:#f7f7f7;
	padding:1% 0 1% 0;
}

.footer_main_content {
	width:100%;
	background:#363636;
	display:inline-block;
}
.footer_one_content {
	width:45%;
	display:inline-block;
}
.footer_one_content img {
text-align:left;
	display:inline-block;
}
.footer_one_content p {
font-family: 'Roboto', sans-serif;
	font-size:15px;
	color:#ffffff;
	width:90%;
	padding:10px 0 0 0;
	margin:0;
		display:inline-block;
}
.footer_two_content {
	width:45%;
	display:inline-block;
}
/*** Follow ***/
.follow {
float:right;
	width:44%;
	padding:7px 0 0 0;
	margin:0;
}	
.follow h2 {
	float:left;
	font-size:13px;
	color:#ffffff;
font-family: 'Roboto', sans-serif;
	padding:4px 0 0 0;
	margin:0;
	font-weight:normal;
}
	
.facebook {
	width:37px;
	float:left;
	padding:0 0 0 5px;
	margin:0;
}
.facebook p {
	float:left;
	width:37px;
}
.facebook a {
	width:37px;
	float:left;
	height:28px;
	background:url(../images/facebook.png) no-repeat;
}
.facebook a:hover {
	background:url(../images/facebook-over.png) no-repeat;
}	


.twitter {
	width:37px;
	float:left;
	padding:0 0 0 5px;
	margin:0;
}
.twitter p {
	float:left;
	width:37px;
}
.twitter a {
	width:37px;
	float:left;
	height:28px;
	background:url(../images/twitter.png) no-repeat;
}
.twitter a:hover {
	background:url(../images/twitter-over.png) no-repeat;
}	

.linkedin {
	width:37px;
	float:left;
	padding:0 0 0 5px;
	margin:0;
}
.linkedin p {
	float:left;
	width:37px;
}
.linkedin a {
	width:37px;
	float:left;
	height:28px;
	background:url(../images/linkedin.png) no-repeat;
}
.linkedin a:hover {
	background:url(../images/linkedin-over.png) no-repeat;
}		
	
/*** Follow close ***/
	

/*** COntact Page End ***/

/**** Responsive Page Start ***/
@media only screen and (min-width:240px) {
	.logo {
width:65%;
}
.header_text_content {
	padding-top:1%;
}
.service_one_content {
	width:98%;
	border-right:none;
}
.contact_details {
	width:98%;
}
.contact_page_content2 {
	width:100%;
}	
.footer_one_content {
	width:98%;
}	
.footer_two_content {
	width:98%;
}
.follow {
	width:100%;
}
}

@media only screen and (min-width:320px) {
	.logo {
width:65%;
}
.header_text_content {
	padding-top:1%;
}
.service_one_content {
	width:98%;
	border-right:none;
}
.contact_details {
	width:98%;
}
.contact_page_content2 {
	width:100%;
}	
.footer_one_content {
	width:98%;
}	
.footer_two_content {
	width:98%;
}
.follow {
	width:100%;
}			
}
@media only screen and (min-width:400px) {
	.logo {
width:50%;
}
.header_text_content {
	padding-top:16%;
}
.service_one_content {
	width:98%;
	border-right:none;
}
}
@media only screen and (min-width:600px) {
	.logo {
width:50%;
}
.header_text_content {
	padding-top:16%;
}
.service_one_content {
	width:32%;
	border-right:1px solid #f7f7f7;
}
.contact_details {
	width:42%;
}
.contact_page_content2 {
	width:55%;
}	
.footer_one_content {
	width:98%;
}	
.footer_two_content {
	width:98%;
}
.follow {
	width:100%;
}
}
@media only screen and (min-width:640px) {
	.logo {
width:29%;
}
.footer_one_content {
	width:52%;
}	
.footer_two_content {
	width:45%;
}
.follow {
	width:84%;
}
}
@media only screen and (min-width:800px) {
	.logo {
width:24%;
}
.footer_one_content {
	width:52%;
}	
.footer_two_content {
	width:45%;
}
.follow {
	width:64%;
}
}
@media only screen and (min-width:900px) {
	.logo {
width:22%;
}
}