css
/*
    Theme Name:     Lumbermen's 2019
    Description:    Web Design for IFI Client.
    Author:         The Imagination Factory
    Author URI:     https://www.what-if.com
    Template:       IFICore2
    Version:        0.0
*/

/* ===== Colors =============== 

Brand Orange: #F05423;
Dark Gray: #333333;
Medium Gray: #EDEFF2;
Light Gray: #F2F3F3;

============================ */

span.single-line {
    display: inline-block;
    clear: right;
}

/* ======= Ninja Form Overrides ======= */

.nf-form-fields-required,
.ninja-forms-req-symbol {
    display: none;
    visibility: hidden;
}

/* =========== 1. Basic Styles =========== */

html, 
body {
    width: 100%;
    min-width: 200px;
    font-family: "Mundial", Arial, "Helvetica Neue", Helvetica, sans-serif;
	color: #636466;
	line-height: 1.6;
}

.container {
	width: 1260px;
}

#content-wide {
    background: #fff;
    background-repeat: repeat-y;
    background-size: cover;
}

.tpl_home #content-wide {
	background: #fff url(../image/bkg.png);
}

#content-container {
    background: none;
}

h1, h2, h3, h4, h5 {
    color: #F05423;
    font-weight: 700;
}

.post-title small {
    font-size: .5em;
    line-height: 1;
    top: -0.75em;
    color: #F05423;
    position: relative;

}

a {
    color: #F05423;
}

.btn {
    background: #F05423;
    color: #fff;
    border-radius: 0px;
    box-shadow: none;
	padding: 16px 25px;
    font-size: 1.3em;
}

.btn:hover {
    background: #BC3A09;
}

.btn2 {
    background: #F05423;
    color: #fff;
	text-decoration: none;
    border-radius: 0px;
    box-shadow: none;
	padding: 5px 25px;
    font-size: 1.1em;
}

.btn2:hover {
    background: #BC3A09;
}

.tpl_home .sue-content-slider {
	margin-bottom: 0 !important;
}

.entry ul li {
	background-image: url(../image/bullet-li1.svg);
}

.entry ul li ul li {
	background-image: url(../image/bullet-li-li1.svg);
}

.full-width-container {
	width: 100%;
}

.subhdrint {
	height: 550px;
	position: relative;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.subhdrint h1.post-title {
	color: #fff;
	position: absolute;
	bottom: 45px;
	font-size: 50px;
	margin: 0;
	/* background-color: #333; */
	background-color: #F05423;
	padding: 5px 45px;
	padding-left: calc(((100% - 1240px) / 2) + 50px);
	left: -50px;
	/* border-bottom: 4px solid #FF3B0F; */
	font-weight: normal;
	transform: skewX(-25deg);
}

.subhdrint h1.post-title .skewfix {
	transform: skewX(25deg);
	padding-left: 20px;
	padding-right: 10px;
}

.subhdrint:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzMzMzMyIgc3RvcC1vcGFjaXR5PSIwLjQiLz4KICAgIDxzdG9wIG9mZnNldD0iMzAlIiBzdG9wLWNvbG9yPSIjMzMzMzMzIiBzdG9wLW9wYWNpdHk9IjAiLz4KICAgIDxzdG9wIG9mZnNldD0iNzAlIiBzdG9wLWNvbG9yPSIjMzMzMzMzIiBzdG9wLW9wYWNpdHk9IjAiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzMzMzMzMyIgc3RvcC1vcGFjaXR5PSIwLjQiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
	background: -moz-linear-gradient(top, rgba(51,51,51,0.4) 0%, rgba(51,51,51,0) 20%, rgba(51,51,51,0) 70%, rgba(51,51,51,0.5) 100%);
	background: -webkit-linear-gradient(top, rgba(51,51,51,0.4) 0%,rgba(51,51,51,0) 20%,rgba(51,51,51,0) 70%,rgba(51,51,51,0.5) 100%);
	background: linear-gradient(to bottom, rgba(51,51,51,0.4) 0%,rgba(51,51,51,0) 20%,rgba(51,51,51,0) 70%,rgba(51,51,51,0.5) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66333333', endColorstr='#66333333',GradientType=0 );
}

.subheader-title-box {
	width: 100%;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	text-align: center;
}

.subheader-logo-box {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 400px;
	height: 300px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

.subhdrint.manufacturer-subheader h1 {
	color: #fff;
	font-size: 40px;
	padding: 20px 45px;
	margin: 0;
	text-align: center;
	width: 100%;
}

.subhdrint.manufacturer-subheader {
	background-color: #807C7A;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.subhdrint.manufacturer-subheader:before {
	background: rgba(100, 95, 92, .7);
}

.store-page-wide .subhdrint {
    display: none;
    visibility: hidden;
}



.store-page .post-title {
    margin-top: 2.5vw;
}

.store-page .entry a {
    color: #444;
}

.store-page .entry a.tooltip {
    display: inline;
    position: relative;
    z-index: 1;
}
		
.store-page .entry a.tooltip:hover:after {
    background: #333;
    background: rgba(0,0,0,.8);
    border-radius: 5px;
    bottom: 26px;
    color: #fff;
    content: attr(alt);
    left: 20%;
    padding: 5px 15px;
    position: absolute;
    z-index: 200;
    width: 220px;
    min-height: 50px;
}

.tpl_store #header-wide,
.tpl_store #content-wide {
    background: none;
}

body.tpl_store {
    background: url(../image/bkg1.png);
    background-size: contain;
    background-position: center top;
}

.tpl_store #content-container {
    background: #fff;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
}

.tpl_store #header-links,
.tpl_store #main-navigation,
.tpl_store #header-wide:before {
    display: none;
    visibility: hidden;
}

/*
.tpl_store #logo-box {
    width: 100%;
    position: relative;
    top: -22px;
}

.tpl_store #top-logo {
    width: 400px;
    display: inline-block;
    position: relative;
    text-align: center;
}

.tpl_store #top-logo img {
    width: 100%;
    margin-top: 35px;
}


/* sorry for doing this here. */
/* @media screen and (max-width: 750px) {
    .tpl_store #mobile-navigation {
        display: none;
        visibility: hidden;
    }
    
    .tpl_store .mc1-2 {
        width: 100%;
    }
    
    .tpl_store #top-logo {
        width: 100%;
    }
    
    .tpl_store #header-small .col:nth-child(2) {
        text-align: center;
    }
}
*/

/* ======= simple banner ======= */
/* -- to handle video embeds -- */
/* -- & make them responsive -- */

