/*
Theme Name: 
Theme URI: 
Description: Bespoke Theme developed by Adrian @ AlphaWebServices.net
Author: Adrian Jones
Version: 1.0
License: 
License URI: 
Tags: 
*/

*		{margin: 0; border: 0; padding: 0; outline: 0;}
p, a, h1, h2, h3, h4, h5, small, li, textarea, input, td, tr, .gform_confirmation_message {font-family: 'Nunito', sans-serif;}
.clear		{clear: both;}
a		{text-decoration: none;}
html		{overflow-y: scroll; background-color: #fff;}
ul		{list-style-type: none;}
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.alignright {float:right; }
.alignleft {float:left; }
.aligncenter {display: block; margin-left: auto; margin-right: auto}
img         {max-width: 100%; max-height: 100%;}

.wrapper        {width: 1200px; margin: 0 auto; position: relative;}
.wrapper:after  {content: ""; display: block; clear: both;}

.section        {padding: 100px 0;}
.centered       {text-align: center;}

#top			{background: #fcc53c; height: 50px;}
#top p			{text-align: right; color: #373737; font-size: 12px; line-height: 50px; letter-spacing: 2px; text-transform: uppercase;}
#top a			{color: #373737;}
#top span		{font-weight: 700; color: #fff; padding-left: 15px;}
.banner.home	{height: 775px;}
.banner.inner	{height: 490px;}
.banner > div	{height: 100%;}
.banner .header	{padding-top: 55px;}
.header:after	{content: ""; display: block; clear: both;}
.header .logo	{float: left;}
.header .menu-menu-1-container	{float: right; padding-top: 35px; text-align: right;}
.header .menu > li		{display: inline-block;}
.header .menu > li + li	{margin-left: 40px;}
.header .menu > li a	{color: #fff; letter-spacing: 2px; text-transform: uppercase; font-weight: 700; font-size: 13px;}
.header .menu > li:hover > a	{color: #fcc53c;}
.bannertext		{padding-top: 120px; text-align: center;}
.bannertext p	{font-family: 'Nunito Sans', sans-serif; color: #fff; font-size: 54px; font-weight: 300; line-height: 120%;}
.bannertext p span		{font-weight: 600; font-size: 64px;}

.homeboxes		{margin-top: 80px;}
.homeboxes > div	{width: 32%; float: left; position: relative;}
.homeboxes > div + div		{margin-left: 2%;}
.homeboxes > div .title		{height: 140px;}
.homeboxes > div .title:before		{content: ""; display: inline-block; vertical-align: middle; height: 100%;}
.homeboxes > div .title p			{display: inline-block; vertical-align: middle; color: #fff; font-weight: 300; letter-spacing: 3px; text-transform: uppercase; line-height: 150%; font-size: 19px;}
.homeboxes > div .title p span		{font-weight: 700;}
.homeboxes > div .img:before		{content: ""; display: block; padding-top: 90%;}
.homeboxes > div a	{position: absolute; top: 0; bottom: 0; left: 0; right: 0;}

.content h1			{text-transform: uppercase; color: #373737; margin-bottom: 30px; letter-spacing: 2px;}
.content h2			{text-transform: uppercase; color: #373737; margin-bottom: 25px; letter-spacing: 2px;}
.content h3			{text-transform: uppercase; color: #373737; margin-bottom: 20px; letter-spacing: 2px;}
.content h4			{text-transform: uppercase; color: #373737; margin-bottom: 15px; letter-spacing: 2px;}
.content h5			{text-transform: uppercase; color: #373737; margin-bottom: 15px; letter-spacing: 2px;}
.content p			{color: #373737; font-size: 14px; line-height: 200%; padding-bottom: 15px;}
.content.narrow p	{max-width: 75%; margin: 0 auto;}

.homeintro p:last-of-type > a	{display: inline-block; margin-top: 20px; background: #fcc53c; color: #fff; text-transform: uppercase; font-size: 12px; font-weight: 700; padding: 35px 10px 10px 70px; line-height: 100%;}

.blogsection		{background: #b8b6af; height: 480px; z-index: 9999;}
.blogsection .featpost	{width: 850px; float: left; height: 100%;}
.blogsection .featpost .img		{width: 410px; float: left; height: 100%;}
.blogsection .featpost .post	{width: 440px; float: left;}
.blogsection .featpost .post > div		{padding: 60px 50px 0;}
.blogsection .featpost .post h2			{color: #fff;}
.blogsection .featpost .post p.meta i	{padding-right: 10px;}
.blogsection .featpost .post a.fullpost	{display: inline-block; margin-top: 20px; background: #fff; color: #b8b6af; text-transform: uppercase; font-size: 12px; font-weight: 700; padding: 35px 10px 10px 70px; line-height: 100%;}
.blogsection .posts		{width: 350px; float: left;}
.blogsection .posts > div	{padding: 60px 45px 0;}
.blogsection .posts > div a	{color: #373737;}
.blogsection .posts > div h3	{margin-bottom: 5px;}

.testimonials			{background: #e4e2dd; margin-top: -210px;}
.testimonials .reviews	{padding: 300px 0 100px;}
.testimonials .homerevslider	{width: 65%; margin: 0 auto;}
.testimonials .homerevslider .slides li p:last-of-type		{padding-bottom: 0; font-weight: 600;}

#footer				{background: #2d2c2b;}
#footer img			{display: inline-block; margin-bottom: 30px;}
#footer p			{font-size: 12px; letter-spacing: 2px; text-transform: uppercase; color: #b2afa7;}
#footer p a			{color: #b2afa7;}
#footer p span		{font-weight: 600; color: #f8ba20; padding-left: 15px;}
#footer ul			{margin-top: 30px;}
#footer ul li		{display: inline-block; vertical-align: top; margin: 0 10px;}
#footer ul li a		{color: #bab7ae;}
#footer ul li:hover > a		{color: #fac33c;}
#footer ul li i		{font-size: 28px;}

.error404 a			{display: inline-block; margin-top: 20px; background: #fcc53c; color: #fff; text-transform: uppercase; font-size: 12px; font-weight: 700; padding: 35px 10px 10px 70px; line-height: 100%;}

.breadcrumbs		{margin-bottom: 20px;}
.breadcrumbs > li	{display: inline-block; vertical-align: top; text-transform: uppercase; font-size: 13px; letter-spacing: 1px; color: #908b7e;}
.breadcrumbs > li + li	{margin-left: 7px;}
.breadcrumbs > li a		{color: #373737;}

.pagetitle	{height: 100px; position: relative; margin-bottom: 30px;}
.pagetitle img	{position: absolute; top: 0; right: 0; opacity: 0.3;}
.pagetitle h1	{position: relative; top: 50px; margin: 0;}
.innerpage .left		{width: 55%; float: left;}
.innerpage .rightimg	{width: 35%; float: right; padding-top: 7px;}
.blogindex h2			{margin-bottom: 0;}
.blogindex a:hover h2	{color: #fcc53c;}
.blogindex .post		{margin-bottom: 40px;}
.blogindex .post img.featimg		{float: left; max-height: 160px; padding: 0 30px 0 0;}
.whatwedo > div			{margin-top: 50px;}
.whatwedo > div:after	{content: ""; display: block; clear: both;}
.whatwedo > div .img	{float: left; width: 25%; margin-right: 50px;}
.whatwedo > div .img:before		{content: ""; display: block; padding-top: 100%;}
.whatwedo > div .text	{float: left; max-width: 70%;}

.gform_wrapper label, .gfield_required, .gform_confirmation_message		{color: #1572b8;}
.gform_wrapper input, .gform_wrapper textarea, .gform_wrapper select	{border: 1px solid #1572b8;}
.gform_footer .button				{background: #1572b8; color: #fff; padding: 8px 14px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;}
.gform_wrapper div.validation_error, .gform_wrapper .ginput_container + .gfield_description.validation_message {display: none;}
.gform_wrapper li.gfield.gfield_error.gfield_contains_required, .gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {margin: 0!important; padding: 0!important;}
.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {border: 0!important; background-color: transparent!important;}
.gform_wrapper li.gfield.gfield_error.gfield_contains_required {padding-left: 0!important;}

@media all and (max-width : 1200px) {
	.wrapper		{width: auto; padding-left: 15px; padding-right: 15px;}
	.homeboxes > div .title p		{max-width: 95%; padding: 0 1.5%;}
	.blogsection .featpost			{width: 70%;}
	.blogsection .posts				{width: 30%;}
	.blogsection .featpost .img, .blogsection .featpost .post	{width: 50%;}
	.flex-direction-nav .flex-prev	{left: -125px;}
	.flex-direction-nav .flex-next	{right: -125px;}
	.whatwedo > div .img			{margin-right: 5%;}
	.whatwedo > div .text			{max-width: 68%;}
	.pagetitle						{height: auto; min-height: 100px;}
	.pagetitle h1					{top: 0; padding-right: 150px;}
}

@media all and (max-width : 850px) {
	.blogsection				{height: auto;}
	.blogsection .featpost		{width: auto; float: none; padding-top: 20px;}
	.blogsection .featpost .img	{width: auto; float: none; height: auto; background-size: contain!important;}
	.blogsection .featpost .img:before		{content: ""; display: block; padding-top: 50%;}
	.blogsection .featpost .post	{width: auto; float: none;}
	.blogsection .posts			{width: auto; float: none;}
	.testimonials				{margin-top: 0;}
	.testimonials .reviews		{padding: 80px 0;}
}

@media all and (max-width : 800px) {
	.header .menu > li + li		{margin-left: 20px;}
	.homeboxes					{text-align: center;}
	.homeboxes > div			{float: none; width: 60%; display: inline-block; margin-bottom: 40px;}
	.homeboxes > div + div		{margin-left: 0;}
}

@media all and (max-width : 700px) {
	#top, #top p			{text-align: center;}
	.banner.home			{height: 80vh;}
	.header					{text-align: center;}
	.header .logo			{float: none; display: inline-block; max-height: 100px;}
	.bannertext				{padding-top: 80px;}
	.bannertext p			{font-size: 42px;}
	.bannertext p span		{font-size: 54px;}
	.testimonials .homerevslider	{width: auto;}
	.flex-direction-nav		{display: none;}
	.innerpage .left		{width: auto; float: none; margin-top: 50px;}
	.innerpage .rightimg	{width: auto; float: none;}
	.whatwedo > div .img	{float: none; margin: 0 auto 20px; width: 50%;}
	.whatwedo > div .text	{float: none; max-width: 100%; text-align: center;}
	.pagetitle img			{display: none;}
	.pagetitle h1			{padding-right: 0px;}
	.pagetitle				{min-height: 0;}
}

@media all and (max-width : 550px) {
	#top					{display: none;}
	.homeboxes > div		{width: 75%;}
}