body {	
	font: 14px/22px 'Lato', sans-serif;
	color: #161616;
	background: #fff;
}

/* Standard Styles Starts */

a { color: #0195e5; }
a:hover, 
a:focus {
	color: #e33f03;
}
a:focus { outline: none; }

/* Heading Styles Starts */

h1, 
h2, 
h3, 
h4, 
h5, 
h6 {
	font-family: 'Lato', sans-serif;
}
h1 { font-size: 42px; }
h2 { font-size: 38px; }
h3 { font-size: 36px; }
h4 { font-size: 24px; }
h5 { font-size: 18px; }
h6 { font-size: 16px; }

.font1 {
	font-family: 'Lato', sans-serif;	
}

.font2 {
	font-family: 'Roboto', sans-serif;
}

.main-heading-1 {
	margin-top: 0;
	margin-bottom: 30px;
	color: #161616;
	text-align: center;
	text-transform: uppercase;
}
.main-heading-1.inverse {
	color: #fff;
}
	.main-heading-1 strong {
		color: #0195e5;
	}
	.main-heading-1::after {
		content: "";
		margin: 15px auto;
		width: 93px;
		height: 4px;
		display: block;
		background-color: #323232;
	}
	.main-heading-1.inverse::after {
		background-color: #fff;
	}

/* Form & Buttons Styles Starts */

.btn, 
.btn:hover, 
.btn:focus, 
.btn:active, 
.btn.active {
	outline: none;
}

.btn-secondary {
	background-color: #0195e5;
}
.btn-secondary.inverse {
	background-color: #333;
}
.btn-secondary.green {
	background-color: #51b416;
}
.btn-secondary, 
.btn-secondary:hover, 
.btn-secondary:focus,
.btn-secondary:active,
.btn-secondary.active {
	color: #fff;
}
.btn-secondary:hover, 
.btn-secondary:focus,
.btn-secondary:active,
.btn-secondary.active {
	background-color: #e23e03;
}

/* Header Styles Starts */

.main-header {
	padding-top: 100px;
	padding-bottom: 100px;
	color: #fff;
	background-image: url(../images/header-bg.jpg);
}
	.main-header h3 {
		margin-top: 50px;
		margin-bottom: 15px;
		font-size: 34px;
		font-weight: 400;
	}
		.main-header h3 strong {
			font-weight: 900;
		}
		.main-header h3 span {
			color: #5ac5ff;
			font-weight: 700;
		}
		.main-header h3 span.alt {
			color: #51b416;
		}
	.main-header ul {
		margin-bottom: 50px;
	}
		.main-header li {
			font-size: 18px;
			font-style: italic;
		}
	.main-header .btn {
		padding: 10px 32px;
		font-size: 24px;
	}
	.main-header .btn + .btn {
		margin-left: 30px;
		padding-left: 42px;
		padding-right: 42px;
	}
	.main-header .btn, 
	.main-header .btn:hover span {
		font-weight: 500;		
	}
		.main-header .btn:hover, 
		.main-header .btn span {
			font-weight: 900;
		}
		
/* Main Container Styles Starts */

.main-container {
	padding-top: 80px;
	padding-bottom: 80px;
}	
	.demo-wrap {
		margin-top: 50px;
	}
		.item-holder {
			margin-top: 25px;
			margin-bottom: 25px;
			padding: 15px;
			position: relative;
			background-color: #f9f9f9;
			border: 1px solid #ddd;
		}
		.item-holder:hover {
			background-color: #f6f6f6;
			border-color: #ccc;
		}
			.item-holder .new-label {
				position: absolute;
				top: -20px;
				right: -20px;
				width: 65px;
				height: 65px;
				line-height: 70px;
				font-size: 16px;
				font-weight: 900;
				text-align: center;
				text-transform: uppercase;
				color: #fff;
				background-color: #69b0d6;
			}
			.item-holder:hover .new-label {
				background-color: #e23e03;
			}
			.item-holder .item {
				height: 250px;
				overflow: hidden;
			}
			.item-holder .item.hospital {
				background: transparent url(../images/demos/hospital.jpg) no-repeat center top;
			}
			.item-holder .item.dentist {
				background: transparent url(../images/demos/dental.jpg) no-repeat center top;
			}
			.item-holder .item.eye {
				background: transparent url(../images/demos/eye-clinic.jpg) no-repeat center top;
			}
			.item-holder .item.pets {
				background: transparent url(../images/demos/pets-clinic.jpg) no-repeat center top;
			}
			.item-holder .item.medi-assist {
				background: transparent url(../images/demos/medi-assist.jpg) no-repeat center top;
			}
			.item-holder .item.uc1 {
				background: transparent url(../images/demos/uc1.jpg) no-repeat center top;
			}
			.item-holder:hover .item {
				background-position: center bottom;
			}
			.item-holder h4 {
				margin-top: 25px;
				font-size: 20px;
				color: #323232;
				font-weight: bold;
				text-transform: uppercase;
			}
				.item-holder h4::after {
					content: "";
					margin: 10px auto 15px;
					width: 60px;
					height: 3px;
					display: block;
					background-color: #0195e5;
				}
			.item-holder h6 {
				margin-bottom: 20px;
				font-size: 15px;
				color: #666;
			}
			.item-holder .btn {
				margin-top: 10px;
				padding: 7px 14px;
				font-size: 16px;
			}

/* Features Section Starts */

.features-section {
	background-image: url(../images/features-bg.jpg);
}
	.features-section ul {
		margin-top: 50px;
		margin-bottom: 0;
	}
		.features-section li {
			margin-top: 40px;
			margin-bottom: 40px;
			color: #fff;
		}
			.features-section li h2 {
				margin: 0 auto 30px;
				width: 95px;
				height: 95px;
				line-height: 95px;
				font-size: 48px;				
				border: 2px solid #fff;
			}

/* Responsive Section Starts */

.responsive-section {
}
	.responsive-section h4 {
		font-size: 22px;
	}
		.responsive-section h4 strong {
			color: #0195e5;
			font-size: 20px;
			font-style: italic;
		}
	.responsive-section .btn {
		margin-top: 100px;
		padding: 14px 80px;
		font-size: 28px;
		font-weight: 700;
	}
		
/* Footer Styles Starts */

.main-footer {
	padding-top: 50px;
	padding-bottom: 50px;
	color: #fff;
	font-size: 20px;
	word-wrap: break-word;
	background-image: url(../images/footer-bg.jpg);
}
	.main-footer .btn {
		margin-top: 40px;
		padding: 8px 20px;
		font-size: 20px;
		font-weight: bold;
		text-transform: uppercase;
	}

/* Generic Styles Starts */

.parallax {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	background-attachment: fixed;
}

.no-margin-top		{ margin-top: 0; 	}
.no-margin-bottom	{ margin-bottom: 0; }

.text-thin		 	{ font-weight: 100; }
.text-extra-light	{ font-weight: 200; }
.text-light		 	{ font-weight: 300; }
.text-normal 	 	{ font-weight: 400; }
.text-medium 	 	{ font-weight: 500; }
.text-bold		 	{ font-weight: 700; }
.text-ultra-bold 	{ font-weight: 900; }

.text-lite-color { color: #6c6c6c; }

.img-center {
	margin-left: auto;
	margin-right: auto;
}

.no-border-radius, 
.flat {
	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
			border-radius: 0;
}

.item-holder .new-label, 
.features-section li h2 {
	-webkit-border-radius: 100%;	
	   -moz-border-radius: 100%;	
	        border-radius: 100%;	
}

.no-boxshadow {
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
			box-shadow: none;
}

.item-holder:hover {
	-webkit-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
	   -moz-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
	        box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
}

.font-awesome {
	font-family: 'FontAwesome';
	src: url('../font-awesome/fonts/fontawesome-webfont.eot?v=4.5.0');
	src: url('../font-awesome/fonts/fontawesome-webfont.eot?') format('embedded-opentype'), url('../font-awesome/fonts/fontawesome-webfont.woff2?v=4.5.0') format('woff2'), url('../font-awesome/fonts/fontawesome-webfont.woff?v=4.5.0') format('woff'), url('../font-awesome/fonts/fontawesome-webfont.ttf?v=4.5.0') format('truetype'), url('../font-awesome/fonts/fontawesome-webfont.svg?v=4.5.0') format('svg');
}

.animation, 
.animation a {
	-webkit-transition: all 0.5s ease 0s;
	   -moz-transition: all 0.5s ease 0s;
		    transition: all 0.5s ease 0s;
}

.animation-1, 
.animation-1 a {
	-webkit-transition: all 1s ease;
	   -moz-transition: all 1s ease;
		    transition: all 1s ease;	
}

.item-holder .item {
	-webkit-transition: all 8s ease;
	   -moz-transition: all 8s ease;
		    transition: all 8s ease;	
}