.video-container {
	position: relative; 
	padding-bottom: 56.25%; 
	padding-top: 30px; 
	height: 0; 
	overflow: hidden; 
}

.video-container iframe, .video-container object, .video-container embed {
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
}

/* ======= Landing Pages ======= */

.tpl_promo {
    background: #fff url(../image/bkg1.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    font-size: 18px;
    color: #333;
}

.tpl_promo #header-wide,
.tpl_promo #header-wide:before,
.tpl_promo #content-wide {
    background: none;
}

.tpl_promo #top-logo, 
.tpl_store #top-logo {
    width: 25%;
}

.tpl_promo #top-logo img,
.tpl_store #top-logo img {
    width: 100%;
}

.tpl_promo h1,
.tpl_promo h2,
.tpl_promo h3,
.tpl_promo h4,
.tpl_promo h5 {
    color: #333;
}


.tpl_promo #content,
.tpl_store #content {
    background: #fff;
    padding-top: 4%;
    border-top: 50px solid #333;
}

.tpl_promo .row {
    width: 100%;
    height: auto;
    position: relative;
    display: block;
    float: left;
}

.tpl_promo .row .col {
    padding-left: 1.5%;
    padding-right: 1.5%;
}

.promo-gallery {
    min-height: 500px;
}

.tpl_promo .sue-content-slider .owl-dots {
    position: relative;
    width: 100%;
    display: inline-block;
    float: none;
    text-align: center;
}

.sue-content-slider .owl-dot {
    display: inline-block !important;
    float: none !important;
}

.tpl_promo .sue-content-slider .owl-nav {
    width: 100%;
    height: 175px;
    left: 0;
}

.tpl_promo .block-btn.col2-btn {
    width: 48%;
    margin: 1%;
    display: inline-block;
    float: left;
}

.tpl_store #int-nav {
    display: none;
    visibility: hidden;
}

/* Sorry about all the important tags. Overriding plugin styles */
.sue-content-slider .owl-prev {
    top: 50% !important;
    left: 10px !important;
    width: 20px !important;
    height: 20px !important;
}

.sue-content-slider .owl-next {
    top: 50% !important;
    right: 10px !important;
    width: 20px !important;
    height: 20px !important;
}

/* I'm just gonna do this here. */
@media screen and (max-width: 750px) {
    .sue-content-slider .owl-prev,
    .sue-content-slider .owl-next {
        top: 25vw !important;
    }
} 

.sue-content-slider .owl-prev:before, 
.sue-content-slider .owl-next:before {
    position: absolute;
    top: 10px;
    left: unset !important;
    right: unset !important;
    display: block;
    width: 20px !important;
    height: 20px !important;
    content: '';
}

.sue-content-slider .owl-prev:before {
    left: 10px !important;
}

.sue-content-slider .owl-next:before {
    right: 10px !important;
}

.tpl_promo .block-btn {
    display: block;
    width: 100%;
    text-align: center;
    margin-bottom: 3%;
}

.tpl_promo a.btn:after {
    position: relative;
    top: 1px;
    margin-left: 8px;
    content: '\f054';
    font-family: FontAwesome;
    font-size: 0.9em;
    line-height: 1;
}

.tpl_promo .dealer-headline {
    text-align: center;
}

.tpl_promo .dealer-links {
    padding-top: 3%;
    padding-bottom: 3%;
}

.tpl_promo .dealer-links .dealer-box {
    padding: 3%;
    border: 1px solid #d3d3d3;
}

.tpl_promo .dealer-links .btn {
    padding-top: 6px;
    padding-bottom: 6px;
    margin-top: 35px;
}

.tpl_promo .dealer-links h3 {
    text-align: center;
}

.tpl_promo .promo-video {
    margin-bottom: 2%;
}

.tpl_promo .dealer-location {
    display: inline-block;
    margin-bottom: 3%;
    padding: 1% 6% 1% 3%;
    background-color: #333;
    color: #fff;
    font-size: 0.9em;
    font-weight: 700;
}


/*
.subhdrint.manufacturer-subheader:after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: -moz-linear-gradient(top, rgba(51,51,51,0.2) 0%, rgba(51,51,51,0) 20%, rgba(51,51,51,0) 70%, rgba(51,51,51,0.3) 100%);
	background: -webkit-linear-gradient(top, rgba(51,51,51,0.2) 0%,rgba(51,51,51,0) 20%,rgba(51,51,51,0) 70%,rgba(51,51,51,0.3) 100%);
	background: linear-gradient(to bottom, rgba(51,51,51,0.2) 0%,rgba(51,51,51,0) 20%,rgba(51,51,51,0) 70%,rgba(51,51,51,0.3) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66333333', endColorstr='#66333333',GradientType=0 );
}
*/

#content {
    width: 100%;
	padding-bottom: 20px;
}

#content-wide.manufacturer-page-wide {
	background: #fff url(../image/bkg1.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

#content-wide.manufacturer-page-wide #content {
	padding-top: 10px;
	padding-bottom: 30px;
}

#content-wide.manufacturer-page-wide .entry {
	text-align: center;
	font-size: 18px;
}

#content-wide.manufacturer-page-wide .entry .btn {
	font-size: 18px;
	margin-bottom: 15px;
}

#content-wide.manufacturer-page-wide .post-title {
	text-align: center;
	font-size: 38px;
}


#content .text-image-block {
    width: 100%;
    display: block;
    float: left;
    position: relative;
}

#content .big-img-col {
    padding: 10px;
}

#content .big-img-col img { /* Removed .text-image-block from rule, changed margin to padding */
    width: 100%;
    height: auto;
    padding: 15px 20px 7px 20px; 
    margin: 0;
}

/* ======= Featured Employee Shortcode ======= */

.featured-employee-title {
    margin-top: 4%;
}

.featured-employee-bar {
    margin-bottom: 4%;
    padding: 2% 5% 2% 29%;
    background-color: #eee;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left;
}



.term-item {
	padding: 7px 14px;
	background: #807C7A;
	
	background: #75716F;
	
	color: #fff;
	text-decoration: none;
	margin: 5px;
	border-radius: 100px;
	font-size: 15px;
}

.term-item:hover {
	background: #9C9997;
}

.terms-bar-wide {
	padding: 16px 20px;
	background: #333;
	/* background: #645F5C; */
	/* background: #4C4948; */
	background: #54504E;
}

.terms-bar {
	text-align: center;
}

.heading-row {
	width: 100%;
	float: left;
	clear: both;
}

.manufacturer-gallery-wide {
	background: #EFF1F3;
	padding: 50px;
}

