/*Theme Name: Tyler Heating and Cooling
Theme URI: tylerheating.com
Description: We specialize in residential and light commercial heating and air conditioning services.
Version: 1.0
Author: Tyler Heating and Cooling
Author URI: tylerheating.com
Tags: heating, cooling, cental air conditioning, AC, HVAC, installation, repair, replacement, furnace, heat pump, water heater, humidifier, air filtration, duct improvement, thermostat, temperature controls, system controls, zoning, residential, light commercial, laingsburg, haslett, experienced, knowledgeable, affordable, staff, crew, technicians, tyler, affordable, cheap, best, lansing, michigan, affordable heating repair, affordable air conditioner repair, affordable furnace replacement, affordable air conditioner service, best heating service, best air conditioning service
*/

/* Header (Base level style from Bootstrap) */
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

::after, ::before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body:not(.fa) {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #000;
	line-height: 1.4;
	font-size: 11pt;
	margin: 0;
	min-width: 360px !important;
}

a {
	color: #3c70a8;
	background-color: transparent;
}

a:hover {
	color: #31456a;
}

a, a:active, a:hover, a:visited, a:focus {
	text-decoration: none !important;
	outline: 0;
}

a, a:hover {
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

h1 {
	font-size: 28pt;
}

h2 {
	font-size: 22pt;
}

h3 {
	font-size: 18pt;
}

h1, h2, h3 {
	margin-top: 20px;
	margin-bottom: 10px;
}

h1, h2, h3, h4, h5, h6 {
	font-family: inherit;
	font-weight: bold;
	line-height: 1.1;
	color: inherit;
}

img {
	vertical-align: middle;
	border: 0;
}

.grecaptcha-badge {
	/* hide captcha badge */
	opacity: 0 !important;
}

.header-wrapper {
	position: sticky;
	top: 0;
	box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, .75);
	z-index: 10;
	width: 100%;
}

.preheader {
	width: 100%;
	height: 70px;
	background-color: #091d40;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #ea0105;
	padding: 15px 20px;
}

#preheader-info {
	float: right;
	color: #fff;
	font-size: 16pt;
}

#preheader-info i {
	font-size: 14pt;
	color: #091d40;
	font-weight: bold;
	border-radius: 50px;
	background-color: #fff;
	padding: 8px;
	margin-right: 15px;
}

.header {
	width: 100%;
	background-color: #fff;
	height: 115px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}

.hleft {
	display: inline-block;
	padding: 30px 15px;
}

.hleft img {
	width: 200px;
}

#content {
	display: block;
	margin: auto;
}

/* Nav */
#nav ul, #nav li {
	list-style: none;
	margin: 0;
	padding: 0;
}

#menu-icon {
	display: none;
	color: #ea0105;
}

#nav {
	position: relative;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-end;
	align-items: center;
	overflow: visible;
	z-index: 100;
	padding: 0px 15px 0px 0px;
}

#nav a {
	font-family: "lato";
	color: #000;
	display: inline-block;
	font-size: 12pt;
	font-weight: bold;
	padding: 15px;
	text-decoration: none;
}

#callout-btn {
	color: #fff !important;
	border-radius: 15px;
	background-color: #ea0105;
}

#callout-btn:hover {
	background-color: #ba1a1c;
}

/* First-Level */
#nav .first-level {
	display: block;
}

#nav .first-level li {
	float: left;
}

#sub-pad, .sub-pad {
	/*Aligns submenus to bottom of header */
	margin: 30px 0px;
}

#nav .first-level i {
	padding: 0px;
	margin-right: 15px;
}

.dd-icon-rotate {
	transform: rotate(180deg);
}

#nav .second-level {
	display: none;
	position: absolute;
	color: #fff;
	background-color: #eee;
	right: 0;
	width: 100vw;
}

.sub-flex {
	/* Full width submenu */
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}

#nav li a {
	opacity: 1;
}

#nav li a:hover, .first-level i:hover {
	color: #ea0105;
}

#nav li:hover a, #nav li a, .first-level i, .dd-icon-rotate {
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}

