/*!
Theme Name: Mad Icarus Media
Theme URI: http://underscores.me/
Author: Mad Icarus Media
Author URI: https://madicarusmedia.com
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: mad-icarus-media
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Mad Icarus Media is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */
body {
	margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
	display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */
a {
	background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */
img {
	border-style: none;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
	display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */
template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
	display: none;
}

/* Box sizing
--------------------------------------------- */

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Responsive Grid
--------------------------------------------------------------*/

.span1, .span10, .span11, .span12, .span2, .span3, .span4, .span5, .span6, .span7, .span8, .span9 {
margin: 0;
padding: 0;
float: left;
display: block;
}
.span12 {width: 100%}
.span11 {width: 91.666666666666666666666666666664%}
.span10 {width: 83.333333333333333333333333333331%}
.span9 {width: 74.999999999999999999999999999998%}
.span8 {width: 66.666666666666666666666666666665%}
.span7 {width: 58.333333333333333333333333333332%}
.span6 {width: 49.999999999999999999999999999999%}
.span5 {width: 41.666666666666666666666666666666%}
.span4 {width: 33.333333333333333333333333333333%}
.span3 {width: 25%}
.span2 {width: 16.666666666666666666666666666667%}
.span1 {width: 8.3333333333333333333333333333333%}
.container {
max-width: 90%;
float: none;
margin: 0 auto;
width: 100%;
}
	.container.narrow{
		max-width: 980px;
		position: relative;
	}
.row {
margin: 0;
position: relative;
clear: both;
}
img {max-width: 100%;}

a{
border: none;
outline: none;
}

.button a {
background: #fdb813;
color: #222222;
font-size: 1em;
margin: 25px auto;
padding: 10px 20px;
border: solid #fdb813 1px;
max-width: 400px;
display: block;
text-decoration: none;
text-transform: uppercase;
text-align: center;
}
	.button a:hover {
		background: none;
		border: solid 1px #464646;
		transition: background .2s ease-in-out;
	}
.button.white a {
	background: none;
	color: #fff;
	font-size: 1em;
	margin: 25px auto;
	padding: 10px 20px;
	border: solid #fff 1px;
	text-transform: uppercase;
	text-align: center;
}
	.button.white a:hover {
		background: #fdb813;
		border: solid 1px #fdb813;
		color: #222222;
		transition: all .2s ease-in-out;
	}
.hide-on-desktop{display: none;}
.hide-on-mobile{display: block;}


h1,h3,h4{font-weight: 700;}



.poppins-thin {
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.poppins-extralight {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-style: normal;
}

.poppins-light {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.poppins-regular {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.poppins-medium {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.poppins-semibold {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.poppins-bold {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.poppins-extrabold {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.poppins-black {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.poppins-thin-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.poppins-extralight-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-style: italic;
}

.poppins-light-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.poppins-regular-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.poppins-medium-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.poppins-semibold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: italic;
}

.poppins-bold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.poppins-extrabold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: italic;
}

.poppins-black-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-style: italic;
}



/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
	color: #222222;
	font-family: "Poppins", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 1rem;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}

p {
	margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", courier, monospace;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/* Elements
--------------------------------------------- */
body {
	background: #fff;
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

img {
	height: auto;
	max-width: 100%;
}

figure {
	margin: 1em 0;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/* Links
--------------------------------------------- */
a {
	color: #4169e1;
}

a:visited {
	color: #800080;
}

a:hover,
a:focus,
a:active {
	color: #191970;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

/* Forms
--------------------------------------------- */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
	line-height: 1;
	padding: 0.6em 1em 0.4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/
#header{
	background-image: linear-gradient(180deg, #fffae8 85%, rgba(0, 0, 255, 0) 15%);
	z-index: 1;
}
#header #logo img{
	max-height: 150px;
}

#hero{
	background:
	linear-gradient(
	45deg,
	#679fc4,
	#13679d,
	#005e9b
	);
	clip-path: ellipse(100% 100% at 50% 0%);
	margin-top: -30px;
	padding: 50px 100px;
	color: #fff;
}
	#hero h1{
		font-weight: 800;
		text-transform: uppercase;
		font-size: 4em;
		line-height: 1.25em;
		margin: 0;
		padding: 50px 0 0 0;
	}
	#hero h2{
		font-weight: 500;
		text-transform: uppercase;
		font-size: 2.5em;
		line-height: 1.25em;
		margin: 0;
		padding: 0;
	}
	#hero p{
		margin: 25px 0;
		padding: 0;
		max-width: 450px;
	}
	#hero .hero-form{
		background-color: #1f6290;
		padding: 20px;
		border-radius: 8px;
		max-width: 450px;
		text-align: center;
	}
		#hero .hero-form label{
			text-transform: uppercase;
		}
#moving_services{
	padding: 40px 0;
}

#moving_services .service-outer-headline{
	text-align: left;
}
	#moving_services .service-outer-headline .service-inner{
	background: #fff;
	border-radius: 0;
	border: none;
	box-shadow: none;
	padding: 10px;
	height: 300px;
	}
		#moving_services h3{
			font-weight: 700;
			text-transform: uppercase;
			font-size: 2.25em;
			line-height: 1.25em;
			margin: 0;
			padding: 0;
			color: #004272;
			max-width: 330px;
		}
		#moving_services .service-outer-headline .service-inner .yellow-line{
			height: 3px;
			background: #ffcc33;
			max-width: 200px;
		}
		#moving_services .service-outer-headline .service-inner p{
			text-transform: uppercase;
			color: #222;
			max-width: 330px;
		}
		#moving_services .service-outer-headline .service-inner a{
			color: #005e9b;
			text-decoration: none;
		}
			#moving_services .service-outer-headline .service-inner a:hover{
				color: #ffcc33;
			}
		#moving_services .service-outer-headline .service-inner a.arrow::after {
			position: relative;
			display: inline-block;
			padding: 0px 3px;
			left: 10px;
			top: 3px;
			content: "\f345";
			content: "\f344";
			font-family: dashicons;
			transition: transform 0.3s ease-out;
			background: #ffcc33;
			color: #005e9b;
			border-radius: 4px;
		}
			#moving_services .service-outer-headline .service-inner a.arrow:hover::after{
				transform: translateX(10px);
			}
