/*  
Designed and Developed By Aaron Chiandet
chiandet.com
aboundmedia.com
*/

/*
Deep Red #952a05
Dark Green #373727
Lt Dark Green #55551d
Dark Brown #b1aa93
Med Brown #dad1be
Lt Brown #e3dfd1
*/


/* -----------------------------------------------------------------------------Global */
body {
	background: url('img/bg-texture.png');
	font-family: 'Open Sans', san-serif;
}

.align-right {
		text-align:right;
	}
	
.align-center {
	text-align:right;
}

img {
	max-width: 100%;
}

a {
	color: #952a05;
	text-decoration: none;
}

p {
	font-family: 1em 'open_sansregular', san-serif;
	line-height: 1.5em;
	color: #373727;
}

h1 {
	font-family: 1em 'trocchiregular', serif;

}

h2 {
	font-family: 'trocchiregular', serif;
	color: #373727;
}

h3 {
	font-family: 'trocchiregular', serif;
}

li {
	line-height: 1.5em;
}
.first { margin-top: 0 !important; margin-left: 0 !important; }
.last { margin-bottom: 0 !important; margin-right: 0 !important; }

/* -----------------------------------------------------------------------------Font Face */

@font-face {
    font-family: 'trocchiregular';
    src: url('../fonts/trocchi-webfont.eot');
    src: url('../fonts/trocchi-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/trocchi-webfont.woff') format('woff'),
         url('../fonts/trocchi-webfont.ttf') format('truetype'),
         url('../fonts/trocchi-webfont.svg#trocchiregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'trocchi_boldbold';
    src: url('../fonts/trocchi-bold-webfont.eot');
    src: url('../fonts/trocchi-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/trocchi-bold-webfont.woff') format('woff'),
         url('../fonts/trocchi-bold-webfont.ttf') format('truetype'),
         url('../fonts/trocchi-bold-webfont.svg#trocchi_boldbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansbold';
    src: url('../fonts/opensans-bold-webfont.eot');
    src: url('../fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-bold-webfont.woff') format('woff'),
         url('../fonts/opensans-bold-webfont.ttf') format('truetype'),
         url('../fonts/opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansitalic';
    src: url('../fonts/opensans-italic-webfont.eot');
    src: url('../fonts/opensans-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-italic-webfont.woff') format('woff'),
         url('../fonts/opensans-italic-webfont.ttf') format('truetype'),
         url('../fonts/opensans-italic-webfont.svg#open_sansitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/opensans-regular-webfont.eot');
    src: url('../fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-regular-webfont.woff') format('woff'),
         url('../fonts/opensans-regular-webfont.ttf') format('truetype'),
         url('../fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* -----------------------------------------------------------------------------Header/Navigation Styles */

#header {
	background-image: url("img/header_bg.png");
	background-position: bottom;
	max-height: 110px;
}

#header img {
	margin: 3% 0;
}

#menu {
	padding: 6% 0;
	margin: 0;

	
}

#menu ul {
	margin: 1% 0 0 0;
	padding: 0.5%;
}
#menu li {
	margin: 0 0.5% 1% 0;
	padding: 0;
	text-align: right;
	display: inline;
		list-style: none;
}
#menu a {
	padding: 3px 12px;
	text-decoration: none;
	text-transform: uppercase;
	font: 800 0.8em "open_sansbold", san-serif;
	color: #373727;;
	line-height: 100%;
}
#menu a:hover {
	color: #952a05;
	border-bottom: 3px double #952a05;
}
#menu .current a {
	color: #952a05;
}

.slicknav_menu {
	display:none;
}



/* -----------------------------------------------------------------------------Content Styles */

#slider {
	margin-top: 3%;
}

#highlight {
	background-color: #FFF;
	padding: 2%;
	margin-right: 2%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	width:32%;
	border: 3px double #e0ddd4;
	text-align: center;

}

.btn {
	color: #fff;
	background-image: url('img/btn-texture.png');
	padding: 2% 5%;
	margin-bottom: 4%;
	text-transform: uppercase;
	font-size: 0.75em;
}

.btn:hover {
	color: #CDF2D6;
	background-color: #4D4D4D;
}

#testimonial {
	background: url('img/brown-texture.png');
}

#testimonial {
	margin-top: 30px;
	padding: 30px;
}

#testimonial h3 {
	font: italic 1.5em "open_sansregular", san-serif;
	line-height: 1.75em;
	margin: 0;
	color: #373727;
}

#page-intro h1 {
	font-family: 'trocchiregular';
	font-size: 1.5em;
	line-height: 2em;
	color: #55551d;
	border-bottom: 3px double #e0ddd4;
	padding-bottom: 1%;
}

#page-intro p {
	border-bottom: 3px double #e0ddd4;
	padding-bottom: 1.5%;
}

#hiring h2 {
	margin-bottom: 2%;
}

#hiring h3 {
	font-family: 'open_sansbold', san-serif;
	font-weight: bold;
	margin: 0;
}

#hiring p {
	margin-top: 0;
}

#hiring ul {
	padding: 0 0 3% 0;
	list-style: none;
}

#hiring li {
	padding: 0 0 1% 3.3%;
	background-image: url('img/check.png');
	background-repeat: no-repeat;
	background-position: -0 .4em;
}

.btn-apply {
	color: #fff;
	background-image: url('img/btn-texture.png');
	padding: 2% 5%;
	text-transform: uppercase;
	font-size: 1em;
}

#about {
	margin-bottom: 12%;

}


/* -----------------------------------------------------------------------------Contact Styles */

form {
	width:90%;
}

input {
	width:100%;
	border: 3px double #e0ddd4;
	padding: 2%;
}

textarea.message {
	display:block;
}

textarea#feedback {
	width:100%;
	height:20%;
	border: 3px double #e0ddd4;
	padding: 2%;
}

