html, body {
	height: 100%;
	margin: 0;
	font-family: 'Open Sans', sans-serif;
}
header {
	padding: 26px 0;
	background: #fff;
	box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.05);
	position: fixed;
	width: 100%;
	top: 0;
	z-index: 2;
}
	header .header-grid {
		display: flex;
		align-items: center;
	}
		.logo {
			margin-right: 50px;
		}
			.logo img {
				width: 250px;
			}
		.navigation {
			display: flex;
			align-items: center;
			flex-direction: flex-end;
			width: 100%;
		}
			.navigation ul {
				margin-left: auto;
			}
			.navigation ul li {
				padding: 0 15px;
			}
				.navigation ul li a {
					font-family: 'Open Sans', sans-serif;
					font-size: 16px;
					color: #333;
					border-bottom: 4px solid #fff;
					border-top: 4px solid #fff;
					transition: all ease 0.3s;
				}
					.navigation ul li a:hover {
						text-decoration: none;
						border-bottom: 4px solid #006790;
						transition: all ease 0.3s;
					}
					.navigation ul li.active a {
						border-bottom: 4px solid #006790;
					}
				.appt-holder {
					margin-left: 20px;
				}
					.appt-holder a {
						display: inline-block;
						padding: 12px 30px;
						background: #006790;
						border-radius: 7px;
						font-weight: 700;
						color: #fff;
						font-size: 16px;
						transition: all ease 0.3s;
					}
						.appt-holder a:hover {
							text-decoration: none;
							box-shadow: 0px 7px 20px rgba(22, 137, 202, 0.5);
							transition: all ease 0.3s;
						}
	.wrap {
		padding-top: 99px;
		position: relative;
		z-index: 1;
		min-height: calc(100vh - 204px);
	}
		.banner {
			padding: 90px 0;
			background: #fff;
		}
			.banner-img img {
				width: 100%;
			}
			.banner-info {
				padding: 80px 0;
			}
				.banner-info h2 {
					font-size: 40px;
					color: #373839;
					font-weight: 700;
					line-height: 60px;
				}
				.banner-info p {
					font-size: 18px;
					color: #333;
					line-height: 35px;
					margin-top: 20px;
				}
				.banner a {
					display: inline-block;
					padding: 15px 50px;
					background: #1689CA;
					border-radius: 7px;
					color: #fff;
					font-size: 16px;
					font-weight: 700;
					transition: all ease 0.3s;
					margin-top: 20px;
				}
					.banner a:hover {
						text-decoration: none;
						box-shadow: 0px 7px 20px rgba(22, 137, 202, 0.5);
						transition: all ease 0.3s;
					}
		
/*		.service-holder {
			background: #F7FAFF;
			padding-top: 20px;
			padding-bottom: 50px;
		}
			.service {
				position: relative;
				padding-left: 75px
			}
				.service img {
					position: absolute;
					width: 55px!important;
					left: 0;
				}
				.service h4 {
					font-size: 18px;
					color: #333;
					font-weight: 700;
				}
				.service p {
					font-size: 14px;
					color: #aaa;
					line-height: 26px;
					margin-top: 10px;
				}*/

		.about-holder {
			padding: 90px 0;
		}
			.about-img img {
				width: 100%;
			}
			.about-info {

			}
				.about-info small {
					font-size: 14px;
					font-weight: 700;
					color: #333;
					padding: 7px 0;
					border-bottom: 3px solid #006790;
					display: inline-block;
				}
				.about-info h2 {
					font-size: 40px;
					font-weight: 700;
					color: #333;
					margin-top: 10px;
					line-height: 55px;
				}
				.about-info p {
					font-size: 16px;
					color: #6a6a6a;
					margin-top: 30px;
					line-height: 35px;
				}
				.about-info a {
					display: inline-block;
					padding: 15px 50px;
					background: #006790;
					border-radius: 7px;
					color: #fff;
					font-size: 16px;
					font-weight: 700;
					transition: all ease 0.3s;
					margin-top: 20px;
				}
					.about-info a:hover {
						text-decoration: none;
						box-shadow: 0px 7px 20px rgba(22, 137, 202, 0.5);
						transition: all ease 0.3s;
					}
		.process-holder {
			padding: 90px 0;
			background: #F3F7F8;
		}
			.process-holder h2 {
				text-align: center;
				font-weight: 700;
				font-size: 35px;
				margin-bottom: 80px;
			}
			.process {
				text-align: center;
			}
				.process img {
					margin-bottom: 40px;
					box-shadow: 0px 20px 40px rgba(0, 103, 144, 0.05);
				}
				.process h4 {
					font-size: 20px;
					font-weight: 700;
				}
				.process p {
					font-size: 14px;
					margin-top: 15px;
					color: #6a6a6a;
					line-height: 30px;
				}

		.tech-holder {
			padding: 90px 0;
			background: #fff;
			text-align: center;
		}
			.tech-holder h2 {
				font-weight: 700;
				font-size: 35px;
				margin-bottom: 20px;
			}
			.tech-holder p {
				font-size: 17px;
				line-height: 30px;
				color: #6a6a6a;
				width: 60%;
				margin: 0 auto;
				margin-top: 30px;
			}
			.tech-carousel {
				margin-top: 70px;
			}
				.tech-carousel img {
					/*box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.07);*/
				}

		.appointment {
			padding: 50px 0;
			text-align: center;
			background: #F3F7F8;
			border-radius: 20px;
		}
			.appointment h2 {
				font-size: 27px;
				font-weight: 700;
				color: #333;
			}
				.appointment a {
					display: inline-block;
					padding: 15px 50px;
					background: #006790;
					border-radius: 7px;
					color: #fff;
					font-size: 16px;
					transition: all ease 0.3s;
					margin-top: 50px;
					font-weight: 700;
				}
					.appointment a:hover {
						text-decoration: none;
						box-shadow: 0px 7px 20px rgba(22, 137, 202, 0.5);
						transition: all ease 0.3s;
					}
		footer {
			background: #fafafb;
			/*margin-top: 50px;*/
		}
		.footer-upper {
			padding: 30px 0;
		}
		.footer-logo img {
			width: 200px;
		}
			.copy {
				margin-left: auto;
			}
				.copy p {
					font-size: 14px;
					color: #aaa;
					margin-bottom: 0;
				}
		.footer-lower p {
			font-size: 14px;
			color: #6a6a6a;
			text-align: center;
			padding: 40px 0;
		}

		.team-holder {
			padding: 80px 0;
			padding-top: 30px;
		}
			.team-holder h2 {
				font-size: 35px;
				color: #333;
				font-weight: 700;
			}
			.team-holder p {
				font-size: 16px;
				color: #6a6a6a;
				margin-top: 20px;
			}
			 .emp {
			 	text-align: center;
			 	margin-top: 80px;
			 }
				 .emp img {
				 	margin-bottom: 30px;
				 }
				 .emp h4 {
				 	font-size: 18px;
				 	font-weight: 700;
				 	color: #333;
				 }
				 .emp p {
				 	color: #6a6a6a;
				 }

