@charset "utf-8";
/* CSS Document */

/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}


/*color codes for easy access


red - ##c0392b;
gray - ##34495e;
*/

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition:.2s all ease-in-out;
  transition: .2s all ease-in-out;
}
body {
	font-family: "Open Sans", sans-serif;
	-webkit-animation: body .25s linear;
	        animation: body .25s linear;
	}
@-webkit-keyframes body {
	from {
		opacity: 0;
		}
	to {
		opacity: 1;
		}
	}
@keyframes body {
	from {
		opacity: 0;
		}
	to {
		opacity: 1;
		}
	}
a {
	text-decoration: none;
	color: inherit;
	}
li {
	list-style: none;
	}
.container {
	width: 1100px;
	margin: 0 auto;
	}
.header {
	background: -webkit-gradient(linear, left top, left bottom, from(#c0392b), to(#7A0002));
	background: linear-gradient(#c0392b, #7A0002);
	}
#inner-header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	padding: 1rem;
	color: #fff;
	}
ul.hdr-left, ul.hdr-right {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	line-height: 1.5;
	-webkit-animation: tires .25s linear;
	        animation: tires .25s linear;
	}
ul.hdr-left {
	order: 1;
}
ul.hdr-right {
	order: 3;
}
#logo {
	font-family: "Oswald", sans-serif;
	font-size: 3rem;
	color: #fff;
	letter-spacing: 2px;
	order: 2;
	}
ul#logo li:nth-child(2) {
	letter-spacing: 2px;
	text-align: center;
	}
ul#logo li:nth-child(3) {
	font-family: "Oswald", sans-serif;
	letter-spacing: 2px;
	text-align: center;
	font-size: 15px;
	margin-top: 5px;
	}
#phones {
	line-height: 1.5;
	font-size: 1.3rem;
	-webkit-animation: fadeIn .25s linear;
	        animation: fadeIn .25s linear;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
			    -ms-flex-direction: column;
			        flex-direction: column;
			-webkit-box-align: end;
			    -ms-flex-align: end;
			        align-items: flex-end;
	}
#phones li:nth-of-type(1) {
	font-size: 32px;
	font-family: "Oswald", sans-serif;
	letter-spacing: 1px;
	}
#phones li i {
	padding: 10px;
	background: #fff;
	color: #c0392b;
	border-radius: 50%;
	}

#phones li#email {
	font-size: 18px;
	}

#mainMenu {
	background: #34495e;
	color: #fff;
	display: block;
		width: 100%;
	font-family: Oswald, "Open Sans", "Helvetica Neue", Helvetica, Verdana, sans-serif;
	font-weight: 700;
	position: relative;
	text-align: center;
}
#menuBtn {
	display: inline-block;
		vertical-align: middle;
	display: none;
	padding: .5em;
	text-align: center;
}
#menuBtn::after {
	content: "\f0c9";
	font-family: "Font Awesome 5 Free";
	font-size: 1.25em;
	font-weight: 700;
	margin-left: .5em;
}
#mainMenu a {
	text-decoration: none;
}
#mainMenu ul {
	display: inline-block;
}
#mainMenu ul li {
	display: inline-block;
	padding: 1rem;
}
#mainMenu .mobile {
	display: none;
}
#menuBtn:hover, #menuBtn.active, #mainMenu ul li:hover, #mainMenu ul li.parent:hover, #mainMenu ul a li:hover {
	background-color: #eef;
	color: #34495e;
}
#mainMenu ul li.parent:hover {
}
#mainMenu ul li.parent ul {
	background-color: #eef;
	color: #34495e;
	box-shadow: 3px 3px 3px rgba( 0,0,0,.7 );
	display: none;
	margin: 1em 0 0 -1em;
	text-align: left;
}
#mainMenu ul li.parent ul li {
	display: block;
	color: #34495e;
}
#mainMenu ul li.parent span.parent::after {
	content: "\25BE ";
}
#mainMenu ul li.parent:hover ul, #mainMenu ul ul.submenu {
	display: block;
	position: absolute;
		z-index: 500;
}
#menuBtn:hover, #menuBtn.active, #mainMenu ul li:hover {
	background-color: #34495e;
	color: #fff;
}
#mainMenu ul li.parent ul li:hover {
	background-color: rgba( 0,0,128,0.2 );
}
.hero {
	background-color: #fff;
	color: #e74c3c;
	padding: 2rem 0;
	}
#top-call {
	-webkit-animation: fadeIn .25s linear;
	        animation: fadeIn .25s linear;
	-webkit-animation-fill-mode: forwards;
	        animation-fill-mode: forwards;
	padding: .5rem;
	text-align: center;
	}

#top-call h1 {
	padding-top: 2rem;
	font-family: "Oswald", sans-serif;
	font-size: 2rem;
	line-height: 1.5;
	padding-top: 0;
	padding-bottom: 1em;
	letter-spacing: 2px;
	}
#top-call p {
	max-width: 72ch;
	margin: 0 auto;
	text-align: center;
	line-height: 2.3;
	font-size: 1.25rem;
	padding-bottom: 1rem;
	}