.manufacturer-gallery {
	float: left;
	position: relative;
}

.gallery-thumbnails {
	position: relative;
	float: left;
	width: 100%;
}

.gallery-thumbnails .gallery-thumbnail {
	background-size: cover;
	background-position: center;
	height: 200px;
	width: 30%;
	float: left;
	margin: 1.5%;
}

.big-text {
    text-align: center;
    font-size: 1.3em;
    padding: 20px 40px 40px 0px;
}

/* override for zoom +/- button in google maps */
.gm-control-active > img, .gm-control-active .entry img {
    display: block;
    position: absolute !important;
    margin: 0px !important;
}


/* ======= 1b. About Page Styles ========== */

/* Putty Gray: #EDECEA */

.extra-padding {
    padding-right: 3%;
}

.about-column {
    width: 100%;
    position: relative;
    float: left;
    padding-bottom: 40px;
}

.about-column .about-text {
    font-size: 1.15em;
    text-align: center;
    margin-bottom: 25px;
    padding-left: 4%;
    padding-right: 4%;
}

.about-column img {
    margin-bottom: 36px;
    
}

.about-column .row {
    width: 100%;
    float: left;
    position: relative;
    padding-left: 3%;
    padding-right: 3%;
}

.about-column,
.about-column .center-hdr,
.about-column .row,
.about-column .col {
    background: #edecea;
}

.about-column .col {
    padding-left: 3.5%;
    padding-right: 3%;
    /* text-align: center; */
}

h1.center-hdr,
h2.center-hdr,
h3.center-hdr,
h4.center-hdr,
h5.center-hdr {
    text-align: center;
}

.about-column h4 {
    font-size: 1.25em;
}

.about-column img.aligncenter {
    margin-left: auto !important;
    margin-right: auto !important;
}

/* ======= 1c. Spoiler Styles ======= */


.su-spoiler-title {
    padding: 12px 12px 12px 30px !important;
    background: #F05423;
    color: #fff;
    font-weight: 700 !important;
    font-size: 1.1em !important;
}

.su-spoiler-content {
    background: #EDECEA;
}

.su-spoiler-icon:before {
    position: relative;
    left: 8px;
    top: 6px;
}

/* =========== 2. Header Styles =========== */

#header-wide {
    background: #fff url("../image/bkg.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 100px;
}

#header-wide:before {
	content: '';
	height: 30px;
	background: #006072;
	position: absolute;
	width: calc((100% - 1260px) / 2 + 30px);
	right: 0;
}

#header-links {
    width: auto;
    float: right;
    display: block;
    text-align: right;
	background: #006072;
	clear: both;
	transform: skew(35deg);
}

#header-links .skewfix {
	display: block;
	transform: skew(-35deg);
}

#header-links:before {
	content: '';
	display: block;
	height: 30px;
	width: 200px;
	position: absolute;
	margin-right: -200px;
}

#header-links a {
	color: #fff;
	text-decoration: none;
	line-height: 30px;
	padding: 0 17px;
	display: inline-block;
}

#header-links a:nth-child(2) {
	background: #006c7e;
}

#header-links a:nth-child(3) {
	background: #007587;
}

#header-links a:nth-child(4) {
	background: #4e8e9e;
}

#header-links a:nth-child(5) {
	background: #82aab8;
}

#header-links a:nth-child(6) {
	background: #b9cdd6;
}

#header-links a:nth-child(7) {
	background: #b9cdd6;
}

#header-links a:nth-child(8) {
	background: #f1602a;
}

#header-links a:hover {
    color: #9BA9BE;
}

#top-logo img {
	margin-top: 15px;
}

#main-navigation {
	margin-top: 0;
	clear: right;
	top: 0;
}

#main-navigation li a {
	color: #f1602a;
	font-size: 18px;
	line-height: 70px;
}

#main-navigation li .sub {
	background: #54504E;
	border-bottom: 3px solid #333;
}

#main-navigation li .sub a {
	font-size: 16px;
}

#main-navigation li .sub a:hover {
	background: #333;
}

#main-navigation li .sub .menu-item-has-children > .sub-menu a:hover {
	background: #333;
}


#main-navigation li .sub .menu-item-has-children > .sub-menu a:before {
	color: #777;
	margin-left: 0;
	margin-right: 7px;
}

#main-navigation li .sub .menu-item-has-children > .sub-menu a:hover:before {
	color: #f1602a;
}

#main-navigation .mega ul.sub-menu.sub {
	padding: 10px 6px !important;
}

#main-navigation li .sub a {
	padding: 9px 7px 7px !important;
	line-height: 1 !important;
}

/* =========== 3. Slideshow Styles =========== */

#slideshow-wide,
#slideshow-wide .desktop {
    position: relative;
}

#slideshow-wide .inner-text-wide {
    position: relative;
    width: 100%;
    background: #333;
}

#slideshow-wide .inner-text {
    color: #fff;
    padding: 20px 15px;
    font-size: 28px;
	line-height: 50px;
}

#slideshow-wide a {
	text-decoration: none;
}

#slideshow-wide .inner-text .btn {
    float: right;
	font-weight: normal;
	line-height: 50px;
	padding: 0 44px;
}

#slideshow-wide .lmbr-slide {
	background-position: center;
	background-size: cover;
	height: 745px;
}

#slideshow-wide .sue-content-slide .container-wide.inner-text-wide {
	position: absolute;
	top: initial;
	bottom: 0;
}

/* ======= Arrows ======= */
#slideshow-wide .sue-content-slider .owl-nav {
    width: 100%;
    height: 745px;
    pointer-events: none;
}

#slideshow-wide .owl-prev, 
#slideshow-wide .owl-next {
    top: 40% !important;
    pointer-events: all;
}

#slideshow-wide .owl-prev:before, 
#slideshow-wide .owl-next:before {
    width: 32px;
    height: 32px;
    border-color: rgba(45, 45, 45, 0.7);
}

#slideshow-wide .sue-content-slider .owl-prev:before {
    border-top: 8px solid rgba(45, 45, 45, 0.7);
    border-left: 8px solid rgba(45, 45, 45, 0.7);
}

#slideshow-wide .sue-content-slider .owl-next:before {
    border-top: 8px solid rgba(45, 45, 45, 0.7);
    border-right: 8px solid rgba(45, 45, 45, 0.7);
}


/* =========== 4. Promo Styles =========== */

#promos-wide {
    background: #EDEFF2;
}

#promos {
	padding-top: 50px;
	padding-bottom: 50px;
}

