@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400");
@import url(fontawesome/css/all.css);
@import url(form.css);
/* line 6, styles/scss/CSS-Main.scss */
* {
	position: relative;
	z-index: 5;
	box-sizing: border-box;
	font-weight: normal;
}

/* line 13, styles/scss/CSS-Main.scss */
html, body {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	min-height: 100%;
	padding: 0px;
	margin: 0px;
	font-size: medium;
	color: #212121;
	font-family: 'Open Sans', sans-serif;
}

/* line 26, styles/scss/CSS-Main.scss */
header {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	background-color: white;
}

/* line 34, styles/scss/CSS-Main.scss */
header .container {
	width: 90%;
}

/* line 38, styles/scss/CSS-Main.scss */
header .topbar {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	width: 100%;
	height: 50px;
}

/* line 45, styles/scss/CSS-Main.scss */
header .topbar > div {
	display: flex;
	justify-content: space-between;
}

/* line 50, styles/scss/CSS-Main.scss */
header .topbar > div span {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	padding: 0px 10px;
	border-right: 1px solid gray;
}

/* line 60, styles/scss/CSS-Main.scss */
header .topbar > div span:last-of-type {
	border: none;
}

/* line 66, styles/scss/CSS-Main.scss */
header .topbar .call-now {
	height: 100%;
	background-color: #de0a09;
	color: white;
	padding: 0px 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 1.3em;
}

/* line 79, styles/scss/CSS-Main.scss */
header nav {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	width: 100%;
	height: 125px;
}

/* line 86, styles/scss/CSS-Main.scss */
header nav .logo {
	display: block;
	max-height: 100%;
}

/* line 90, styles/scss/CSS-Main.scss */
header nav .logo img {
	max-height: 100px;
}

/* line 95, styles/scss/CSS-Main.scss */
header nav .mobile-menu {
	display: none;
	justify-content: center;
	align-items: center;
	font-size: 2em;
}

/* line 103, styles/scss/CSS-Main.scss */
header nav .mobile-menu i {
	margin-left: 10px;
}

/* line 107, styles/scss/CSS-Main.scss */
header nav .links {
	display: flex;
}

/* line 110, styles/scss/CSS-Main.scss */
header nav .links a {
	display: inline-block;
	color: #212121;
	text-decoration: none;
	padding: 10px 20px;
	transition: background-color 0.15s, color 0.15s, padding 0.15s;
}

/* line 123, styles/scss/CSS-Main.scss */
header nav .links a:hover, header nav .links a.current {
	background-color: #de0a09;
	color: white;
}

/* line 135, styles/scss/CSS-Main.scss */
.hero {
	position: relative;
	width: 100%;
	height: 600px;
	background-size: contain;
	background-repeat: no-repeat;
	border-top: 10px solid #de0a09;
	border-bottom: 10px solid #de0a09;
}

/* line 147, styles/scss/CSS-Main.scss */
.hero.homepage {
	background-position: 0px 0px;
	background-image: url(../Images-Main/1.jpeg);
	box-shadow: inset 0px 0px 20px 10px rgba(0, 0, 0, 0.23);
}

/* line 153, styles/scss/CSS-Main.scss */
.hero.tag-line {
	height: auto;
}

/* line 157, styles/scss/CSS-Main.scss */
.hero.bg-bottom {
	background-position: 100% bottom;
}

/* line 161, styles/scss/CSS-Main.scss */
.hero.bg-top {
	background-position: 100% top;
}

/* line 165, styles/scss/CSS-Main.scss */
.hero.height-fix {
	background-size: 65% auto;
}

/* line 171, styles/scss/CSS-Main.scss */
.content-body {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	background-color: white;
}

/* line 180, styles/scss/CSS-Main.scss */
.content-body.row {
	flex-direction: row;
}

/* line 184, styles/scss/CSS-Main.scss */
.content-body.row-reverse {
	flex-direction: row-reverse;
}

/* line 188, styles/scss/CSS-Main.scss */
.content-body.space-between {
	justify-content: space-between;
}

/* line 192, styles/scss/CSS-Main.scss */
.content-body.justify-center {
	justify-content: center;
}

/* line 196, styles/scss/CSS-Main.scss */
.content-body.justify-around {
	justify-content: space-around;
}