#moving_services .service-outer{
	text-align: center;
	padding: 20px 10px;
}
#moving_services .service-inner{
	background:
	linear-gradient(
	180deg,
	rgba(255, 255, 255, 0),
	rgba(255, 204, 51, 0.5)
	);
	border-radius: 8px;
	border: solid 3px #fff;
	box-shadow: 0px 4px 10px -4px #ccc;
	padding: 10px;
	height: 300px;	
}
	#moving_services .service-inner:hover{
		cursor: pointer;
	}
		#moving_services .service-inner:hover .service-icon img, #moving_services .service-inner:hover h4{
			transform: translateY(-40px);
		}
		#moving_services .service-inner:hover .service-arrow{
			transform: translateY(-40px);
			opacity: 0;
		}

		#moving_services .service-inner:hover .service-description{
			transform: translateY(-80px);
		}
#moving_services p{
	
}
#moving_services .service-icon img{
	height: 100px;
	filter: drop-shadow(0px 3px 3px rgb(0 0 0 / 0.4));
	margin-top: 20px;
	transform: translateY(0px);
	transition: all 1.5s ease 0s;
}
#moving_services h4{
	text-transform: uppercase;
	color: #222;
	font-size: 1.25em;
	font-weight: 500;
	transform: translateY(0px);
	transition: all 1.5s ease 0s;
}
#moving_services .service-arrow{
	transform: translateY(0px);
	transition: transform 1.5s ease 0s, opacity 0.5s ease 0s;
}
#moving_services .dashicons-arrow-down-alt2{}
#moving_services .service-description{
	max-height: 0;
	opacity: 0;
	overflow: hidden;
	transition: all 2s ease 0s;
}
	#moving_services .service-inner:hover .service-description{
		max-height: 60px;
		opacity: 1;
		overflow: visible;
	}
	#moving_services .service-description a{
		display: block;
		text-decoration: none;
		color: #005e9b;
		text-transform: uppercase;
	}
		#moving_services .service-description a:hover{
			color: #ffcc33;
		}
		
		#moving_services .service-description a.arrow::after {
			position: relative;
			display: inline-block;
			padding: 0px 3px;
			left: 10px;
			top: 3px;
			content: "\f345";
			content: "\f344";
			font-family: dashicons;
			transition: transform 0.3s ease-out;
			background: #ffcc33;
			color: #005e9b;
			border-radius: 4px;
		}
			#moving_services .service-description a.arrow:hover::after{
				transform: translateX(10px);
			}
#testimonials{
	padding: 200px 0 40px 0;
	background: #f5eed6;
	clip-path: ellipse(100% 100% at 50% 100%);
}
	#testimonials h3{
		font-weight: 700;
		text-transform: uppercase;
		font-size: 2.25em;
		line-height: 1.25em;
		margin: 0;
		padding: 0;
		color: #005e9b;
		max-width: 420px;
	}
	#testimonials .yellow-line{
		height: 3px;
		background: #ffcc33;
		max-width: 380px;
		margin-bottom: 40px;
	}
	
	#testimonials .testimonials-full{
		padding: 40px 0;
	}
	#testimonials .testimonial-full-block{
		height: 0;
		opacity: 0;
		overflow: hidden;
		transition: all 1.5s ease 0s;
	}
		#testimonials .testimonial-full-block.active{
			opacity: 1;
			overflow: visible;
			height: auto;
		}
	#testimonials .upper-quote img{height: 80px;}
	#testimonials .lower-quote{text-align: right;}
	#testimonials .lower-quote img{height: 80px;}
	#testimonials .testimonial_pull_quote{
		font-style: italic;
		font-weight: 700;
		font-size: 1.75em;
		padding: 10px;
		text-transform: uppercase;
	}
	#testimonials .testimonial_quote{
		padding: 10px;
	}
	#testimonials .testimonial_names{
		text-align: right;
		padding: 10px;
		font-weight: 700;
	}
	#testimonials ul{
		margin: 40px 0 20px 0;
		padding: 0;
		list-style: none;
		float: right;
	}	
		#testimonials li{
			margin: 0 0 0 10px;
			padding: 0;
			float: left;
		}
			#testimonials li .testimonial-block{
				height: 25px;
				width: 25px;
				background: #005e9b;
				border: solid 2px #005e9b;
				cursor: pointer;
				transition: all 1.5s ease 0s;
				display: block;
			}
			#testimonials li:hover .testimonial-block{
				border: solid 2px #fff;
			}
			#testimonials li.active-nav .testimonial-block{
				background: #ffcc33;
				border: solid 2px #ffcc33;
			}
	#testimonials .testimonial-link{
		clear: both;
		float: right;
	}
	#testimonials a.arrow{
			color: #005e9b;
			text-decoration: none;
		}
			#testimonials a.arrow:hover{
				color: #ffcc33;
			}
		#testimonials a.arrow::after {
			position: relative;
			display: inline-block;
			padding: 0px 3px;
			left: 10px;
			top: 3px;
			content: "\f345";
			content: "\f344";
			font-family: dashicons;
			transition: transform 0.3s ease-out;
			background: #ffcc33;
			color: #005e9b;
			border-radius: 4px;
		}
			#testimonials a.arrow:hover::after{
				transform: translateX(10px);
			}