.promo {
    display: block;
	position: relative;
    background: #fff;
   	width: 48%;
	margin-left: 1%;
	margin-right: 1%;
	float: left;
    background: #edeff2;
    background: -moz-linear-gradient(left, #edeff2 23%, #ffffff 37%);
    background: -webkit-linear-gradient(left, #edeff2 23%,#ffffff 37%);
    background: linear-gradient(to right, #edeff2 23%,#ffffff 37%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edeff2', endColorstr='#ffffff',GradientType=1 );
}

.promo-tabled {
	display: table;
}

.promo-title {
    position:  absolute;
    top: 20px;
    float: left;
    width: 200px;
    font-size: 18px;
    color: #fff;
    background: #F05423;
    padding: 5px 10px;
    z-index: 2;
}

.promo-title:before {
	content: '';
	width: 100%;
	background: #F05423;
	transform: skew(-25deg);
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	z-index: -1;
	left: 14px;
}

.promo-img {
    width: 45%;
	display: table-cell;
	border-left: 20px solid #eee;
	height: 260px;
	vertical-align: middle;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.promo-body {
	width: 55%;
    display: table-cell;
    padding: 10px 20px 10px 30px;
    background: #fff;
    color: #333;
	vertical-align: middle;
}

.promo-body h4 {
    color: #F05423;
}

.tpl_home .entry {
	font-size: 18px;
}

/* =========== 5. Home Page Content Styles =========== */

.video-wrap {
    margin: 5px auto 20px;
}

.home-page .post-title,
.home-page .entry {
    text-align: center;
    width: 70%;
    float: none;
}

.home-page .entry {
    margin: 50px auto 60px;
}

.home-page .post-title {
    font-size: 2.3em;
}



div .center {
    width: 100%;
    text-align: center;
    position: relative;
}

div .center > .btn {
    margin: 30px auto 15px;
}

/* =========== 6. Builder Guide Section Styles =========== */

#guides-wide {
    width: 100%;
    display: block;
    position: relative;
    color: #fff;
    
}

#guides-wide ul.guide-menu {
    display: block;
}

.guide-tabs {
    position: absolute;
    top: 30px;
    left: 0;
    display: block;
    z-index: 2;
}

#guides-wide .guide-menu li {
    margin-top: 8px;
    margin-bottom: 8px;
	font-size: 18px;
    line-height: 1.2;
    display: block;
	position: relative;
	float: left;
	clear: both;
	width: 230px;
	padding: 12px 25px 12px 20px;
	
    
    background: #e1dede;
    background: -moz-linear-gradient(left, #e1dede 0%, #f2f3f3 33%);
    background: -webkit-linear-gradient(left, #e1dede 0%,#f2f3f3 33%);
    background: linear-gradient(to right, #e1dede 0%,#f2f3f3 33%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1dede', endColorstr='#f2f3f3',GradientType=1 );
    color: #707070;
    text-transform: uppercase;
}

#guides-wide .guide-menu li img {
	float: left;
	display: block;
	margin-right: 20px;
}

#guides-wide .guide-menu li .guide-menu-text {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	padding-left: 75px;
	padding-right: 25px;
}

#guides-wide .guide-menu li.guide-menu-active {
	color: #fff;
	background: #333;
	width: 245px;
	background-image: url(../image/arrow.svg);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: contain;
	padding-left: 35px;
}

#guides-wide .guide-menu li.guide-menu-active:before {
	content: '';
	background-image: url(../image/arrow.svg);
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
}

#guides-wide .guide-slide {
	background-size: cover;
	background-position: center;
	height: 560px;
	position: relative;
	float: left;
	width: 100%;
}

#guides-wide .guide-slide:before {
	background: rgba(124, 112, 104, 1);
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

#guides-wide .guide-text {
	width: 65%;
	float: left;
	padding-left: 280px;
	background: rgba(124, 112, 104, .8);
	height: 560px;
	position: relative;
}

#guides-wide .guide-text-inner {
	padding: 20px 80px 20px 40px ;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	font-size: 18px;
}

#guides-wide .guide-text-inner .btn {
	background: #333;
	margin-right: 15px;
	margin-bottom: 10px;
	padding: 13px 40px;
	font-size: 20px;
}

#guides-wide .guide-image {
	width: 35%;
	float: left;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	background-size: cover;
	background-position: center;
}

#guides-wide h2 {
    color: #fff;
	font-size: 40px;
    text-transform: uppercase;
	line-height: 1.3;
	margin: 0;
}

#guides-wide h4 {
	font-size: 18px;
	line-height: 1;
    color: #D0CDCC;
    text-transform: uppercase;
	margin: 0;
}

.guide-slide {
	display: none;
	visibility: hidden;
	pointer-events: none;
}

.guide-slide.guide-slide-active {
	display: block;
	visibility: visible;
	pointer-events: auto;
}

/* =========== Solutions Home Page Styles =========== */

#solutions-wide {
	padding: 50px 0;
	background: #EFF1F3;
}

#solutions h2 {
	width: 100%;
	text-align: center;
	color: #333;
	font-size: 36px;
	margin: 0;
}

#solutions .row {
    width: 100%;
    float: left;
    position: relative;
}

.solution-label {
    position: absolute;
    display: block;
	line-height: 1;
	width: 100%;
    bottom: 0;
	font-size: 26px;
    color: #fff;
	padding: 30px 15px 12px;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzMzMzMyIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMzMzMzMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgba(51,51,51,0) 0%, rgba(51,51,51,1) 100%);
	background: -webkit-linear-gradient(top, rgba(51,51,51,0) 0%,rgba(51,51,51,1) 100%);
	background: linear-gradient(to bottom, rgba(51,51,51,0) 0%,rgba(51,51,51,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00333333', endColorstr='#333333',GradientType=0 );
}

#solutions img {
    width: 100%;
    height: auto;
    display: block;
}

.solution-link {
	display: block;
	float: left;
	width: 30.33333333%;
	margin: 20px 1.5%;
}

.solution-box {
	width: 100%;
	height: 270px;
	background-position: center;
	background-size: cover;
	position: relative;
	border-bottom: 5px solid #F05423;
}

/* =========== Prefooter Home Page Styles =========== */

.prefooter-box {
	width: 33.333333%;
	height: 400px;
	display: block;
	position: relative;
	float: left;
	color: #fff;
	background-position: center !important;
	background-size: cover !important;
}

