/*
Theme Name: The Service Companies
Author: e-daptive Media
Description: Custom theme developed and designed by e-daptive Media.
Version: 1.0
*/

* {
	padding: 0;
	margin: 0;
}
body {
	font-size: 16px;
	line-height: 1.4em;
	height: 100%;
	-webkit-text-size-adjust: 100%;
	font-family: Trebuchet;
	font-weight: normal;
	font-style: normal;
	background-color: #fff;
}

@media (max-width:1000px) {
body {
	font-size: 15px;
}
}

@media (max-width:700px) {
body {
	font-size: 14px;
}
}

	.fontsize #main-content-area {
	font-size: 130% !important;
}


.main-image {
	width: 100%;
	background: url("../img/bg-01.jpg") no-repeat center;
	background-size: cover;
}
/*NAVIGATION OFFSETS*/
.main-image > div {
	padding-top: 7em;
}
h1 {
	font-size: 2.5em;
	line-height: 1em;
	padding: 1em 1em 1em .5em;
	margin: 4em 0;
	color: #fff;
	display: inline-block;
	position: relative;
	z-index: 1;
	max-width: 70%;
	text-transform: uppercase;
}
h1::after {
	background-color: rgba(180,0,45,0.80);
	bottom: 0;
	content: '';
	display: block;
	height: 100%;
	left: -20em;
	position: absolute;
	right: 0;
	transform: skewX(-15deg);
	transform-origin: 100%;
	z-index: -1;
}

@media (min-width:510px) {
h1 {
	padding-left: .75em;
}
}

@media (min-width:700px) {
h1 {
	padding-left: 1.5em;
}
}
h2 {
	font-size: 1.4em;
	display: inline-block;
	border-top: solid .16em;
	line-height: 1.4em;
	text-transform: uppercase;
}
main h2 {
	border: none;
	color: #e9c32c;
	padding-bottom: .5em;
}
h3 {
	font-family: Trebuchet-Bold;
	font-size: 1.3em;
	color: #e8c228;
}
h4 {
	font-family: Trebuchet-Bold;
	font-size: 1em;
}
main a, .wrapper a, footer a {
	color: #e9c32c;
	text-decoration: none;
}
main a:hover, .wrapper a:hover {
	text-decoration: underline;
}
main {
	max-width: 900px;
	margin: 0 auto;
	padding: 0 2em .5em 2em;
}
main > p:first-child, main > blockquote:first-of-type > p:first-child, main > h2:first-child {
	padding-top: 3em;
}
main > p:last-child {
	padding-bottom: 3em;
}
main ul, .case-text ul, .collapse-text ul, .expand-container ul {
	list-style: square;
	padding: 1em 2em;
}
main ol, .case-text ol, .collapse-text ol, .expand-container ol {
	list-style: decimal !important;
	padding: 1em 2em;
}
@media (min-width:600px) {
main ul.columns, .expand-outer ul.columns {
        columns: 2;
  column-gap: 2em;
	}}
@media (min-width:900px) {
main ul.columns, .expand-outer ul.columns {
        columns: 3;
	}}


@media (min-width:550px) {
	
	.simple-sitemap-page { columns: 2; column-gap: 2em;}
}

@media (min-width:900px) {
	
	.simple-sitemap-page { columns: 3;}
}

p {
	padding: 1em 0;
}
em {font-style: italic;}

main > blockquote:first-of-type {
	font-size: 1.5em;
	line-height: 1.4em;
	color: #e8c228;
	position: relative;
}
main > blockquote:first-of-type a {
	text-decoration: underline;
}

