/* Webfurious Designs website style sheet
Author : Tony AuBuChon
Date : 03/08/2021
Desc: Master style sheet
Copyright 2021 Webfurious Designs
*/

@charset "utf-8";

.clearfix::after { content:""; display: table; clear: both; }
* { -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }

body { 
	background: url('../img/bg_2.jpg');
	margin: 0; 
	padding: 0;
	font-family: 'Karla', sans-serif;
}

h1,h2,h3,h4,h5,h6 {
	font-family: 'Oswald', sans-serif;
}

header { width: 100%; margin: 0px; background: url( "../img/header_bg.jpg"); }
#top-bar { margin: auto; height: 27px; background: url( "../img/topbar_bg.png" ) no-repeat; background-size: 100% 27px; }
#top-bar p { float: left; padding: 6px 10px 0 20px; margin: 0; color: #ccc; font-size: 10px; text-align: center; }
#top-bar img { width: 18px; height: 18px; float: right; margin: 3px 10px 0 0; }
#top-bar img:hover { width: 19px; height: 19px; }

#logo { padding-top: 22px; padding-bottom: 22px; }
#logo img { max-width: 100%; }

#quote-btn { 
	background: #909b19; 
	color: #333; 
	border-radius: 10px; 
	text-align: center; 
	text-decoration: none; 
	text-shadow: .5px .5px 0 #fff;
	font-weight: 600;
	font-size: 16px; 
	cursor: pointer;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
	box-shadow: 0 0 10px #000;
	padding: 10px; 
	margin-top: 50px; 
	float: left;
}
#quote-btn:hover { color: #ff0; background: #abb71e; text-shadow: .5px .5px 1px #333; }

#maint { float: left; width: 150px; height: 25px; margin-left: 10px; background: url( "../img/icons/undermaint.png" ); }

/* Main Navigation */
nav { width: 100%; height: 37px; background: url( "../img/nav_bg.jpg"); text-transform: uppercase; display: block; }

nav a { 
	display: inline-block;
	color: #263441;
	text-decoration: none;
	text-shadow: 1px 1px #fff; 
	text-align: center;
	width: 100px;
	height: 34px;
	padding-top: 6px;
}
nav a:hover { 
	display: inline-block;
	color: #FF0;
	text-decoration: none;
	text-shadow: 1px 1px #000; 
	background: url('../img/nav/btn_active.png');
	width: 100px;
	transition: 300ms all linear;
	-o-transform: 300ms all linear;
	-moz-webkit-transition: 300ms all linear;
	-webkit-transition: 300ms all linear;
}
nav a.active { 
	display: inline-block;
	color: #FF0;
	text-decoration: none;
	text-align: center;
	text-shadow: 1px 1px #000; 
	background: url('../img/btn_active.png');
	width: 100px;
	transition: 300ms all linear;
	-o-transform: 300ms all linear;
	-moz-webkit-transition: 300ms all linear;
	-webkit-transition: 300ms all linear;
}
/* End Main Navigation */

#slider { width: 100%; background: url( '../img/slider/slider-bg.jpg'); }
#slider img { width: 100%; }


#about { 
	display: block;
	width: 100%; 
	height: 100%; 
	background: #909b19; 
	margin: 0;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #ffffff;
	padding-top: 30px;
}
#about h2 { 
	text-align: center; 
	letter-spacing: 2px; 
	text-shadow: 0.5px 0.5px 0px #fff; 
	font-weight: 500;
	color: #222;
	margin: 0;
}
#about h4 { 
	font-style: italic; 
	text-align: center; 
	text-shadow: 0.5px 0.5px 0px #fff; 
	color: #333;
	margin: 0;
	padding-bottom: 30px;
	font-weight: 500;
	width: 100%;
}

.icon { overflow:hidden; float:left; margin:10px 20px 0 0; }
.ico1 {background:url(../img/icons/ico1.png) no-repeat; width:60px; height:60px;}
.ico2 {background:url(../img/icons/ico2.png) no-repeat; width:60px; height:60px;}
.ico3 {background:url(../img/icons/ico3.png) no-repeat; width:60px; height:60px;}

#main-content { }

#main-content h1 { font-size: 24px; color: #222; text-shadow: .5px .5px 0 #fff; font-weight: 500; }
#main-content h2 { font-size: 20px; color: #222; text-shadow: .5px .5px 0 #fff; font-weight: 500; }
#main-content p { padding-right: 40px; }

#featured-services h3 { font-size: 22px; font-weight: 500; color: #222; margin: 0; text-shadow: .5px .5px 0 #fff; }
#featured-services p { font-size: 14px; color: #222; margin: 5px 0; }