#about{
	padding: 100px 0;
	background:
	linear-gradient(
	180deg,
	#f5eed6,
	#fff
	);
}
	#about h3{
		font-weight: 700;
		text-transform: uppercase;
		font-size: 2.25em;
		line-height: 1.25em;
		margin: 0;
		padding: 0;
		color: #005e9b;
		max-width: 420px;
	}
	#about .yellow-line{
		height: 3px;
		background: #ffcc33;
		max-width: 380px;
		margin-bottom: 40px;
	}
	#about a.arrow{
		color: #005e9b;
		text-decoration: none;
	}
		#about a.arrow:hover{
			color: #ffcc33;
		}
	#about a.arrow::after {
		position: relative;
		display: inline-block;
		padding: 0px 3px;
		left: 10px;
		top: 3px;
		content: "\f345";
		content: "\f344";
		font-family: dashicons;
		transition: transform 0.3s ease-out;
		background: #ffcc33;
		color: #005e9b;
		border-radius: 4px;
	}
		#about a.arrow:hover::after{
			transform: translateX(10px);
		}
	#about ul.about_gallery_home{
		margin: 0 0 0 40px;
		padding: 0;
		list-style: none;
	}
		#about ul.about_gallery_home li{
			margin: 0;
			padding: 0 0 25px 0;
			float: left;
			width: 33%;
		}
			#about ul.about_gallery_home li a{
				text-decoration: none;
				transition: all 0.3s ease-out;
				border-radius: 50%;
				border: solid 4px #005e9b;
				max-width: 200px;
				width: 200px;
				height: 200px;
				box-shadow: 0px 4px 10px 5px #ccc;
				display: block;
				overflow: hidden;
			}
				#about ul.about_gallery_home li a:hover{
					border: solid 4px #ffcc33;
				}	
				#about ul.about_gallery_home img{
					filter: saturate(50%);
					width: 200px;
					height: 200px;
				}
					#about ul.about_gallery_home li a:hover img{
						filter: saturate(100%);
					}	
	#about .about-gallery-link{
		text-align: right;
	}
#faqs{
	background: #fff;
	padding: 40px 0 100px 0;
	clip-path: ellipse(100% 100% at 50% 0%);
	z-index: 2;
}
#faqs h3{
	font-weight: 300;
	text-transform: uppercase;
	font-size: 2.25em;
	line-height: 1.25em;
	margin: 0;
	padding: 0;
	color: #005e9b;
}
#faqs ul{
margin: 40px 0 0 0;
padding: 0;
list-style: none;	
}
#faqs li{
margin: 0;
padding: 10px 0;
width: 25%;
float: left;
}
#faqs a.arrow{
	color: #005e9b;
	text-decoration: none;
	font-weight: 700;
}
	#faqs a.arrow:hover{
		color: #ffcc33;
	}
#faqs a.arrow::after {
	position: relative;
	display: inline-block;
	padding: 0px 3px;
	left: 10px;
	top: 3px;
	content: "\f345";
	content: "\f344";
	font-family: dashicons;
	transition: transform 0.3s ease-out;
	background: #ffcc33;
	color: #005e9b;
	border-radius: 4px;
}
	#faqs a.arrow:hover::after{
		transform: translateX(10px);
	}
#cta{
	background: #ffcc33;
	padding: 180px 0 220px 0;
	margin-top: -100px;
	z-index: 1;
	text-align: center;
}
	#cta h3{
		font-weight: 700;
		text-transform: uppercase;
		font-size: 2.25em;
		line-height: 1.25em;
		margin: 0;
		padding: 0;
		color: #005e9b;
	}
	#cta p{
		font-weight: 300;
		font-size: 1em;
		line-height: 1.25em;
		margin: 20px auto;
		padding: 0;
		color: #005e9b;
		max-width: 600px;
	}
	#cta .cta-form{
		background-color: rgba(255, 255, 255, 0.3);
		padding: 20px;
		border-radius: 8px;
		max-width: 500px;
		margin: 20px auto;
	}
		#cta label{
			font-weight: 700;
			font-size: 1em;
			line-height: 1.25em;
			margin: 20px auto;
			padding: 0;
			color: #005e9b;
		}
footer img{
	max-width: 500px;
	z-index: 100;
	position: relative;
	top: -180px;
	right: 5%;
	float: right;
}
#footer{
	background: #005e9b;
	padding: 180px 0 100px 0;
	margin-top: -510px;
	z-index: 1;
	text-align: center;
	clip-path: ellipse(100% 100% at 50% 100%);
}
	#footer .footer-navigation ul {
		list-style: none;
		margin: 0;
		padding-left: 0;
	}
	#footer .footer-navigation li {
		position: relative;
		float: left;
		padding: 10px 20px;
	}
	#footer .footer-navigation li:first-child{
		padding-left: 0;
	}
	#footer .footer-navigation a {
		display: block;
		text-decoration: none;
		color: #fff;
		text-transform: uppercase;
		margin-top: 0;
		transition: color 0.3s ease-out;
	}
		#footer .footer-navigation a:hover, #footer .footer-navigation li:hover a{
			color: #f4c81d;
		}
		
		#footer .footer-navigation li:hover::after {
			transform: scaleX(0.65);
			transform-origin: bottom center;
		}
		#footer .footer-navigation li::after {
			content: '';
			position: absolute;
			width: 100%;
			transform: scaleX(0);
			height: 4px;
			bottom: 0;
			left: 0;
			background-color: #f4c81d;
			transform-origin: bottom center;
			transition: transform 0.3s ease-out;
		}
#footer .footer-logo{
	text-align: left;
}
#footer .footer-logo a{
	max-width: 300px;
	display: block;
}
#footer .footer-logo img{
	height: 150px;
	float: none;
	top: 0;
	left: 0;
	right: 0;
	margin-top: 100px;
}
#footer .footer-contact-info{
	padding-top: 160px;
	text-align: right;
	color: #fff;
}
	#footer .footer-time{
		margin: 0;
		padding: 10px 0;
	}
	#footer .footer-phone{
		margin: 0;
		padding: 10px 0;
		color: #fff;
		line-height: 1em;
		position: relative;
		text-align: right;
	}
		#footer .footer-phone::before{
			content: "\f525";
			font-family: dashicons;
			font-size: 1.5em;
			display: block;
			top: 8px;
			position: absolute;
			right: 125px;
			transition: color 0.3s ease-out;
		}
			#footer .footer-phone:hover::before{
				color: #f4c81d;
			}
		#footer .footer-phone a{
			color: #fff;
			transition: color 0.3s ease-out;
			text-decoration: none;
		}
		#footer .footer-phone a:hover{
			color: #f4c81d;
		}
		#footer ul.footer-social-media{
			margin: 10px 0;
			padding: 0;
			list-style: none;
			float: right;
		}
			#footer .footer-social-media li{
				margin: 0;
				padding: 0 0 0 20px;
				float: left;
			}
			#footer .footer-social-media a{
				display: block;
				padding: 10px;
				background-color: #014373;
				border-radius: 8px;
				text-decoration: none;
				line-height: 1em;
				transition: all 0.3s ease-out;
			}
				#footer .footer-social-media a:hover{
					background-color: #f4c81d;
				}
				#footer .footer-social-media a .dashicons{
					font-size: 2em;
					color: #fff;
					width: auto;
					height: auto;
					vertical-align: middle;
				}