@media (min-width:1200px) {
main > blockquote:first-of-type {
	left: -4em;
	margin-right: -4em;
}
}
.shine blockquote {
	position: relative;
	margin: 3em 0;
}
.shine blockquote::before {
	position: absolute;
	top: -1.7em;
	height: 3em;
	width: 100%;
	background: url("../img/quote.png");
	background-position: center center;
	background-size: auto 2.2em;
	background-repeat: no-repeat;
	content: "";
	display: block;
}
.no-scroll {
	overflow: hidden;
	position: fixed;
	height: 100%;
	width: 100%;
}
nav {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10000000;
	background-color: rgba(255,255,255,0.95);
	box-shadow: 0 0 2em rgba(0,0,0,0.30);
}
nav::after, main::after, .block::after {
	content: "";
	display: table;
	clear: both;
}
nav a {
	text-decoration: none;
}
.nav-wrap, .main-menu > ul, .main-image > div {
	max-width: 1300px;
	margin: 0 auto;
	position: relative;
}
#logo {
	height: 3em;
	width: 11em;
	margin: 1.5em 1em;
	background: url(../img/logo.png) no-repeat center left;
	background-size: auto 3em;
	display: block;
}
.hamburger {
	position: fixed;
	top: 1.5em;
	right: .5em;
}
#menu-main-menu {
	position: relative;
	padding: 0 1em;
}
#menu-main-menu li {
	padding: .5em 1em;
	line-height: 2em;
}
#menu-main-menu a {
	color: #000;
}
.main-category > a {
	text-transform: uppercase;
}
.main-category .sub-menu .sub-menu {
	padding: .5em 0;
}
.main-category .sub-menu .sub-menu li {
	line-height: 1em !important;
	font-size: .9em;
	padding: 0 1em;
}

@media (max-width:1200px) {
.main-category {
	position: relative;
	border-top: solid 1px #ccc;
}
.main-category::after {
	display: block;
	content: "";
	background: url("../img/cd-icons.svg");
	height: 3em;
	width: 3em;
	background-size: 1.2em;
	background-position: center center;
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	right: 1em;
	transform: rotate(-90deg);
	transition: all 0.5s ease;
}
.main-category.active::after {
	transform: rotate(0deg);
	transition: all 0.5s ease;
}
.main-category ul {
	height: auto;
	max-height: 0;
	overflow: hidden;
	transition: all 0.5s ease;
}
.main-category.active ul {
	max-height: 100vh;
	transition: all 0.5s ease;
}
#menu-main-menu {
	height: 0;
	overflow: hidden;
	transition: opacity 0.5s ease;
	opacity: 0;
}
#menu-main-menu.active {
	height: auto;
	position: fixed;
	top: 6em;
	bottom: 0;
	right: 0;
	left: 0;
	overflow: scroll;
	transition: opacity 0.5s ease;
	opacity: 1;
	background-color: rgba(255,255,255,0.98);
	padding: 2em 1em;
}
.head-link {
	display: none;
}
}

@media (min-width:1200px) {
nav {
	padding-top: 1em;
}
#menu-main-menu {
	padding: 0;
}
#menu-main-menu li {
	padding: .2em 1em .8em 1em;
	;
	line-height: 2em;
}
.main-menu {
	position: absolute;
	right: 0;
	top: 1.5em;
	margin: 0;
	padding: 0;
}
.main-category {
	display: inline-block;
	position: relative;
	padding: 0;
	margin: 0;
}
.main-category > ul {
	max-height: .01em;
	overflow: hidden;
	padding: 0;
	position: fixed;
	top: 7em;
	left: 0;
	right: 0;
	max-width: 1000px;
	margin: 0 auto;
}
.main-category:hover > ul {
	max-height: 100vh;
	width: 100%;
	padding: 2em 0;
	overflow: visible;
}
.main-category:hover::after {
	height: .35em;
	width: auto;
	content: "";
	display: block;
	bottom: 0;
	left: 1em;
	right: 1em;
	position: absolute;
	background-color: #e8c228;
}
.main-category > .sub-menu::before {
	position: absolute;
	top: 0;
	bottom: 0;
	right: -1000px;
	left: -1000px;
	content: "";
	display: block;
	background-color: rgba(234, 234, 234, 0.96);
	z-index: -1;
}
.main-category > ul > li {
	display: inline-block;
	vertical-align: top;
	width: 21%;
	padding: auto 2%;
}
.head-link {
	width: 100% !important;
	border-bottom: solid 1px #333;
	font-family: Trebuchet-Bold;
	font-size: 1.2em;
	line-height: 1em;
	padding: 0 !important;
	margin-bottom: 1em;
}
.hamburger {
	display: none !important;
}
}