.searchbutton {
	background: #34495e;
	color: #fff;
	padding: 1rem 5rem;
	display: inline-block;
	-webkit-animation: srch .25s linear;
	        animation: srch .25s linear;
	font-size: 1.2rem;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin: .1rem auto;
	}
.searchbutton:hover {
	background: #c0392b;
	}
@-webkit-keyframes fadeIn {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-500px);
		        transform: translateX(-500px);
		}
	25% {
		opacity: 0;
		}
	75% {
		opacity: 0;
		}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0px);
		        transform: translateX(0px);
		}
	}
@keyframes fadeIn {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-500px);
		        transform: translateX(-500px);
		}
	25% {
		opacity: 0;
		}
	75% {
		opacity: 0;
		}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0px);
		        transform: translateX(0px);
		}
	}
@-webkit-keyframes srch {
	0% {
		opacity: 0;
		-webkit-transform: translateY(500px);
		        transform: translateY(500px);
		}
	25% {
		opacity: 0;
		}
	75% {
		opacity: 0;
		}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0px);
		        transform: translateY(0px);
		}
	}
@keyframes srch {
	0% {
		opacity: 0;
		-webkit-transform: translateY(500px);
		        transform: translateY(500px);
		}
	25% {
		opacity: 0;
		}
	75% {
		opacity: 0;
		}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0px);
		        transform: translateY(0px);
		}
	}


.info {
	width: 100%;
	padding: 2rem 5px;
	background: #34495e;
	}
#inner-info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	color: #fff;
	}
#info-left {
	-webkit-box-flex: 2;
	    -ms-flex: 2;
	        flex: 2;
	padding-bottom: 1rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	    -ms-flex-direction:column;
	        flex-direction:column;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	text-align: left;
	-webkit-animation: fadeIn .25s linear;
	        animation: fadeIn .25s linear;
	padding-top: 2rem;
	}
#info-left h1 {
	font-family: "Oswald", sans-serif;
	font-size: 2.5rem;
	letter-spacing: .25rem;
	padding-bottom: .5rem;
	}
#info-left h2 {
	font-size: 1.1rem;
	line-height: 1.75;
	max-width: 55ch;
	}
#info-right h3 {
	font-family: "Oswald", sans-serif;
	font-size: 1.75rem;
	letter-spacing: 2px;
	font-style: italic;
	margin-top: 3rem;
	}
p#phn{
	font-size: 1.4rem;
	letter-spacing: 2px;
	margin-top: 1rem;
	}
#service-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	padding: 1rem;
	line-height: 1.9;
	font-size: 1.2rem;
	}
#service-list li {
	max-width: 35ch;
	list-style: none outside;
	}
#service-list li:before {
	content: "\f14a";
	padding-right: 5px;
	font-family: "Font Awesome 5 Free";
	font-weight: 700;
	}
#info-right {
	-webkit-box-flex: 1.5;
	    -ms-flex: 1.5;
	        flex: 1.5;
	padding-bottom: 1rem;
	padding-left: 1rem;
	height: auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	    -ms-flex-direction:column;
	        flex-direction:column;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	text-align: left;
	-webkit-animation: srch .25s linear;
	        animation: srch .25s linear;
	padding-top: 2rem;
	}
#hours {
	width: 370px;
	line-height: 1.5;
	}
#hours h2 {
	font-family: "Oswald", sans-serif;
	font-size: 2rem;
	text-align: center;
	}
p.day {
	float: left;
	}
p.time {
	float: right;
	}
	
/********************************************************************FOOTER**********************************/

.footer {
	background: -webkit-gradient(linear, left top, left bottom, from(#c0392b), to(#7A0002));
	background: linear-gradient(#c0392b, #7A0002);
	}
.footer-cont {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	padding-bottom: 2rem;
	padding-top: 2rem;
	padding-left: 1rem;
	padding-right: 1rem;
	color: #fff;
	}
.footer-cont h1 {
	font-size: 1.4rem;
	font-weight: 700;
	padding-bottom: 1rem;
	font-family: "Oswald", sans-serif;
	letter-spacing: 2px;
	}
.footer-cont li {
	line-height: 1.7;
}
.footer-cont li i {
	padding-right: .5rem;
	}
#footer-mid {
	text-align: center;
}
	
	
/**** MAP *****/

.map iframe {
	width: 100%;
	height: 400px;
	}
.directions {
	width: 100%;
	background: #34495e;
	padding: 10px 5px;
	}
.inner-directions {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	}
.inner-directions ul {
	margin: 35px;
	}
.inner-directions ul li {
	line-height: 1.5;
	color: #fff;
	}
.inner-directions ul h1 {
	font-family: "Oswald", sans-serif;
	font-size: 24px;
	font-weight: 700;
	color: #fff;
	margin: 10px 0;
	}
.inner-directions ul h2 {
	margin: 5px 0;
	letter-spacing: 1px;
	color: #fff;
	padding-bottom: 5px;
	border-bottom: 1px solid #fff;
	}