#footer .footer-disclaimer{
	color: #fff;
	text-align: right;
	clear: both;
	max-width: 600px;
	float: right;
	margin: 0;
	padding: 10px 0;
}

.usdot-number{
	color: #fff;
	text-align: right;
	clear: both;
	max-width: 600px;
	float: right;
	margin: 0;
	padding: 5px 0;
}
.puc-number{
	color: #fff;
	text-align: right;
	clear: both;
	max-width: 600px;
	float: right;
	margin: 0;
	padding: 5px 0;
}
.puc-logo img{
	max-width: 150px;
	filter: drop-shadow(0px 3px 3px rgb(0 0 0 / 0.4));
	color: #fff;
	text-align: right;
	clear: both;
	float: right;
	margin: 0;
	padding: 10px 0;
	top: 0;
	right: 0;
}
  
  
#copyright{
	background-color: #014373;
	padding: 20px 0;
	color: #fff;
	font-size: 1em;
}
	#copyright p{
		margin: 5px 0;
	}
	#copyright a{
		text-decoration: none;
		color: #fff;
		transition: color 0.3s ease-out;
	}
	#copyright a:hover{
		color: #ffcc33;
	}
/* SERVICES PAGE */ 
.page-template-page-services #hero-services{
	background:
	linear-gradient(
	45deg,
	#679fc4,
	#13679d,
	#005e9b
	);
	clip-path: ellipse(100% 100% at 50% 0%);
	margin-top: -30px;
	padding: 50px 100px;
	color: #fff;
}
	.page-template-page-services #hero-services h1{
		font-weight: 800;
		text-transform: uppercase;
		font-size: 4em;
		line-height: 1.25em;
		margin: 0;
		padding: 50px 0 0 0;
		max-width: 700px;
	}
	.page-template-page-services #hero-services h2{
		font-weight: 500;
		text-transform: uppercase;
		font-size: 2.5em;
		line-height: 1.25em;
		margin: 0;
		padding: 0;
		max-width: 700px;
	}
	.page-template-page-services #hero-services .hero-image{
		text-align: right;
		margin-right: 40px;
	}
		.page-template-page-services #hero-services img{
			max-width: 650px;
		}
.page-template-page-services .interior-service-outer-even{
	margin: 40px auto;
	max-width: 980px;
	clear: both;
	height: auto;
}
.page-template-page-services .interior-service-outer-odd{
	margin: 40px auto;
	max-width: 980px;
	clear: both;
	height: auto;
}
	.page-template-page-services .interior-service-inner{
		min-height: 150px;
		padding: 40px 0;
  }
	.page-template-page-services .interior-service-outer-even img, .page-template-page-services .interior-service-outer-odd img{
		max-width: 250px;
		filter: drop-shadow(0px 3px 3px rgb(0 0 0 / 0.4));
	}
	.page-template-page-services .interior-service-outer-even .interior-service-icon{
		text-align: left;
	}
	.page-template-page-services .interior-service-outer-odd .interior-service-icon{
		text-align: right;
	}
	.page-template-page-services .interior-service-outer-odd .interior-service-icon-mobile{
		display: none;
	}
	.page-template-page-services .interior-service-outer-even .interior-service-inner .interior-service-text{
		text-align: right;
	}
	.page-template-page-services .interior-service-outer-odd .interior-service-inner .interior-service-text{
		text-align: left;
	}
	.page-template-page-services .interior-service-outer-even .interior-service-inner .interior-service-text h4{
		margin: 0;
		padding: 0;
		font-size: 2em;
		color: #004272;
	}
	.page-template-page-services .interior-service-outer-odd .interior-service-inner .interior-service-text h4{
		margin: 0;
		padding: 0;
		font-size: 2em;
		color: #004272;
	}
	/*
	.page-template-page-services .interior-service-outer-even .interior-service-inner .interior-service-text p{
		margin: 0;
		padding: 0;
		font-size: 1.15em;
		max-width: 450px;
		float: right;
		color: #222;
	}
	.page-template-page-services .interior-service-outer-odd .interior-service-inner .interior-service-text p{
		margin: 0;
		padding: 0;
		font-size: 1.15em;
		max-width: 450px;
		float: left;
		color: #222;
	}
	*/
	.page-template-page-services .interior-service-outer-even .interior-service-inner .interior-service-text ul{
		margin: 0;
		padding: 15px 0 0 15px;
		list-style: none;
		
	}
		.page-template-page-services .interior-service-outer-even .interior-service-inner .interior-service-text li{
			padding: 15px;
		}
	.page-template-page-services .interior-service-outer-odd .interior-service-inner .interior-service-text ul{
		margin: 0;
		padding: 15px 15px 0 0;
		list-style: none;
		
	}
		.page-template-page-services .interior-service-outer-odd .interior-service-inner .interior-service-text li{
			padding: 15px;
		}
.page-template-page-services .interior-service-outer-even .interior-service-inner .interior-service-text li:nth-child(even),
.page-template-page-services .interior-service-outer-odd .interior-service-inner .interior-service-text li:nth-child(even) {
	background-color: #fafafa;
	padding: 15px;
	border-radius: 4px;
}
.page-template-page-services #white-spacer{
	background: #fff;
	padding: 0px 0 300px 0;
	clip-path: ellipse(100% 100% at 50% 0%);
	z-index: 2;
}
/* FAQs PAGE */ 
.page-template-page-faqs #hero-faqs{
	background:
	linear-gradient(
	45deg,
	#679fc4,
	#13679d,
	#005e9b
	);
	clip-path: ellipse(100% 100% at 50% 0%);
	margin-top: -30px;
	padding: 50px 100px;
	color: #fff;
}
	.page-template-page-faqs #hero-faqs h1{
		font-weight: 800;
		text-transform: uppercase;
		font-size: 4em;
		line-height: 1.25em;
		margin: 0;
		padding: 50px 0 0 0;
		max-width: 700px;
	}
	.page-template-page-faqs #hero-faqs h2{
		font-weight: 500;
		text-transform: uppercase;
		font-size: 2.5em;
		line-height: 1.25em;
		margin: 0;
		padding: 0;
		max-width: 700px;
	}
	.page-template-page-faqs #hero-faqs .hero-image{
		text-align: right;
		margin-right: 40px;
	}
	.page-template-page-faqs #hero-faqs .hero-image img{
		max-width: 550px;
	}
	.page-template-page-faqs .faq-categories{
		margin: 0;
		padding: 20px 0;
	}
		.page-template-page-faqs .faq-categories ul{
			margin: 0;
			padding: 0;
			list-style: none;
		}
		.page-template-page-faqs .faq-categories li{
			margin: 0 10px 0 0;
			float: left;
		}
		.page-template-page-faqs .faq-categories a{
			display: block;
			padding: 10px 20px;
			border-radius: 20px;
			border: solid 2px #679fc4;
			color: #679fc4;
			transition: color 0.3s ease-out;
			text-decoration: none;
		}
			.page-template-page-faqs .faq-categories a.active{
				background-color: #005e9b;
				color: #fff;
			}
		.page-template-page-faqs .faq-categories a:hover{
			background-color: #005e9b;
			color: #fff;
		}