@media (pointer: coarse) and (min-width:1200px) {
.main-category::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(255, 255, 255, 0.00);
}
.closer.active {
	content: "";
	background-color: rgba(0, 0, 0, 0.70);
	z-index: 10000;
	display: block;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	position: fixed;
}
.main-category:hover > ul {
	max-height: 0;
	width: 100%;
	padding: 0;
	overflow: hidden;
}
.main-category:hover::after {
	display: none;
}
.main-category.active > ul {
	max-height: 100vh;
	width: 100%;
	padding: 2em 0;
	overflow: visible;
}
.main-category.active::after {
	height: .35em;
	width: auto;
	content: "";
	display: block;
	bottom: 0;
	left: 1em;
	right: 1em;
	position: absolute;
	background-color: #e8c228;
}
}
.hamburger {
	float: right;
	padding: .5em 1em;
	display: block;
	cursor: pointer;
	transition-property: opacity, filter;
	transition-duration: 0.25s;
	transition-timing-function: linear;
	border: 0;
	margin: 0;
	overflow: visible;
}
.hamburger:hover {
	opacity: 0.7;
}
.hamburger.is-active:hover {
	opacity: 0.7;
}
.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after {
	background-color: #2f3333;
}
.hamburger-box {
	width: 1.8em;
	height: 2em;
	display: block;
	position: relative;
}
.hamburger-inner {
	display: block;
	top: 50%;
	margin-top: -1px;
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
	width: 1.8em;
	height: 2px;
	background-color: #2f3333;
	position: absolute;
	transition-property: transform;
	transition-duration: 0.15s;
	transition-timing-function: ease;
}
.hamburger-inner::before, .hamburger-inner::after {
	content: "";
	display: block;
}
.hamburger-inner::before {
	top: -.6em;
}
.hamburger-inner::after {
	bottom: -.6em;
}
.hamburger--3dy-r.is-active .hamburger-inner {
	background-color: transparent !important;
	transform: rotateX(180deg);
}
.hamburger--3dy-r.is-active .hamburger-inner::before {
	transform: translate3d(0, .6em, 0) rotate(45deg);
}
.hamburger--3dy-r.is-active .hamburger-inner::after {
	transform: translate3d(0, -.6em, 0) rotate(-45deg);
}
/* --------------------------------------------------------------------------- */



