@import url("header.css");
@import url("footer.css");

/* ----------------------------- */
/* Slider styles
/* ----------------------------- */

.slider {
	display: block;
	box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.85);
}

.slider-image:hover {
	cursor: pointer;
}

/* ----------------------------- */
/* Welcome styles
/* ----------------------------- */

.welcome-msg {
	display: block;
	padding: 1.602rem;
	font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
	font-size: 2rem;
	color: #e88372;
	color: rgba(227, 32, 39, 0.85);
	text-align: left;
	text-shadow: 0px 1px 1px rgba(100, 100, 100, 0.2);
}

/* ----------------------------- */
/* About us styles
/* ----------------------------- */

.about-us-paragraph {
	display: block;
	width: 100%;
	padding-left: 0rem;
	padding-right: 0rem;
	padding-bottom: 1rem;
	font-family: 'Roboto Condensed', Verdana, Tahoma, Helvetica, sans-serif;
	font-size: 1.0625rem;
	color: #333;
	text-align: justify;
	line-height: 29px;
}

/* ----------------------------- */
/* Site features styles
/* ----------------------------- */

.site-features {
	display: block;
	width: 100%;
	padding: 1rem 0;
}

.site-features-col {
	display: inline-block;
	width: 49%;
	height: 340px;
	float: left;
	position: relative;
	padding: 1rem;
	background-color: rgba(0,0,0,0.03);
	background-color: rgba(246,247,247,0.9);
	background-color: #fff;

	box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.43);
}

.horizontal-filler {
	display: inline-block;
	float: left;
	width: 2%;
	height: 300px;

	clear: right;
}

.vertical-filler {
	display: block;
	float: left;
	width: 100%;
	height: 21px;
}

.feature-icon {
	display: inline-block;
	position: absolute;
	top: 32px;
	left: 36px;
}

.feature-icon .fa-heartbeat {
	display: inline-block;
	position: relative;
	width: 112px;
	height: 112px;
	font-size: 112px;
	color: #e32027;
}

.feature-icon .fa-hospital-o {
	display: inline-block;
	position: relative;
	width: 106px;
	height: 106px;
	font-size: 106px;
	color: #e32027;
}

.feature-icon .fa-flask {
	display: inline-block;
	position: relative;
	width: 106px;
	height: 106px;
	font-size: 106px;
	color: #e32027;
}

.feature-icon .fa-user-md {
	display: inline-block;
	position: relative;
	width: 112px;
	height: 112px;
	font-size: 112px;
	color: #e32027;
}

.feature-info {
	display: inline-block;
	position: absolute;
	right: 16px;
	top: 18px;
	width: 63%;
}

.feature-info-title {
	display: block;
	margin-bottom: 1rem;
	font-family: 'Roboto Condensed', Verdana, Tahoma, Helvetica, sans-serif;
	font-size: 1.424rem;
	color: #333;
	color: rgba(227, 32, 39, 0.85);
	text-align: left;
	text-transform: uppercase;
}

.feature-info-text {
	display: block;
	font-family: 'Roboto Condensed', Verdana, Tahoma, Helvetica, sans-serif;
	font-size: 1.0625rem;
	text-align: justify;
	color: #333;
	line-height: 23px;
}

.feature-pointer {
	display: block;
	position: absolute;
	right: 16px;
	bottom: 16px;
	font-family: 'Roboto Condensed', Verdana, Tahoma, Helvetica, sans-serif;
	font-size: 1rem;
	color: #333;
	text-transform: uppercase;
}

.feature-pointer a {
	color: rgba(227, 32, 39, 0.85);
	text-decoration: none;
}

.feature-pointer a:hover {
	color: rgba(227, 32, 39, 1);
	text-decoration: underline;
}

.shadowed-icon {
	height: 0;
	width: 0;
	filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=5,Color='#444')";
	filter: url(#drop-shadow);
	/*-webkit-filter: drop-shadow(0px 5px 1px rgba(0,0,255,0.28));*/
	-webkit-filter: drop-shadow(0px 4px 0px rgba(215, 27, 34, 0.20));
	/*filter: drop-shadow(0px 5px 1px rgba(0,0,255,0.28)); */
	filter: drop-shadow(0px 4px 0px rgba(215, 27, 34, 0.25));
}

.filler {
	display: block;
	width: 100%;
	height: 650px;
}