.page-template-page-faqs h3.category-headline{
	padding: 0;
	margin: 40px auto;
	max-width: 980px;
	color: #004272;
	font-size: 1.5em;
}
.page-template-page-faqs .faq-full-blocks{
	
}
	.page-template-page-faqs .faq-full-block{
		background-color: #fffae8;
		border-radius: 20px;
		padding: 40px;
		margin: 40px auto;
		box-shadow: 0px 2px 10px 0px #ccc;
		max-width: 980px;
		display: none;
	}
		.page-template-page-faqs .faq-full-block.active{
			display: block;
		}
	.page-template-page-faqs .faq-full-block .faq-question{
		font-style: italic;
		font-weight: 700;
		font-size: 1.75em;
		padding: 0 0 10px 0;
		text-transform: uppercase;
		color: #005e9b;
	}
	.page-template-page-faqs .faq-full-block .faq-answer{
		color: #222;
	}
.page-template-page-faqs #white-spacer{
	background: #fff;
	padding: 0px 0 300px 0;
	clip-path: ellipse(100% 100% at 50% 0%);
	z-index: 2;
}
/* ABOUT PAGE */ 
.page-template-page-about #hero-about{
	background:
	linear-gradient(
	45deg,
	#679fc4,
	#13679d,
	#005e9b
	);
	clip-path: ellipse(100% 100% at 50% 0%);
	margin-top: -30px;
	padding: 50px 100px;
	color: #fff;
}
	.page-template-page-about #hero-about h1{
		font-weight: 800;
		text-transform: uppercase;
		font-size: 4em;
		line-height: 1.25em;
		margin: 0;
		padding: 50px 0 0 0;
		max-width: 700px;
	}
	.page-template-page-about #hero-about h2{
		font-weight: 500;
		text-transform: uppercase;
		font-size: 2.5em;
		line-height: 1.25em;
		margin: 0;
		padding: 0;
		max-width: 700px;
	}
	.page-template-page-about h3.entry-title{
		font-weight: 500;
		text-transform: uppercase;
		font-size: 2em;
		line-height: 1.25em;
		margin: 0;
		padding: 0;
		color: #005e9b;
	}
	.page-template-page-about #hero-about .hero-image{
		text-align: right;
		margin-right: 40px;
	}
		.page-template-page-about #hero-about img{
			max-width: 650px;
		}
	.page-template-page-about .about-image-gallery{
		margin: 40px 0;
	}
		.page-template-page-about .about-image-gallery ul{
			margin: 0;
			padding: 0;
			list-style: none;
		}
		.page-template-page-about .about-image-gallery li{
			float: left;
			margin: 0;
			padding: 0 6px 6px 6px;
		}
		.page-template-page-about .about-image-gallery li img{
			border: solid 4px #fff;
			transition: all 0.3s ease-out;
			box-shadow: 0px 2px 10px 0px #ccc;
			cursor: pointer;
			filter: saturate(50%);
		}
		.page-template-page-about .about-image-gallery li img:hover{
			border: solid 4px #f4c81d;
			filter: saturate(100%);
		}
#about_image_gallery_pop_up{
	clear: both;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2000;
	margin: 0 auto;
	background-color: rgba(0,0,0,0.6);
	display: none;
}
	#about_image_gallery_pop_up .about-image-gallery-full{
		overflow: hidden;
		width: 100%;
		height: 90%;
		margin: 0 auto;
		top: 5%;
		left: 0%;
		position: relative;
		text-align: center;
	}
		#about_image_gallery_pop_up .about-image-gallery-full img{
			box-shadow: 0px 0px 20px 0px #222;
			max-height: 800px;
			max-width: 90%;
			border: solid 4px #fff;
		}
	#about_image_gallery_pop_up a.full-screen-close {
	  text-align: right;
	  color: #fff;
	  text-decoration: none;
	  transition: color 0.3s ease-out;
	}
		#about_image_gallery_pop_up a.full-screen-close:hover{
			color: #f4c81d;
		}
		#about_image_gallery_pop_up a.full-screen-close::before {
		  content: "\f153";
		  font-family: 'Dashicons';
		  color: #fff;
		  padding-right: 5px;
		  font-size: 30px;
		  vertical-align: middle;
		  transition: color 0.3s ease-out;
		}
		#about_image_gallery_pop_up a.full-screen-close:hover::before{
			color: #f4c81d;
		}