.no-scroll {
	overflow: hidden !important;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* RESPONSIVE */
@media screen and (max-width: 780px) {
	#nav {
		height: 50px;
		display: block;
	}
	
	#menu-icon {
		display: block;
		font-size: 20pt;
		line-height: 45px;
		margin-bottom: 30px;
	}
	
	#nav .first-level {
		display: none;
		position: fixed;
		width: 100%;
		height: 100%;
		left: 0;
		background-color: #fff;
		overflow-y: scroll;
		padding-bottom: 180px;
	}
	
	#sub-pad, .sub-pad {
		/* Removing */
		margin: 0px;
	}
	
	#nav .first-level li {
		width: 100%;
		text-align: center;
	}
	
	#nav .second-level {
		position: relative;
	}
	
	#nav .first-level i {
		position: absolute;
		right: 0;
		padding: 15px 0px;
	}
	
	#nav #callout-btn {
		border-radius: 0px;
		width: 100%;
	}
}

.no-scroll {
	overflow: hidden !important;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/*Showcase*/
.showcase-wrapper {
	width: 100%;
	height: 600px;
}

.showcase {
	width: 100%;
	height: 600px;
}

/* Manual html5 video for background cover */
.showcase video, .embed-container {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	background-size: cover;
	background-position: center;
	z-index: -100;
	overflow: hidden;
}

/* Vimeo Embed instead of html5 video
.embed-container iframe { 
    position: absolute;
    box-sizing: border-box;
    width: 177.77777778vh;
    height: 56.25vw;
    min-width: 100%;
    min-height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index:-100;
    margin-top: 100px;
} */

/* Image poster for Vimeo
.embed-container {
    background-image: url('https://tylerheating.com/staging/wp-content/uploads/2025/02/Winter-Commercial-Loop-1024x576.png.webp');
} */
#mobile-vid {
	display: none;
}

.overlay {
	width: 100%;
	height: 600px;
	background-color: rgba(0, 0, 0, .5);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.showcase-message, .showcase-message h1 {
	/* using <h1> instead of <p> for SEO */
	color: #fff;
	font-size: 24pt;
	font-weight: bold;
	width: 100%;
	text-align: center;
	line-height: normal;
	padding: 0px 15px;
}

@media screen and (max-width:450px) {
	#desktop-vid {
		display: none;
	}
	
	#mobile-vid {
		display: block;
	}
}

/* For image instead of video
  @media screen and (max-width:630px) { 
.showcase{
    background: url(images/image10.jpg) no-repeat top center;
      }  
}*/

/* Fills height when browser window height is too small */
@media screen and (max-height:600px) {
	.showcase video, .embed-container {
		height: 200%;
	}
}

/* Parallaxing Canvas */
.canvas {
	width: 100%;
	height: 300px;
	position: relative;
	overflow: hidden;
	font-size: 16px;
}

.canvas-overlay {
	position: absolute;
	height: 100%;
	width: 100%;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	flex-wrap: nowrap;
	background-color: rgba(0, 0, 0, .5);
}

.canvas-title {
	position: absolute;
	color: #fff;
	padding: 10px;
}

.img-parallax {
	min-width: 100%;
	min-height: 100vh;
	z-index: -1;
	object-fit: cover;
}

/* Breadcrumbs */
.breadcrumbs {
	display: inline-block;
	border-radius: 5px;
}