.service {
	
	border: 1px solid #e1e1e1;
	box-sizing: border-box;
	min-height: 394px;
	margin-top: 30px;
	position: relative;
}
	.service .service-img {
		width: 100%;
		margin-bottom: 30px;
	}
	.service-grid {
		padding: 30px;
		padding-top: 0;
	}
	.service .service-icon {
		border-radius: 15px;
		width: auto!important;
		position: absolute;
		top: 30px;
		left: 30px;
		display: none;
	}
	.service h4 {
		font-size: 20px;
		font-weight: 700;
		padding: 20px 0;
		padding-top: 0;
		color: #006790;
		margin: 0;
		line-height: 30px;
	}
	.service p {
		font-size: 14px;
		color: #aaa;
		line-height: 24px;
	}
.contact {
	margin-top: 40px;
}
	.contact h4 {
		font-size: 20px;
		font-weight: 700;
		margin-top: 20px;
	}
	.contact p {
		width: 60%;
		margin-top: 15px;
		color: #aaa;
		font-size: 14px;
		line-height: 26px;
	}
.address p {
	margin-top: 20px;
	color: #aaa;
	font-size: 12px;
}
.links {
	text-align: right;
}
	.links h4 {
		font-size: 16px;
		font-weight: 600;
		color: #6a6a6a;
	}
	.links ul {
		list-style: none;
		margin:  0;
		padding: 0;
		margin-top: 20px;
	}
		.link ul li {

		}
			.links ul li a {
				color: #aaa;
				font-size: 14px;
				font-weight: 400;
				padding: 7px 0;
				display: inline-block;
			}
.industry-holder {
	padding-bottom: 90px;
}
	.industry {
		margin-top: 30px;
	}
		.industry img {
			width: 100%;
		}
		.industry small {
			color: #00A6BA;	
			padding: 10px 0;
			display: inline-block;
			font-size: 16px;
			line-height: 26px;
			min-height: 72px;
		}
		.industry h4 {
			font-size: 20px;
			color: #373839;
			font-weight: 700;
			margin-top: 10px;
		}
section {
	margin-bottom: 50px;
}
.terms-holder {
	padding: 90px 0;
}
	.terms {
		text-align: center;
	}
		.terms h2 {
			font-size: 30px;
			font-weight: 600;
		}
		.terms small {
			margin-top: 90px;
			font-size: 16px;
			font-weight: 700;
			display: inline-block;
		}
		.paragraph  {
			margin-top: 20px;
		}
.paragraph p {
	margin-top: 30px;
}
	.ft0 {
		font-weight: 700;
		margin-top: 50px;
	}
















.mobile-menu {
	display: none;
}
.mobile-nav {
	display: none;
}


@media (max-width: 768px) {
	.banner-info h2, .about-info h2, .process-holder h2, .tech-holder h2 {
		font-size: 30px;
	}
	.navigation {
		display: none;
	}
	.banner-info {
		padding-top: 0;
		text-align: center;
	}
	.tech-holder p {
		width: 100%;
	}

	.mobile-nav {
		background: #fff;
		width: 320px;
		height: 100%;
		position: fixed;
		top: 0;
		right: 0;
		margin-right: -320px;
		z-index: 10;
		box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05);
		transition: all ease 0.3s;
		overflow-y: scroll;
		display: block;
	}
		.mobile-nav ul {
			list-style: none;
			padding: 0;
			margin: 0;
			margin-top: 30px;
		}
			.mobile-nav li:last-child {
				border-bottom: none;
			}
			.mobile-nav ul li a {
				font-size: 18px;
				color: #6a6a6a;
				padding: 25px 35px;
				display: block;
				box-sizing: border-box;
				/*text-align: center;*/
			}
	.mobile-menu {
		display: block;
		position: fixed;
		right: 15px;
		top: 35px;
		z-index: 9;
	}
	.bt-mobile {
		padding: 25px 35px;
		box-sizing: border-box;
	}
	.nav-close {
		position: absolute;
		right: 20px;
		top: 20px;
	}
	.nav-show {
		margin-right: 0!important;
		transition: all ease 0.3s;
	}
	.appt-holder {
		padding: 25px 35px;
	}
		.appt-holder a {
			width: 100%;
			text-align: center;
		}
	.service {
		min-height: auto;
	}
	.links {
		text-align: left;
		margin-top: 50px;
	}
}