/* line 202, styles/scss/CSS-Main.scss */
.google-map {
	width: 100%;
	height: 600px;
}

/* line 209, styles/scss/CSS-Main.scss */
.services-list {
	align-items: stretch;
}

/* line 212, styles/scss/CSS-Main.scss */
.services-list.cricle {
	padding: 0px;
}

/* line 214, styles/scss/CSS-Main.scss */
.services-list.cricle div.list {
	width: 33.33%;
	background-color: #de0a09;
	color: white;
	padding: 20px;
}

/* line 220, styles/scss/CSS-Main.scss */
.services-list.cricle div.list h2 {
	border-radius: 100%;
	overflow: hidden;
	width: 100px;
	color: #de0a09;
}

/* line 225, styles/scss/CSS-Main.scss */
.services-list.cricle div.list h2 .cover {
	background-color: white;
	opacity: 1;
}

/* line 230, styles/scss/CSS-Main.scss */
.services-list.cricle div.list ul {
	width: 100%;
	padding-left: 0px;
	list-style: none;
	text-align: center;
}

/* line 235, styles/scss/CSS-Main.scss */
.services-list.cricle div.list ul li {
	width: 100%;
	border-bottom: 1px solid white;
	padding: 10px;
}

/* line 244, styles/scss/CSS-Main.scss */
.services-list div.list {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 25%;
	padding-bottom: 20px;
	transition: box-shadow 0.25s ease, width 0.25s ease;
}

/* line 253, styles/scss/CSS-Main.scss */
.services-list div.list h2 {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
	position: relative;
	width: 100%;
	height: 100px;
	text-align: center;
	color: white;
	padding: 20px 0px;
	margin: 0px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

/* line 273, styles/scss/CSS-Main.scss */
.services-list div.list h2 span {
	font-size: 1.3em;
}

/* line 278, styles/scss/CSS-Main.scss */
.services-list div.list h2 .cover {
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 0;
	width: 100%;
	height: 100%;
	background-color: #de0a09;
	opacity: 0.83;
	transition: opacity 0.25s;
}

/* line 290, styles/scss/CSS-Main.scss */
.services-list div.list ul {
	max-width: 300px;
}

/* line 292, styles/scss/CSS-Main.scss */
.services-list div.list ul li {
	padding: 5px 0px;
}

@media screen and (min-width: 1100px) {
	/* line 302, styles/scss/CSS-Main.scss */
	.services-list:not(.cricle) div.list:hover {
		width: 30%;
		box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.23);
	}
	/* line 305, styles/scss/CSS-Main.scss */
	.services-list:not(.cricle) div.list:hover h2 .cover {
		opacity: 0.23;
	}
}

/* line 312, styles/scss/CSS-Main.scss */
.image-grid {
	flex-wrap: wrap;
	justify-content: center;
}

/* line 316, styles/scss/CSS-Main.scss */
.image-grid div {
	position: relative;
	background-color: #de0a09;
	height: 350px;
	overflow: hidden;
}

/* line 323, styles/scss/CSS-Main.scss */
.image-grid img {
	left: 0px;
	top: 0px;
	height: 100%;
	opacity: 1;
	transition: opacity 0.50s, width 1.50s 0.15s ease, height 1.50s 0.15s ease, left 1.50s 0.15s ease, top 1.50s 0.15s ease;
}

/* line 341, styles/scss/CSS-Main.scss */
.box.max-1200 {
	max-width: 1200px;
}

/* line 345, styles/scss/CSS-Main.scss */
.box.width-100 {
	width: 100%;
}

/* line 349, styles/scss/CSS-Main.scss */
.box.width-60 {
	width: 60%;
}

/* line 353, styles/scss/CSS-Main.scss */
.box.width-50 {
	width: 50%;
}

/* line 357, styles/scss/CSS-Main.scss */
.box.width-40 {
	width: 40%;
}

/* line 361, styles/scss/CSS-Main.scss */
.box.height-100 {
	height: 100%;
}

/* line 365, styles/scss/CSS-Main.scss */
.box.pad-light {
	padding: 10px;
}

/* line 369, styles/scss/CSS-Main.scss */
.box.pad {
	padding: 25px;
}

/* line 373, styles/scss/CSS-Main.scss */
.box.pad-heavy {
	padding: 50px;
}

/* line 377, styles/scss/CSS-Main.scss */
.box.pad-extra-heavy {
	padding: 100px;
}