.prefooter-box:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzMzMzMyIgc3RvcC1vcGFjaXR5PSIwLjUiLz4KICAgIDxzdG9wIG9mZnNldD0iMjAlIiBzdG9wLWNvbG9yPSIjMzMzMzMzIiBzdG9wLW9wYWNpdHk9IjAiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
	background: -moz-linear-gradient(left, rgba(51,51,51,0.5) 0%, rgba(51,51,51,0) 20%);
	background: -webkit-linear-gradient(left, rgba(51,51,51,0.5) 0%,rgba(51,51,51,0) 20%);
	background: linear-gradient(to right, rgba(51,51,51,0.5) 0%,rgba(51,51,51,0) 20%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80333333', endColorstr='#00333333',GradientType=1 );
}

.prefooter-label {
	background: #333;
	font-size: 24px;
	line-height: 1;
	padding: 12px 20px;
	position: absolute;
	left: 0;
	top: 30px;
	width: 300px;
	display: block;
	z-index: 1000;
}

.prefooter-label:before {
	content: '';
	width: 100%;
	background: #333;
	transform: skew(-25deg);
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 12px;
	z-index: -1;
}

.prefooter-content {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	padding: 60px 50px 15px;
	font-size: 18px;
	width: 100%;
	text-align: center;
}

.prefooter-content .btn {
	display: block;
	clear: both !important;
	margin-top: 20px;
	width: 200px;
	margin-left: auto;
	margin-right: auto;
}


/* =========== Footer Styles =========== */

#footer-wide {
    color: #fff;
    background: #333;
}

#footer {
	padding-top: 30px;
	padding-bottom: 30px;
}

.footer-logo {
	width: 20%;
	display: block;
	float: left;
}

.footer-info {
	width: 80%;
	display: block;
	float: left;
}

#footer li.menu-item {
    display: inline-block !important;
}

#footer .footer-logo {
	text-align: left;
}

#footer .footer-logo img {
	
}

#footer .ifi_hours {
	float: left;
	margin-right: 20px;
}

#footer .ifi_address {
	float: left;
}

#footer .ifi_phone {
	float: left;
	margin-right: 20px;
}

#footer .info-line {
	width: auto;
	float: right;
	clear: both;
	padding-top: 4px;
}

#footer .info-line i {
	color: #F05423;
	margin-right: 7px;
}

#footer .menu-footer-menu-container {
	display: block;
	clear: both;
	color: #fff;
	text-transform: uppercase;
	font-size: 15px;
	text-align: right;
}

#footer .menu-footer-menu-container li a {
	color: #fff;
	padding-top: 15px;
	padding-bottom: 10px;
	display: inline-block;
}

#footer .menu-footer-menu-container li:last-child a {
	padding-right: 0;
}

#footer .row.legal-line {
    margin-top: 1%;
    position: relative;
    float: left;
    clear: both;
    width: 100%;
}

#footer .legal-line a,
#footer .legal-line .ifi-copyright {
    display: inline;
    text-align: center;
    color: #fff;
}

#footer .legal-line .ifi-copyright {
    margin-right: 0.8%;
}

/* =========== Contact Form 7 Stuff =========== */

.wpcf7 {
    width: 100%;
    float: left;
    background: #eee;
    padding: 15px 20px 5px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.wpcf7 label {
    margin-left: auto;
    margin-right: auto;
    display: block;
    position: relative;
    width: 70%;
    font-size: 1.3em;
}

form.wpcf7-form input[type=text], form.wpcf7-form input[type=password], form.wpcf7-form input[type=email], form.wpcf7-form input[type=url], form.wpcf7-form input[type=tel], form.wpcf7-form input[type=number], form.wpcf7-form textarea, .woocommerce form input[type=text], .woocommerce form input[type=password], .woocommerce form input[type=email], .woocommerce form input[type=url], .woocommerce form input[type=tel], .woocommerce form input[type=number], .woocommerce form textarea {
    width: 100%;
    padding: 0.6em;
    font-family: "Mundial", Arial, "Helvetica Neue", Helvetica, sans-serif;
}



form.wpcf7-form input[type=submit] {
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
    background: #F05423;
    color: #fff;
    border-radius: 0px;
    box-shadow: none;
    padding: 16px 25px;
    font-size: 1.3em;
}

.anr_captcha_field_div > div {
    margin-left: auto;
    margin-right: auto;
}

.wpcf7-mail-sent-ok {
    font-size: 1.2em;
    text-align: center;
    padding: 26px;
    margin-top: 35px;
    margin-bottom: 15px;
    background: #39C321;
    color: #fff;
}

/* =========== Manufacturer Placement Adjustments =========== */

.manufacturer-btn {
    margin: auto 1em;
}

.blocklinks-wide,
.manufacturer-band-wide {
	background: #EDEFF2;
}

.blocklinks,
.manufacturer-band {
	padding: 30px 0 10px;
}

.blocklink-grid,
.manufacturer-grid {
	width: 100%;
	text-align: center;
	vertical-align: text-top;
}

.blocklink-grid .blocklink-item,
.manufacturer-grid .manufacturer-item {
	width: 23%;
	display: inline-block;
	vertical-align: text-top;
	position: relative;
	margin-left: 1%;
	margin-right: 1%;
	margin-bottom: 25px;
}

.blocklink-background,
.manufacturer-images {
	height: 0;
	padding-bottom: 70%;
	background-size: cover;
	background-position: center;
	position: relative;
	background-repeat: no-repeat;
}

.blocklink-background:before,
.manufacturer-images:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(80,80,80,.7);
}

.manufacturer-images .manufacturer-logo {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

.blocklink-item a,
.manufacturer-item a {
	color: #fff;
	text-decoration: none;
}

.manufacturer-item h3 {
	background: #333;
	margin: 0;
	padding: 7px 10px;
	font-size: 16px;
	color: #fff;
	font-weight: normal;
	text-align: center;
}


.blocklink-item a:hover .blocklink-background:before,
.manufacturer-item a:hover .manufacturer-images:before {
	/* background: rgba(33, 57, 94, .3); */
	background: rgba(100, 100, 100, .4);
}

.manufacturer-item a:hover h3 {
	background: #F05423;
}

.blocklink-item h3 {
	text-align: center;
	font-size: 20px;
	color: #fff;
	z-index: 1000;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	margin: 0;
	padding: 20px;
}

#int-nav {
	background: #54504E;
	padding: 12px 20px;
}

#int-nav .pagenav ul {
	display: block;
	text-align: center;
}

#int-nav .pagenav ul li {
	display: inline-block;
	margin: 0;
	padding-left: 2px;
	padding-right: 2px;
}