.breadcrumbs a {
	text-decoration: none;
	outline: none;
	display: block;
	float: left;
	font-size: 12px;
	line-height: 36px;
	color: white;
	background: #666;
	background: linear-gradient(#666, #333);
	position: relative;
	padding: 0px 40px;
}

.breadcrumbs a:first-child {
	border-radius: 5px 0 0 5px;
}

.breadcrumbs a:last-child {
	border-radius: 0 5px 5px 0;
	padding-right: 20px;
}

/*hover/active styles*/
.breadcrumbs a.active, .breadcrumbs a:hover {
	background: #333;
	background: linear-gradient(#333, #000);
}

.breadcrumbs a.active:after, .breadcrumbs a:hover:after {
	background: #333;
	background: linear-gradient(135deg, #333, #000);
}

/* adding the arrows for the breadcrumbs using rotated pseudo elements */
.breadcrumbs a:after {
	content: "";
	position: absolute;
	top: 0;
	right: -18px;
	width: 36px;
	height: 36px;
	transform: scale(.707) rotate(45deg);
	z-index: 1;
	background: #666;
	background: linear-gradient(135deg, #666, #333);
	box-shadow: 2px -2px 0 2px rgba(0, 0, 0, .4), 3px -3px 0 2px rgba(255, 255, 255, .1);
	border-radius: 0 5px 0 50px;
}

.flat a, .flat a:after {
	background: #fff;
	color: #000;
	transition: all .5s;
}

.flat a:hover, .flat a.active, .flat a:hover:after, .flat a.active:after {
	background: #ccc;
}

/*Titles */
.section-title {
	font-size: 24pt;
	font-weight: 600;
	margin: 0px 0px 50px 0px;
	padding: 15px 0px 15px 0px;
	border-bottom: 2px solid black;
	display: inline-block;
}

.section-title h1 {
	/* using <h2> instead of <p> for SEO */
	font-size: 24pt;
	font-weight: bold;
	margin: 0px;
	padding: 5px 0px;
}

.subheader {
	font-size: 18pt;
	padding: 0px 30px 60px 30px;
	margin-top: -20pt;
}

/* About */
.about {
	width: 100%;
	color: #000;
	padding: 80px;
	font-size: 18pt;
	font-weight: 400;
	text-align: center;
	background-color: #fff;
}

.about h1 {
	/* using <h1> instead of <p> for SEO */
	font-size: 18pt !important;
	font-weight: 400 !important;
	max-width: 600px !important;
	margin: auto !important;
	line-height: 25pt !important;
}

#proudly-serving {
	font-size: 14pt;
	padding: 50px 30px 30px 30px;
}

#proudly-serving a {
	color: #fff;
}

#proudly-serving a:hover {
	opacity: .5;
}

/* Post Navigation */
.nav-links, .posts-navigation .nav-links, .post-navigation .nav-links {
	display: flex;
}

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

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

.post-navigation {
	background-color: #091d40;
	padding: 0px;
	text-align: center;
	font-size: 12pt;
	align-content: center;
}

.post-navigation i {
	padding: 0px 10px;
}

.nav-previous:hover, .nav-next:hover {
	background-color: #153160;
}

.nav-previous, .nav-next {
	height: 100%;
	align-self: center;
	align-content: center;
}

.nav-previous a, .nav-next a {
	color: #fff;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	height: 125px;
}

.nav-previous a:hover, .nav-next a:hover {
	color: #fff;
}

.nav-previous, .nav-next .nav-previous:hover, .nav-next:hover {
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

/* Featured */
.featured {
	color: #fff;
	width: 100%;
	padding: 50px 30px;
	font-size: 24pt;
	text-align: center;
	background-color: #091d40;
}

.featured-box-wrapper {
	color: #000;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	width: 100%;
}

.featured-box-inner {
	text-align: center;
	width: 350px;
	padding: 50px;
	margin: 15px;
	border-radius: 15px;
	background-color: #fff;
	align-self: stretch;
	box-shadow: 0px 0px 8px 0px rgba(255, 255, 255, .75);
}

.featured-box-inner article {
	color: #6d6d6d;
	text-align: left;
	font-size: 12pt;
}

.featured-box-inner i {
	font-size: 30pt;
}

@media screen and (max-width:450px) {
	.featured {
		padding: 50px 10px;
	}
	
	.featured-box-inner {
		padding: 50px 30px;
	}
}

/* Process */
.process {
	max-width: 1200px;
	margin: auto;
	color: #000;
	padding: 50px 30px;
	font-size: 20pt;
	text-align: center;
	margin-top: 5px;
	background-color: #fff;
}

.process-box-wrapper {
	display: flex;
	flex-direction: column;
	align-content: flex-start;
	justify-content: center;
	width: 100%;
	padding: 30px;
	flex-wrap: nowrap;
}

.process-box {
	display: flex;
	flex-direction: row;
	align-content: center;
	justify-content: flex-start;
	flex-wrap: nowrap;
	margin: 30px 0px;
	width: 100%;
}

.process-box-inner {
	text-align: left;
	font-size: 12pt;
}

.process-box i {
	font-size: 40pt;
	color: #ea0105;
	padding: 10px 30px 0px 0px;
}

#process-info {
	flex-grow: 2;
	align-self: center;
}

@media screen and (max-width:450px) {
	.process {
		padding: 30px 15px;
	}
	
	.process-box-wrapper {
		padding: 30px 20px 30px 0px;
	}
}

/* Bullet Box */
.bullet-box-wrapper {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	max-width: 1200px;
	margin: auto;
	font-size: 12pt;
	background-color: #fff;
	padding: 30px 0px;
}

.bullet-box {
	width: 50%;
	min-width: 450px;
	min-height: 400px;
}

.bullet-box img {
	z-index: 2;
	width: 100%;
	padding: 15px;
}

#bullet-list {
	align-self: center;
	padding: 50px;
	max-width: 400px;
}

