@charset "utf-8";
/* RESET ============== http://meyerweb.com/eric/tools/css/reset ===== RESET */
.icons {
	display:none; }
html {
	font-size: 100%;
	line-height: 1;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale; }
*,
*::before,
*::after {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	border: 0;
	/* font-family: inherit; */
	font-size: inherit;
	line-height: inherit;
	font-weight: inherit;
	font-style: inherit;
	text-decoration: none;
	vertical-align: baseline;
	background: transparent; }
img {
	max-width: 100%;
	height: auto;
	border-style: none;
	vertical-align: middle; }
table, tbody, tfoot, thead, tr, th, td {
	border-collapse: collapse;
	border-spacing: 0;
	text-align: left;
	vertical-align: middle; }
[type='button'],
[type='color'],
[type='date'],
[type='datetime-local'],
[type='email'],
[type='file'],
[type='month'],
[type='number'],
[type='password'],
[type='range'],
[type='reset'],
[type='search'],
[type='submit'],
[type='tel'],
[type='text'],
[type='time'],
[type='url'],
[type='week'],
select, textarea, button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;	}
input, label, select, button, textarea {
	margin:0;
	border:0;
	padding:0;
	display:inline-block;
	vertical-align:middle;
	white-space:normal;
	background:none;
	line-height:1; }

/* GLOBAL ===================================================================== GLOBAL */
html, body {
	overflow-x: hidden;	}
body {
	display: flex;
	min-height: 100vh;
	flex-direction: column;
	color: var(--text-color);
	font-size: var(--font-size-body);
	background-color: var(--site-background-color);	}
/* a {
	color: var(--link-color);
	text-decoration: none;
	transition: all var(--button-anim-speed) ease; }
a:active, a:hover, a:focus {
	color: var(--link-hover); } */
ol {	list-style: var(--list-ordered-style); }
ul {	list-style: var(--list-unordered-style); }
ul.menu, ul.unstyled, .list-unstyled { list-style: none; }
ol, ul {
	padding: var(--font-padding-p);
	margin-left: 25px; }
li { padding-bottom: 0.5rem}
blockquote, q {	quotes: var(--quote-style); }	
button:hover,
.slick-arrow:hover { cursor: pointer; }

#wrap {
	display: flex;
	flex: 1;
	flex-direction: column;	}
/* header, #top, #bottom, footer {
	flex: 0 1 100%;
	align-self: stretch; } */
main {
	flex: 1; }

.color01 {
	color: var(--color01); }
.color02 {
	color: var(--color02); }
.color03 {
	color: var(--color03); }
.color04 {
	color: var(--color04); }
.color05 {
	color: var(--color05); }
.color06 {
	color: var(--color06); }
.color07 {
	color: var(--color07); }
.color08 {
	color: var(--color08); }
.color09 {
	color: var(--color09); }
.color10 {
	color: var(--color10); }
.color11 {
	color: var(--color11); }
.color12 {
	color: var(--color12); }
.bg-color01 {
	background-color: var(--color01); }
.bg-color02 {
	background-color: var(--color02); }
.bg-color03 {
	background-color: var(--color03); }
.bg-color04 {
	background-color: var(--color04); }
.bg-color05 {
	background-color: var(--color05); }
.bg-color06 {
	background-color: var(--color06); }
.bg-color07 {
	background-color: var(--color07); }
.bg-color08 {
	background-color: var(--color08); }
.bg-color09 {
	background-color: var(--color09); }
.bg-color10 {
	background-color: var(--color10); }
.bg-color11 {
	background-color: var(--color11); }
.bg-color12 {
	background-color: var(--color12); }
.gradient01 {
	background:	var(--gradient1a);
	background: linear-gradient(to right bottom, var(--gradient1a), var(--gradient1b)); }
.gradient02 {
	background:	var(--gradient2a);
	background: linear-gradient(to right bottom, var(--gradient2a), var(--gradient2b)); }
.gradient03 {
	background:	var(--gradient3a);
	background: linear-gradient(to right bottom, var(--gradient3a), var(--gradient3b)); }
.gradient04 {
	background:	var(--gradient4a);
	background: linear-gradient(to right bottom, var(--gradient4a), var(--gradient4b)); }

/* TYPOGRAPHY ==== https://css-tricks.com/simplified-fluid-typography/ ==== TYPOGRAPHY */
@font-face {
	font-family: 'atlas';
	src: url('../fonts/atlas.eot');
	src: url('../fonts/atlas.eot?#iefix') format('embedded-opentype'),
		url('../fonts/atlas.woff') format('woff'),
		url('../fonts/atlas.ttf') format('truetype'),
		url('../fonts/atlas.svg#atlas') format('svg');
	font-weight: normal;
	font-style: normal; }
[class*='icon-']:before {
	display: inline-block;
	font-family: 'atlas';
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale; }
.icon-arrow-up:before{content:"\0041"; }
.icon-cancel:before{content:"\0042"; }
.icon-download:before{content:"\0043"; }
.icon-email:before{content:"\0044"; }
.icon-facebook:before{content:"\0045"; }
.icon-houzz:before{content:"\0046"; }
.icon-instagram:before{content:"\0047"; }
.icon-next:before{content:"\0048"; }
.icon-phone:before{content:"\0049"; }
.icon-pin:before{content:"\004a"; }
.icon-prev:before{content:"\004b"; }
.icon-twitter:before{content:"\004c"; }
.icon-youtube:before{content:"\004d"; }
.icon-search:before{content:'\004e'; }
.icon-angle-double-left:before{content:'\004f';}
.icon-angle-left:before{content:'\0050';}
.icon-angle-right:before{content:'\0051';}
.icon-angle-double-right:before{content:'\0052';}