#int-nav .pagenav {
	display: block;
	text-align: center;
	width: 100%;
	line-height: 1;
}

#int-nav .pagenav h3 {
	display: none;
	visibility: hidden;
}

#int-nav .pagenav ul li a {
	background: #75716F;
	color: #fff;
	text-decoration: none;
	margin: 0;
	border-radius: 100px;
	font-size: 15px;
	width: auto;
	float: left;
	display: inline-block;
	padding: 8px 14px;
	line-height: 1;
	font-weight: normal;
}

/* ADDED 8/19/2020 TB - to handle ANCHOR submenu on RESOURCES page */
#rsrc-nav {
	background: #54504E;
	padding: 12px 20px;
	text-align: center;
	display: inline-block;
	margin: 0;
	padding-left: 2px;
	padding-right: 2px;
	width: 100%;
	line-height: 1;
}

#rsrc-nav .btn-r {
	background: #75716F;
	color: #fff;
	text-decoration: none;
	margin: 0;
	border-radius: 100px;
	font-size: 15px;
	width: auto;
	display: inline-block;
	padding: 8px 14px;
	line-height: 1;
	font-weight: normal;
}

#prefooter-wide a {
	color: #fff;
	text-decoration: none;
}

/* =========== Interior Gallery =========== */

.page-gallery-wide {
	background: #EDEFF2;
}

.page-gallery {
	padding: 40px 0 20px;
}

.page-gallery h2 {
	width: 100%;
	text-align: center;
	color: #333;
	font-size: 36px;
	margin: 0;
}

.page-gallery .sue-content-slider-arrows-yes, 
.page-gallery .sue-content-slider-pages-yes, 
.page-gallery .sue-content-slider-arrows-hover, 
.page-gallery .sue-content-slider-pages-hover {
	padding-top: 0;
	margin-top: 15px;
}

.page-gallery .sue-content-slider .owl-nav {
	width: 100%;
	height: auto;
	bottom: 0;
}

.page-gallery .sue-content-slider .owl-prev, 
.page-gallery .sue-content-slider .owl-next {
	bottom: 0;
	height: auto;
	width: 50px;
}

.page-gallery .sue-content-slider .owl-prev {
	left: 0;
}

.page-gallery .sue-content-slider .owl-prev:before, 
.page-gallery .sue-content-slider .owl-next:before {
	top: 50%;
}

.page-gallery .sue-content-slider .owl-prev:before {
	width: 20px;
	height: 20px;
	border-top: 4px solid #ccc;
	border-left: 4px solid #ccc;
	transform: translateY(-50%) rotate(-45deg);
	right: initial;
	left: 20px;
	
}

.page-gallery .sue-content-slider .owl-next:before {
	width: 20px;
	height: 20px;
	border-top: 4px solid #ccc;
	border-right: 4px solid #ccc;	
	transform: translateY(-50%) rotate(45deg);
	left: initial;
	right: 20px;
}

.gallery-text {
	width: 100%;
	text-align: center;
	padding: 10px 30px;
	font-size: 18px;
}

.all-gallery-wrap .page-gallery-wide:nth-child(even) {
	background: #fff url("../image/bkg1.png");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

#guide-menu li.guide-menu-item:hover {
	background-color: #fff;
	cursor: pointer;
	color: #F05423;
}

#guide-menu li.guide-menu-item.guide-menu-active:hover {
	background-color: #333;
	background-image: url("../image/arrow.svg");
	background-position: left center;
	background-size: contain;
	background-repeat: no-repeat;
	color: #fff;
}

#guide-menu li.guide-menu-item,
#guide-menu li.guide-menu-item.guide-menu-active {
	transition: all .2s;
}

.guide-slide {
	transition: all .5s;
}

#guides-wide .guide-slides {
	height: 560px;
	overflow: hidden;
	background: rgb(124, 112, 104);
}

#guides-wide .guide-slide {
	display: block;
	visibility: visible;
	opacity: 0;
	top: 0;
	position: absolute;
}

#guides-wide .guide-slide.guide-slide.guide-slide-active {
	opacity: 1;
}

.entry .interior-gallery img {
	margin: 0;
}

.interior-gallery .sue-content-slider-arrows-yes, 
.interior-gallery .sue-content-slider-pages-yes, 
.interior-gallery .sue-content-slider-arrows-hover, 
.interior-gallery .sue-content-slider-pages-hover {
	padding-top: 0;
	margin-top: 0;
}

.interior-gallery .sue-content-slider .owl-nav {
	width: 100%;
	height: auto;
	bottom: 0;
}

.interior-gallery .sue-content-slider .owl-prev, 
.interior-gallery .sue-content-slider .owl-next {
	bottom: 0;
	height: auto;
	width: 50px;
}

.interior-gallery .sue-content-slider .owl-prev {
	left: 0;
}

.interior-gallery .sue-content-slider .owl-prev:before, 
.interior-gallery .sue-content-slider .owl-next:before {
	top: 50%;
}

.interior-gallery .sue-content-slider .owl-prev:before {
	width: 20px;
	height: 20px;
	border-top: 4px solid #ccc;
	border-left: 4px solid #ccc;
	transform: translateY(-50%) rotate(-45deg);
	right: initial;
	left: 20px;
	
}

.interior-gallery .sue-content-slider .owl-next:before {
	width: 20px;
	height: 20px;
	border-top: 4px solid #ccc;
	border-right: 4px solid #ccc;	
	transform: translateY(-50%) rotate(45deg);
	left: initial;
	right: 20px;
}

/* =========== Resources Styling =========== */

.resource-band-wide {
	background: #EDEFF2;
	/* background: #DFE0E2; */
}

.resource-band {
	padding: 30px 0 10px;
}

.resource-grid {
	width: 100%;
	text-align: center;
	vertical-align: text-top;
}

.resource-item {
	width: 23%;
	display: inline-block;
	vertical-align: text-top;
	position: relative;
	margin-left: 1%;
	margin-right: 1%;
	margin-bottom: 25px;
}

.resource-item > a {
	display: block;
	background: #fff;	
	text-decoration: none;
	padding: 30px 20px 25px;
}

/*
.resource-item > a:before {
	content: "\f15c";
	color: #333;
	font-family: FontAwesome;
	font-size: 80px;
	line-height: 1;
	margin-bottom: 10px;
	display: inline-block;
}
*/

.resource-thumbnail {
	background-color: #ccc;
	background-size: cover;
	background-position: center;
	margin-left: auto;
	margin-right: auto;
	width: 153px;
	height: 198px;
	margin-bottom: 25px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 30px 0 rgba(0, 0, 0, 0.15);
}