.list-columns {
	list-style: disc outside !important;
	font-size: 14pt;
	line-height: 2;
	-moz-column-count: 1;
	-moz-column-gap: 60px;
	-webkit-column-count: 1;
	-webkit-column-gap: 60px;
	column-count: 1;
	column-gap: 60px;
	text-align: left;
	max-width: 800px;
	margin: auto;
	padding-bottom: 30px;
}

.list-columns li {
	list-style: disc;
	padding-left: 15px;
	margin-left: 15px;
}

.list-columns li::marker {
	color: #ea0105;
}

@media screen and (max-width:1200px) {
	.list-columns {
		margin: auto;
		max-width: 400px;
	}
	
	#bullet-list {
		text-align: center;
	}
}

@media screen and (max-width:450px) {
	#bullet-list {
		padding: 10px;
	}
	
	.bullet-box {
		min-width: 100%;
		min-height: 250px;
	}
}

/* Service & Product Grid */
.services, .products {
	text-align: center;
	margin: auto;
}

#service-list {
	padding: 50px 0px 0px 0px;
	width: 100%;
	font-size: 12pt;
	font-weight: bold;
	text-align: left;
}

.grid-wrapper {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: center;
	flex-wrap: nowrap;
	max-width: 1600px;
	padding: 30px;
	margin: auto;
}

.grid-excerpt {
	max-width: 500px;
	padding: 0px 30px;
	text-align: left;
}

.grid-excerpt #bullet-list {
	padding: 50px 15px;
}

@media only screen and (max-width: 1200px) {
	.grid-wrapper {
		flex-direction: column;
	}
	
	.grid-excerpt {
		max-width: 100%;
		align-self: center;
		padding-bottom: 50px;
	}
}

/*Item Boxes*/
.item-box-wrapper {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

.item-box {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	padding: 30px;
	align-items: center;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	margin: 20px;
	width: 300px;
	height: 300px;
	justify-content: center;
	outline: solid 2px #eee;
}

.item-box h3 {
	cursor: pointer;
}

.item-box-wrapper a {
	color: #000;
}

.item-box:hover {
	box-shadow: 1px 0px 26px -6px rgba(0, 0, 0, .75);
	-webkit-box-shadow: 1px 0px 26px -6px rgba(0, 0, 0, .75);
}

.item-box, item-box:hover {
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

.item-box #service-img {
	height: 150px;
	padding: 0px 15px 0px 0px;
	align-self: center;
}

.item-box #product-img {
	width: 200px;
	padding: 0px 15px 0px 0px;
	align-self: center;
}

.item-box-inner {
	text-align: center;
}

@media only screen and (max-width: 400px) {
	.item-box {
		width: 250px;
		height: 250px;
	}
	
	.item-box #product-img {
		width: 150px;
	}
	
	.item-box #service-img {
		height: 100px;
	}
}

/* Single Pages */
.info-article-wrapper {
	padding: 50px;
	text-align: center;
	margin: auto;
}

.info-article {
	text-align: left;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-content: flex-start;
}

.info-article li {
	list-style: circle;
}

.article-content {
	font-size: 12pt;
	padding: 30px;
	text-align: left;
}

.article-content h2 {
	padding: 15px 0px 0px 0px;
}

#product-pg-logo {
	max-width: 200px;
	margin: auto;
	padding: 30px 0px;
}

