@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-image: linear-gradient(to bottom, #d7b877, #ffffff); }

/* 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;
	background: #fff;
	padding-top: 15px;}
/* header, #top, #bottom, footer {
	flex: 0 1 100%;
	align-self: stretch; } */

.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: 'krbrokers';
    src: url('../fonts/krbrokers.eot');
    src: url('../fonts/krbrokers.eot?#iefix') format('embedded-opentype'),
         url('../fonts/krbrokers.woff') format('woff'),
         url('../fonts/krbrokers.ttf') format('truetype'),
         url('../fonts/krbrokers.svg#krbrokers') format('svg');
    font-weight: normal;
    font-style: normal;
}
[class*='icon-']:before{
	display: inline-block;
   font-family: 'krbrokers';
   font-style: normal;
   font-weight: normal;
   line-height: 1;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale
}
.icon-back-to-top:before{content:'\0041';}


.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; }
.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); }
h4, .h4 {
	font-size: var(--font-size-h4);
	padding: var(--font-padding-h4); }
h5, .h5 {
	font-size: var(--font-size-h5);
	padding: var(--font-padding-h5); }
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;	}

h4.card-title {
	color: #fff;
	margin: 0;
	padding: 0; }

/* div[class^="com-content-"] p a,
.accordion p a,
a.tel,
h6 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 {
	color: #20B3E0;
	border-bottom: 1px solid #20B3E0; } */

div[class^="com-content-"] p a.button,
div[class^="com-content-"] p a.button:hover {
	border-bottom: none
}
.topinfo {
padding-bottom: 0.5rem}
.xlg {
	font-size: 1.5rem;
}

h1,h2,h3,h4,h5,h6	{
	color: var(--color07); }
.notransform {
	text-transform: none !important; }
.absolute {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }
/* NAV =========================================================================== NAV */
.container-full,
.container-xls {
  width: 100%;
  margin-right: auto;
  margin-left: auto; }
#logo {
  margin-right: auto;
  margin-left: auto;
}
#logo,
#mod-custom116 {
	display: flex;
	flex: 1; }
#mod-custom115 {
	display: flex;
	flex-direction: column;
	justify-content: center;
	flex: 2; }
#logo-link {
padding: 15px 0; }
#mod-custom116 {
padding: 15px 0; }
#sunbelt {
	display: block; }

#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; } */

ul#primaryNav {
	width: 100%;
	justify-content: space-around;
	padding: 0;
	margin-left: 0; }
#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); }
#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; }

#mainNavWrap {
	background: rgb(221,221,221);
	background: linear-gradient(180deg, rgba(221,221,221,1) 0%, rgba(254,254,254,1) 100%);
  border-bottom: solid 1px #eee	}
.dropdown-menu {
	font-size: var(--font-size-submenu);
	border: 1px solid rgba(0, 0, 0, 0.15);
	background-color: var(--color03);
	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:#000 !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: 992.01px) {
	.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;	
}

/* BUTTONS ===================================================================== BUTTONS */
.carousel-buttons {
	padding-top: 1rem; }
.com-content-article__body ul li a,
.page-header h2 a,
a.result__title-link, span.result__title-text,
.section-text ul li a,
.section-text h5 a,
p a {
	color: #6897BF;
	font-weight: 700;
	text-decoration: none;
	border-bottom: solid var(--button-border-pixels) rgba(0,0,0,0);
	transition: all var(--button-anim-speed) ease; }
.com-content-article__body ul li a:hover,
.page-header h2 a:hover,
.section-text ul li a:hover,
p a:active, p a:hover, p a:focus {
	border-bottom: solid var(--button-border-pixels) #6897BF; }
.color04 p a,
.color04 ul li a {
	color: #6897BF;
	font-weight: 700;
	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) #6897BF; }


button {
	font-weight: 700; /* custom for KR */
	border-radius: var(--button-corner-radius);
	padding: var(--button-padding);
	margin: var(--button-margin);
	transition: all var(--button-anim-speed) ease; }
.btn {
	text-align:center;	}
.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-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-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-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-custom { }
.btn-custom:hover { } */

a.btn-header-wrap .btn.btn-alt {
	width: 100%;
}
a.btn-actions-wrap button,
a.btn-listings-wrap button,
a.btn-fwre-wrap button {
	width: 100%;
	margin: 0 0 20px 0;
}


/* 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.4);
	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); }

.row-mg-b,
.testimonial-wrap-image,
.testimonial-wrap-text {
margin-bottom: var(--bs-gutter-x) }

/* MAIN ========================================================================= MAIN */
main {
	flex: 1;
	padding-bottom: 2rem; }
.item-page {
	padding: 0 1rem 1rem 1rem;
}
/* .com-content-article__body p {
	text-align: justify; } */

.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-intro-image {
	display: flex;
	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 {
	padding-bottom: 2rem;
}
.com-content-category-blog__item.blog-item {
	display: flex;
}
.item-content {
	flex: 1;
	padding-left: var(--bs-gutter-x);
}
.article-full-image {
	margin-bottom: var(--bs-gutter-x);
}
/* ARTICLE MODULES =================================================== ARTICLE MODULES */
.section-text ul {
	padding: 0 !important;
}
.section-text ul li {
	line-height: 1.4em;
}

/* GALLERY =================================================================== GALLERY */
.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;
}

/* FORM ========================================================================= FORM */
#contact {
	background-color: var(--color05); }