.wrapper {
	max-width: 1300px;
	margin: 0 auto;
	padding: 0 .5em;
	background-color: #fff;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
.block {
	width: 100%;
	color: #fff;
	position: relative;
}
.block .block-bg {
	margin: .5em;
	background-position: center center;
	background-size: cover;
}
.block-content-inner {
	padding: 2em;
}

@media (min-width:1000px) {
.block-content-inner {
	padding: 3em;
}
}

@media (min-width:1300px) {
.block-content-inner {
	padding: 4em;
}
}

@media (min-width:900px) {
.block.half {
	width: 50%;
	float: left;
}
.block.third {
	width: 33.333333333%;
	float: left;
}
.block.overlay-half .block-content {
	width: 50%;
}
.block.half.overlay-half .block-content, .block.third.overlay-half .block-content {
	width: 100%;
}
.block.overlay-third .block-content {
	width: 64%;
}
.block.half.overlay-third .block-content, .block.third.overlay-third .block-content {
	width: 100%;
}
.block .block-content p:first-of-type {
	min-height: 5em;
}
}
.block .block-content p:first-of-type {
	font-size: 1.4em;
	line-height: 1.4em;
	padding: 1em 0;
}
.buttons a {
	background: #c2143f;
	color: #fff;
	position: relative;
	z-index: 1;
	margin: 0 2.3em 1.3em 0;
	display: inline-block;
	line-height: 2.5em;
	filter: drop-shadow(.2em .2em .5em rgba(0,0,0,0.5));
	left: 1em;
	top: .5em;
}
.buttons a::before, .buttons a::after {
	background: inherit;
	content: '';
	display: block;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	position: absolute;
	transform: skewX(-15deg);
	transform-origin: 100%;
	z-index: -1;
}
.buttons a::before {
	left: -1em;
	right: 35%;
}
.buttons a::after {
	right: -1em;
	left: 35%;
}
.buttons a:first-of-type::before {
	transform: skewX(0deg);
}
.buttons a {
	text-decoration: none;
	opacity: 1;
	cursor: pointer;
}
.buttons a:hover {
	opacity: 0.7;
}

.consult-btn.buttons {position: absolute; top:.1em; right:5em; font-size: .8em;}
.consult-btn.buttons a {filter: none;}
.consult-btn.buttons a:last-of-type::before, .consult-btn.buttons a:first-of-type::before {
	transform: skewX(-15deg);
}
.consult-btn.buttons a:last-of-type::after {
	transform: skewX(0deg);
}

@media (min-width:1200px) {
	.consult-btn.buttons {position: absolute; top:-2em; right:1.25em; font-size: .8em;}
}


#apply-text::before {content:"Apply"; display:block;}
#quote-text::before {content:"Quote"; display:block;}

@media (min-width:450px) {
	
#apply-text::before {content:"Apply Now"; display:block;}
#quote-text::before {content:"Request a Quote"; display:block;}	
}

.service-code {
	display: inline-block;
	position: relative;
	padding: 2em;
	max-width: 70%;
}
.service-code ul {
	color: #fff;
}
.service-code::after {
	background: inherit;
	background-color: #333333;
	content: '';
	display: block;
	top: 0;
	bottom: 0;
	left: 50%;
	right: -1em;
	position: absolute;
	transform: skewX(-15deg);
	transform-origin: 100%;
	z-index: -1;
}
.service-code::before {
	background: inherit;
	background-color: #333333;
	content: '';
	display: block;
	top: 0;
	bottom: 0;
	left: 0;
	right: 30%;
	position: absolute;
	transform-origin: 100%;
	z-index: -1;
}


#brand h3 {color:#2f3333;}
#brand p {color:#e9c32c; padding-top: 0;}

#brand { background-image: url("../img/brand.svg"); background-position: center top; background-repeat: no-repeat; background-size: 60em; height: 40em; width: 100%; margin: 0 auto;}
#brand .brand-text {display: none;}

@media (max-width:800px) {
	#brand { background-image: url("../img/brand-no.svg");  background-size: 20em; height: auto; width: auto;}
	
#brand .brand-text {display: block; text-align: center; padding-top: 22em;}
	
}


.light-grey .block-content {
	background-color: #f1f1f1;
	color: rgba(47, 51, 51, 1.0);
}
.light-grey.overlay .block-content {
	background-color: rgba(241, 241, 241, 0.9);
}
.white .block-content {
	background-color: #fff;
	color: rgba(47, 51, 51, 1.0);
}
.dark-grey .block-content {
	background-color: rgba(47, 51, 51, 1.0);
}
.dark-grey.overlay .block-content {
	background-color: rgba(47, 51, 51, 0.8);
}
.dark-grey .buttons a {
	background: rgba(232, 194, 40, 1.0);
	color: rgba(47, 51, 51, 1.0);
}
.dark-grey h2 {
	color: rgba(232, 194, 40, 1.0);
}
.yellow .block-content {
	background-color: rgba(232, 194, 40, 1.0);
}
.yellow.overlay .block-content {
	background-color: rgba(232, 194, 40, 0.9);
}
.yellow h2 {
	color: rgba(47, 51, 51, 1.0);
}
.yellow .buttons a {
	background: #fff;
	color: rgba(196, 13, 60, 1.0);
}
.red .block-content {
	background-color: rgba(196, 13, 60, 1.0);
}
.red.overlay .block-content {
	background-color: rgba(196, 13, 60, 0.7);
}
.red .buttons a {
	background: rgba(47, 51, 51, 1.0);
	color: #fff;
}
.team-container {
	max-width: 900px;
	margin: 0 auto;
	padding: 2em;
}
.team-container .headshot {
	margin: 0 2em 1em 0;
}

@media (min-width:800px) {
.team-container p {
	margin-left: 12em;
}
}
.expand-outer {
	padding: .5em;
	width: 100%;
}
.expand-container::before {
	content: '';
	display: block;
	width: 4em;
	height: 2em;
	background-color: rgba(47, 51, 51, 1.0);
	transform: skewX(-15deg);
	position: absolute;
	right: -1.75em;
	bottom: 0;
}
.expand-container {
	background-color: #f1f1f1;
	position: relative;
	padding: 2em;
	overflow: hidden;
}

@media (min-width:1000px) {
.expand-container {
	padding: 3em;
}
}

@media (min-width:1300px) {
.expand-container {
	padding: 4em;
}
}
.expand-container:hover {
	cursor: pointer;
}
.expand-container::after {
	position: absolute;
	bottom: 0;
	right: 0;
	content: "+";
	display: block;
	height: 1em;
	width: 1em;
	line-height: 1em;
	text-align: center;
	font-size: 2em;
	transition: all 0.5s ease;
	color: #fff;
}
.not-collapsible .expand-container::after, .not-collapsible .expand-container::before {
	display: none;
}
.expand-container.active::after {
	transform: rotate(45deg);
}
.expand-container .collapse-text {
	max-height: 0;
	overflow: hidden;
	transition: all 0.5s ease;
	max-width: 900px;
	margin: 0 auto;
}
.not-collapsible .expand-container .collapse-text {
	display: none;
}
.expand-container.active .collapse-text {
	max-height: 200vh;
}
.expand-container h2 {
	border-color: #e9c32c;
}
.expand-container > p:first-of-type {
	font-size: 1.5em;
	line-height: 1.4em;
	padding: 1em 0;
}
.case-outer {
	padding: .5em;
	width: 100%;
}
.case-outer .block-bg {
	background-position: center center;
	background-size: cover;
}
.case-container h2 {
	color: #fff;
	border-color: #e9c32c;
}
.case-container {
	padding: 2em;
}

@media (min-width:1000px) {
.case-container {
	padding: 3em;
}
}

@media (min-width:1300px) {
.case-container {
	padding: 4em;
}
}
.case-btn {
	background-color: #e9c32c !important;
	color: rgba(47, 51, 51, 1.0) !important;
}
.case-btn.active {
	background-color: rgba(196, 13, 60, 1.0) !important;
	color: #fff !important;
}
.case-text {
	max-height: 0;
	opacity: 0;
	max-width: 900px;
	margin: 0 auto;
	overflow: hidden;
}
.case-text.active {
	max-height: 200vh;
	min-height: 15em;
	padding-top: 1em;
	opacity: 1;
}

@media (max-width:600px) {
.case-text.active {
	min-height: 15em;
}
}
.case-container strong {
	color: #e9c32c;
}
.case-container p {
	padding: 0 0 1em 0 !important;
}
.case-container > p:first-of-type {
	font-size: 1.4em;
	line-height: 1.4em;
	padding-bottom: 2em !important;
}
.case-container > strong:first-of-type {
	font-size: 1.4em;
	line-height: 1.4em;
	display: block;
}
.case-container strong:first-of-type {
	padding-top: 1em;
	font-family: Trebuchet-Bold;
}
.dark-grey.overlay .case-container {
	background-color: rgba(47, 51, 51, 0.8);
}
.dark-grey.overlay .case-container p {
	color: #fff;
}
.red.overlay .case-container {
	background-color: rgba(196, 13, 60, 0.7);
}
.red.overlay .case-container p {
	color: #fff;
}
.red .case-btn.active {
	background-color: rgba(47, 51, 51, 1.0) !important;
}
.yellow.overlay .case-container {
	background-color: rgba(232, 194, 40, 0.9);
}
.yellow .case-btn {
	background-color: rgba(47, 51, 51, 1.0) !important;
	color: #fff !important;
}
.yellow .case-btn.active {
	background-color: rgba(196, 13, 60, 1.0) !important;
}
.yellow strong {
	color: #000 !important;
}
.yellow h2 {
	border-color: rgba(196, 13, 60, 1.0);
	color: #000;
}




.standard.buttons a {background-color: rgba(0,0,0,0.0); color: inherit; margin: 0;
	display: inline-block;
	line-height: inherit;
	filter: none ;
	left: 0;
	top: 0;}

.standard.buttons a:hover {text-decoration: underline;}

.standard.buttons a::before, .standard .buttons a::after {
	display: none;}

footer {
	margin: 0 auto;
	padding: 1em;
	clear: both;
	max-width: 1300px;
}
footer > div {
	padding: 2em 1em;
	margin: 2em 0;
	border-top: solid 1px #333;
	font-size: .8em;
}

@media (min-width:1300px) {
footer {
	padding: 0;
}
}
footer #social {
	float: right;
}