.page-template-page-about #white-spacer{
	background: #fff;
	padding: 0px 0 300px 0;
	clip-path: ellipse(100% 100% at 50% 0%);
	z-index: 2;
}
/* REVIEWS PAGE */ 
.page-template-page-reviews #hero-reviews{
	background:
	linear-gradient(
	45deg,
	#679fc4,
	#13679d,
	#005e9b
	);
	clip-path: ellipse(100% 100% at 50% 0%);
	margin-top: -30px;
	padding: 50px 100px;
	color: #fff;
}
	.page-template-page-reviews #hero-reviews h1{
		font-weight: 800;
		text-transform: uppercase;
		font-size: 4em;
		line-height: 1.25em;
		margin: 0;
		padding: 50px 0 0 0;
		max-width: 400px;
		max-width: 700px;
	}
	.page-template-page-reviews #hero-reviews h2{
		font-weight: 500;
		text-transform: uppercase;
		font-size: 2.5em;
		line-height: 1.25em;
		margin: 0;
		padding: 0;
		max-width: 700px;
	}
	.page-template-page-reviews #hero-reviews .hero-image{
		text-align: right;
		margin-right: 40px;
	}
		.page-template-page-reviews #hero-reviews img{
			max-width: 650px;
		}
	.page-template-page-reviews .review-testimonial-full-block{
		background-color: #fffae8;
		border-radius: 20px;
		padding: 20px;
		margin: 40px 0;
		box-shadow: 0px 2px 10px 0px #ccc;
	}
	.page-template-page-reviews .review-testimonial_pull_quote{
		font-style: italic;
		font-weight: 700;
		font-size: 1.75em;
		padding: 10px;
		text-transform: uppercase;
		color: #005e9b;
	}
	.page-template-page-reviews .review-testimonial_quote{
		padding: 10px;
	}
	.page-template-page-reviews .review-testimonial_names{
		text-align: right;
		padding: 10px;
		font-weight: 700;
		color: #014373;
	}
.page-template-page-reviews #white-spacer{
	background: #fff;
	padding: 0px 0 300px 0;
	clip-path: ellipse(100% 100% at 50% 0%);
	z-index: 2;
}
/* QUOTE PAGE */ 
.page-template-page-quote #hero-quote{
	background:
	linear-gradient(
	45deg,
	#679fc4,
	#13679d,
	#005e9b
	);
	clip-path: ellipse(100% 100% at 50% 0%);
	margin-top: -30px;
	padding: 50px 100px;
	color: #fff;
}
	.page-template-page-quote #hero-quote h1{
		font-weight: 800;
		text-transform: uppercase;
		font-size: 4em;
		line-height: 1.25em;
		margin: 0;
		padding: 50px 0 0 0;
		max-width: 400px;
		max-width: 700px;
	}
	.page-template-page-quote #hero-quote h2{
		font-weight: 500;
		text-transform: uppercase;
		font-size: 2.5em;
		line-height: 1.25em;
		margin: 0;
		padding: 0;
		max-width: 700px;
	}
	.page-template-page-quote #hero-quote .hero-image{
		text-align: right;
		margin-right: 40px;
	}
		.page-template-page-quote #hero-quote img{
			max-width: 650px;
		}
	.page-template-page-quote .quote-form{
		margin: 80px auto 250px auto;
		max-width: 600px;
	}
/* 404 PAGE */ 
.error404 #hero-404{
	background:
	linear-gradient(
	45deg,
	#679fc4,
	#13679d,
	#005e9b
	);
	clip-path: ellipse(100% 100% at 50% 0%);
	margin-top: -30px;
	padding: 50px 100px;
	color: #fff;
}
	.error404 #hero-404 h1{
		font-weight: 800;
		text-transform: uppercase;
		font-size: 4em;
		line-height: 1.25em;
		margin: 0;
		padding: 50px 0 0 0;
		max-width: 700px;
	}
	.error404 #hero-404 h2{
		font-weight: 500;
		text-transform: uppercase;
		font-size: 2.5em;
		line-height: 1.25em;
		margin: 0;
		padding: 0;
		max-width: 700px;
	}
	.error404 #hero-404 .hero-image{
		text-align: right;
		margin-right: 40px;
	}
		.error404 #hero-404 img{
			max-width: 650px;
		}
	.error404 a{
		color: #679fc4;
		transition: color 0.3s ease-out;
		text-decoration: none;
	}
	.error404 a:hover{
		color: #f4c81d;
	}
.error404 #white-spacer{
	background: #fff;
	padding: 0px 0 300px 0;
	clip-path: ellipse(100% 100% at 50% 0%);
	z-index: 2;
}
/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/

/* Navigation
--------------------------------------------- */
#main_navigation {
	display: block;
	width: 100%;
}
	#navigation{
		display: block;
	}
	
	/* Small menu. */
	#mobile-menu-button{
		display: none;
	}
#main_navigation ul {
	list-style: none;
	margin: 13px 0 0 0;
	padding-left: 0;
	float: right;
}
#main_navigation li {
	position: relative;
	float: left;
	padding: 10px 40px;
}
#main_navigation li:last-child{
	padding: 10px 0px 10px 40px;
}
	#main_navigation li:last-child a{
		background-color: #f4c81d;
		color: #004272;
		font-weight: 700;
		border: solid 3px #fff;
		border-radius: 8px;
		padding: 10px 20px;
		margin-top: 0;
		box-shadow: 0px 2px 10px 0px #ccc;
		transition: all 0.3s ease-out;
	}
		#main_navigation li:last-child a:hover{
			background-color: #679fc4;
			color: #fff;
		}
	#main_navigation li:last-child::after {
		content: '';
		position: absolute;
		width: 100%;
		transform: scaleX(0);
		height: 0px;
		bottom: 0;
		left: 0;
		background-color: none;
		transform-origin: bottom center;
		transition: transform 0.3s ease-out;
	}
#main_navigation a {
	display: block;
	text-decoration: none;
	color: #222;
	text-transform: uppercase;
	margin-top: 12px;
	transition: color 0.3s ease-out;
}
	#main_navigation a:hover, #main_navigation li:hover a{
		color: #f4c81d;
	}
	
	#main_navigation li:hover::after {
		transform: scaleX(0.65);
		transform-origin: bottom center;
	}
	#main_navigation li::after {
		content: '';
		position: absolute;
		width: 100%;
		transform: scaleX(0);
		height: 4px;
		bottom: 0;
		left: 0;
		background-color: #f4c81d;
		transform-origin: bottom center;
		transition: transform 0.3s ease-out;
	}