.article-content .wp-block-image {
	height: 200px;
	margin: auto;
	width: 100%;
	overflow: hidden;
	padding: 15px 0px;
}

/* For Inline 'Media & Text' Layouts */
.article-content .wp-block-media-text__media img {
	height: auto;
	padding: 50px;
	width: 200px;
}

.article-content .wp-block-media-text {
	grid-template-columns: none !important;
}

.article-content .wp-block-media-text__content {
	padding: 0px;
}

/* For Inline 'Galllery' Layouts */
@media screen and (min-width: 700px) {
	.wp-block-gallery .wp-block-image {
		min-height: 300px !important;
	}
}

/* If image banner used
.article-content img {
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
    border-radius: 10px;
}
*/
.article-content .wp-block-cover {
	border-radius: 10px;
}

.article-nav {
	padding: 30px;
	min-width: 300px;
	height: 300px;
	border-radius: 10px;
	background-color: #eee;
	margin: 30px 0px 0px 0px;
}

.article-nav a {
	width: 100%;
	display: block;
}

.article-cta {
	font-size: 16pt;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-content: center;
	align-items: center;
	padding: 30px 50px;
	background-color: #091d40;
}

.article-cta-box {
	/* color: #31456a; */
	color: #fff;
	align-self: center;
	text-align: center;
	padding: 50px 30px;
}

.article-cta a {
	/* color: #fff;*/
	color: #091d40;
	padding: 15px;
	background-color: #eee;
	border-radius: 10px;
}

.article-cta a:hover {
	color: #fff;
	background-color: #153160;
}

.article-cta a, .article-cta a:hover {
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

@media only screen and (max-width: 950px) {
	.info-article {
		flex-wrap: wrap;
		width: 100%;
	}
	
	.article-nav {
		min-width: 100%;
		height: 180px;
		margin: 0px;
	}
	
	.article-content {
		padding: 30px 0px;
	}
	
	.article-content .wp-block-media-text__media img {
		width: 100%;
	}
}

@media only screen and (max-width: 400px) {
	.wp-block-cover__inner-container p {
		font-size: 20pt !important;
	}
}

/* Location Banner */
location-banner-container {
	width: 100%;
	height: 250px;
}

.location-banner {
	width: 100%;
	position: absolute;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: stretch;
	z-index: 1;
}

.banner-semi-container {
	width: 200px;
	height: 250px;
}

#banner-semi {
	display: block;
	fill: #153160;
	opacity: .7;
}

.location-banner-text {
	font-size: 20pt;
	font-weight: bold;
	color: #fff;
	display: flex;
	height: 250px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
}

.location-banner-text  i {
	font-size: 30pt;
}

.location-banner-bg {
	height: 250px;
	overflow: hidden;
	z-index: -10;
}

#location-bg-img {
	object-fit: cover;
	width: 100%;
	height: 100%;
	object-position: center center;
}

@media screen and (max-width: 500px) {
	.location-banner svg {
		display: none;
	}
}

/*Locations*/
.locations {
	text-align: center;
	margin: auto;
}

.location-box-wrapper {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: center;
	flex-wrap: nowrap;
}

.location-box {
	text-align: left;
	width: 50%;
	padding: 50px;
}

#location-map {
	height: 500px;
	width: 100%;
}

@media only screen and (max-width: 900px) {
	.location-box-wrapper {
		flex-direction: column;
		align-items: center;
	}
	
	.location-box {
		width: 100%;
	}
}

@media only screen and (max-width: 500px) {
	.location-box {
		width: 300px;
		padding: 30px 0px 50px 0px;
	}
	
	#location-map {
		height: 100%;
		width: 100%;
	}
}

/*Reviews*/
.reviews {
	width: 100%;
	color: #000;
	padding: 30px 0px;
	font-size: 16pt;
	text-align: center;
	margin-top: 5px;
	background-color: #fff;
}

.review-excerpt {
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	padding: 30px;
	font-size: 12pt;
	text-align: left;
	margin: auto;
	margin: 30px auto 100px auto;
	max-width: 1200px;
	border: 1px solid #ccc;
	border-radius: 10px;
}

.review-excerpt p {
	padding: 5px 15px;
	width: 50%;
}