@font-face {
    font-family: 'equipment';
    src: url('../fonts/equipment.eot');
    src: url('../fonts/equipment.eot?#iefix') format('embedded-opentype'),
         url('../fonts/equipment.woff') format('woff'),
         url('../fonts/equipment.ttf') format('truetype'),
         url('../fonts/equipment.svg#equipment') format('svg');
    font-weight: normal;
    font-style: normal;
}
[class*='quip-']:before{
	display: inline-block;
   font-family: 'equipment';
   font-style: normal;
   font-weight: normal;
   line-height: 1;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale
}
.quip-brochure:before{content:'\0041';}
.quip-download:before{content:'\0042';}
.quip-manual:before{content:'\0043';}
.quip-parts:before{content:'\0044';}
.quip-rebate:before{content:'\0045';}
.quip-registration:before{content:'\0046';}
.quip-resources:before{content:'\0047';}
.quip-specs:before{content:'\0048';}
.quip-support:before{content:'\0049';}
.quip-tools:before{content:'\004a';}
.quip-warranty:before{content:'\004b';}
.quip-website:before{content:'\004c';}
.quip-rebate:before{content:'\004d';}





.font1, body, .dropdown-menu,h5 {
	font-family: var(--font1); }
.font2,h1,h2,h3,h4,h6 {
	font-family: var(--font2); }
.font3 {
	font-family: var(--font3); }
.font4 {
	font-family: var(--font4); }
strong, .bold, h6 {
	font-weight: bold; }
em, .italic {
	font-style: italic; }
.upper,h5,h6 {
	text-transform: uppercase; }
.justify {
	text-align: justify; }
.center-justify {
	text-align: justify;
	text-align-last: center;
}
.fw100 {
	font-weight: 100; }
.fw200 {
	font-weight: 200; }
.fw300 {
	font-weight: 300; }
.fw400 {
	font-weight: 400; }
.fw500 {
	font-weight: 500; }
.fw600 {
	font-weight: 600; }
.fw700 {
	font-weight: 700; }
.fw800 {
	font-weight: 800; }
.fw900 {
	font-weight: 900; }
h1, .h1 {
	font-size:	var(--font-size-h1);
	padding: var(--font-padding-h1);	}
h2, .h2 {
	font-size: var(--font-size-h2);
	padding: var(--font-padding-h2); }
h3, .h3 {
	font-size: var(--font-size-h3);
	padding: var(--font-padding-h3); }
	/* old: clamp(2.5rem, 2.4rem + 0.5vw, 3rem) */
h4, .h4 {
	font-size: var(--font-size-h4);
	padding: var(--font-padding-h4);
	font-weight: 700;	}
h5, .h5 {
	font-size: var(--font-size-h5);
	padding: var(--font-padding-h5);
	font-weight: bold;	}
h6, .h6 {
	font-size: var(--font-size-h6);
	padding: var(--font-padding-h6); }
p {
	line-height: var(--line-height-body);
	padding: var(--font-padding-p);	}
div[class^="com-content-"] li {
	line-height: 1.5em;
	padding-bottom: 0.5rem;	}


div[class^="com-content-"] p a,
.accordion p a,
a.tel,
h6 a,
ol.article-list li a,
.article-column ul li a {
	color: #20B3E0;
	transition: all var(--button-anim-speed) ease;
	border-bottom: 1px solid rgba(255,255,255,0); }
div[class^="com-content-"] p a:hover,
.accordion p a:hover,
a.tel:hover,
h6 a:hover,
ol.article-list li a:hover,
.article-column ul li a:hover {
	color: #20B3E0;
	border-bottom: 1px solid #20B3E0; }

h3 a {
	color: #7399bb;
	transition: all var(--button-anim-speed) ease;
	border-bottom: 1px solid rgba(255,255,255,0); }
h3 a:hover {
	color: #7399bb;
	border-bottom: 1px solid #7399bb; }

div[class^="com-content-"] p a.button,
div[class^="com-content-"] p a.button:hover {
	border-bottom: none
}

h1,h2,h3,h4,h5,h6	{
	text-transform: uppercase; }
h1.notransform {
	text-transform: none !important;
}
.absolute {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
figure {
	padding: var(--font-padding-p);
	text-align: center; }
figcaption {
	text-align: center;
	padding: 0.5rem 0 0 0;
	font-style: italic; }
sup {
  position: relative;
  font-size: 0.75em;
  line-height: 0;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}

.py-3 {
	padding: 6vw 0;
}

/* NAV =========================================================================== NAV */
@media (max-width: 991.98px) {
.offcanvas {
	position: fixed;
	top: 56px; /* Height of navbar */
	bottom: 0;
	right: -100%; /* Hide menu of the screen */
	width: 80%; /* Set width of the sidebar */
	padding-right: 1rem;
	padding-left: 1rem;
	overflow-y: auto;
	transition-timing-function: ease-in-out;
	transition-duration: .3s;
	transition-property: right, visibility;	}
.offcanvas.open {
	right: 0; /* Display menu */
	visibility: visible; }
}
.container-full,
.container-xls {
  width: 100%;
  margin-right: auto;
  margin-left: auto; }
.navbar {
	padding: var(--menu-padding-inner);
}
#navigation {
	background-color: var(--menu-background-color);
	height: var(--navbar-height);
	transition: all var(--button-anim-speed);
	background-color: var(--menu-background-onscroll);
	/* padding: var(--menu-padding-inner); */
	z-index: 9989 !important	}
#navigation.scrolled {
	height: var(--navbar-height-onscroll);
	background-color: var(--menu-background-onscroll); }
/* .navbar-collapse {
	justify-content: space-around;
	align-items: center; } */
#mainNav {
		font-size: var(--font-size-menu);
		font-family: var(--font2);
	justify-content: space-between;	}