#header_contact_info{
	float: right;
	text-transform: uppercase;
	padding: 3px 0 0 0;
}
	#header_contact_info .header-time{
		margin: 0;
		padding: 0 5px 0 0;
		color: #004272;
		line-height: 1em;
	}
	#header_contact_info .header-phone{
		margin: 0;
		padding: 0 5px 0 0;
		color: #004272;
		line-height: 1em;
		position: relative;
		text-align: right;
	}
		#header_contact_info .header-phone::before{
			content: "\f525";
			font-family: dashicons;
			font-size: 1.5em;
			display: block;
			top: 0px;
			position: absolute;
			left: 70px;
			transition: color 0.3s ease-out;
		}
			#header_contact_info .header-phone:hover::before{
				color: #f4c81d;
			}
		#header_contact_info .header-phone a{
			color: #004272;
			transition: color 0.3s ease-out;
		}
		#header_contact_info .header-phone a:hover{
			color: #f4c81d;
		}
#header #mobile-menu-button{
		display: none;
	}
		#header #mobile-menu-button a{
			display: block;
			padding: 10px 20px;
			background: #005e9b;
			text-transform: uppercase;
			color: #fff;
			float: right;
			font-size: 1em;
			border-radius: 4px;
			top: 25px;
			position: relative;
			text-decoration: none;
		}
			#header #mobile-menu-button a:hover{
				background: #014373;
				transition: background .2s ease-in-out;
			}
			#header #mobile-menu-button a span{
				vertical-align: middle;
			}
					
		#mobile-menu{
			display: none;
			position: absolute;
			top: 125px;
			right: 5%;
			background: #005e9b;
			opacity: 0;
			z-index: 99999;
			width: 90%;
			border-radius: 4px 0 4px 4px;
			border: solid 1px #fff;
		}
			#mobile-menu #menu-mobile-menu{
				list-style: none;
				margin: 0;
				padding: 10px 0;
			}
				#mobile-menu #menu-mobile-menu li{
					margin: 0;
					width: 100%;
					padding: 0 20px 0 6px;
				}	
					#mobile-menu #menu-mobile-menu a{
						color: #fff;
						padding: 10px;
						display: block;
						text-decoration: none;
						border: none;
						outline: none;
						border-radius: 4px;
					}
						#mobile-menu #menu-mobile-menu a:hover{
							background: #fff;
							color: #222;
							transition: all .2s ease-in-out;
						}
				

.site-main .comment-navigation,
.site-main
.posts-navigation,
.site-main
.post-navigation {
	margin: 0 0 1.5em;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
	display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	text-align: end;
	flex: 1 0 50%;
}

/* Posts and pages
--------------------------------------------- */
.sticky {
	display: block;
}

.post,
.page {
	margin: 0 0 1.5em;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/* Comments
--------------------------------------------- */
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
	margin: 0 0 1.5em;
}

.widget select {
	max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
	margin-bottom: 1.5em;
	display: grid;
	grid-gap: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	width: 100%;
}