.review-wrapper {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-content: flex-start;
}

.g-badge {
	font-size: 12pt;
	width: 300px;
	height: 480px;
	padding: 30px;
	background-color: #eee;
	border-radius: 2px;
}

.g-badge i {
	font-size: 16pt;
}

.g-badge section {
	width: 100%;
	padding: 10px 5px;
}

.g-badge img:not(.ti-star) {
	width: 100px;
	padding: 10px 0px;
}

.ti-reviews-container-wrapper {
	justify-content: center;
}

#review-api {
	margin-top: -13px;
}

@media only screen and (max-width: 700px) {
	.review-excerpt p {
		width: 100%;
	}
	
	.review-wrapper {
		flex-direction: column;
	}
	
	.g-badge {
		width: 100%;
		height: auto;
		margin-bottom: 50px;
	}
}

/* carousel */
.testimonial .item {
	color: #000;
	padding: 15px;
	height: 300px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-flex-direction: column;
	flex-direction: column;
}

.testimonial p span {
	font-weight: 200;
	margin-top: 5px;
	display: block;
}

.testimonial p {
	text-align: center;
	max-width: 800px;
	margin: auto;
}

.testimonial .owl-stage {
	background: #fff;
}

.owl-item {
	padding: 0px 30px;
}

.testimonial .owl-nav.disabled {
	display: none !important;
}

.owl-next:hover, .owl-prev:hover {
	color: #000 !important;
	background-color: #fff !important;
	opacity: .3;
}

.owl-next:hover, .owl-prev:hover, .owl-next, .owl-prev {
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

/* CTA */
.banner {
	width: 100%;
	padding: 30px;
	color: #fff;
	font-size: 20pt;
	background-color: #ea0105;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}

#ratings i {
	color: #eab225;
}

.banner-box {
	padding: 0px 30px;
}

.banner-box .fa-circle-right {
	color: #fff;
}

.banner-box .fa-circle-right:hover {
	color: #333;
}

.banner-box .fa-circle-right:active {
	color: #555;
}

.banner-box a i {
	color: #fff;
}

.banner-box a i:hover {
	opacity: .8;
}

.banner-box a i, .banner-box a i:hover {
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
}

.cta {
	width: 100%;
	color: #31456a;
	padding: 30px;
	font-size: 12pt;
	background-color: #eee;
}

.cta-box-wrapper {
	display: flex;
	flex-direction: row;
	align-content: center;
	justify-content: center;
	width: 100%;
	padding: 30px;
	flex-wrap: wrap;
}

.cta-box {
	display: flex;
	flex-direction: row;
	align-content: center;
	justify-content: center;
	align-items: flex-start;
	flex-wrap: wrap;
	margin: 30px 0px;
	height: 300px;
}

.cta-box-inner {
	max-width: 400px;
}

.cta-box i {
	font-size: 60pt;
	padding: 0px 30px;
	align-self: center;
}

.cta-box a {
	padding: 15px;
}

@media only screen and (max-width: 640px) {
	.cta-box {
		text-align: center;
	}
}

/*Footer*/
.footer {
	color: #fff;
	text-align: center;
	width: 100%;
	background-color: #091d40;
	padding: 25px 0px 0px 0px;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #ea0105;
}

.footer p {
	margin-top: 0px;
}

.footer p, .footer p a {
	color: #fff !important;
	font-size: 10pt;
}

.footer a, .footer a:visited, .footer a:hover {
	color: #31456a;
}

.flex-item-inner a:hover {
	color: #ea0105;
}

.flex-table-wrapper {
	color: #31456a;
}

.flex-table {
	position: relative;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: stretch;
	line-height: 20px;
	text-align: left;
	padding: 10px 0px 20px 0px;
}

.flex-table :nth-child(1) {
	order: 1;
	width: 60%;
}

.flex-table :nth-child(2) {
	order: 2;
	width: 20%;
}

.flex-table :nth-child(3) {
	order: 3;
	width: 20%;
}

.flex-table-inner {
	font-size: 10.5pt;
	position: relative;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	align-items: stretch;
}

.flex-item {
	order: 1;
	width: 50%;
	flex-grow: 1;
	padding: 20px 50px 20px 50px;
}

.flex-item-inner {
	order: 1;
	width: 100%;
	flex-grow: 1;
	padding: 0px 5px;
}

#sub-footer {
	color: #31456a;
	padding: 15px;
}