/* line 381, styles/scss/CSS-Main.scss */
.box.no-pad-left {
	padding-left: 0px;
}

/* line 385, styles/scss/CSS-Main.scss */
.box.bg-image {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

/* line 391, styles/scss/CSS-Main.scss */
.box.bg-color {
	background-color: #de0a09;
	color: white;
}

/* line 396, styles/scss/CSS-Main.scss */
.box.align-flex-start {
	align-self: flex-start;
}

/* line 400, styles/scss/CSS-Main.scss */
.box.align-flex-end {
	align-self: flex-end;
}

/* line 404, styles/scss/CSS-Main.scss */
.box.box-shadow {
	box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.23);
}

/* line 408, styles/scss/CSS-Main.scss */
.box.extra-line-height {
	line-height: 1.5em;
}

/* line 412, styles/scss/CSS-Main.scss */
.box.flex-row {
	display: flex;
}

/* line 416, styles/scss/CSS-Main.scss */
.box.float-left {
	float: left;
}

/* line 420, styles/scss/CSS-Main.scss */
.box.float-right {
	float: right;
}

/* line 424, styles/scss/CSS-Main.scss */
.box.button {
	background-color: white;
	color: #de0a09;
	text-decoration: none;
	padding: 10px;
}

/* line 429, styles/scss/CSS-Main.scss */
.box.button i {
	margin-left: 0px;
	transition: margin-left 0.15s;
}

/* line 430, styles/scss/CSS-Main.scss */
.box.button:hover i {
	margin-left: 10px;
}

/* line 431, styles/scss/CSS-Main.scss */
.box.button.alt {
	color: white;
	background-color: #de0a09;
}

/* line 439, styles/scss/CSS-Main.scss */
.tag-line {
	display: flex;
	padding: 100px 0px;
	width: 100%;
	background-size: cover;
	background-position: 400px center;
	background-repeat: no-repeat;
}

/* line 449, styles/scss/CSS-Main.scss */
.tag-line.hero {
	color: white;
}

/* line 453, styles/scss/CSS-Main.scss */
.tag-line > .box {
	width: 50%;
	background-color: rgba(222, 10, 9, 0.75);
}

/* line 460, styles/scss/CSS-Main.scss */
footer {
	position: relative;
	display: flex;
	justify-content: space-around;
	align-items: flex-start;
	width: 100%;
	background-color: #de0a09;
	color: white;
	padding: 25px 0px;
}

/* line 471, styles/scss/CSS-Main.scss */
footer h4, footer h3 {
	margin-bottom: 0px;
}

/* line 475, styles/scss/CSS-Main.scss */
footer p {
	margin: 0px;
	padding: 10px 0px;
}

/* line 480, styles/scss/CSS-Main.scss */
footer .admin-links {
	position: absolute;
	right: 0px;
	bottom: 0px;
	font-size: x-small;
}

/* line 484, styles/scss/CSS-Main.scss */
footer .admin-links a {
	display: inline-block !important;
	width: auto !important;
}

/* line 487, styles/scss/CSS-Main.scss */
footer .button {
	display: block;
}

/* line 489, styles/scss/CSS-Main.scss */
footer .button i {
	margin-right: 10px;
}

/* line 492, styles/scss/CSS-Main.scss */
footer a:not(.button) {
	display: inline-block;
	width: 50%;
	color: white;
	text-decoration: none;
	padding: 5px;
	transition: background-color 0.15s, color 0.15s;
}

/* line 499, styles/scss/CSS-Main.scss */
footer a:not(.button) i {
	color: #de0a09;
}

/* line 500, styles/scss/CSS-Main.scss */
footer a:not(.button):hover {
	background-color: white;
	color: #de0a09;
}

/* line 506, styles/scss/CSS-Main.scss */
footer > div {
	width: 25%;
}

/* line 508, styles/scss/CSS-Main.scss */
footer > div img {
	max-width: 100%;
}

@media screen and (max-width: 1460px) {
	/* line 517, styles/scss/CSS-Main.scss */
	header nav .links a {
		padding: 10px !important;
	}
}

@media screen and (max-width: 1370px) {
	/* line 524, styles/scss/CSS-Main.scss */
	html, body {
		font-size: medium;
	}
}