.resource-item > a:hover {
	background: #333;
}

.resource-item > a:hover:before {
	color: #fff;
}

.resource-item > a h4 {
	width: 100%;
	text-align: center;
	font-weight: 500;
	font-size: 18px;
	margin-bottom: 0;
}

.resource-category {
	padding: 20px 30px;
}

.resource-category h2 {
	text-align: center;
	font-size: 34px;
	border-bottom: 1px solid #F05423;
	padding-bottom: 10px;
	margin-left: 1%;
	margin-right: 1%;
}

/* =========== Install Guide Styling =========== */

.iguide-band-wide {
	background: #EDEFF2;
	/* background: #DFE0E2; */
}

.iguide-band {
	padding: 30px 0 10px;
}

.iguide-grid {
	width: 100%;
	text-align: left;
	vertical-align: text-top;
}

.iguide-item {
	width: 100%;
	display: inline-block;
	vertical-align: text-top;
	position: relative;
	margin-left: 1%;
	margin-right: 1%;
	margin-bottom: 25px;
}

.iguide-item > a h4 {
	width: 100%;
	text-align: center;
	font-weight: 500;
	font-size: 18px;
	margin-bottom: 0;
}

.iguide-category {
	padding: 20px 30px;
}

.iguide-category h2 {
	text-align: center;
	font-size: 34px;
	border-bottom: 1px solid #F05423;
	padding-bottom: 10px;
	margin-left: 1%;
	margin-right: 1%;
}


/* MS hero CLS bounce fix 11/7/2024 */

.owl-carousel {
display: block !important;
}


/* =========== Responsive =========== */

@media screen and (max-width: 1260px) {
    
	.container {
		width: 100%;
	}
	
	#header-links {
		padding-right: 20px;
		transform: skewX(0);
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjExJSIgc3RvcC1jb2xvcj0iIzFhMmQ0YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxYTJkNGIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 10%, rgba(26,45,75,1) 11%, rgba(26,45,75,1) 100%);
		background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 10%,rgba(26,45,75,1) 11%,rgba(26,45,75,1) 100%);
		background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 10%,rgba(26,45,75,1) 11%,rgba(26,45,75,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#1a2d4b',GradientType=1 );
	}
	
	#header-links a {
		transform: skewX(35deg);
	}
	
	#header-links a:first-child {
		background: #1A2D4B;
	}
	
	#header {
		padding-right: 0;
	}
	
	.subhdrint {
		height: 400px;
	}
	
	.subhdrint h1.post-title {
		font-size: 40px;
		bottom: 40px;
		padding-left: 80px;
	}
	
	#footer .menu-footer-menu-container li a {
		padding-top: 5px;
		padding-bottom: 5px;
	}
	
	#footer .footer-logo img {
		width: 100%;
		height: auto;
	}
	
	#footer .info-line {
		margin-bottom: 10px;
	}
	
	.footer-info {
		font-size: 15px !important;
	}
    
    #guides-wide .guide-text {
        width: 100%;
    }
    
    #guides-wide .guide-image {
        width: 0%;
    }
    
    
    /* ======= Featured Employee Shortcode ======= */

    .featured-employee-bar {
        padding: 2% 5% 2% 30%;
        background-color: #eee;
        background-repeat: no-repeat;
        background-size: 27%;
        background-position: left;
    }
}


@media screen and (max-width: 1000px) {

    .featured-employee-bar h3 {
        width: 143%;
        position: relative;
        left: -43%;
    }
    
    .featured-employee-bar {
        background-position: left 8.75vw;
    }
	
	.footer-logo {
		display: none;
		visibility: hidden;
	}
	
	.footer-info {
		width: 100%;
		text-align: center;
		font-size: 15px !important;
	}
	
	.footer-info .info-line {
		width: 100% !important;
		text-align: center;
		float: none;
	}
	
	.footer-info .info-line div,
	.footer-info .info-line span {
		display: inline-block;
		float: none !important;
	}
	
	#menu-footer-menu {
		text-align: center;
	}
	
	#menu-footer-menu a {
		font-size: 15px;
		text-transform: none;
	}
}

@media screen and (max-width: 1000px) and (min-width: 751px) {
    
    #main-navigation {
        height: 65px;
    }
    
    #main-navigation li a {
        padding-left: 1.5vw;
        padding-right: 1.5vw;
    }
    
    .promo-title {
        top: -35px;
        left: 20px;
        width: 45vw;
    }
    
    .prefooter-label {
        position: relative;
        width: 100%;
    }
    
    .promo-title:before,
    .prefooter-label:before {
        display: none;
        visibility: hidden;
        overflow: hidden;
    }
    
}