@media screen and (max-width: 600px) {
	.flex-item {
		width: 100%;
	}
	
	.flex-table {
		flex-direction: column;
	}
	
	.flex-table :nth-child(1) {
		order: 2;
		width: 100%;
	}
	
	.flex-table :nth-child(2) {
		order: 1;
		width: 100%;
	}
	
	.flex-table :nth-child(3) {
		order: 3;
		width: 100%;
	}
	
	.flex-table-inner {
		flex-direction: row;
	}
	
	.flex-item-inner {
		text-align: center;
	}
}

/* Privacy Policy */
.policy-terms {
	font-size: 12pt;
	max-width: 1200px;
	padding: 30px;
	margin: auto;
	text-align: center;
}

.policy-terms li {
	list-style: circle;
}

/* Scroll to Top*/
#top-button {
	display: inline-block;
	background-color: #ea0105;
	width: 50px;
	height: 50px;
	text-align: center;
	border-radius: 4px;
	position: fixed;
	bottom: 30px;
	right: 30px;
	transition: background-color .3s, opacity .5s, visibility .5s;
	opacity: 0;
	visibility: hidden;
	z-index: 5;
}

#top-button i {
	font-style: normal;
	font-size: 2em;
	line-height: 50px;
	color: #fff;
}

#top-button:hover {
	cursor: pointer;
	background-color: #333;
}

#top-button:active {
	background-color: #555;
}

#top-button.show {
	opacity: 1;
	visibility: visible;
}

/* 404 */
.redirect {
	width: 100%;
	color: #000;
	padding: 80px;
	font-family: "Helvetica" sans-serif;
	font-size: 18pt;
	font-weight: 400;
	text-align: center;
	background-color: #fff;
}

#redirect-button {
	display: inline-block;
	background-color: #ea0105;
	text-align: center;
	border-radius: 4px;
	font-size: 14pt;
	font-weight: bold;
	font-style: normal;
	color: #fff;
	padding: 15px;
}

#redirect-button:hover {
	cursor: pointer;
	background-color: #333;
}

#redirect-button:active {
	background-color: #555;
}

#redirect-button, #redirect-button:hover {
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
}

.directory {
	width: 100%;
	color: #fff;
	padding: 80px 30px;
	text-align: center;
	background-color: #ea0105;
}

.directory-list {
	max-width: 800px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-flex-direction: row;
	flex-direction: row;
	flex-wrap: wrap;
	margin: auto;
}

.directory-item {
	font-size: 16pt;
	padding: 0px 15px 30px 15px;
	width: 25%;
}

@media screen and (max-width:700px) {
	.directory-item {
		font-size: 12pt;
		width: 50%;
	}
}

/*Contact*/
.contact {
	width: 100%;
	color: #000;
	padding: 80px 30px 40px 30px;
	font-size: 16pt;
	text-align: center;
	margin-top: 5px;
	background-color: #fff;
}

#contact-excerpt {
	background-color: #eee;
	text-align: center;
	padding: 30px 50px;
	font-size: 14pt;
}

.contact section {
	font-size: 35pt;
	font-weight: bold;
	padding: 0px 0px 5px 0px;
}

.contact aside {
	font-weight: 400;
	font-size: 12pt;
	padding: 20px 0;
}

@media screen and (max-width:630px) {
	.contact section {
		font-size: 20pt;
	}
	
	.contact-form label {
		font-size: 12pt !important;
	}
}

/*Contact Form*/
div.wpcf7-spam-blocked {
	background-color: rgba(255, 165, 1, .8);
}

.contact-form-container {
	width: 100%;
	height: auto;
	padding: 15px 0px 20px 0px;
	background-color: #fff;
}

.contact-form {
	margin-bottom: 10px;
	width: 600px;
	height: auto;
	margin: auto !important;
}

.contact-form label {
	color: #000;
	font-size: 14pt;
	font-weight: bold;
	display: block;
	text-align: left;
}