.button {
	background: #FFF;
	height: 50px;
	font-weight: bold;
	margin: 10px 0 30px 0;
}

.button:hover {
	background: #e0ddd4;
	color: 383838;
}

#social img {
	padding: 5px;
}

#contactForm {
	margin: 0 0 0 0;
}

#form-info {
	width: 33.2%;
}

/* -----------------------------------------------------------------------------Service Styles */

#service-nav ul {
	padding: 0;
	margin: 0 0 6% 0;
	list-style: none;
	line-height: 2em;
}

#service-nav li a {
	padding: 0 0 2.5px 19px;
	background-image: url('img/gears-small.png');
	background-repeat: no-repeat;
	background-position: 0 .4em;
	font-size: 1em;
	font-weight: bold;
	color: #373727;
}

#service-content-foot {
	border-top: 3px double #e0ddd4;
	border-bottom: 3px double #e0ddd4;
	margin-bottom: 3%;
}

#service-content-foot ul {
	list-style: none;
	overflow: auto;
	font-size: 0.9em;
	padding: 0 3%;
}

#service-content-foot li a {
	display: inline-block;
	font-style: italic;
}

.top {
	background-image: url('img/service-top.png');
	background-repeat: no-repeat;
	padding-left: 2.8%;
	background-position: 0;
	float: right;
}

.request {
	background-image: url('img/service-man.png');
	background-repeat: no-repeat;
	padding-left: 3%;
	background-position: 0;
	float: left;
}

#serv-request {
	width: 100%;
}

/* -----------------------------------------------------------------------------Footer Styles */

#footer {
	background-image: url("img/footer_bg.png");
	min-height: 20%;
	margin: 3% 0 0 0;
	padding: 2% 0 0 0;
	color: #FFF;
}

#footer h3 {
	font-size: 1.5em;
	font-weight: lighter;
	margin: 0;
}

#footer a {
	color: #FFF;
}

#footer ul {
	list-style: none;
	font-size: 1em;
	padding: 0;
	margin: 0;
}

#footer_services li {
	padding: 1px 0 2.5px 19px;
	background-image: url('img/gears-small.png');
	background-repeat: no-repeat;
	background-position: 0 .4em;
}

.follow {
	background-image: url('img/twitter.png');
	background-repeat: no-repeat;
	height: 28px;
	padding: 7px 0 0 33px;
	background-position: 0 .4em;
}

.like {
	background-image: url('img/facebook.png');
	background-repeat: no-repeat;
	height: 28px;
	padding: 7px 0 0 33px;
	background-position: 0 .4em;
}

.google {
	background-image: url('img/google.png');
	background-repeat: no-repeat;
	height: 28px;
	padding: 7px 0 0 33px;
	background-position: 0 .4em;
}

.phone {
	background-image: url('img/phone.png');
	background-repeat: no-repeat;
	height: 28px;
	padding: 7px 0 0 33px;
	background-position: 0 .4em;
}

.mail {
	background-image: url('img/mail.png');
	background-repeat: no-repeat;
	height: 28px;
	padding: 7px 0 0 33px;
	background-position: 0 .4em;
}

.place {
	background-image: url('img/place.png');
	background-repeat: no-repeat;
	height: 28px;
	padding: 7px 0 0 33px;
	background-position: 0 .4em;
}

#footer_logo {
	margin: 1em;
}

#footer p {
	font-size: 0.6em;
	margin-bottom: 0;
}

#copy p {
	font-style: italic;
	text-align: center;
	margin: 0;
	padding: 3% 0 1% 0;
	color: #FFF;
}
/* -----------------------------------------------------------------------------Media Queries */

/* ---------------------------------------- Mobile Layout */
@media screen and (max-width: 640px) {

	.grid_1,
	.grid_2,
	.grid_3,
	.grid_4,
	.grid_5,
	.grid_6,
	.grid_7,
	.grid_8,
	.grid_9,
	.grid_10,
	.grid_11,
	.grid_12 {
		width: 100%;
	}

	#header {
		margin-bottom: 1.5%;
	}

	#wowslider-container1 {
		display: none;
	}


	#footer_services {
		display: none;
	}

	#hiring h2 {
	margin-top: 6%;
	}

	.js #menu {
		display:none;
	}
	
	.js .slicknav_menu {
		display:block;
	}


}
	

/* ---------------------------------------- Tablet Layout */
@media screen and (max-width: 801px) {

	.grid_1,
	.grid_2,
	.grid_3,
	.grid_4,
	.grid_5,
	.grid_6,
	.grid_7,
	.grid_8,
	.grid_9,
	.grid_10,
	.grid_11,
	.grid_12 {
		width: 100%;
	}

	.js #menu {
		display:none;
	}
	
	.js .slicknav_menu {
		display:block;
	}

	#header {
		margin-bottom: 3%;
	}

	#highlight {
		width:100%;
		text-align: left;
		margin-bottom: 3%;
		padding: 3%;
	}

	#testimonial h3 {
		font-size: 1.25em;
		line-height: 1.6em;
	}

	.btn {
		padding: 1% 2%;
	}

	#footer {
		margin: 6% 0 0 0;
		padding: 6% 0 0 0;
	}

	#footer_services {
		display: none;
	}
	#footer_logo {
		display: none;
	}
	#footer_connect {
		width: 40%;
	}
	#footer_contact {
		width: 60%;
	}
	#footer h3 {
		font-size: 1.25em;
	}
	#footer ul {
		font-size: 0.9em;
	}
	#copy {
		text-align: center;
	}
	#page-intro h1 {
		font-size: 1.4em;
		line-height: 1.5em;
		padding-bottom: 3%;
	}
	#service-content-foot {
		margin-bottom: 6%;
	}