#mainNav ul.navbar-nav {
	text-transform: uppercase; }
#mainNav ul.navbar-nav li {
	padding: var(--menu-item-padding); }
#mainNav ul.navbar-nav li a {
	color: var(--menu-text-color);
	position: relative;
	text-transform: uppercase;
	text-decoration: none;
	white-space: nowrap;
	transition: all var(--button-anim-speed);
/* fix spacing with menu item alias: */
	display: block;
	width: 100%;
	clear: both;
	}
#mainNav ul.navbar-nav li a:hover {
	color: var(--menu-hover-color);	}
/* #mainNav ul.navbar-nav li a:after {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 0%;
	content: "";
	color: transparent;
	height: 1px;
	z-index: -9;
	background: var(--menu-hover-color);
	transition: all var(--button-anim-speed); }
#mainNav ul.navbar-nav li a.active:after,
#mainNav ul.navbar-nav li a:hover:after {
	width: 100%; } */
#mainNav ul.navbar-nav li ul.dropdown-menu li a.dropdown-item:hover:after {
	width: 0%; }
.navbar-expand-md .navbar-nav .dropdown-menu {
	background-color: #fff; }
.btn-group .dropdown-menu {
	padding: 15px;
	background-color: #f5f5f5; }

.navbar-toggler:active, .navbar-toggler:focus {
	outline: none; }
button.navbar-toggler {
	background: transparent; }

#primaryNav {
	margin: 0;
	padding:0; }
.dropdown-menu {
	font-size: var(--font-size-submenu);
	border: 1px solid rgba(0, 0, 0, 0.15);
	background-color: var(--color09);
	margin-left: 0;
	padding: 0;	}
.dropdown-menu .nav-item {
	padding: 5px !important; }

/* .nav-link:hover, .nav-link:focus { } */
.nav-link-inline {
	display: inline;
	z-index: 9990;	}
.nav-item.dropdown {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.nav-link-inline.dropdown-toggle {
	padding-left: 5px;
}
a.nav-link-inline.dropdown-toggle:hover {
	color:#ffff !important;
}
.nav-link-inline.dropdown-toggle:after {
	font-size: 1.5rem;
	height: .75em;
	display: flex;
	justify-content: center;
	align-items: center;
	content: "\002b";
	transform: rotate(90deg);
	float: right;
	transition: all 0.2s ease; }
.nav-link-inline.dropdown-toggle.show:after {
	content: "\2212";
	transform: rotate(180deg);
	float: right; }

/* css for animated icon bar --------------------------------------------------------- */
.icon-bar {
	display: block;
	width: 36px;
	height: 2px;
	border-radius: 0px;
	margin: 8px 0 8px 0;
	transition: all 0.2s;
	background: var(--menu-text-color);	}
.navbar-toggler .icon-bar.top-bar {
	transform: rotate(45deg);
	transform-origin: 12% 90%; }
.navbar-toggler .icon-bar.middle-bar {
	opacity: 0;
	filter: alpha(opacity=0); }
.navbar-toggler .icon-bar.bottom-bar {
	transform: rotate(-45deg);
	transform-origin: 12% 10%; }
.navbar-toggler.collapsed .icon-bar.top-bar {
	transform: rotate(0); }
.navbar-toggler.collapsed .icon-bar.middle-bar {
	opacity: 1;
	filter: alpha(opacity=100); }
.navbar-toggler.collapsed .icon-bar.bottom-bar {
	transform: rotate(0); }

#nav-logo {
	height: auto; }

/* css for dropdown transition --------------------------------------------------------- */
@keyframes dropdownFadeIn {
	from {
	opacity: 0;
	}
	to {
	opacity: 1;
	}
}
.dropdown-menu.show {
	-webkit-animation: dropdownFadeIn 0.3s alternate;
	/* Safari 4.0 - 8.0 */
	animation: dropdownFadeIn 0.3s alternate;
}

/* ============ desktop view ============ */
@media all and (min-width: 992px) {
	.dropdown-menu li {
		position: relative; }
	.nav-item .submenu { 
		display: none;
		position: absolute;
		left:100%;
		top:-7px; }
	.nav-item.dropdown .dropdown-menu .dropdown .dropdown-menu {
		left:100%; }
	.nav-item .submenu-left{ 
		right:100%;
		left:auto; }
	.dropdown-menu > li:hover{
		background-color: #f1f1f1 }
	.dropdown-menu > li:hover > .submenu{
		display: block; }
}	
/* ============ desktop view .end// ============ */

/* ============ small devices ============ */
@media (max-width: 991px) {
	.dropdown-menu .dropdown-menu{
		margin-left: 0.7rem;
		margin-right:0.7rem;
		margin-bottom: .5rem; }
}	
/* ============ small devices .end// ============ */

/* ========================================================================== NAV SEARCH */
.mod-finder__search.input-group {
	display: flex;
	flex-direction: row;
  color: #ffffff;
  background-color: transparent;
  border: solid var(--button-border-pixels) #ffffff;}
input.js-finder-search-query.form-control {
  font-weight: 500;
  font-size: 0.8rem;}
input.js-finder-search-query.form-control,
button.btn-search {
	display: flex;
  color: #ffffff;
	line-height: 0.8rem !important;
	height: 26px !important;
	padding: 4px 8px !important;
	margin: 0 !important;	 }
span.result__title-text {
	display: inline; }
.com-finder h1 {
	text-align: center; }
h2 mark, {
	color: #ffffff;	 }
.mod-breadcrumbs__wrapper {
	padding-top: 1rem; }

/* BUTTONS ===================================================================== BUTTONS */
.carousel-buttons {
	padding-top: 1rem; }
a.result__title-link, span.result__title-text,
.section-text ul li a,
.section-text h5 a,
p a,
.equip-list ul li a {
	color: #45a5ff;
	text-decoration: none;
	border-bottom: solid var(--button-border-pixels) rgba(0,0,0,0);
	transition: all var(--button-anim-speed) ease; }
.section-text ul li a:hover,
p a:active, p a:hover, p a:focus {
	border-bottom: solid var(--button-border-pixels) #45a5ff; }
.color04 p a,
.color04 ul li a {
	color: #29f2a5;
	text-decoration: none;
	border-bottom: solid var(--button-border-pixels) rgba(0,0,0,0);
	transition: all var(--button-anim-speed) ease; }
.color04 p a:active, .color04 p a:hover, .color04 p a:focus,
.color04 ul li a:hover {
	border-bottom: solid var(--button-border-pixels) #29f2a5; }


button {
	border-radius: var(--button-corner-radius);
	padding: var(--button-padding);
	margin: var(--button-margin);
	transition: all var(--button-anim-speed) ease; }
.btn {
	width: 180px;
	text-align:center;
	text-transform: uppercase;
	font-weight: 800;
	letter-spacing: 1px;
	font-size: 0.6em;	}
.btn-global, .btn-secondary {
	color: var(--button-text-color);
	background-color: var(--button-background);
	transition: all var(--button-anim-speed);
	border: solid var(--button-border-pixels) var(--button-border-color); }
.btn-global:hover, .btn-secondary:hover {
	color: var(--button-text-hover);
	background-color: var(--button-background-hover);
	border: solid var(--button-border-pixels) var(--button-border-hover); }

.btn-secondaryalt {
	color: #fff;
	background-color: var(--button-background);
	transition: all var(--button-anim-speed);
	border: solid var(--button-border-pixels) #fff; }
.btn-secondaryalt:hover {
	color: var(--color05);
	background-color: #fff;
	border: solid var(--button-border-pixels) #fff; }

.btn-alt {
	color: var(--altbtn-text-color);
	background-color: var(--altbtn-background);
	transition: all var(--button-anim-speed);
	border: solid var(--button-border-pixels) var(--altbtn-border-color); }
.btn-alt:hover {
	color: var(--altbtn-text-hover);
	background-color: var(--altbtn-background-hover);
	border: solid var(--button-border-pixels) var(--altbtn-border-hover); }
.btn-ghost {
	color: #fff;
	background-color: transparent;
	border: solid var(--button-border-pixels) #fff;
	transition: all var(--button-anim-speed); }
.btn-ghost:hover {
	color: #1f1f1f;
	background-color: #fff; }

.btn-request-svc-cta-wrap .btn-ghost:hover {
	color: var(--color08);
	background-color: #fff; }

.btn-menu {
	width: 128px;
	padding: 8px; }
.btn-menu.call {
	color: #91D8BD;
	background-color: transparent;
	border: solid var(--button-border-pixels) #91D8BD;
	transition: all var(--button-anim-speed); }
.btn-menu.call:hover {
	color: #000;
	background-color: #91D8BD; }

.btn-menu.getaquote {
	height: 100%;
	margin-right: 0 !important;
	color: #6eafeb;
	background-color: var(--button-background);
	transition: all var(--button-anim-speed);
	border: solid var(--button-border-pixels) #6eafeb; }
.btn-menu.getaquote:hover {
	color: #000;
	background-color: #6eafeb;
	border: solid var(--button-border-pixels) #6eafeb; }


.btn-custom,
.btn-cta {
	color: var(--color04);
	background-color: var(--color07); /* color06 */
	transition: all var(--button-anim-speed);
	border: solid var(--button-border-pixels) var(--color07); /* color06 */ }
.btn-custom:hover,
.btn-cta:hover {
	color: var(--color07); /* color06 */
	background-color: var(--color04);
	border: solid var(--button-border-pixels) var(--color07); /* color06 */ }

.btn.btn-navcta {
	width: auto;
	font-family: Mulish, san-serif;
	text-transform: none;
	font-weight: 700;
	color: var(--color04);
}
p a.btn-secondary-wrap, a.btn-secondary-wrap:hover { border-bottom:none !important; }

.grid-item-wrap a {
    position: relative;
}
.grid-descrip-wrap {
    position: absolute;
		width:100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
		padding: 0 0.5rem;
}
a .grid-descrip-wrap h6 {
	text-align: center;
	color: #ecebea;
	transition: all 0.3s;
}
a:hover .grid-descrip-wrap h6 {
	color: #ffffff;
}
a .grid-descrip-wrap {
	background-color: rgba(0,0,0,.5);
	transition: all 0.3s;
}
a:hover .grid-descrip-wrap {
	background-color: rgba(0,0,0,.1);
}


/* HEADER ===================================================================== HEADER */
.slide-caption {
	text-transform: none !important; }

/* ABOVE ======================================================================= ABOVE */
a.card-link-wrap {
	overflow: hidden; }

figure.card-item {
	position: relative;
	padding: 15px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 100%;
	text-align: center;
	background: rgba(0, 0, 0, 0.2);
	color: var(--color04);
	z-index: 11;	}

a.card-link-wrap img.picture-links-card-bg {
	position: relative;
	transition: all var(--button-anim-speed);
	z-index: 9;	}

a.card-link-wrap:hover img.picture-links-card-bg {
	transform: scale(1.1,1.1); }

/* MAIN ========================================================================= MAIN */
.page-title, .article-full-image {
	display:flex;
	justify-content:center; }
.page-title {
	display: flex;
	position: relative; }
.title-wrap {
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	position: absolute;
	background-color: rgba(0,0,0,0.2); }
.title-flex {
	display: flex;
	position: relative;
	height: 100%;
	flex-direction: column;
	justify-content: end;
	padding: 0 1vw; }
.article-full-image {
	width: 100%; }
.igallery_title,
.article-title,
.category-title,
.article-full-image {
	text-align: center; }
.article-title,
.category-title,
.card-title {
	color: #fff;
	text-shadow: -1px 1px 1px rgba(0,0,0,0.2),
								1px 1px 1px rgba(0,0,0,0.2),
								1px -1px 1px rgba(0,0,0,0.2),
							 -1px -1px 1px rgba(0,0,0,0.2); }
.com-content-article-body {
	padding: 1rem 0 0; }
.com-content-category-body {
	padding-top: 1rem; }
.items-more {
	padding: 3vw 0 1vw;
	background: var(--color02); }
.article-column {
	padding-bottom: 1rem;
}
.article-intro-image {
	display: flex;
	height: 100%;
	flex-direction: column;
	justify-content: center; }
/* .blog-item {
	margin-top: 1rem;
	margin-bottom: 3rem; } */
.com-content-blog-link a h5 {
	display: inline-block;
	padding: 0;
	margin:var(--font-padding-h5);
	color: #fff;
	border-bottom: solid var(--button-border-pixels) rgba(255,255,255,0);
	transition: all var(--button-anim-speed); }
.com-content-blog-link a h5:hover {
	border-bottom: solid var(--button-border-pixels) rgba(255,255,255,1); }
.row-pad-b,
.coupons-img {
	padding-bottom: 1rem; }
.row-pad-big {
	padding-bottom: 4vw; }

.odd-container,
.even-container {
	padding-bottom:3vw;
	padding-top: 3vw; }
.even-container {
	background-color: var(--color05);
	color: var(--color04); }
.eventext p a{
	color: var(--button-text-color) !important; }
.eventext p a:hover{
	text-decoration: underline !important;
	border-bottom: none !important; }

.oddtext, .eventext {
	padding: 2vw;
	display: flex;
	flex-direction: column;
	justify-content: space-around;}

.page-header h1,
.com-content-category-blog.blog h1 {
	text-align: center; }

.com-content-category-blog__navigation {
	padding: 2vw 0; }
.pagination {
	justify-content: center; }
.com-content-category-blog__pagination ul.pagination li {
	padding: 0 .25rem;
	font-size: 2rem; }
.com-content-category-blog__pagination ul.pagination li a {
	color: #45a5ff; }
p.com-content-category-blog__counter.counter {
	padding: 0;
	text-align: center; }

.blog-table {
	margin: 1rem 0 2rem;
}
.blog-table thead tr th {
	font-weight: bold; }
.blog-table thead tr th,
.blog-table tbody tr td {
	line-height: 1.6rem;
	padding: 1rem;
	border: 1px solid #404040;
}


/* ARTICLE MODULES =================================================== ARTICLE MODULES */
.equip-image,
.equip-video {
	height: 100%; }
.equip-video-wrap,
.equip-text-wrap,
.equip-image,
.equip-video {
	display: flex;
	flex-direction: column;
	justify-content: center; }
.equip-ribbon-wrap {
	display: flex;
	flex-direction: row;
	justify-content: center; }
.flex-1 {
	display: flex;
	flex: 1; }
.mini {
		font-size: 0.8rem;
	}
.section-text ul {
	padding: 0 !important; }
.section-text ul li {
	line-height: 1.4em; }

/* GALLERY =================================================================== GALLERY */
.ig-category-description {
	text-align: center; }
.ig-gallery-wrapper {
	width: 100%;
}
.ig-gallery-wrapper .ig-slideshow {
	padding-bottom: 10px; }
.ig-menu-grid-text {
	top: 0;
	display: flex !important;
	flex-direction: column;
	justify-content: center;
	text-align: center; }
.ig-main-scope-wrapper {
	padding-top: 10px; }
.ig-menu-grid-item a {
	color: #45a5ff; }

.igui-scope ul.pagination {
	margin: 0;
	padding: 0;
}
.igui-scope ul.pagination li.page-item a,
.igui-scope ul.pagination li.page-item .page-link {
	padding: 0 .25rem;
	font-size: 1.5rem; }
.igui-scope ul.pagination li.page-item a {
	color: #45a5ff; }

#gallery-scope-19 .ig-menu-grid {
	margin-left: auto;
	margin-right: auto;
}

/* FORM ========================================================================= FORM */
#contact {
	background-color: var(--color05); }
#userForm {
	height: 100%;
	padding-top: 2vw;
	padding-bottom: 2vw;	}
#campaignForm {
	height: 100%;
	padding-bottom: 2vw;	}

fieldset {
	min-width: auto; /* Fix for (Chrome) overflow issue */
	height: 100%; }
.formControls h2 {
	line-height: 1.2em; }
.footer-cta-title {
	line-height: 1.4em; }
.formControls input,
.formControlLabel,
.formControls textarea,
.col-form-control input,
.col-form-label,
.col-form-control select {
	line-height: 1.5rem;
	border-radius: 0;
	padding: var(--form-padding);
	font-family: var(--font1);
	/* min-height: 47px; */
	min-height: 36px;
	display: flex; }
.col-form-label {
	border-radius: 0;
	font-family: var(--font1); }
.col-form-label-nopad {
	border-radius: 0;
	padding: 10px 0;
	font-family: var(--font1); }
.col-form-control input,
.col-form-control textarea,
.col-form-control select {
	width: 100%;
	background: var(--color03);
	border: 1px solid var(--color11);
	font-family: var(--font1); }
.col-form-control select:hover {
	cursor: pointer; }
.col-form-control select option {
	padding: var(--form-padding);
	border-radius: 0;	}
.formControls input,
.formControlLabel,
.formControls textarea {
	font-weight: 200;
	color: var(--form-text-color); }

::placeholder,
.formControlLabel { color: #ecebea;
	font-weight: 200;
	font-family: var(--font1) !important; }

.formControls input {
	margin: var(--form-margin);
	width: 100%;
	border-bottom: var(--form-border) solid var(--form-border-color); }

.formControls textarea {
	margin: var(--form-margin);
	max-width: 100%;
	border: var(--form-border) solid var(--form-border-color);
	resize: none;	}

.grecaptcha-badge { visibility: hidden; }
.fineprint, .disclaimer { font-size: 0.75rem; }
.rsform-submit-button {
	margin: 0;
	color: var(--altbtn-text-hover);
	background-color: var(--altbtn-background-hover);
	border: solid var(--button-border-pixels) var(--altbtn-border-hover);
	max-width: 100% !important; }

.rsform-submit-button:hover {
	color: #1f1f1f;
	background-color: #fff;
	border: solid var(--button-border-pixels) #fff; }

.row-mg-b {
	margin-bottom: 1rem; }

.form-check-inline input[type='checkbox'], .form-check-inline input[type='radio'] {
    width: auto !important;
    margin: 0 1rem 0 0 !important;
}

[type='file'] {
	border: none !important;
	padding-left: 0 !important;
	background: transparent !important;}
.form-check-inline,
.form-check-inline input,
.form-check-inline label {
	display: flex;
}
.form-check-inline {
	flex-direction: row;
	align-items: center;
}
.form-check-inline input[type='checkbox'] {
	width:auto !important;
	margin: 0 1rem 0 0 !important; }

#cal6_0Container, #cal4_0Container {
	margin-top: 1rem; }


/* BELOW ======================================================================= BELOW */
.faq-pad {
	padding-top: 3vw;
}
.relative, .quote, .slick-controls, .slick-arrow {
	position: relative; }
.quote:before {
	position: absolute; }
.quote:before {
	font-family: var(--font2);
	font-size: 4rem;
	font-weight: bold;
	content: "\201C";
	left: -1.5rem;
	top: 0px;	}

.slick-controls-wrap {
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	position: absolute; }
.slick-controls {
	height: 100%; }
.slick-controls {
	justify-content: space-between; }
.slick-controls, .slick-arrow, .slick-arrow i {
	display: flex;
	align-items: center; }
.slick-arrow, .slick-arrow i {
	justify-content: center;
	align-items: center;
}
.slick-arrow {
	border-radius: 50%;
	background-color: var(--footer-background-color);
	color: var(--footer-text-color);
	width: 32px;
	height: 32px; }
.slick-arrow i {
	height: 100%;
	width: 100%;
	display: flex;
	color: var(--footer-text-color); }
.slick-arrow i:before {
	display: flex;
	padding-top: 1px;	}
.partners-prev.slick-arrow,
.partners-next.slick-arrow {
	background-color: var(--color04);
	color: var(--color05); }

.img-coupons {
	display: block;
}
.coupon-left {
	margin: auto;
	height: 188px;
	width: 188px !important;
	justify-content: center;
	background:	var(--gradient3a);
	background: linear-gradient(to right bottom, var(--gradient3a), var(--gradient3b));
	border-radius: 50%; }
.coup-prefix,
.coup-amount,
.coup-suffix {
	align-items: center; }
.coup-prefix {
	padding-bottom: 1rem; }
.coup-amount {
	font-size: var(--font-size-h3); }
.suffix-wrap {}
.coup-suffix {
	padding-bottom: 1rem; }
.coup-title {
	font-size: var(--font-size-h3); }
.coup-subtitle { }
.coup-descrip {
	font-size: 2rem;
	padding-top: 1rem; }
.expire-wrap {
	padding: 0.5rem 0;
	align-items: center; }
.coup-expiration { }
.coup-fineprint {
	font-size: 0.7rem; }

/* SITEMAP =================================================================== SITEMAP */
.sitemap, .jmapcolumn {
	display: flex;
	justify-content: center; }
.sitemap a, .sitemap span {
	color: var(--color03);
	transition: all var(--button-anim-speed) ease;
	border-bottom: 1px solid rgba(255,255,255,0); }
.sitemap a:hover, .sitemap span:hover {
	color: var(--color04);
	border-bottom: 1px solid rgba(255,255,255,1); }
.sitemap ul {
	list-style: none;
	padding: 0.5rem 0.5rem 0.5rem 1rem;
	margin: 0; }
.sitemap li {
	padding: 0.5rem 0.5rem 0.5rem 1rem;
	margin: 0 0 0.75rem 0;
	border: solid 1px #546E78; }
.jmapcolumn {	display:flex; }
ul.jmap_filetree { /* top level*/
	padding: 0;
	background-color: #5D757F; }
ul.jmap_filetree ul li { /* parent item level */
	background-color: #6E848D; }
ul.jmap_filetree li.collapsable.lastCollapsable,
ul.jmap_filetree li.expandable.lastExpandable {
margin-bottom: 0;}
ul.jmap_filetree ul li ul li { /* child items -modern pools, residential pools, etc */
	background-color: #7F939B; }
ul.jmap_filetree ul li ul li ul li { /* grandchild items - plunge pools, lap pools, etc. */
	background-color: #90A2A9; }


/* MODULE ===================================================================== MODULE */
.accent-before::before,
.accent-after::after {
	content:"";
	position: absolute;
	width: 1px;
	height: 6vw;
	background-color:var(--color02);
	left: 50%;
	z-index:899; }
.accent-before::before {
	top:-3vw; }
.accent-after::after {
	bottom:-3vw; }
.accent-wb-before::before,
.accent-bw-before::before {
	content:"";
	position: absolute;
	width: 1px;
	height: 6vw;
	left: 50%;
	z-index:899; }
.accent-wb-before::before {
	background: linear-gradient(to bottom, #ffffff 50%, #404040 50%); /* original: 404040 */
	top:-3vw; }
/* .accent-bw-before::before {
	background: linear-gradient(to bottom, #ffffff 50%, #404040 50%);
	bottom:-3vw; } */
.accent-bw-before::before {
	background: linear-gradient(to bottom, #404040 50%, #ffffff 50%);
	top:-3vw; }
.accent-wb-after::after,
.accent-bw-after::after {
	content:"";
	position: absolute;
	width: 1px;
	height: 6vw;
	left: 50%;
	z-index:899; }
.accent-wb-after::after {
	background: linear-gradient(to bottom, #404040 50%, #ffffff 50%);
	top:-3vw; }
.accent-bw-after::after {
	background: linear-gradient(to bottom, #404040 50%, #ffffff 50%);
	bottom:-3vw; }

.content-wrap {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 0 1vw	}

/* FOOTER ===================================================================== FOOTER */
.footer-table tr td {
	line-height: var(--line-height-body);
}
.day-of-week { padding-right: 15px; }
.company-hours, .company-directions { padding-top: 1rem;}
footer { 
	color: var(--footer-text-color);
	background-color: var(--footer-background-color);
	font-weight: 200; }
ul.footermenu {
	margin-left: 0;
	padding-bottom: 2rem;	}
.footermenu li {
	padding: 0 1vw 0 0; }
.footermenu li a {
	font-size: 1.4rem;
	text-transform: uppercase }
.fineprint a,
footer a,
.footermenu li a { 
	color: var(--footer-text-color);
	transition: all var(--button-anim-speed); }
.fineprint a:hover,
footer a:hover,
.footermenu li a:hover { 
	color: var(--footer-hover-color); }
svg.footer-logo {
	fill: #b4b4b4;
	transition: all var(--button-anim-speed); }
#copyright {
	color: var(--copyright-color);
	background-color: var(--copyright-background);
	padding: 30px 0; }

a.back-to-top {
	position: absolute;
	z-index:2147483646;
	border-radius: 50%;
	background-color: var(--footer-background-color);
	color: var(--footer-text-color);
    position: fixed;
    bottom: 20px;
    right: 30px;
	height: 36px;
	width: 36px;
	opacity: 1;
	transition: opacity 0.15s ease-in-out;
	transition-property: opacity;
	transition-duration: 0.15s;
	transition-timing-function: ease-in-out;
	transition-delay: initial;
	visibility: visible; }
.back-to-top i {
	color: var(--footer-text-color);
	position: relative;	}
.back-to-top i:before {
	padding: 6px 0 0 6px;
	font-size: 24px; }
.fadeButton {
	opacity: 0 !important;
	visibility: hidden !important;	}
#back-to-top-inner {
	width: 100%; }
#back-to-top-wrap,
#back-to-top-inner,
#back-to-top-center {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center; }
#back-to-top-wrap {
	position: fixed; }
		
/* ANIMATIONS ============================================================= ANIMATIONS */

/* RESPONSIVE ============================================================= RESPONSIVE */
.img-responsive {
	width: auto;
	max-height: 100%; }
@media (min-width: 1200px) {
	#nav-logo {
		width: 14vw; }
	#top {
		padding-top: var(--padding-top-body-lg); }
	img#site-logo {
		max-height: 96px;
		width: auto; }
}
@media (max-width: 1199px) {
	#nav-logo {
		width: 200px; }
	img#site-logo {
		max-height: 96px;
		width: auto; }
	#top {
		padding-top: var(--padding-top-body-md); }
	#userForm {
		padding: 30px 0 60px; }
}
@media only screen and (max-width: 1279px) and (min-width: 992.01px) {
	#primaryNav li a {
		font-size: 1rem !important; }
}
@media screen and (min-width: 992.01px) {
	.text-lg-right-justify {
		direction:rtl;
		text-align:justify; }
	.text-lg-right {
		text-align: right; }
	.flex-d-switch {
		flex-direction: row; }
	.flex-h-switch {
		align-self: flex-end; }
	.mod-finder__search.input-group {
		margin-left: 1rem; }
	input.js-finder-search-query.form-control {
		max-width: 128px; }
	#mainNav ul.navbar-nav li a {
		font-size: var(--font-size-menu); }
	.eventext { text-align: right; }
	#footer {
		padding: 60px 0 0 0;	}
}
@media (min-width: 992px) {
	#logo-center {
		display: flex;
		flex: 1;
		flex-direction: column; }
	#nav-style3-logo-link {
		margin-left: auto !important;
	}
	.col-form-label {
		padding: var(--form-padding); }
	/**************14-4-2022***************/
	#mainNav ul.navbar-nav li.dropdown:hover > ul.dropdown-menu {
		-webkit-animation: dropdownFadeIn 0.3s alternate;
		animation: dropdownFadeIn 0.3s alternate;
		display: block;
		top: 100%;
		margin-top: 0.125rem;
		left: 0; }
	#mainNav ul.navbar-nav li.dropdown > ul.dropdown-menu > li > a {
		padding: 6px;
		font-size: 1rem; }
	#mainNav ul.navbar-nav li.dropdown:hover > ul.dropdown-menu > li:hover > a {
		color: #000; }
	.nav-item.dropdown .dropdown-menu .dropdown .dropdown-menu {
		left: 100% !important;
		top: 0 !important; }
	#mainNav .nav-link-inline.dropdown-toggle {
		display: none; }
	/**************14-4-2022***************/
	.coupon-right {
		padding-left: 1rem; }
	}


@media (max-width: 992px) {
	.equip-image img {
		padding-bottom: 1rem; }
	.flex-d-switch {
		flex-direction: column; }
	.flex-h-switch {
		justify-content: flex-start; }
	#navigation {
		background-color: #000; }
	.pad-b-sm {
		padding-bottom: 1rem !important; }
	li.dropdown a.nav-link-inline,  
/* 	a.dropdown-item {
		font-size: 1rem !important;	} */
	a.btn-menu-ctas-wrap {
		height: 100%; }
	#footer {
		padding: 60px 15px 15px 15px;	}
}

@media (max-width: 991.98px) {
	/**************14-4-2022***************/
	button.navbar-toggler {
		margin-right: 0; }
	#mainNav {
		background: #000;}
	#primaryNav {
		display: inline-block;
		width: 100%; }
	.nav-item.dropdown {
		display: block;
		width: 100%; }
	#mainNav ul.navbar-nav li a {
		display: block;
		padding: 15px 0 15px 20px;
		font-size: 1.1rem;position: relative;z-index: 0; }
	a.dropdown-item {
		padding: 10px 0 10px 20px !important; }
	#mainNav ul.navbar-nav li {
		padding: 0 !important; }
	.dropdown-menu.show {
		padding-left: 15px;
		margin: 0; }
	#mainNav ul.navbar-nav li a.nav-link-inline.dropdown-toggle {
		z-index: 999999 !important;
		position: absolute !important;
		right: 20px;
		top: 7px;
		padding: 0 !important;
		font-size: 2rem !important;height: 40px;width: 40px;text-align: center; }
	#mainNav .nav-link-inline.dropdown-toggle:after {width: 100%;align-items: center;height: 1.2em;font-size: 33px;}

	#mainNav #menu-ctas .flex-d-switch {
		width: 100%;
		display: block !important;
		padding: 10px 20px 25px 20px; }
	#mainNav #menu-ctas .flex-d-switch a.btn-menu-ctas-wrap {
		display: inline-block; }
	/**************14-4-2022***************/
	.col-form-label {
		padding: 0 0 5px 7px; }
	.coupon-right {
		padding-top: 1rem; }
	#mainNav input.js-finder-search-query.form-control{width: 100%;}
	#nav-ctas {
		display: none !important; }
}