.contact-form select {
	font-weight: 300;
	color: #aaa;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none;
	outline: 0;
	width: 100%;
	background-color: rgba(246, 246, 246, .96);
	padding: 10px;
	border: 1px solid #ddd;
	border-radius: 3px;
	margin: 0px 0px 15px 0px;
}

.contact-form select option {
	/*dropdown menu */
	font-weight: normal;
	color: #000;
}

#service-item select {
	background-color: #fff;
}

.form-dropdown {
	position: relative;
}

.form-dropdown:after {
	/*dropdown arrow*/
	content: "";
	position: absolute;
	top: 50%;
	margin-top: -8px;
	right: 8px;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #aaa;
}

input.field-placeholder::-webkit-input-placeholder {
	font-weight: 300;
}

/* Chrome/Opera/Safari */
input.field-placeholder:-moz-placeholder {
	font-weight: 300;
}

/* Firefox 18- */
input.field-placeholder::-moz-placeholder {
	font-weight: 300;
}

/* Firefox 19+ */
input.field-placeholder:-ms-input-placeholder {
	font-weight: 300;
}

/* IE 10+ */
input.field-placeholder::-ms-input-placeholder {
	font-weight: 300;
}

/* IE Edge+ */
input.field-placeholder:focus::-webkit-input-placeholder {
	color: transparent;
}

/* Chrome/Opera/Safari */
input.field-placeholder:focus:-moz-placeholder {
	color: transparent;
}

/* FF 4-18 */
input.field-placeholder:focus::-moz-placeholder {
	color: transparent;
}

/* FF 19+ */
input.field-placeholder:focus:-ms-input-placeholder {
	color: transparent;
}

/* IE 10+ */
input.field-placeholder:focus::-ms-input-placeholder {
	font-weight: 300;
}

/* IE Edge+ */
.contact-form input:not([type="checkbox"]), textarea {
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	outline: none;
	padding: 10px;
	margin: 5px 1px 3px 0px;
	border: 1px solid #ddd;
	border-radius: 2px;
	resize: none;
	width: 100%;
}

.contact-form input:focus, textarea:focus {
	border: 1px solid #aaa;
}

.contact-form input[type="text"], .contact-form input[type="email"], .contact-form input[type="tel"], .contact-form textarea {
	font-family: sans-serif;
	font-size: 16px;
	background-color: none;
	text-align: left;
	width: 100%;
}

.wpcf7-response-output {
	margin: -15px 0 0 0 !important;
	text-align: center;
	padding: 8px 0px !important;
}

.wpcf7-display-none {
	padding: 0px;
}

.wpcf7-validation-errors, .wpcf7-mail-sent-ng {
	background-color: rgba(245, 100, 100, .6) !important;
	border: 1px solid #f21f1f !important;
	color: #000;
	margin: 0px;
	display: block;
}

select.wpcf7-form-control.wpcf7-not-valid {
	border: 1px solid #f21f1f !important;
}

.wpcf7-mail-sent-ok {
	color: #404040;
	margin: 0px;
	display: block;
	background-color: #e0ffc7 !important;
	border: 1px solid #b4d39b !important;
}

.wpcf7-not-valid-tip {
	display: none !important;
}

form.invalid input.wpcf7-not-valid, textarea.wpcf7-not-valid {
	border: 1px solid #f21f1f !important;
}

form.invalid input.wpcf7-not-valid:focus {
	border: 1px solid rgba(245, 100, 100, .6) !important;
}

.wpcf7-submit {
	outline-style: none;
	-webkit-appearance: none;
	width: 100%;
	font-size: 14px;
	color: #fff;
	padding: 5px;
	display: inline-block;
	background-color: #ea0105;
	border: 0px solid #ea0105 !important;
	text-align: center !important;
}

.wpcf7-submit:hover {
	color: white;
	background-color: rgba(234, 1, 5, .6);
}

form.wpcf7-form p {
	padding: 0px;
}

.screen-reader-response {
	display: none;
}

.ajax-loader, .ajax-loader img {
	display: inherit;
	width: 100%;
	height: 7px;
	margin-left: 0 !important;
}

@media only screen and (max-width:730px) {
	.contact-form {
		width: 100%;
		padding: 0px 15px;
	}
}