.gallery-columns-2 {
	grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
	grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
	grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
	grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
	grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
	grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
	grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
	grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/* Jetpack infinite scroll
--------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {

	/*rtl:ignore*/
	float: left;

	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {

	/*rtl:ignore*/
	float: right;

	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}

/*--------------------------------------------------------------
## Additional Forms
--------------------------------------------------------------*/
.question input,.question email, .question select{transition: all 0.3s ease-out;}
.question input[type="text"], .question input[type="email"], .question select{outline: none; border: 2px solid #cccccc; border-radius: 8px; padding: 7px 10px; background: #ffffff; color: #4a5c72; margin: 0 0 4px 0; width: 100%;}
.question input[type="text"]:hover, .question input[type="email"]:hover, .question select:hover{background:#679fc4; color: #fff;}
.question input[type="text"]:focus, .question input[type="email"]:focus, .question input[type="text"]:active,.question select:focus, .question select:active{background: #679fc4; color: #fff;}

label{display: block; color: #fff; margin: 0 0 6px 0; padding: 0;}
.quote-form label{color: #005e9b; text-transform: uppercase;}

.question input[type="submit"]{ margin: 10px 0;background: #f4c81d; color:#222; cursor:pointer; outline:none; width: 100%; border-radius: 8px; text-transform: uppercase; box-shadow: none; border: 2px solid #ccc; padding: 20px 0; font-size: 1em; font-weight: 700; }

.question input[type="submit"]:hover{background: #679fc4; color: #222; transition: background .3s ease-in-out;}
.question input[type="submit"]:active{background-color: #222; border: 2px solid #fff; color: #fff; transition: background .3s ease-in-out;}

#cta .question input[type="submit"]{background: #005e9b; color: #fff;}
#cta .question input[type="submit"]:hover{background: #014373;}

.quote-form .question{margin-bottom: 20px;}

.required{color: #d70000; display: none;}
fieldset{margin: 0; color: #d3a6ab; border: #d3a6ab solid 1px; padding: 10px; max-width:600px;}
legend{font-weight: bold;}
.main_errors{color: #d3a6ab; display: none; border: solid 2px #dd2a2a; border-radius: 8px; margin-bottom: 20px; background-color: #b64e4e;}
.main_errors h4{color: #fff; text-transform: uppercase;}

fieldset.data_success{
	background-color: #e4f4e8;
	border-radius: 8px;
	border: solid 2px #28a745;
	color: #222;
	box-shadow: 0px 4px 10px -4px #ccc;
}
fieldset.data_success legend{font-size: 1.5em;}
fieldset.data_success h4{font-size: 1.5em; margin: 0; padding: 0; text-align: center;}
fieldset.data_success p.estimate{font-size: 2em; margin: 20px 0; padding: 0; text-align: center;}
fieldset.data_success p.disclaimer{color: #222; font-size: 0.75em; text-align: center;}
fieldset.data_success p{text-align: center;}



/*--------------------------------------------------------------
## Media Queries
--------------------------------------------------------------*/
@media only screen and (max-width:1550px) {	
	#footer .footer-navigation li {padding: 10px;}	
}
@media only screen and (max-width:1500px) {
	#hero,
	.page-template-page-services #hero-services,
	.page-template-page-faqs #hero-faqs,
	.page-template-page-reviews #hero-reviews,
	.page-template-page-about #hero-about,
	.page-template-page-quote #hero-quote,
	.error404 #hero-404{padding: 50px 0px 100px 0px;}
	
	#about ul.about_gallery_home li a{width: 150px; height: 150px;}
	#about ul.about_gallery_home img{width: 150px; height: 150px;}
}
@media only screen and (max-width:1400px) {
	#main_navigation li {padding: 10px 20px;}
	#main_navigation li:last-child {padding: 10px 0px 5px 20px;}
}
@media only screen and (min-width:1351px) {
}
@media only screen and (max-width:1350px) {
	#footer{text-align: left;}
	#footer .footer-navigation li {float: none; padding: 10px 0px;}		
	#footer .footer-navigation li:hover::after {transform: scaleX(0.4); transform-origin: bottom left;}
	#footer .footer-navigation li::after {transform-origin: bottom left;}
}
@media only screen and (max-width:1250px) {
	#main_navigation li {padding: 10px 15px;}
	#main_navigation li:last-child {padding: 10px 0px 5px 15px;}
}
@media only screen and (max-width:1100px) {
	#header #mobile-menu-button{display: block;}
	#header #navigation{display: none;}
	#header #header_contact_info{display: none;}
	
	#hero,
	.page-template-page-services #hero-services,
	.page-template-page-faqs #hero-faqs,
	.page-template-page-reviews #hero-reviews,
	.page-template-page-about #hero-about,
	.page-template-page-quote #hero-quote,
	.error404 #hero-404{padding: 30px 0px 100px 0px;}
	
	#hero h1,
	.page-template-page-services #hero-services h1,
	.page-template-page-faqs #hero-faqs h1,
	.page-template-page-reviews #hero-reviews h1,
	.page-template-page-about #hero-about h1,
	.page-template-page-quote #hero-quote h1,
	.error404 #hero-404 h1{font-size: 3em;}
	
	#hero h2,
	.page-template-page-services #hero-services h2,
	.page-template-page-faqs #hero-faqs h2,
	.page-template-page-reviews #hero-reviews h2,
	.page-template-page-about #hero-about h2,
	.page-template-page-quote #hero-quote h2,
	.error404 #hero-404 h2{font-size: 2em; margin-bottom: 20px;}
	
	#hero img,
	.page-template-page-services #hero-services .hero-image img,
	.page-template-page-faqs #hero-faqs .hero-image img,
	.page-template-page-reviews #hero-reviews .hero-image img,
	.page-template-page-about #hero-about .hero-image img,
	.page-template-page-quote #hero-quote .hero-image img,
	.error404 #hero-404 .hero-image img{max-width: 400px;}
	
	#about ul.about_gallery_home li{width: 50%;}
	
	footer img{max-width: 300px; right: 5%;}
	#footer{padding: 180px 0 40px 0; margin-top: -375px;}
	
	
}
@media only screen and (max-width:1081px) {
}
@media only screen and (max-width:1020px) {
}
@media only screen and (max-width:981px) {
	.container.narrow{max-width: 90%;}
}
@media only screen and (max-width:920px) {
}
@media only screen and (min-width:768px) {
}
@media only screen and (max-width:767px) {
.span1, .span10, .span11, .span12, .span2, .span3, .span4, .span5, .span6, .span7, .span8, .span9{width: 100%;}
/*
.span12 {width: 100%}
.span11 {width: 91.666666666666666666666666666664%}
.span10 {width: 83.333333333333333333333333333331%}
.span9 {width: 74.999999999999999999999999999998%}
.span8 {width: 66.666666666666666666666666666665%}
.span7 {width: 58.333333333333333333333333333332%}
.span6 {width: 49.999999999999999999999999999999%}
.span5 {width: 41.666666666666666666666666666666%}
.span4 {width: 33.333333333333333333333333333333%}
.span3 {width: 25%}
.span2 {width: 16.666666666666666666666666666667%}
.span1 {width: 8.3333333333333333333333333333333%}
*/

#header .span3{width: 49.999999999999999999999999999999%;}
#header .span9{width: 49.999999999999999999999999999999%;}

.page-template-page-services .interior-service-outer-even img, .page-template-page-services .interior-service-outer-odd img {max-width: 150px;}
.page-template-page-services .interior-service-outer-even .interior-service-icon{text-align: center;}
.page-template-page-services .interior-service-outer-odd .interior-service-icon{display: none;}
.page-template-page-services .interior-service-outer-odd .interior-service-icon-mobile{display: block; text-align: center;}
.page-template-page-services .interior-service-outer-even .interior-service-inner .interior-service-text{text-align: center;}
.page-template-page-services .interior-service-outer-odd .interior-service-inner .interior-service-text{text-align: center;}
.page-template-page-services .interior-service-outer-even .interior-service-inner .interior-service-text ul{padding: 0;}
.page-template-page-services .interior-service-outer-even .interior-service-inner .interior-service-text li{padding: 15px;}
.page-template-page-services .interior-service-outer-odd .interior-service-inner .interior-service-text ul{padding: 0;}

		
#hero img,
.page-template-page-services #hero-services .hero-image img,
.page-template-page-faqs #hero-faqs .hero-image img,
.page-template-page-reviews #hero-reviews .hero-image img,
.page-template-page-about #hero-about .hero-image img,
.page-template-page-quote #hero-quote .hero-image img,
.error404 #hero-404 .hero-image img{max-width: 100%;}

#moving_services h3{font-size: 2em;}
#testimonials h3{font-size: 2em;}
#testimonials .testimonial_pull_quote{font-size: 1.5em;}
#about h3{font-size: 2em;}
#about ul.about_gallery_home{margin: 0;}
#about ul.about_gallery_home li{width: 33%;}
#about ul.about_gallery_home li a{width: 125px; height: 125px;}
#about ul.about_gallery_home img{width: 125px; height: 125px;}

#faqs h3{font-size: 2em;}
#faqs li{width: 100%; float: none;}

#cta h3 {font-size: 2em;}

.page-template-page-about .about-image-gallery li {padding: 0px;} 
footer img{max-width: 300px; top: -180px; right: 5%;}
#footer .footer-logo img{max-height: 100px; margin-top: 10px;}
#footer .footer-contact-info{padding-top: 20px;}
}

@media only screen and (max-width:480px) {
#about ul.about_gallery_home li a{width: 100px; height: 100px;}
#about ul.about_gallery_home img{width: 100px; height: 100px;}
}
@media only screen and (max-width:400px) {
}
@media only screen and (max-width:380px) {
}
@media only screen and (max-width:340px) {
}