@media (max-width:500px) {
footer #social {
	float: none;
	text-align: left;
	padding-top: 1em;
}
footer #social a:first-of-type {
	margin-left: 0;
}
}
footer #social a {
	display: inline-block;
	height: 2em;
	width: 2em;
	margin: 0 .5em;
	background-size: 2em;
}
footer #social a:hover {
	color: #e9c32c;
}
footer #social a:last-child {
	margin-right: 0;
}
#facebook {
	background-image: url(../img/icons/facebook.png);
}
#twitter {
	background-image: url(../img/icons/twitter.png);
}
#linkedin {
	background-image: url(../img/icons/linkedin.png);
}
#instagram {
	background-image: url(../img/icons/instagram.png);
}
.unslider {
	overflow: auto;
	margin: 0;
	padding: 0;
	position: relative;
}
.unslider-wrap {
	position: relative;
}
.unslider-wrap.unslider-carousel>li {
	float: left
}
.unslider-vertical>ul {
	height: 100%
}
.unslider-vertical li {
	float: none;
	width: 100%
}
.unslider-fade {
	position: relative;
}
.unslider-fade .unslider-wrap li {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	z-index: 8
}
.unslider-fade .unslider-wrap li.unslider-active {
	z-index: 10
}
.unslider li, .unslider ol, .unslider ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none
}
.arrow-prev {
	position: absolute;
	display: block;
	top: 40px;
	left: 20px;
	right: auto;
	z-index: 10000;
	cursor: pointer;
	font-size: 24px;
	width: 30px;
	height: 30px;
	text-align: center;
	color: #e9c32c;
	background-image: url(../img/cd-arrow2.svg);
	background-size: 20px 20px;
	background-position: center center;
	background-repeat: no-repeat;
}
.arrow-next {
	position: absolute;
	left: auto;
	right: 20px;
	display: block;
	top: 40px;
	z-index: 2;
	cursor: pointer;
	font-size: 24px;
	height: 30px;
	width: 30px;
	text-align: center;
	color: #e9c32c;
	background-image: url(../img/cd-arrow.svg);
	background-size: 20px 20px;
	background-position: center center;
	background-repeat: no-repeat;
}
.timeline-wrap {
	margin: .5em;
	position: relative;
}
.timeline {
	position: absolute;
	top: 22px;
	left: 70px;
	right: 70px;
	height: 70px;
	background: url(../img/timeline.svg) center center no-repeat;
	background-size: 100%;
	z-index: 1;
}
.timeline ul {
	position: absolute;
	top: 40px;
	left: 0;
	right: 0;
	bottom: 0;
	color: #fff;
	display: block;
	font-size: 12px;
}
.timeline li {
	position: absolute;
}
.timeline ul li h3 {
	width: 100px;
	left: -50px;
	text-align: center;
	position: relative;
	font-size: 12px;
	color: #fff;
}
.num1987 {
	left: 11.25%;
}
.num1990 {
	left: 18.75%;
}
.num1995 {
	left: 31.25%;
}
.num2000 {
	left: 43.75%;
}
.num2005 {
	left: 56.25%;
}
.num2010 {
	left: 68.75%;
}
.num2015 {
	left: 81.25%;
}
.num2020 {
	left: 93.75%;
}
.timeline ul, .timeline li {
	padding: 0;
	margin: 0;
	list-style: none;
}
.my-slider ul, .my-slider li {
	padding: 0;
	margin: 0;
	display: block;
	list-style: none;
	position: relative;
}
.my-slider ul li h2, .my-slider ul li p {
	margin: 0;
	padding: 0;
	position: relative;
}
.my-slider {
	position: relative;
}
.my-slider ul li {
	height: 400px;
	position: relative;
}
.my-slider ul li h2 {
	position: absolute;
	top: 20px;
	font-family: Trebuchet-Bold;
	text-align: right;
	left: 0;
	right: 0;
	color: #e9c32c;
	padding: 0 5px 20px 5px;
	border: none;
	display: inline;
	font-size: 18px !important;
}
.my-slider ul li p {
	padding: 100px 10%;
	text-align: center;
	color: #fff;
	font-size: 15px;
	line-height: 20px;
}
.bgtime {
	background-size: cover;
	background-position: bottom;
	background-repeat: no-repeat;
	position: relative;
}
.bgtime > div {
	position: absolute;
	top: 0;
	left: 70px;
	right: 70px;
	bottom: 0;
}
#img1987 {
	background-image: url(../img/1987.png);
}
#img1987 h2 {
	border-left: solid 2px #e9c32c;
	text-align: left;
	left: 12.12%;
}
#img1991 {
	background-image: url(../img/1991.png);
}
#img1991 h2 {
	border-left: solid 2px #e9c32c;
	text-align: left;
	left: 21.87%;
}
#img1995 {
	background-image: url(../img/1995.png);
}
#img1995 h2 {
	border-left: solid 2px #e9c32c;
	text-align: left;
	left: 32.25%;
}
#img2002 {
	background-image: url(../img/2002.png);
}
#img2002 h2 {
	border-right: solid 2px #e9c32c;
	right: 49.75%;
}
#img2008 {
	background-image: url(../img/2008.png);
}
#img2008 h2 {
	border-right: solid 2px #e9c32c;
	right: 34.13%;
}
#img2009 {
	background-image: url(../img/2009.png);
}
#img2009 h2 {
	border-right: solid 2px #e9c32c;
	right: 33.38%;
}
#img2010 {
	background-image: url(../img/2010.png);
}
#img2010 h2 {
	border-right: solid 2px #e9c32c;
	right: 29.25%;
}
#img2013 {
	background-image: url(../img/2013.png);
}
#img2013 h2 {
	border-right: solid 2px #e9c32c;
	right: 23.55%;
}
#img2014-2 {
	background-image: url(../img/2014-2.png);
}
#img2014-2 h2 {
	border-right: solid 2px #e9c32c;
	right: 19.5%;
}
#img2014-3 {
	background-image: url(../img/2014-3.png);
}
#img2014-3 h2 {
	border-right: solid 2px #e9c32c;
	right: 19.5%;
}
#img2015 {
	background-image: url(../img/2015.png);
}
#img2015 h2 {
	border-right: solid 2px #e9c32c;
	right: 17.25%;
}
#img2016-1 {
	background-image: url(../img/2016-1.png);
}
#img2016-1 h2 {
	border-right: solid 2px #e9c32c;
	right: 16.25%;
}
#img2016-2 {
	background-image: url(../img/2016-2.png);
}
#img2016-2 h2 {
	border-right: solid 2px #e9c32c;
	right: 15.13%;
}
#img2016-3 {
	background-image: url(../img/2016-3.png);
}
#img2016-3 h2 {
	border-right: solid 2px #e9c32c;
	right: 14.88%;
}
#img2016-4 {
	background-image: url(../img/2016-4.png);
}
#img2016-4 h2 {
	border-right: solid 2px #e9c32c;
	right: 14.88%;
}
#img2018-1 {
	background-image: url(../img/2018-1.png);
}
#img2018-1 h2 {
	border-right: solid 2px #e9c32c;
	right: 9.8%;
}
#img2018-2 {
	background-image: url(../img/2018-2.png);
}
#img2018-2 h2 {
	border-right: solid 2px #e9c32c;
	right: 9.7%;
}