#userForm {
	padding-bottom: 2vw;	}
	/* Fix for (Chrome) overflow issue
fieldset {
	min-width: auto; 
	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 {
	border-radius: 0;
	padding: var(--form-padding);
	font-family: var(--font1); }
.col-form-label {
	border-radius: 0;
	font-family: var(--font1); }
.col-form-control input,
.col-form-control textarea {
	width: 100%;
	background: var(--color03);
	border: 1px solid var(--color11);
	font-family: var(--font1); }
.formControls input,
.formControlLabel,
.formControls textarea {
	font-weight: 200;
	color: var(--form-text-color); }

::placeholder { color: #999;
	font-weight: 200;
	font-family: var(--font1) !important; }

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

.grecaptcha-badge { visibility: hidden; }
.fineprint, .disclaimer { font-size: 0.75rem; }
.rsform-submit-button {
	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);
	max-width: 100% !important; }

.rsform-submit-button:hover {
	color: var(--button-text-hover);
	background-color: var(--button-background-hover);
	border: solid var(--button-border-pixels) var(--button-border-hover);}


/* BELOW ======================================================================= BELOW */


/* SITEMAP =================================================================== SITEMAP */
.sitemap, .jmapcolumn {
	display: flex; }
.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: #fff;
	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 #191b1c; }
.jmapcolumn {	display:flex; }
ul.jmap_filetree { /* top level*/
	padding: 0;
	background-color: #014986; }
ul.jmap_filetree ul li { /* parent item level */
	background-color: #1d639f; }
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: #d7b877; }
ul.jmap_filetree ul li ul li ul li { /* grandchild items - plunge pools, lap pools, etc. */
	background-color: #d7b877; }


/* MODULE ===================================================================== MODULE */
ul.uk-slideshow-items {
	list-style: none; }

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

/* FOOTER ===================================================================== FOOTER */

footer { 
	color: var(--footer-text-color);
	background-color: var(--footer-background-color);
	font-weight: 200; }
#footer {
	padding-top: 2rem;	}
#footer-nav li {
	padding: 0 0.25rem;
}
.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: 25px;
	right: 190px;
	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 7px;
	font-size: 24px; }
.fadeButton {
	opacity: 0 !important;
	visibility: hidden !important;	}

		
/* 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) {
	#site-logo {
		max-width:240px;
		height: auto; }
	#sunbelt {
		align-self: end;
		max-width:320px;
		height: auto; }
	.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); }
}
@media (min-width: 992px) {
	/**************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***************/
	#logo-center {
		display: flex;
		flex: 1;
		flex-direction: column; }
	#nav-style3-logo-link {
		margin-left: auto !important;
	}
	.col-form-label {
		padding: var(--form-padding); }

	.coupon-right {
		padding-left: 1rem; }
	}


@media (max-width: 992px) {
	#mod-custom116 {
		display: none;
		}
	.section-image img {
		padding-bottom: 1rem; }
	.flex-d-switch {
		flex-direction: column; }
	.flex-h-switch {
		justify-content: flex-start; }
	.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%; }
	#sunbelt{
		align-self: center; }
}

@media (max-width: 991.98px) {
		/**************14-4-2022***************/
	#uppernav .container {
		flex-direction: column;
	}
	#site-logo {
		max-width:240px;
		height: auto; }
	#sunbelt {
		max-width:240px;
		height: auto; }
	button.navbar-toggler {
		margin-right: 0; }
	#primaryNav {
		display: inline-block;
		width: 100%;	}
	.nav-item.dropdown {
		display: block;
		width: 100%; }
	#mainNav ul.navbar-nav li a {
		display: block;
		padding: 15px 20px;
		font-size: 1.1rem;position: relative;z-index: 0; }
	#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;}
	/**************14-4-2022***************/

}

@media screen and (min-width: 769px) {
	#site-logo {
		max-width:200px;
		height: auto; }
	#sunbelt {
		max-width:200px;
		height: auto; }
/* 	#back-to-top-wrap {
		bottom: 30px; } */
	#copyright {
		font-size: 1rem; }
}

@media screen and (max-width: 768px) {
	
	#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; */}
	.footer-logo {
		width: 80vw;
		height: auto; }
	.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; 
}