@media screen and (max-width: 750px) {
    
    .featured-employee-bar h3 {
        width: 100%;
        left: unset;
    }

    .big-text {
        padding: 20px;
    }
    
    .center-btn {
        width: 80%;
        font-size: 20px;
    }
    
    #content .big-img-col img {
        width: 100%;
        height: auto;
        margin: 15px 0 7px;
    }
    
	.subhdrint {
		height: 200px;
	}
	
	.subhdrint h1.post-title {
		font-size: 26px;
		bottom: 30px;
		padding-left: 60px;
	}
	
	#top-logo img {
		margin-top: 5px;
		width: 160px;
	}
	
	.action-btn {
		padding: 10px 15px 8px;
		font-size: 16px;
		background: #004F59;
		margin: 14px 0;
	}
	
	#header-small {
		background: #fff url(../image/bkg.png);
		background-size: cover;
		background-position: center 430px;
	}
	
	#header-small .col:nth-child(2) {
		text-align: right;
		padding-right: 10px;
	}
	
	.action-btn:hover {
		background: #333;
	}
	
	#mobile-navigation > ul > li > .dcjq-parent {
		background: #333;
	}

	#mobile-navigation > ul > li > .dcjq-parent.active {
		background: #333;
	}

	#mobile-navigation .sub-menu {
		background: #54504e;
		border-bottom: 4px solid #333;
		-webkit-box-shadow: inset 0px 0px 14px 0px rgba(0,0,0,0.15);
		-moz-box-shadow: inset 0px 0px 14px 0px rgba(0,0,0,0.15);
		box-shadow: inset 0px 0px 14px 0px rgba(0,0,0,0.15);
	}

	#mobile-navigation .sub-menu .sub-menu {
		background: #494645;
		border-bottom: 2px solid #54504e;
	}

	#mobile-navigation .sub-menu .sub-menu .sub-menu {
		background: #3E3D3C;
		border-bottom: 2px solid #494645;
	}
	
	#mobile-navigation a:before {
		color: #777;
	}
	
	#mobile-navigation > ul > li > .sub-menu a.dcjq-parent:before {
		color: #F05423 !important;
	}
	
	#slideshow-wide .lmbr-slide {
		height: auto;
	}
	
	#slideshow-wide .inner-text {
		background: #333;
		font-size: 16px;
		line-height: normal;
		position: relative;
		width: 100%;
		float: left;
		text-align: center;
	}
	
	#slideshow-wide .inner-text .btn {
		display: inline-block;
		float: none;
		margin-top: 15px;
		margin-bottom: 0;
		padding: 12px 30px;
		line-height: 1;
	}
	
	#slideshow-wide .lmbr-slide-inner-image {
		height: 220px;
		background-position: center;
		background-size: cover;
	}
	
	#promos {
		padding-top: 25px;
		padding-left: 20px;
		padding-right: 20px;
		padding-bottom: 5px;
	}
	
	.promo {
		width: 98%;
		margin-bottom: 25px;
	}
	
	.promo-tabled {
		display: block;
		width: 100%;
	}
	
	.promo-tabled .promo-img {
		display: block;
		border: none;
		width: 100%;
		height: 200px;
		height: 0;
	}
	
	.promo-tabled .promo-body {
		width: 100%;
		padding: 30px 20px 10px;
		border-top: 20px solid #eee;
	}
	
	.promo-title {
		top: 0;
	}
	
	.home-page .entry,
	.home-page .post-title {
		width: 100%;
		margin: 0;
	}
	
	.home-page .post-title {
		font-size: 26px;
		margin-bottom: 15px;
		margin-top: 10px;
	}
	
	.home-page .entry {
		font-size: 16px;
	}
	
	.manufacturer-band {
		padding-left: 5px;
		padding-right: 5px;
	}
	
	.manufacturer-grid .manufacturer-item {
		width: 48%;
	}
	
	#solutions h2 {
		font-size: 26px;
	}
	
	.solution-link {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	
	#solutions {
		padding-left: 20px;
		padding-right: 20px;
	}
	
	#guides-wide ul.guide-menu {
		width: 100%;
		float: left;
		position: relative;
	}
	
	#guides-wide .guide-menu li {
		width: 50%;
		clear: none;
		margin: 0;
	}
	
	#guides-wide .guide-menu li.guide-menu-active:before {
		display: none;
		visibility: hidden;
	}
	
	#guides-wide .guide-menu li img {
		display: none;
		visibility: hidden;
	}
	
	#guides-wide .guide-menu li.guide-menu-active {
		width: 50%;
		margin: 0;
		background-image: none;
		padding-left: 0;
		border-left: 5px solid #F05423;
	}
	
	#guides-wide .guide-menu li,
	#guides-wide .guide-menu li.guide-menu-active {
		padding: 10px 15px;
		height: 60px;
	}
	
	#guides-wide .guide-menu li:first-child,
	#guides-wide .guide-menu li:nth-child(2) {
		border-bottom: 1px solid #ccc;
	}
	
	#guides-wide .guide-menu li:nth-child(2),
	#guides-wide .guide-menu li:nth-child(4) {

	}
	
	.guide-tabs {
		top: 0;
		position: relative;
		float: left;
		width: 100%;
	}
	
	#guides-wide {
		float: left;
	}
	
	#guides-wide .guide-menu li .guide-menu-text {
		padding: 0;
		top: 50%;
		float: left;
		font-size: 15px;
		width: auto;
	}
	
	#guides-wide .guide-slide {
		height: auto;
	}
	
	#guides-wide .guide-text {
		width: 100%;
		padding: 40px 25px 30px;
		height: auto;
	}
	
	#guides-wide .guide-image {
		display: none;
		visibility: hidden;
	}
	
	#guides-wide .guide-text-inner {
		transform: translate(0,0);
		top: 0;
		position: relative;
		width: 100%;
		padding: 0;
		font-size: 16px;
	}
	
	#guides-wide .guide-slide {
		display: none;
		visibility: hidden;
		opacity: 1;
		top: 0;
		position: relative;
		transition: none;
	}
	
	#guides-wide .guide-slide.guide-slide-active {
		display: block;
		visibility: visible;
	}
	
	#guide-menu li.guide-menu-item.guide-menu-active:hover {
		background-image: none;
	}
	
	#guides-wide .guide-slides {
		height: auto;
		float: left;
		position: relative;
	}
	
	.prefooter-box {
		width: 100%;
		height: 360px;
	}
	
	#prefooter-wide a {
		color: #fff;
		text-decoration: none;
	}
    
    .blocklink-grid .blocklink-item, 
    .manufacturer-grid .manufacturer-item,
    .resource-grid .resource-item {
        width: 48%;
    }
    
    /* ======= Featured Employee Shortcode ======= */

    .featured-employee-bar {
        padding: 104% 5% 2% 5%;
        background-size: 100% auto;
        background-position: center top;
    }
}

@media screen and (max-width: 430px) {
    .subheader-logo-box {
        width: 69.767vw;
        height: 52.326vw;
    }
}
    /* ======= Dealer CSS ======= */
@media screen and (min-width: 1200px){
    .dealer-distance{
    float: left;
    width: 15%;
    height: 100%;
    display: block;
    background: #fd5001;
    color: #fff;
    margin-right: 1em;
    display: flex;
    align-items: center;
    text-align: center;
    padding-left: 8px;
    flex-direction: column;
    justify-content: center;
		    margin-right: 1em;


}
	.dealer-info{
    float: left;
}
	.dealer-box{
   height: 300px;

	}
}
.dealer-directions{
    color: #004d89;
    text-decoration: underline;
    font-weight: bold;
}
.dealer-phone, .dealer-website{
    color: #5a5a5a;
    text-decoration: none;
}
.fa-map-marker-alt {
    padding-right: .5em;
}
.fa-phone-alt, .fa-globe{
    color: #004d89;
    padding-right: .5em;
}
.dealer-box {
    padding: 3%;
    border: 1px solid #004d8d !important;
    min-height: 275px;
}
.dealer-distance{
    display: block;
    background: #fd5001;
    color: #fff;
    display: flex;
    align-items: center;
    text-align: center;
    padding-left: 8px;
}
.dealer-counter {
    display: block;
    width: 100%;
    text-align: center;
}

.facetwp-location{
padding: 1em !important;
}
.dealer-info {
    font-size: 16px !important;
}