@media (max-width:700px) {
.my-slider ul li h2 {
	font-size: 16px;
}
.num1990, .num2000, .num2010, .num2020 {
	display: none;
}
}
.logo-floats {
	padding: 0 0 2em 0;
}
.logo-floats img {
	padding: 2em 2em 0 0; display: inline-block; width: auto; max-width: 400px; height: auto; max-height: 63px;
}

@media (max-width:700px) {
	
	.logo-floats img {
	padding: 2em 0 0 0; max-width: 100%; 
}
}

/* Contact Map Overrides */

#wpsl-search-wrap label {
	font-size: .9em;
}

@media (max-width: 570px) {
#wpsl-search-input {
	width: 92%!important;
}
}
p.wpsl-contact-details, .wpsl-store-location > p {
	padding: 0 !important;
	margin-bottom: 10px !important;
}

.contentFrame {height: 6500px; width: 100%; border:none;}
	
@media (max-width:900px){
		
		.contentFrame {height: 7300px;}}


	@media (max-width:550px){
		
		.contentFrame {height: 5000px;}}

.page-content-wrapper::before {
    background: #333 !important;
}

#wpsl-stores {
	background:#fff;
}

#wpsl-stores::after {
	background-image: linear-gradient(rgba(255, 255, 255, 0.0), rgba(255, 255, 255, 1.0)); display: block; content: 'Scroll to See More'; padding: 3em 0 .5em 0; position: absolute; bottom: 0; left: 0; right:67%; text-align: center; font-size: .8em;
}