@media screen and (min-width: 769px) {
	#back-to-top-wrap {
		bottom: 30px; }
	#copyright {
		font-size: 1rem; }
}

@media screen and (max-width: 768px) {
	.ig-main-scope-wrapper {
		flex-direction: column;
		justify-content: center;}
	#top {
		padding-top: var(--padding-top-body-sm); }
	img#site-logo {
		max-height: 80px;
		width: auto; }
	#copyright {
		font-size: 0.9rem; }
	#back-to-top-wrap {
		bottom: 45px; }
}

@media (max-width: 767.98px) {
	.carousel-buttons {
		justify-content: center; }
	#footermenu {
		display: flex;
		flex-direction: column; }
	#footermenu li {
		display: flex; }
	#userForm {
		padding: 60px 15px; }
}
@media screen and (min-width: 576px) {
	.flex-sm-switch {
		flex-direction: row; }
}
@media screen and (max-width: 575.98px) {
	.flex-sm-switch {
		flex-direction: column; }
	.ig-main-scope-wrapper {
		display: flex;
		justify-content: center;
	/* text-align: center; */}

	.d-xs-none {
		display: none !important; }
	.btn-hero-wrap button {
		margin-bottom: 10px !important; }
}
@media screen and (max-width: 360px) {
	#mainNav ul.navbar-nav li a {
		font-size: .9rem; }
	button.btn btn-menu call {
		margin-bottom: 1rem; }
}

@media screen and (max-width: 300px) {
	#logo-link svg {
		max-width: 170px;
		height: auto; }
	.btn.btn-menu.call {
		margin-bottom: 15px; }
	.carousel-text h1 {
		display: none; }
}

.dropdown-menu.submenu.show {
	display: block !important;
	top: 20px; 
}