@media screen and (max-width: 480px) {
	#main-content { text-align: center; }
	#main-content p { padding: 0; }
	#featured-services{ text-align: center; }
}

/* check color*/
.check-color { padding:0; line-height:26px; text-decoration: none; list-style: none; }
.check-color ul { margin:0 0 0 -2px; }
.check-color li { padding:0 0 0 20px; background:url( '../img/icons/arrow.png' ) no-repeat 0 6px; }

/* Quote Box */
#quote { width: 100%; height: 100%; padding: 20px; background: #ccc; border-radius: 15px; box-shadow: 0 0 10px #333; margin-bottom: 30px; }
#quote h1 { font-size: 18px; font-weight: 500; color: #333; text-shadow: .5px .5px 0 #fff; margin: 0; }
#quote p { color: #333; margin: 5px 0; padding: 0; }

#quote-button { 
	background: #909b19; 
	color: #333; 
	border-radius: 10px; 
	text-align: center; 
	text-decoration: none; 
	text-shadow: .5px .5px 0 #fff;
	font-weight: 600;
	font-size: 16px; 
	margin-top: 20px; 
	margin-right: 30px;
	cursor: pointer;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
	box-shadow: 0 2px 5px #333;
	padding: 10px; 
	float: right;
}
#quote-button:hover { color: #ff0; background: #abb71e; text-shadow: .5px .5px 1px #333; }

@media screen and (max-width: 480px) {
	#quote { text-align: center; padding-bottom: 30px; }
	#quote p { margin-bottom: 30px; }
	#quote-button { margin: 10px 0 10px 0; float: none; }
	#quote-mobile { padding: 10px; }
}

/* Footer Section */
#footer_top { width: 100%; height: 25px; background: url('../img/footer_top.jpg'); }
footer { margin-bottom: 0; width: 100%; height: 100%; background: url('../img/footer_bg.jpg'); }
footer h1 { font-size: 24px; padding: 10px 0 10px 0; color: #3e7180; text-shadow: 1px 1px 2px #000; }

#contact p { margin: 0; color: #ccc; }
#contact img { padding: 5px 5px 20px 0; }
#contact h6 { font-size: 18px; margin: 0; padding-top: 20px; color: #ff0; text-shadow: 1px 1px 2px #000; }

#links { text-align: center; }
#links a { text-decoration: none; color: #ccc; display: block; }
#links a:hover { color: #ff0; font-weight: 700; }

#features { text-align: right; }
#features img { margin: 5px; width: 25%; box-shadow: .5px .5px 10px #000; }
#features img:hover { box-shadow: 0 0 10px #fff; } 

#copyright { width: 100%; height: 40px; text-align: center; background: url('../img/footer_bottom.jpg'); padding-top: 10px; }
#copyright p { color: #777; margin: 0px; height: 100%; width: 100%; }

@media screen and (max-width: 480px) {
	#contact { text-align: center; }
	#links { text-align: center; }
	#features { text-align: center; margin-bottom: 20px; }
}

/* Services Page */
#services-print { padding: 40px 10px 20px 10px; }
#services-print h1 { font-size: 32px; color: #222; text-shadow: .5px .5px 0 #fff; font-weight: 500; }
#services-print img { margin: auto;}
#services-web { padding-top: 30px; float: left; }
#services-web h1 { font-size: 32px; color: #222; text-shadow: .5px .5px 0 #fff; font-weight: 500; }
#services-ident { padding-top: 30px; padding-bottom: 30px; float: left; }
#services-ident h1 { font-size: 32px; color: #222; text-shadow: .5px .5px 0 #fff; font-weight: 500; }

@media screen and (max-width: 480px) {
	#services-print { text-align: center; padding: 10px; }
	#services-print ul { text-align: left; }
	#services-web { text-align: center; padding: 10px; }
	#services-ident { text-align: center; padding: 10px; }
}


/* Portfolio Page */
#portfolio { padding-top: 30px; text-align: center; }
#portfolio h1 { padding-bottom: 20px; font-size: 32px; color: #222; text-shadow: .5px .5px 0 #fff; font-weight: 500; }
#portfolio img {  }

/* Contact Page */
#contact-info { padding-top: 20px; padding-bottom: 20px; }
#contact-info h1 { font-size: 32px; color: #222; text-shadow: .5px .5px 0 #fff; font-weight: 500; }
#contact-info img { box-shadow: 0 0 10px #333; margin-top: 20px; margin-bottom: 30px; width: 100%; }

@media screen and (max-width: 480px) {
	#contact-info { text-align: center; }
}

/* Privacy Page */
#privacy-info { padding-top: 20px; padding-bottom: 20px; }
#privacy-info h1 { font-size: 32px; color: #222; text-shadow: .5px .5px 0 #fff; font-weight: 500; }