@media (max-width:675px){#wpsl-stores::after {right:0 !important;}
}
.wpsl-search { margin-top: 2em;
	background: rgba(0, 0, 0, 0.0) !important;
}



.indicates-required {margin-bottom: .5em;}
.asterisk {color: red;}
#mc_embed_signup {margin: 0 auto; max-width: 800px;}
#mc_embed_signup .mc-field-group input { line-height: 1.5em; padding: .4em; margin: 0 0 1.5em 0;}
#mc_embed_signup .mc-field-group select { line-height: 1.5em; padding: .4em; margin: 0 0 1.5em 0;}

#mc-embed_signup .mc-field-group .phonefield.phonefield-us input {display: inline-block;}

#mce-PHONE-area {max-width: 5em !important; }
#mce-PHONE-detail1, #mce-PHONE-detail2 {max-width: 8em !important;}

#mc_embed_signup ul, #mc_embed_signup li {list-style: none; padding: .5em 0;}
#mc_embed_signup ul label {margin-left: .5em;}

.clear-line {display: block; width:95%; }

.img-align {max-width: 46%; padding: 2%; float: left;}
.img-align img {width: 100%; height: auto;}

@media (min-width:800px){
	.img-align{max-width: 21%;}
}

.slider-border::before {position:absolute; top:-.5em; right:-.5em; left:-.5em; bottom:-.5em; border: solid 1em #fff; display: block; content: "";}

.wpforms-confirmation-container-full {
	background-color:#f1f1f1 !important;
	border-color: #ccc !important;
	
}
.wpforms-form input, .wpforms-form select, .wpforms-form button {
    font-family: inherit !important;
}

.wpf-center {
     margin-left: auto !important;
     margin-right: auto !important;
     max-width: 600px; 
}

.wpforms-form .wpforms-submit-container {padding: 0 !important;}

.wpforms-form .wpforms-submit-container button {color: #fff !important; background-color: #c2143f !important; border: none !important; padding: 0 !important; margin: 0 !important;}

.wpforms-form .wpforms-submit-container {
	background: #c2143f !important; border:none !important;
	color: #fff !important;
	position: relative;
	z-index: 1;
	margin: 0 2.3em 1.3em 0;
	display: inline-block;
	line-height: 2.5em;
	left: 1em;
	top: .5em;
}
.wpforms-form .wpforms-submit-container::before, .wpforms-form .wpforms-submit-container::after {
	background: inherit;
	content: '';
	display: block;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	position: absolute;
	transform: skewX(-15deg);
	transform-origin: 100%;
	z-index: -1;
}
.wpforms-form .wpforms-submit-container::before {
	left: -1em;
	right: 35%;
	transform: skewX(0deg);
}
.wpforms-form .wpforms-submit-container::after {
	right: -1em;
	left: 35%;
}
.wpforms-form .wpforms-submit-container:first-of-type::before {
	transform: skewX(0deg);
}
.wpforms-form .wpforms-submit-container  {
	text-decoration: none;
	opacity: 1;
	cursor: pointer;
}
.wpforms-form .wpforms-submit-container:hover {
	opacity: 0.7;
}

.anchor-offset {position: relative; top:-30em; display: block; height: 0;}


/*
.consult-btn.buttons a {
  -webkit-animation: KEYFRAME-NAME 3s infinite;
  -moz-animation:    KEYFRAME-NAME 3s infinite;
  -o-animation:      KEYFRAME-NAME 3s infinite;
  animation:         KEYFRAME-NAME 3s infinite;
}

@-webkit-keyframes KEYFRAME-NAME {
  0%   {filter: drop-shadow(0 0 .5em rgba(232, 194, 40, 1.0));}
  50% {filter: drop-shadow(0 0 .5em rgba(232, 194, 40, 0.0));}
  100%   {filter: drop-shadow(0 0 .5em rgba(232, 194, 40, 1.0));}
}
@-moz-keyframes KEYFRAME-NAME {
  0%   {filter: drop-shadow(0 0 .5em rgba(232, 194, 40, 1.0));}
  50% {filter: drop-shadow(0 0 .5em rgba(232, 194, 40, 0.0));}
  100%   {filter: drop-shadow(0 0 .5em rgba(232, 194, 40, 1.0));}
}
@-o-keyframes KEYFRAME-NAME {
  0%   {filter: drop-shadow(0 0 .5em rgba(232, 194, 40, 1.0));}
  50% {filter: drop-shadow(0 0 .5em rgba(232, 194, 40, 0.0));}
  100%   {filter: drop-shadow(0 0 .5em rgba(232, 194, 40, 1.0));}
}
@keyframes KEYFRAME-NAME {
  0%   {filter: drop-shadow(0 0 .5em rgba(232, 194, 40, 1.0));}
  50% {filter: drop-shadow(0 0 .5em rgba(232, 194, 40, 0.0));}
  100%   {filter: drop-shadow(0 0 .5em rgba(232, 194, 40, 1.0));}
}

*/

.editor-float-left img {height: auto; width: auto; max-width: 150px; max-height: 80px; float:left; margin: 0 1em 1em 0;}