@media screen and (max-width: 1250px) {
	/* line 533, styles/scss/CSS-Main.scss */
	header .container {
		width: 100%;
	}
	/* line 539, styles/scss/CSS-Main.scss */
	header .topbar .call-now {
		width: 100%;
	}
	/* line 545, styles/scss/CSS-Main.scss */
	header nav {
		padding: 0px 10px;
	}
}

@media screen and (max-width: 1125px) {
	/* line 557, styles/scss/CSS-Main.scss */
	header nav {
		font-size: small;
	}
}

@media screen and (max-width: 985px) {
	/* line 567, styles/scss/CSS-Main.scss */
	header {
		z-index: 10;
	}
	/* line 570, styles/scss/CSS-Main.scss */
	header nav {
		position: relative;
		z-index: 10;
		align-items: center;
	}
	/* line 575, styles/scss/CSS-Main.scss */
	header nav .mobile-menu {
		display: flex;
	}
	/* line 579, styles/scss/CSS-Main.scss */
	header nav .links {
		position: absolute;
		top: 100%;
		right: 0px;
		width: 100%;
		flex-direction: column;
		background-color: white;
		font-size: 1.5em;
		box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.23);
	}
	/* line 588, styles/scss/CSS-Main.scss */
	header nav .links a {
		display: block;
		width: 100%;
	}
	/* line 593, styles/scss/CSS-Main.scss */
	header nav .links.hide {
		display: none;
	}
	/* line 603, styles/scss/CSS-Main.scss */
	.tag-line {
		padding: 0px;
		background-position: center !important;
		background-size: cover !important;
	}
	/* line 608, styles/scss/CSS-Main.scss */
	.tag-line > .box {
		width: 100%;
	}
	/* line 612, styles/scss/CSS-Main.scss */
	.tag-line.hero {
		text-align: center;
	}
	/* line 618, styles/scss/CSS-Main.scss */
	#contact-section-no-image {
		flex-direction: column-reverse;
	}
	/* line 621, styles/scss/CSS-Main.scss */
	#contact-section-no-image .box.width-40, #contact-section-no-image .box.width-60 {
		width: 100%;
	}
	/* line 627, styles/scss/CSS-Main.scss */
	.mobile-column {
		flex-direction: column !important;
	}
	/* line 630, styles/scss/CSS-Main.scss */
	.mobile-column > .box {
		width: 100% !important;
	}
	/* line 638, styles/scss/CSS-Main.scss */
	.mobile-box-100 > .box {
		width: 100% !important;
	}
	/* line 646, styles/scss/CSS-Main.scss */
	.tablet-box-50-50 > .box {
		width: 50% !important;
	}
	/* line 652, styles/scss/CSS-Main.scss */
	.services-list {
		flex-direction: column !important;
	}
	/* line 656, styles/scss/CSS-Main.scss */
	.services-list .list {
		width: 100% !important;
	}
	/* line 664, styles/scss/CSS-Main.scss */
	.box.pad-heavy {
		padding: 25px;
	}
	/* line 668, styles/scss/CSS-Main.scss */
	.box.pad-extra-heavy {
		padding: 25px;
	}
	/* line 672, styles/scss/CSS-Main.scss */
	.box.bg-image {
		height: 250px;
	}
	/* line 676, styles/scss/CSS-Main.scss */
	.box.bg-color {
		background-color: #de0a09 !important;
		color: white !important;
	}
	/* line 683, styles/scss/CSS-Main.scss */
	footer {
		flex-direction: column;
		align-items: center;
	}
	/* line 687, styles/scss/CSS-Main.scss */
	footer > div {
		width: 95%;
	}
}

@media screen and (max-width: 450px) {
	/* line 700, styles/scss/CSS-Main.scss */
	header nav .logo {
		width: 200px;
	}
	/* line 702, styles/scss/CSS-Main.scss */
	header nav .logo img {
		max-width: 100%;
	}
	/* line 709, styles/scss/CSS-Main.scss */
	.tablet-box-50-50 {
		flex-direction: column !important;
	}
	/* line 713, styles/scss/CSS-Main.scss */
	.tablet-box-50-50.mobile-col-reverse {
		flex-direction: column-reverse !important;
	}
	/* line 717, styles/scss/CSS-Main.scss */
	.tablet-box-50-50 > .box {
		width: 100% !important;
	}
}