/* ==========================================================================
   Author's custom styles
   ========================================================================== */
@media (max-width: 767px) {
	/* ===HOME PAGE=== */

	.Homepage li,
	.Homepage p {
		font-size: 20px;
	}

	.Homepage .header-section .btn,
	.Homepage .pool-spa-section .btn {
		margin-top: -35px;
	}

	.Homepage .header-section .header-img {
		margin-top: 20px;
	}

	.Homepage .header-section {
		padding-top: 10%;
	}

	.Homepage .choose-section,
	.Homepage .pool-spa-section,
	.Homepage .quote-section {
		margin: 10% auto;
	}

	.Homepage .features-section h3.text-blue {
		margin-bottom: 5%;
	}

	.Homepage .bg-dkblue-rebate {
		background: #1958a6;
	}

	.Homepage .pool-spa-section hr {
		margin: 10% auto 15%;
		width: 90%;
	}

	.Homepage .rebate-section .row {
		display: flex;
		align-items: center;
	}
	/* ===ABOUT PAGE=== */
	.about-page .choose,
	.about-page .feat1,
	.about-page .feat2 h3,
	.about-page .feat3,
	.about-page .intro h2 {
		text-align: center;
	}

	.about-page .feat3 {
		background: url('/Nature2/ui/img/about/pool_mobile.jpg') center center no-repeat;
	}

	.about-page .feat4 h4 {
		display: inline-block;
		padding-top: 25px;
		padding-left: 15px;
	}

	.about-page .feat4 .img-wrapper {
		display: inline-block;
		float: left;
		margin-top: 15px;
	}

	.about-page .choose-section img,
	.about-page .feat1 img,
	.about-page .feat2 img,
	.about-page .step1 img,
	.about-page .step2 img,
	.about-page .step3 img {
		margin: 0 auto;
	}
	/* === COMPARE PAGE === */
	.compare-page .icon-n2 {
		display: none;
	}

	.compare-page .select-products tbody td:nth-child(3),
	.compare-page .select-products thead tr th:nth-child(4) {
		display: none;
	}

	/* === SPA CATEGORY PAGE === */
	.spa-page .hero {
		background: url("/Nature2/ui/img/product-category/spa/spa_bg_hero_mobile.jpg") 55% no-repeat;
	}

	.spa-page .feat1,
	.spa-page .feat2,
	.spa-page .feat3 {
		text-align: center;
	}

	.spa-page .feat3 h2,
	.spa-page .feat3 p {
		color: #fff;
	}

	.spa-page .feat3 {
		background: url("/Nature2/ui/img/product-category/spa/spa_girl_spa_feat3_mobile.jpg") no-repeat;
		background-size: cover;
	}

	.spa-page .prod1 {
		padding-bottom: 50px;
	}

	/* === POOL CATEGORY PAGE === */
	.pool-page .compare,
	.pool-page .feat1,
	.pool-page .feat2,
	.pool-page .feat3,
	.pool-page .feat4 {
		text-align: center;
	}

	.pool-page .prod2,
	.pool-page .prod4,
	.pool-page .prod5,
	.pool-page .prod7 {
		padding-top: 50px;
	}

	/* === PRODUCT DETAIL PAGE === */
	.product-detail .title-section {
		text-align: center;
	}

	.product-detail .title-section h4 {
		margin-top: 0;
	}

	.product-detail .title-section .button-col {
		text-align: center;
	}

	.product-detail .features-section .container {
		padding: 0;
	}

	.product-detail .features-section h3 {
		text-align: center;
		padding-bottom: 4%;
	}

	.product-detail .features-section hr {
		height: 2px;
		border-color: #fff;
		margin: 0;
	}
	/* === REBATE PAGE === */
	.Rebate-page .header-section {
		padding-bottom: 15%;
	}

	.Rebate-page .header-section.no-nav-position {
		margin-bottom: 8%;
	}

	#nonav.Rebate-page .N2-form-mobile {
		margin-top: -80px !important;
	}
	/* ===THANK YOU PAGE === */
	.Thankyou-page .leaf-sm {
		left: -10px;
		top: 50px;
	}

	.Thankyou-page .header-section h1 {
		margin-top: 50px;
	}

	.Thankyou-page .spa-section {
		position: relative;
		height: 400px;
	}

	.Thankyou-page .spa-section img {
		position: absolute;
		bottom: 0;
		right: -70px;
		max-height: 400px;
	}

	.Thankyou-page .spa-section h3 {
		font-size: 20px;
	}

	.Thankyou-page .spa-section h4 {
		font-size: 15px;
	}
}
@media (max-width: 991px) {
	.N2-navbar .navbar-header {
		float: none;
	}

	.N2-navbar .navbar-left,
	.navbar-right {
		float: none;
	}

	.N2-navbar .navbar-toggle {
		display: block;
	}

	.N2-navbar .navbar-collapse {
		border-top: 1px solid transparent;
		box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
	}

	.N2-navbar .navbar-collapse.collapse {
		display: none!important;
	}

	.N2-navbar .navbar-nav {
		float: none!important;
		margin-top: 7.5px;
	}

	.N2-navbar .navbar-nav > li {
		float: none;
	}

	.N2-navbar .navbar-nav > li > a {
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.N2-navbar .collapse.in {
		display: block !important;
	}

}
/*=====================
  GLOBAL DEFAULT STYLES
  =====================*/
/* ===NATURE2 GLOBAL STYLES=== */
.browsehappy {
	border: 3px solid #c04f4a;
	padding: 10px;
	font-size: 18px;
	margin-top: 63px;
	margin-bottom: 0;
	background-color: #FF0000;
	color: #fff;
	text-align: center;
}

.browsehappy a {
	font-weight: bold;
	color: #ffdd00;
}

.browsehappy a:hover {
	color: #337ab7;
}

.center-block {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.margin-top-5 {
	margin-top: 5%;
}

.margin-bottom-5 {
	margin-bottom: 5%;
}

@media (max-width: 767px) {
	.no-padding-xs {
		padding: 0;
	}
}

.overlay {
	position: absolute;
	height: 100%;
	width: 100%;
	opacity: 0.5;
	background: black;
}

@media (min-width: 768px) {
	.vertical-center {
		display: flex;
		align-items: center;
	}
}

.row.no-gutters {
	margin-right: 0;
	margin-left: 0;
}

.row.no-gutters > [class*=" col-"],
.row.no-gutters > [class^="col-"] {
	padding-right: 0;
	padding-left: 0;
}

hr {
	border-top: 1px solid #ccc;
}
/* ===BACKGROUND OPTIONS=== */
/* ---Color--- */
.bg-white {
	background-color: #fff;
}

.bg-offwhite {
	background-color: #F7F7F7;
}

.bg-yellow {
	background-color: #F5D52E;
}

.bg-ltblue {
	background-color: #00B9F1;
}

.bg-blue {
	background-color: #004FA3;
}

.bg-dkblue {
	background-color: #002A6C;
}

.bg-gray {
	background-color: #F0F2F5;
}
/* ===COPY OPTIONS=== */
body {
	font-family: 'Lato', sans-serif;
	color: #6D6D6D;
	font-weight: 300;
	font-size: 16px;
}
/* ---Color--- */
.text-white {
	color: #fff;
}

.text-blue {
	color: #002A6C;
}

.text-ltblue {
	color: #054AB9;
}

.text-gray {
	color: #6D6D6D;
}

.text-green {
	color: #579602;
}

.text-ltgreen {
	color: #80BB08;
}

.text-yellow {
	color: #F5D52E;
}
/* ---Size and Weight--- */
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Heebo', sans-serif;
	font-weight: 200;
}

h1 {
	text-transform: uppercase;
}
/* ===Quotes=== */
.quote {
	text-align: center;
}

.quote h1 {
	font-size: 231px;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: -129px;
	font-weight: bold;
}
/* ===BUTTON OPTIONS=== */
/* ---Color--- */
.btn,
a.btn {
	border-radius: 28px;
	font-family: 'Lato', sans-serif;
	margin: 10px 5px 0 0;
	text-align: center;
	font-weight: 400;
	text-transform: lowercase;
	height: auto;
	padding: 15px;
}

.btn.disabled,
.btn[disabled],
a.btn.disabled,
a.btn[disabled],
fieldset[disabled] .btn,
fieldset[disabled] a.btn {
	background-color: #B9B9B9 !important;
	opacity: 1;
	color: #fff !important;
}

.btn-green,
a.btn-green {
	color: #fff;
	background-color: #579602;
}

.btn-white,
a.btn-white {
	color: #054AB9;
	background-color: #fff;
}

.btn-ghost,
a.btn-ghost {
	color: #054AB9;
	background-color: #fff;
	border: 1px solid #054AB9;
}

.btn-ghost-white,
a.btn-ghost-white {
	color: #fff;
	background-color: transparent;
	border: 1px solid #fff;
}

.btn-green:visited,
a.btn-green:visited {
	background: #579602;
}

.btn-ghost:visited,
.btn-white:visited,
a.btn-ghost:visited,
a.btn-white:visited {
	background: #fff;
}

.btn-ghost-white:visited,
a.btn-ghost-white:visited {
	background: #002A6C;
}

.btn-ghost-white:hover,
.btn-ghost:hover,
.btn-green:hover,
.btn-white:hover,
a.btn-ghost-white:hover,
a.btn-ghost:hover,
a.btn-green:hover,
a.btn-white:hover {
	color: #fff !important;
	background-color: #054AB9;
}

.btn-ghost-white:active,
.btn-ghost:active,
.btn-green:active,
.btn-white:active,
a.btn-ghost-white:active,
a.btn-ghost:active,
a.btn-green:active,
a.btn-white:active {
	background-color: #002A6C;
	color: #fff !important;
}

.btn:focus,
a.btn:focus {
	outline: 0 !important;
	background-color: #002A6C;
	color: #fff !important;
}
/* ---Size--- */
.btn-large,
a.btn-large {
	font-size: 18px;
}

.btn-medium,
a.btn-medium {
	font-size: 16px;
}

.btn-small,
a.btn-small {
	font-size: 16px;
}
/* ===CHECKBOX OPTIONS=== */
label {
	display: inline;
}

.tag {
	font-weight: 300;
	font-size: 13px;
	margin-left: 20px;
}
/* ---White Checkbox--- */
.white-checkbox {
	display: none;
}

.white-checkbox + label {
	background-color: #fff;
	padding: 7px;
	border-radius: 0;
	display: inline-block;
	position: relative;
	margin-bottom: -1px;
	margin-right: 3px;
	float: left;
}

.white-checkbox + label:active,
.white:checked + label:active {
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0 1px 3px rgba(0,0,0,0.1);
}

.white-checkbox:checked + label {
	background-color: #fff;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0 -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
	color: #054AB9;
}

.white-checkbox:checked + label:after {
	font-family: FontAwesome;
	content: '\f00c';
	font-size: 13px;
	position: absolute;
	top: -1px;
	left: 0;
	color: #054AB9;
}
/* ---Green Checkbox--- */
.green-checkbox {
	display: none;
}

.green-checkbox + label {
	background-color: #579602;
	padding: 7px;
	border-radius: 0;
	display: inline-block;
	position: relative;
	margin-bottom: -1px;
	margin-right: 3px;
	float: left;
}

.green-checkbox + label:active,
.green:checked + label:active {
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0 1px 3px rgba(0,0,0,0.1);
}

.green-checkbox:checked + label {
	background-color: #579602;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0 -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
	color: #fff;
}

.green-checkbox:checked + label:after {
	font-family: FontAwesome;
	content: '\f00c';
	font-size: 13px;
	position: absolute;
	top: -1px;
	left: 0;
	color: #fff;
}
/* ---Modal Checkbox--- */
.modal-checkbox {
	display: none;
}

.modal-checkbox + label {
	background-color: #fff;
	padding: 16px;
	border-radius: 0;
	display: inline-block;
	position: relative;
	margin-bottom: -1px;
	margin-right: 4px;
	float: left;
	border: 2px solid #002A6C;
}

.modal-checkbox + label:active,
.modal:checked + label:active {
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0 1px 3px rgba(0,0,0,0.1);
}

.modal-checkbox:checked + label {
	background-color: #579602;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0 -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
	color: #fff;
}

.modal-checkbox:checked + label:after {
	font-family: FontAwesome;
	content: '\f00c';
	font-size: 30px;
	position: absolute;
	top: -4px;
	left: 0;
	color: #fff;
}
/* ===ANIMATIONS=== */
@-webkit-keyframes jump {
	0% {
		-webkit-transform: translateY(0);
	}

	100% {
		-webkit-transform: translateY(-10%);
	}
}
/* ===PROGRESS BAR=== */
.meter {
	height: 33px;
	position: relative;
	margin: 10px 0 30px;
	background: #B9B9B9;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
	-moz-box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
	box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
}

.meter h6 {
	color: #fff;
	font-weight: bold;
	margin-top: 5px;
	font-size: 20px;
	margin-bottom: 0;
	margin-left: 10px;
}

.meter > span {
	display: block;
	height: 100%;
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	-moz-border-radius-topright: 0;
	-moz-border-radius-bottomright: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	background-color: rgb(43,194,83);
	background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(43,194,83)), color-stop(1, rgb(84,240,84)) );
	background-image: -moz-linear-gradient( center bottom, rgb(43,194,83) 37%, rgb(84,240,84) 69% );
	-webkit-box-shadow: inset 0 2px 9px rgba(255,255,255,0.3), inset 0 -2px 6px rgba(0,0,0,0.4);
	-moz-box-shadow: inset 0 2px 9px rgba(255,255,255,0.3), inset 0 -2px 6px rgba(0,0,0,0.4);
	box-shadow: inset 0 2px 9px rgba(255,255,255,0.3), inset 0 -2px 6px rgba(0,0,0,0.4);
	position: absolute;
	overflow: hidden;
}

.animate > span > span,
.meter > span:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, rgba(255, 255, 255, .2)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.75, rgba(255, 255, 255, .2)), color-stop(.75, transparent), to(transparent) );
	background-image: -moz-linear-gradient( -45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent );
	z-index: 1;
	-webkit-background-size: 50px 50px;
	-moz-background-size: 50px 50px;
	-webkit-animation: move 2s linear infinite;
	-webkit-border-top-right-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-moz-border-radius-topright: 8px;
	-moz-border-radius-bottomright: 8px;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
	-webkit-border-top-left-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-topleft: 20px;
	-moz-border-radius-bottomleft: 20px;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
	overflow: hidden;
}

.animate > span:after {
	display: none;
}
@-webkit-keyframes move {
	0% {
		background-position: 0 0;
	}

	100% {
		background-position: 50px 50px;
	}
}

.green > span {
	background-color: #579602;
	background-image: -moz-linear-gradient(top, #579602, #579602);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #579602),color-stop(1, #579602));
	background-image: -webkit-linear-gradient(#579602, #579602);
}
/* ===SLIDER OPTIONS=== */
#carousel-example-generic-m .carousel-inner > .item > img,
.carousel-generic-m .carousel-inner > .item > img {
	width: 715px;
	height: 286px;
	max-width: 1414px;
}

#carousel-example-generic-m i,
.carousel-generic-m i {
	font-size: 65px;
	margin-top: 105px;
}

.carousel-indicators .active {
	border: 1px solid #054AB9;
	background-color: #054AB9;
}

.carousel-indicators li {
	border: 1px solid #80BB08;
	background-color: #fff;
}

.carousel-control:hover i {
	color: #054AB9;
}

.carousel-control {
	opacity: 1;
}

.carousel-control.left,
.carousel-control.right {
	background-image: none;
}

.owl-dots .owl-dot.active span,
.owl-dots .owl-dot:hover span {
	background-color: #579602;
	border: 1px solid #579602;
}

.owl-dots .owl-dot span {
	width: 15px;
	height: 15px;
	margin: 5px 7px;
	background-color: #fff;
	display: block;
	-webkit-backface-visibility: visible;
	transition: opacity 200ms ease;
	border-radius: 30px;
	border: 1px solid #95989A;
}

.owl-dots .owl-dot {
	display: inline-block;
	zoom: 1;
}

.owl-dots {
	text-align: center;
	-webkit-tap-highlight-color: transparent;
	margin-top: 2%;
}

.owl-thumbs {
	margin-top: 2%;
}
/* Vidyard Responsive Player */
.innerContainer {
	position: relative;
	display: block;
	width: 100% !important;
	height: 0;
	padding: 56.25% 0 0;
	/* This should reflect your video aspect ratio */
}

.outerContainer {
	max-height: 545px;
	/* Set this to the height of your player */
}

.vidyard_player {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.vidyard_player > span {
	width: 100% !important;
	height: 100% !important;
	margin: 0 auto !important;
}
/* ===LINKS OPTIONS=== */
.copy-link {
	text-transform: lowercase;
	font-weight: 400;
}

.copy-link,
.copy-link:visited {
	color: #054AB9;
	font-size: 17px;
	text-decoration: none;
}

.copy-link.white {
	color: #fff;
}

.copy-link .fa {
	margin-left: 5px;
	vertical-align: middle;
}

.copy-link-dark,
.copy-link-dark:visited {
	color: #80BB08;
	font-size: 17px;
	text-decoration: none;
}

.copy-link-dark:hover,
.copy-link:hover {
	color: #2F6CFF;
	text-decoration: none;
}

.copy-link:active {
	color: #002A6C;
}

.copy-link-dark:active {
	color: #FFFFFF;
}

.pointer {
	cursor: pointer;
}
/* ===FORM OPTIONS=== */
.form-control:focus {
	border-color: #002A6C;
}

.FormError-inverse {
	color: #ED6D00;
	padding-top: 2px;
	padding-bottom: 3px;
	margin-bottom: 4px;
	font-size: 15px;
	font-weight: 300;
}

.FormError {
	color: #fff;
	background-color: #ED6D00;
	padding: 2px 3px 3px 14px;
	margin-bottom: 4px;
	font-size: 14px;
	font-weight: 300;
}

.FormErrorInput {
	border: 1px solid #ED6D00!important;
	background-color: #FEEAC7!important;
	color: #ED6D00!important;
}
/* ===TOOLTIP OPTIONS=== */
.tooltip {
	font-size: 14px;
	text-align: center;
}

.tooltip.in {
	opacity: 1;
}

.tooltip-inner {
	padding: 10px 26px;
	color: #fff;
	text-align: center;
	border-radius: 10px;
}
/* ---Blue Color--- */
.blue-tool .tooltip-inner {
	background-color: #054AB9;
}

.blue-tool .tooltip.top .tooltip-arrow {
	border-top-color: #054AB9;
}

.blue-tool .tooltip.bottom .tooltip-arrow {
	border-bottom-color: #054AB9;
}

.blue-tool .tooltip.right .tooltip-arrow {
	border-right-color: #054AB9;
}

.blue-tool .tooltip.left .tooltip-arrow {
	border-left-color: #054AB9;
}
/* ---Light Blue Color--- */
.ltblue-tool .tooltip-inner {
	background-color: #53B0D8;
}

.ltblue-tool .tooltip.top .tooltip-arrow {
	border-top-color: #53B0D8;
}

.ltblue-tool .tooltip.bottom .tooltip-arrow {
	border-bottom-color: #53B0D8;
}

.ltblue-tool .tooltip.right .tooltip-arrow {
	border-right-color: #53B0D8;
}

.ltblue-tool .tooltip.left .tooltip-arrow {
	border-left-color: #53B0D8;
}
/* ---Dark Blue Color--- */
.dkblue-tool .tooltip-inner {
	background-color: #002A6C;
}

.dkblue-tool .tooltip.top .tooltip-arrow {
	border-top-color: #002A6C;
}

.dkblue-tool .tooltip.bottom .tooltip-arrow {
	border-bottom-color: #002A6C;
}

.dkblue-tool .tooltip.right .tooltip-arrow {
	border-right-color: #002A6C;
}

.dkblue-tool .tooltip.left .tooltip-arrow {
	border-left-color: #002A6C;
}
/* ===POPOVER OPTIONS=== */
.btn-popover,
a.btn-popover {
	color: #337ab7;
	margin: 0;
	border-radius: 0;
	border: none;
	background-color: transparent;
	font-size: 15px;
	font-weight: 400;
}

.btn-popover.focus,
.btn-popover:focus,
.btn-popover:hover,
a.btn-popover.focus,
a.btn-popover:focus,
a.btn-popover:hover {
	background-color: transparent;
	color: #002A6C;
	text-decoration: none;
}

.popover {
	z-index: 1;
}
/* ---Blue Color--- */
.blue-pop {
	background-color: #054AB9;
	color: #fff;
	border-radius: 13px;
}

.blue-pop.top > .arrow,
.blue-pop.top > .arrow::after {
	border-top-color: #054AB9;
}

.blue-pop.bottom > .arrow,
.blue-pop.bottom > .arrow::after {
	border-bottom-color: #054AB9;
}

.blue-pop.right > .arrow,
.blue-pop.right > .arrow::after {
	border-right-color: #054AB9;
}

.blue-pop.left > .arrow,
.blue-pop.left > .arrow::after {
	border-left-color: #054AB9;
}
/* ---Light Blue Color--- */
.ltblue-pop {
	background-color: #53B0D8;
	color: #fff;
	border-radius: 13px;
}

.ltblue-pop.top > .arrow,
.ltblue-pop.top > .arrow::after {
	border-top-color: #53B0D8;
}

.ltblue-pop.bottom > .arrow,
.ltblue-pop.bottom > .arrow::after {
	border-bottom-color: #53B0D8;
}

.ltblue-pop.right > .arrow,
.ltblue-pop.right > .arrow::after {
	border-right-color: #53B0D8;
}

.ltblue-pop.left > .arrow,
.ltblue-pop.left > .arrow::after {
	border-left-color: #53B0D8;
}
/* ---Dark Blue Color--- */
.dkblue-pop {
	background-color: #002A6C;
	color: #fff;
	border-radius: 13px;
}

.dkblue-pop.top > .arrow {
	border-top-color: #002A6C;
}

.dkblue-pop.bottom > .arrow,
.dkblue-pop.bottom > .arrow::after {
	border-bottom-color: #002A6C;
}

.dkblue-pop.right > .arrow,
.dkblue-pop.right > .arrow::after {
	border-right-color: #002A6C;
}

.dkblue-pop.left > .arrow,
.dkblue-pop.left > .arrow::after {
	border-left-color: #002A6C;
}
/* ===PAGINATION OPTIONS=== */
.pagination {
	margin: 5px 0;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}

.pagination > li:last-child > a,
.pagination > li:last-child > span {
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}

.pagination > li > a,
.pagination > li > span {
	padding: 11px 16px;
}

.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover {
	color: #fff;
	background-color: #054AB9;
}
/* ---Gray--- */
.gray-pag .pagination > li > span,
.gray-pag > li > a {
	color: #6D6D6D;
	border: 1px solid #6D6D6D;
}
/* ---Light Blue-- */
.ltblue-pag .pagination > li > span,
.ltblue-pag > li > a {
	color: #fff;
	background-color: #53B0D8;
	border: 1px solid #fff;
}
/* ===BREADCRUMBS=== */
.breadcrumb {
	background: none;
	padding: 0;
}

.breadcrumb a {
	color: #6D6D6D;
}

.breadcrumb a:active,
.breadcrumb a:hover,
.breadcrumb a:visited {
	text-decoration: none;
	color: #054AB9;
}

.breadcrumb .active {
	color: #054AB9;
}
/* === PRODUCT CAROUSEL === */
#selection .owl-carousel {
	position: relative;
}

#selection.owl-carousel .item-content {
	font-weight: 400;
	text-align: center;
}

#selection.owl-carousel .item .item-content.active .item-box {
	border: 3px solid #80BB08;
}

#selection .item p {
	text-align: center;
	margin-top: 5px;
}

#selection .item .item-box {
	padding: 10px;
	background-color: #F0F2F5;
	border-radius: 25px;
	display: flex;
	align-items: center;
	justify-content: center;
}

#selection .item .item-box img {
	width: auto;
	height: auto;
	margin: auto;
	max-width: 100%;
	max-height: 100%;
}

#selection .item .item-box div {
	display: flex;
}

#selection .owl-next,
#selection .owl-prev {
	position: absolute;
	top: 25%;
	margin-top: 30px;
}

#selection .owl-prev {
	left: -26px;
}

#selection .owl-next {
	right: -26px;
}

.select-section {
	padding-top: 60px;
	padding-bottom: 15px;
}

.select-section a {
	text-decoration: none;
	color: #6D6D6D;
}

.select-section a:hover {
	text-decoration: none;
	color: #80BB08;
}
@media (min-width: 320px) {
	#selection .item .item-box {
		height: 125px;
	}

	#selection .item .item-box div {
		height: 100px;
		width: 100px;
	}
}
@media (min-width: 768px) {
	#selection .item .item-box {
		height: 150px;
	}

	#selection .item .item-box div {
		height: 125px;
		width: 125px;
	}
}
@media (min-width: 992px) {
	#selection .item .item-box {
		height: 175px;
	}

	#selection .item .item-box div {
		height: 150px;
		width: 150px;
	}

	.select-section .owl-item .item img:hover {
		animation-name: jump;
		animation-duration: 0.2s;
		animation-timing-function: ease-in-out;
		animation-delay: initial;
		animation-fill-mode: forwards;
	}
}
/* END PRODUCT CAROUSEL */
/* ===TOGGLE TABS=== */
/* ---Desktop--- */
.toggleTabs h3 {
	margin-top: 20px;
	margin-bottom: 10px;
}

.toggleTabs .nav-tabs {
	background-color: #004FA3;
	border: none;
}

.toggleTabs .row {
	background-color: #F0F2F5;
	margin: 0;
}

.nav-tabs.nav-justified > li > a {
	border: none;
	background-color: transparent;
	color: #fff;
	margin-left: 3%;
	margin-right: 3%;
}

.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:focus,
.nav-tabs.nav-justified > .active > a:focus,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:hover.nav-tabs.nav-justified > .active > a {
	border-bottom: 5px solid #579602;
	background-color: transparent;
	color: #fff;
	border-right: none;
	border-left: none;
	border-top: none;
}

.toggleTabs .active a,
.toggleTabs .nav-tabs a:active,
.toggleTabs .nav-tabs a:hover {
	border-bottom: 5px solid #579602;
	background-color: transparent;
	color: #fff;
}

.toggleTabs .tab-content > .active div {
	background-color: #F0F2F5;
}
/* ---Mobile--- */
.tabsList {
	display: inline;
}

.tabsList i {
	margin-top: -22px;
	font-size: 23px;
	float: right;
	margin-right: 10px;
}

.tabsList a h3 {
	font-weight: 400;
	font-size: 18px;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 10px;
}

.tabsList .fa-caret-down {
	color: #579602;
}

.tabTitles:active,
.tabTitles:hover,
.tabTitles:link,
.tabTitles:visited {
	color: #fff;
	background-color: #002A6C;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-bottom: 1px;
	display: block;
	text-decoration: none;
}

.tabsList .tab-well a:link,
.tabsList .tab-well a:visited {
	color: #6D6D6D;
	padding-top: 10px;
	padding-bottom: 10px;
	text-decoration: none;
	font-size: 20px;
}

.tabsList .tab-well a:active,
.tabsList .tab-well a:hover {
	color: #579602;
}

.tab-well {
	background-color: #F6F6F6;
	padding-top: 5px;
	padding-bottom: 5px;
}

.tab-well p {
	text-align: left;
	font-size: 15px;
	padding-top: 7px;
	padding-bottom: 7px;
}
/* ===POP OUTS=== */
#N2Modal .modal-header,
.N2Modal .modal-header {
	text-align: center;
	background-color: #002A6C;
	color: #fff;
	margin: 5px;
}

#N2Modal h1,
.N2Modal h1 {
	font-weight: 500;
	color: #579602;
}

#N2Modal .col-md-3,
.N2Modal .col-md-3 {
	padding-left: 0;
	margin-right: 0;
	margin-bottom: 20px;
}

#N2Modal .modal-body,
.N2Modal .modal-body {
	margin-left: 0;
	margin-right: 0;
}

#N2Modal .modal-content,
.N2Modal .modal-content {
	border-radius: 0;
}

#N2Modal .close,
.N2Modal .close {
	color: #F5D52E;
	text-shadow: none;
	opacity: 1;
}

#N2Modal .close:hover,
.N2Modal .close:hover {
	opacity: 0.5;
}

#N2Modal .form-group .btn,
.N2Modal .form-group .btn {
	display: block;
	width: 209px;
	margin-top: 15px;
	height: 40px;
	margin-right: auto;
	margin-left: auto;
}

#N2Modal .modal-body h4,
.N2Modal .modal-body h4 {
	margin-top: 20px;
	color: #002A6C;
}

#N2Modal .form-group .tag,
.N2Modal .form-group .tag {
	margin-top: 6px;
	font-weight: 400;
	font-size: 20px;
	margin-left: 20px;
	color: #002A6C;
}
/* ===FORMS=== */
.N2-form-mobile {
	padding: 0;
	margin: 0;
}
/* ---Dark--- */
.N2-form {
	width: 100%;
	background-color: #002A6C;
	color: #fff;
	border: 5px solid #F5D52E;
}

.N2-form h3 {
	text-align: center;
	padding-top: 30px;
	margin-bottom: 20px;
}

.N2-form .form-content {
	margin-right: 25px;
	margin-left: 25px;
}

.N2-form .form-content .btn {
	display: block;
	margin: 20px auto 10px;
	font-size: 16px;
}

.N2-form .form-content .tag {
	font-weight: 300;
	font-size: 9.5px;
	margin-left: 0;
	text-align: center;
	padding: 3% 3% 5%;
}

.N2-form label {
	font-weight: 300;
	text-transform: lowercase;
	font-size: 14px;
}
/* ---Light--- */
.N2-form-lt {
	width: 100%;
	border: 5px solid #004FA3;
	background-color: #F0F2F5;
	color: #004FA3;
}

.N2-form-lt .signUpform {
	background-color: #fff;
}

.N2-form-lt h3 {
	text-align: center;
	padding-top: 30px;
	margin-bottom: 20px;
}

.N2-form-lt .form-content {
	margin-right: 25px;
	margin-left: 25px;
}

.N2-form-lt .form-content .btn {
	font-size: 16px;
	margin: 20px auto 10px;
	display: block;
}

.N2-form-lt .form-content .tag {
	font-weight: 300;
	font-size: 9.5px;
	margin-left: 0;
	padding: 3% 3% 5%;
	text-align: center;
}

.N2-form-lt label {
	font-weight: 400;
	color: #004FA3;
	text-transform: lowercase;
	font-size: 14px;
}
/* === ICONS === */
@font-face {
	font-family: 'icomoon';
	src: url('/Nature2/ui/fonts/icomoon.eot?7u4lff');
	src: url('/Nature2/ui/fonts/icomoon.eot?7u4lff#iefix') format('embedded-opentype'), url('/Nature2/ui/fonts/icomoon.ttf?7u4lff') format('truetype'), url('/Nature2/ui/fonts/icomoon.woff?7u4lff') format('woff'), url('/Nature2/ui/fonts/icomoon.svg?7u4lff#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class*=" icon-"],
[class^="icon-"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-n2 {
	font-size: 25px;
	margin-right: 5px;
	color: #004FA3;
}

.icon-n2_replacement:before {
	content: "\e905";
}

.icon-n2_type:before {
	content: "\e906";
}

.icon-n2-install:before {
	content: "\e900";
}

.icon-n2-sanitize:before {
	content: "\e902";
}

.icon-n2-size:before {
	content: "\e903";
}
/*===================
  STARTING NAV/FOOTER
  ===================*/
/* ===NATURE2 NAVIGATION BAR=== */
.N2-navbar {
	padding-top: 5px;
	padding-bottom: 0;
	margin-bottom: 0;
	border-radius: 0;
	background-image: none;
	box-shadow: none;
	background-color: #002A6C;
	border: none;
	font-family: 'Heebo', sans-serif;
	position: fixed;
	width: 100%;
	z-index: 100;
}

.N2-navbar .container {
	margin: 0;
	padding-left: 15px;
}

.navbar-header {
	width: 100%;
}

.N2-logo-m {
	width: 95px;
	margin-top: -30px;
	padding-left: 7px;
}

.navbar-toggle .icon-bar {
	display: block;
	width: 33px;
	height: 4px;
	border-radius: 1px;
	background-color: #fff!important;
}

.N2-navbar .navbar-toggle,
.N2-navbar .navbar-toggle:active,
.N2-navbar .navbar-toggle:hover,
.N2-navbar .navbar-toggle:visited {
	position: relative;
	float: right;
	padding: 5px;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 11px;
	background-color: transparent!important;
	border: 1px solid transparent;
	border-radius: 4px;
}

#collapsedN2Nav {
	position: absolute;
	width: 100%;
	background-color: #004FA3;
	overflow: visible;
	border: none;
	padding: 0;
	margin-bottom: 0;
}

.N2nav-tabs a {
	display: block;
	padding-left: 10px;
	border: none;
	color: #fff;
	text-decoration: none;
	font-size: 16px;
}

.N2-dropdown,
.N2Links li {
	border-top: thin solid #fff;
}

.N2Links {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.N2Links li:active,
.N2Links li:hover,
.N2Links li:visited {
	background-color: #579602;
	text-decoration: none;
}

.N2Links li:active a,
.N2Links li:hover a,
.N2Links li:hover a {
	text-decoration: none;
	color: #fff;
}

.main-logo {
	top: 10px;
	position: relative;
	width: 100px;
	z-index: 10;
	left: 5px;
}

.N2-dropdown:active,
.N2-dropdown:hover,
.N2-dropdown:visited {
	color: #fff;
	text-decoration: none;
	background-color: #579602;
}

.N2nav-tabs .open {
	background-color: #579602;
}

.N2nav-tabs .open a {
	color: #fff;
}

.N2-dropdown a {
	color: #fff;
	background-color: transparent !important;
}

.N2-dropdown a:active,
.N2-dropdown a:hover,
.N2-dropdown a:visited {
	color: #fff;
	text-decoration: none;
	background-color: #579602;
}

.N2-dropdown .dropdown-menu {
	background-color: #004FA3;
	width: 100%;
	border-radius: 0;
	border: none;
	margin: 0;
}

.N2-dropdown .dropdown-menu li {
	border: none;
}

.N2-dropdown .dropdown-menu a {
	color: #fff;
	background-color: transparent!important;
}

.N2nav-tabs .open a:active,
.N2nav-tabs .open a:hover,
.N2nav-tabs .open a:visited {
	border: none;
	background-color: #579602;
	color: #fff;
}

.N2-dropdown a,
.N2nav-tabs a {
	padding: 13px;
}

.N2-dropdown i {
	margin-left: 10px;
}
/* ===FLAGS=== */
[class*="lg-flag-"],
[class^="lg-flag-"] {
	display: inline-block;
	width: 39px;
	height: 25px;
	background-position: -39px 0;
	background-repeat: no-repeat;
	vertical-align: baseline;
	line-height: 25px;
	background-image: url('../img/flags-lg-sprite.gif');
}

[class*="sm-flag-"],
[class^="sm-flag-"] {
	display: inline-block;
	width: 20px;
	height: 13px;
	background-position: -20px 0;
	background-repeat: no-repeat;
	vertical-align: baseline;
	line-height: 20px;
	margin-right: 7px;
	background-image: url('../img/flags-sm-sprite.gif');
}

.sm-flag-af {
	background-position: 0 0;
}

.sm-flag-au {
	background-position: -20px 0;
}

.sm-flag-ost {
	background-position: -40px 0;
}

.sm-flag-be {
	background-position: -60px 0;
}

.sm-flag-cn {
	background-position: -80px 0;
}

.sm-flag-ca {
	background-position: 0 -13px;
}

.sm-flag-czk {
	background-position: -20px -13px;
}

.sm-flag-de {
	background-position: -40px -13px;
}

.sm-flag-fr {
	background-position: -60px -13px;
}

.sm-flag-nz {
	background-position: -80px -13px;
}

.sm-flag-it {
	background-position: 0 -26px;
}

.sm-flag-pt {
	background-position: -20px -26px;
}

.sm-flag-ru {
	background-position: -40px -26px;
}

.sm-flag-sp {
	background-position: -60px -26px;
}

.sm-flag-swd {
	background-position: 0 -39px;
}

.sm-flag-swi {
	background-position: -20px -39px;
}

.sm-flag-uk {
	background-position: -40px -39px;
}

.sm-flag-us {
	background-position: -60px -39px;
}

.lg-flag-af {
	background-position: 0 0;
}

.lg-flag-au {
	background-position: -39px 0;
}

.lg-flag-ost {
	background-position: -78px 0;
}

.lg-flag-be {
	background-position: -117px 0;
}

.lg-flag-cn {
	background-position: -156px 0;
}

.lg-flag-ca {
	background-position: 0 -26px;
}

.lg-flag-czk {
	background-position: -39px -26px;
}

.lg-flag-de {
	background-position: -78px -26px;
}

.lg-flag-fr {
	background-position: -117px -26px;
}

.lg-flag-nz {
	background-position: -156px -26px;
}

.lg-flag-it {
	background-position: 0 -52px;
}

.lg-flag-pt {
	background-position: -39px -52px;
}

.lg-flag-ru {
	background-position: -78px -52px;
}

.lg-flag-sp {
	background-position: -117px -52px;
}

.lg-flag-swd {
	background-position: 0 -78px;
}

.lg-flag-swi {
	background-position: -39px -78px;
}

.lg-flag-uk {
	background-position: -78px -78px;
}

.lg-flag-us {
	background-position: -117px -78px;
}

#loading {
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 9999;
	display: none;
	margin-top: -24px;
	margin-left: -24px;
	width: 48px;
	height: 48px;
	background: url('/shared/img/loading.gif') center center no-repeat;
}

.clsHidden {
	display: none;
}

.locpageCurrLK {
	background-color: rgba(0,0,153,0.9);
	color: #fff;
	border-radius: 0;
}
/* ===FOOTER SECTION=== */
.footer-section .dkblue-bg {
	background: #002A6C;
	color: #FFF;
	padding: 20px 0 40px;
	position: relative;
}

.footer-section .gray-bg {
	background-color: #F6F6F6;
	color: #6D6D6D;
	padding: 40px 10%;
}

.footer-section .gray-bg .btn {
	margin-top: 20px;
}

.footer-section a:active,
.footer-section a:hover,
.footer-section a:link,
.footer-section a:visited {
	color: #FFF;
	text-decoration: none;
}

.footer-section p {
	font-weight: 300;
}

.footer-section .form-control {
	background-color: transparent;
	color: #F7F7F7;
}

.N2footer {
	margin-top: 11px;
	margin-bottom: 20px;
	width: 125px;
}

.newletter-form label {
	font-weight: 300;
	font-size: 13px;
}

.footer-section address {
	margin-bottom: 13px;
	font-weight: 300;
	font-size: 16px;
}

.vert-line {
	width: 1px;
	height: 350px;
	background-color: #fff;
}

.signUpform {
	background-color: transparent;
	border: 1px solid #fff;
	color: #fff;
	border-radius: 0;
	display: block;
	width: 100%;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
}

.footer-section select.signUpform {
	background-color: #002A6C !important;
}

.signUp .fa-angle-right {
	font-size: 22px;
}

#signUp h3 {
	font-size: 22px;
	margin-top: 20px;
	margin-bottom: 10px;
}

.footer-section .tag {
	margin-left: 0;
	margin-bottom: 5px;
}
/*==============
  STARTING PAGES
  ==============*/
/* ===HOME PAGE=== */
.Homepage .quote-section h3 {
	font-weight: 100;
}

.Homepage .choose-section p,
.Homepage h3 {
	margin-bottom: 25px;
}

.Homepage .quote-section h3 {
	margin-top: 5%;
	margin-bottom: 5%;
}

.Homepage .features-section p {
	font-weight: 500;
}

.Homepage .fa.fa-angle-down {
	color: #F2CE2A;
}

.Homepage .bounce {
	margin-top: 5%;
	animation: bounce 2s 5;
	-webkit-animation: bounce 2s 5;
	-moz-animation: bounce 2s 5;
	-o-animation: bounce 2s 5;
	text-align: center;
}
@-webkit-keyframes bounce {
	0%,
	100%,
	20%,
	60% {
		-webkit-transform: translateY(0);
	}

	40% {
		-webkit-transform: translateY(-20px);
	}

	80% {
		-webkit-transform: translateY(-10px);
	}
}

.Homepage .feature-box {
	position: relative;
}

.Homepage .feature-box p {
	visibility: hidden;
	position: absolute;
}

.Homepage .feature-box:hover p {
	visibility: visible;
	position: absolute;
	color: #fff;
	z-index: 10;
	-webkit-animation: fadeIn 1s;
	padding-left: 5%;
	padding-right: 5%;
}

.Homepage .feature-box:hover img {
	filter: brightness(0.5);
	-webkit-filter: brightness(0.5);
	-moz-filter: brightness(0.5);
	-o-filter: brightness(0.5);
	-ms-filter: brightness(0.5);
}
/* === ABOUT PAGE === */
.about-page .choose,
.about-page .feat1,
.about-page .feat2,
.about-page .feat4,
.about-page .hero,
.about-page .how-it-works,
.about-page .intro {
	padding-top: 50px;
	padding-bottom: 50px;
}

.about-page .choose,
.about-page .feat1,
.about-page .feat2 {
	margin-top: -50px;
}

.about-page .feat3 {
	height: 400px;
}

.about-page .step1,
.about-page .step2,
.about-page .step3 {
	padding-top: 25px;
	padding-bottom: 25px;
}

.about-page .step1 img {
	max-width: 300px;
}

.about-page .step2 img,
.about-page .step3 img {
	max-width: 150px;
}
/* === COMPARE PAGE === */
.compare-page a {
	color: #6D6D6D;
}

.compare-page a:hover {
	text-decoration: none;
}

.compare-page .hero {
	padding-top: 50px;
}

.compare-page .compare-products {
	margin-bottom: 60px;
}

.compare-page .compare-products tbody th {
	text-align: left;
}

.compare-page .compare-products tbody td,
.compare-page .compare-products thead th {
	text-align: center;
}

.compare-page .compare-products table .fa.fa-times {
	display: block;
	text-align: right;
}

.compare-page table thead img {
	margin: 5% auto;
}

.compare-page .compare-products .table-borderless > tbody > tr > td,
.compare-page .compare-products .table-borderless > tbody > tr > th,
.compare-page .compare-products .table-borderless > tfoot > tr > td,
.compare-page .compare-products .table-borderless > tfoot > tr > th,
.compare-page .compare-products .table-borderless > thead > tr > td,
.compare-page .compare-products .table-borderless > thead > tr > th {
	border-top: none;
	border-bottom: none;
}

.compare-page .compare-products-title {
	display: block;
}

.compare-page .compare-list {
	padding-top: 50px;
	padding-bottom: 50px;
}

.compare-page .compare-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;
}

.compare-page .compare-list-item {
	display: inline-block;
	min-height: 100px;
	width: 90px;
	text-align: center;
	margin-bottom: 25px;
}

.compare-page .compare-list-item .image-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 90px;
	width: 90px;
}

.compare-page .compare-list-item {
	margin-left: 2px;
	margin-right: 2px;
}

.compare-page .compare-list-item-name {
	margin-top: 5px;
	line-height: 1.2;
}

.compare-page .compare-list-item-img {
	max-height: 70px;
	max-width: 70px;
}

.compare-page .compare-list-item.active .image-wrap {
	border: 3px solid #80BB08;
	border-radius: 25px;
}

.compare-page .compare-list-item.active .compare-list-item-name {
	color: #80BB08;
}

.compare-page .compare-table {
	margin-bottom: 60px;
}

.compare-page .compare-table .image-wrap {
	height: auto;
	width: 100%;
}

.compare-page .compare-table-item-img {
	max-height: 75px;
}

.compare-page table tr > th:nth-child(2) {
	border-left: none!important;
}

.compare-page .compare-table thead th {
	vertical-align: top!important;
}

.compare-page .compare-table thead th:first-child {
	vertical-align: middle!important;
	font-weight: 300;
}

.compare-page .icon-n2 {
	margin-right: 15px;
}

.compare-page #n2-compare-table_wrapper {
	margin-bottom: 50px;
}

.compare-page .compare-link {
	margin-bottom: 50px;
}
/* === SPA CATEGORY PAGE === */
.spa-page .hero {
	height: 600px;
}

.spa-page .fa.fa-play-circle {
	font-size: 30px;
}

.spa-page .feat1 {
	height: 400px;
	position: relative;
}

.spa-page .feat3 {
	height: 550px;
	position: relative;
	overflow: hidden;
}

.spa-page .feat3 .hero-img {
	position: absolute;
	bottom: 0;
}

.spa-page .prod-cat1 {
	padding-top: 50px;
	padding-bottom: 50px;
}
/* === POOL CATEGORY PAGE === */
.pool-page .hero {
	background: url("/Nature2/ui/img/product-category/pool/nature2_products_home_hero.jpg") center 70% no-repeat;
	height: 600px;
}

.pool-page .hero h1 {
	margin-top: 250px;
}

.pool-page .feat1 {
	height: 400px;
	background: url("/Nature2/ui/img/product-category/pool/Green_Dress_Underwater-lg.jpg") no-repeat center center;
	background-size: cover;
	position: relative;
}

.pool-page .feat2 {
	height: 400px;
	position: relative;
}

.pool-page .feat2 img {
	position: absolute;
	bottom: 0;
}

.pool-page .feat3 {
	background: url("/Nature2/ui/img/product-category/pool/Green_Hat_Lady.jpg") no-repeat 100%;
	background-size: cover;
	height: 400px;
	position: relative;
}

.pool-page .feat3 img {
	position: absolute;
	right: 0;
	bottom: 0;
}

.pool-page .feat4 {
	background: url("/Nature2/ui/img/product-category/pool/Boy_underwater.jpg") 50% no-repeat;
	height: 400px;
	position: relative;
}

.pool-page .compare img {
	position: absolute;
	bottom: 0;
}

.pool-page .compare {
	height: 250px;
	position: relative;
}

.pool-page .prod-cat1,
.pool-page .prod-cat2,
.pool-page .prod-cat3 {
	padding-top: 50px;
	padding-bottom: 50px;
}
/* ===PRODUCT DETAIL PAGE=== */
#fullWidth.product-detail {
	overflow: hidden;
}

.product-detail .title-section {
	padding-top: 30px;
	padding-bottom: 30px;
}

.product-detail .title-section h3 {
	margin-top: 0;
	display: inline-block;
}

.product-detail .title-section img {
	display: inline-block;
	float: left;
	margin-right: 15px;
	max-height: 75px;
}

.product-detail .brochures-section,
.product-detail .features-section,
.product-detail .product-carousel,
.product-detail .review-section {
	padding-top: 60px;
	padding-bottom: 60px;
}

.product-detail .support-section {
	padding-bottom: 60px;
}

.product-detail .features-section .boxes a {
	text-decoration: none;
}

.product-detail i.fa.fa-star,
.product-detail i.fa.fa-star-o {
	color: #0F4EB6;
	font-size: 40px;
	margin-top: 3%;
	margin-bottom: 5%;
}

.product-detail .brochures-section {
	text-align: center;
}

.product-detail .brochures-section img {
	margin: auto;
}
/* multiple product select carousel */
.product-detail .owl-next,
.product-detail .owl-prev {
	color: #6D6D6D!important;
	background: none!important;
}

.product-detail #brochures .owl-carousel {
	position: relative;
}

.product-detail #brochures .owl-next,
.product-detail #brochures .owl-prev {
	position: absolute;
	top: 25%;
	margin-top: 30px;
}

.product-detail #brochures .owl-next i:hover,
.product-detail #brochures .owl-prev i:hover {
	color: #579602;
}

.product-detail .fa.fa-chevron-left,
.product-detail .fa.fa-chevron-right {
	font-size: 30px;
}

.product-detail #brochures .owl-prev {
	left: 0;
}

.product-detail #brochures .owl-next {
	right: 0;
}
/* product carousel */
.product-detail .owl-thumbs .owl-thumb-item {
	margin: 2px;
}

.product-detail #product .item {
	margin: 3px;
}

.product-detail #product .item img {
	cursor: pointer;
}

.product-detail #product .item img {
	display: block;
	height: auto;
	width: auto;
	max-height: 100%;
	max-width: 100%;
}

.product-detail #product .item div {
	margin: 0 auto;
}

.product-detail .product-carousel .owl-thumbs {
	text-align: center;
}

.product-detail .owl-carousel .owl-item {
	-webkit-animation-duration: 0.1s !important;
	animation-duration: 0.1s !important;
}

.product-detail .product-carousel .owl-thumbs .owl-thumb-item {
	background: #fff;
	border: 1px solid #000;
	padding: 5px;
	cursor: pointer;
}

.product-detail .product-carousel .owl-thumb-item img {
	width: 50px;
	height: 50px;
}

.product-detail .product-carousel .item img {
	margin: auto;
}

.product-detail .features-section .boxes h3 {
	text-align: center;
	width: 100%;
	font-weight: 400;
	padding-right: 15px;
	padding-left: 15px;
	z-index: 10;
}

.product-detail .features-section .tint:hover:before {
	filter: brightness(20%);
}

.product-detail .features-section .tint:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	transition: all 0.3s linear;
}

.product-detail .features-section .t1:before {
	background: rgba(5,74,185, 0.6);
}

.product-detail .features-section .t2:before {
	background: rgba(117,181,14, 0.6);
}

.product-detail .features-section .t3:before {
	background: rgba(47,108,255, 0.6);
}

.product-detail .features-section .t4:before {
	background: rgba(83,176,216, 0.6);
}

.product-detail .features-section .t5:before {
	background: rgba(251,199,63, 0.6);
}

.product-detail .features-section .tint.t1,
.product-detail .features-section .tint.t2,
.product-detail .features-section .tint.t3,
.product-detail .features-section .tint.t4,
.product-detail .features-section .tint.t5 {
	align-items: center;
	background-repeat: no-repeat!important;
	background-size: cover!important;
	display: flex;
	justify-content: center;
	min-height: 300px;
}
/* brochures carousel */
.product-detail #brochures .item img {
	display: block;
	height: auto;
	width: auto;
	max-height: 100%;
	max-width: 100%;
	padding: 10px;
}

.product-detail #brochures .item div {
	width: 200px;
	margin: 0 auto;
}

.product-detail .brochures-section a:last-child {
	font-weight: 400;
}

.product-detail .brochures-section .btn {
	margin-right: 15px;
}
/* ===REBATE PAGE === */
/* no nav style */
.Rebate-page .header-section h1.no-tm {
	margin-top: 2% !important;
}

.Rebate-page .header-section img {
	margin-top: 7%;
	margin-bottom: 7%;
}

.Rebate-page .header-section h1 {
	margin-top: 12%;
}

.Rebate-page .header-section span.title {
	font-weight: 300;
}

.Rebate-page .benefits-section h2 {
	font-size: 30px;
}

.Rebate-page .benefits-section .benefits-content img {
	margin: 15% auto 8%;
	max-height: 60px;
}

.Rebate-page .benefits-section .benefits-content h3 {
	padding: 0 10%;
}

.Rebate-page .N2-form .btn {
	background-color: #8CC63F;
}

.Rebate-page .N2-form {
	border-radius: 60px;
}

.Rebate-page .N2-form {
	border: 5px solid #F5D52E;
	background-color: #002A6C;
	margin-top: -50px;
}

.Rebate-page .N2-form .form-control {
	background: #fff;
	color: #6D6D6D;
}

.Rebate-page .N2-form h3 {
	margin-top: 5%;
}

.Rebate-page .N2-form h3 .title {
	font-size: 120%;
	text-transform: uppercase;
}

.Rebate-page .N2-form h3 .subtitle {
	font-weight: 400;
	font-size: 150%;
	text-transform: uppercase;
}

.Rebate-page .benefits-section .benefits-content p {
	padding-top: 5%;
}
/* === THANK YOU PAGE === */
.Thankyou-page#fullWidth {
	overflow: hidden;
}

.Thankyou-page .leaf-sm {
	position: absolute;
}

.Thankyou-page .spa-section {
	overflow: hidden;
}

.Thankyou-page .spa-section p {
	font-size: 12px;
	position: absolute;
	margin-top: 6%;
	z-index: 10;
}
/* ===WATERCARE PAGE=== */
.watercare .header-img {
	margin-top: 30px;
}

.watercare .row {
	margin-right: 0;
	margin-left: 0;
}

.watercare .gray-bg {
	background-color: #F6F6F6;
}

.watercare h2 {
	color: #474545;
	margin-bottom: 3%;
}

.watercare h3 {
	margin-bottom: 5%;
}

.watercare img {
	margin-top: 2%;
	margin-bottom: 2%;
}

.wc-step1 img {
	display: inline-block;
	margin-right: 18px;
	margin-top: 5%;
}

.watercare .tabsList {
	text-transform: lowercase;
}

.watercare .tabsList .tab-well a:link {
	margin-left: 15px;
}

.wc-nav {
	text-transform: lowercase;
	margin-top: 15%;
}

.wc-nav ul li {
	margin-bottom: 8%;
}

.wc-nav .fa {
	margin-left: 5px;
}

.wc-nav .copy-link:active,
.wc-nav .copy-link:hover,
.wc-nav .copy-link:link,
.wc-nav .copy-link:visited {
	text-decoration: none;
	color: #054AB9;
	font-size: 20px;
}

.wc-nav li:first-child a {
	color: #054AB9!important;
	padding-bottom: 0;
}

.wc-nav li:first-child a:hover {
	color: #579602!important;
}

.wc-nav li a:link,
.wc-nav li a:visited {
	text-decoration: none;
	color: #6D6D6D;
	font-size: 18px;
}

.wc-nav li a:active,
.wc-nav li a:hover {
	text-decoration: none;
	color: #579602;
}

div.wc {
	margin-top: 7%;
}
/* ===FULL WIDTH PAGE=== */
#fullWidth {
	margin-top: 53px;
}

.fullWidth-dark {
	background-color: #002A6C;
	height: 100%;
	color: #fff;
	padding-bottom: 20px;
}

#fullWidth .col-md-6 {
	padding-bottom: 30px;
}

.carousel-caption .btn {
	margin-right: auto;
	margin-left: auto;
}

.products-section {
	margin-bottom: 5%;
}

.product .copy {
	background-color: #F0F2F5;
	padding: 10px;
	text-align: center;
}

.compare-section {
	padding-top: 20px;
	padding-bottom: 20px;
}

.compare-section .btn {
	float: none !important;
	display: block;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
}

.compare-section h2 {
	font-size: 26px;
}
/* ===VIDEOS PAGE=== */
.VideosPage .videos .col-xs-6 {
	margin-bottom: 8%;
}

.VideosPage .vidyard_wrapper {
	margin-top: 5%;
	margin-bottom: 5%;
}

.VideosPage .video-section {
	padding-top: 20px;
	padding-bottom: 50px;
	text-align: center;
}
/* ===ERROR PAGE=== */
.Error-Page {
	overflow: hidden;
	margin-top: 50px;
}

.Error-Page h1,
.Error-Page h2,
.Error-Page h3,
.Error-Page h4 {
	font-weight: 300;
	text-transform: uppercase;
}

.Error-Page h1 {
	margin-top: 0;
	font-weight: 500;
}

.Error-Page h4 {
	width: 147px;
	margin-top: 49px;
}

.Error-Page h3 {
	margin-bottom: 0;
	font-size: 30px;
}

.Error-Page .btn-green {
	margin-bottom: 54px;
	margin-right: auto;
	margin-left: auto;
	display: block;
}

.error-sitelinks {
	margin-top: -30px;
	margin-bottom: 50px;
}

.error-header {
	margin-top: 50px;
	margin-left: -14px;
}

.mobile-text {
	margin-top: 20px !important;
	margin-bottom: -60px !important;
}

.errorLeafMobile {
	float: right;
	margin-right: -62px;
	margin-top: -110px;
	margin-bottom: 15px;
}

.errorLeaf {
	display: none;
}
/* ==== QUOTE SECTION === */
.quote-section img {
	margin-top: 15%;
}
/* Extra Small devices (320px and up)*/
@media (min-width: 320px) {
	h1 {
		font-size: 35px;
	}

	h2 {
		font-size: 30px;
	}

	h3 {
		font-size: 25px;
	}

	h4 {
		font-size: 20px;
	}

	h5 {
		font-size: 18px;
	}

	h6 {
		font-size: 18px;
	}

	.tabsList li {
		font-size: 15px;
	}
	/* ===HOME PAGE=== */
	.Homepage {
		text-align: center;
	}

	.Homepage .header-section h1 {
		font-size: 35px;
	}

	.Homepage .header-section h2 {
		font-size: 25px;
	}

	.Homepage .choose-section {
		min-height: 250px;
	}

	.Homepage .feature-copy {
		margin-top: 25%;
	}
	/* ===ABOUT PAGE=== */
	.about-page .hero {
		background: url("/Nature2/ui/img/about/pool_hero_bg_mobile.jpg") center center no-repeat;
	}

	.about-page .feat4 .img-wrapper {
		height: 60px;
		width: 60px;
	}
	/* === COMPARE PAGE === */
	.compare-page .compare-table .image-wrap {
		min-height: 100px;
		min-width: 100px;
	}

	.compare-page .compare-table .image-wrap img {
		max-height: 90px;
	}

	.compare-page .compare-products .btn.btn-medium.btn-green.visible-xs {
		margin-top: 100px;
	}

	/* ===VIDEOS PAGE=== */
	.VideosPage h4 {
		font-size: 18px;
	}
	/* ===WATERCARE PAGE=== */
	.watercare-header-img {
		margin-top: 52px;
	}

	.wc-nav li a:link.header {
		font-weight: 600;
		font-size: 17px;
	}

	.wc-nav .copy-link,
	.wc-nav li a:link,
	.wc-nav ul li {
		font-size: 15px;
	}

	.watercare .container {
		padding: 0;
	}

	.watercare li {
		font-size: 16px;
		margin-bottom: 2%;
	}

	.tabsList .tab-well a:link {
		font-size: 16px;
	}

	.errorLeafMobile {
		margin-right: -41px;
		width: 554px;
	}
	/* === SPA CATEGORY PAGE === */
	.spa-page .feat1 {
		background: url("/Nature2/ui/img/product-category/spa/jet_spa_feat1_tablet.jpg") no-repeat center center;
		background-size: cover;
	}

	.spa-page .feat3 .hero-img {
		left: -350px;
	}
	/* ===PRODUCT DETAIL PAGE=== */
	.product-detail #product .item div {
		height: 350px;
		width: 350px;
	}
	/* === REBATE PAGE === */
	.Rebate-page .N2-form {
		margin-top: -150px;
	}

	.Rebate-page .N2-form .tag {
		font-size: 9.5px;
		padding: 3%;
	}

	.Rebate-page .N2-form .form-content .btn {
		margin-bottom: 10px;
	}

	.Rebate-page .N2-form h3 {
		padding-top: 15px;
		font-weight: 300;
	}

	.Rebate-page .header-section {
		background: url("/nature2/ui/img/rebate/nature2_background_tablet.jpg");
		background-repeat: no-repeat;
		background-size: 180% auto;
		background-position-x: 40%;
	}

	.Rebate-page .header-section h1 {
		font-size: 28px;
	}

	.Rebate-page .header-section h2 {
		font-size: 18px;
	}

	.Rebate-page .benefits-section .benefits-content p {
		font-size: 18px;
	}

	.Rebate-page .benefits-section .benefits-content h3 {
		font-size: 16px;
	}

	.Rebate-page .benefits-section {
		padding-bottom: 8%;
	}

	.Rebate-page .features-section h2 {
		padding-top: 15%;
		font-size: 30px;
	}

	.Rebate-page .header-section {
		height: 450px;
	}

	.Rebate-page .header-section.no-nav-position {
		height: 500px;
	}
	/* === QUOTE SECTION === */
	.quote-section {
		padding-bottom: 10%;
	}
}
/* Small devices (landscape phones, 544px and up)*/
@media (min-width: 544px) {
	.N2-navbar .container {
		width: 100%;
		margin: 0;
		padding: 0;
	}

	.N2-logo-m {
		width: 101px;
		padding-left: 20px;
	}

	.N2nav-tabs a {
		padding-left: 34px;
	}

	.N2-dropdown a {
		padding-left: 34px !important;
	}
	/* ===ERROR PAGE=== */
	.errorLeafMobile {
		display: none;
	}

	.errorLeaf {
		display: inline;
		position: relative;
		width: 2482px;
		left: -749px;
		top: -153px;
		z-index: -5;
	}

	.Error-Page h1 {
		font-size: 68px;
	}

	.Error-Page h4 {
		width: 427px;
		margin-top: 13px;
		font-size: 25px;
	}

	.error-header {
		margin-top: 60px;
		margin-left: 0;
	}

	.Error-Page .btn-green {
		margin-bottom: 2px;
		margin-right: 0;
		margin-left: 0;
		display: inline-block;
		margin-top: 90px;
	}

	/* ===REBATE PAGE=== */
	.Rebate-page .header-section h1 {
		font-size: 40px;
	}
}
/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
	h1 {
		font-size: 50px;
	}

	h2 {
		font-size: 40px;
	}

	h3 {
		font-size: 30px;
	}

	h4 {
		font-size: 20px;
	}

	h5 {
		font-size: 18px;
	}

	h6 {
		font-size: 18px;
	}

	p {
		font-size: 16px;
	}

	p.intro-copy {
		font-size: 30px;
	}

	p.panel-copy {
		font-size: 20px;
	}

	.navbar-toggle,
	.navbar-toggle:active,
	.navbar-toggle:hover,
	.navbar-toggle:visited {
		margin-right: 30px;
	}

	.main-logo {
		left: 20px;
	}

	.N2-form {
		width: 350px;
		border-radius: 60px;
	}

	.N2-form-lt {
		width: 375px;
		border-radius: 60px;
	}
	/* ===FOOTER NO NAV=== */
	footer.global-footer.navbar-inverse.no-nav {
		padding-top: 18px;
	}
	/* ===SLIDER OPTIONS=== */
	#carousel-example-generic-m .carousel-inner > .item > img,
	.carousel-generic-m .carousel-inner > .item > img {
		width: 1138px;
		height: 552px;
		max-width: 1414px;
	}

	#carousel-example-generic-m i,
	.carousel-generic-m i {
		margin-top: 226px;
		font-size: 110px;
	}
	/* ===HOME PAGE=== */
	.Homepage .header-section {
		text-align: left;
	}

	.Homepage .header-section h1 {
		margin-top: 50px;
		font-size: 35px;
	}

	.Homepage .header-section img {
		position: absolute;
		margin-top: 100px;
	}

	.Homepage .header-section .btn {
		margin: 35px 0 0;
	}

	.Homepage .choose-section {
		text-align: left;
		padding-bottom: 60px;
	}

	.Homepage .features-section {
		padding-top: 60px;
		padding-bottom: 60px;
	}

	.Homepage .feature-title {
		height: 80px;
		display: flex;
		align-items: center;
		justify-content: center;
		background: #002A6C;
		color: #fff;
		padding: 10px;
		margin-bottom: 0 !important;
	}

	.Homepage .feature-thumbnail {
		color: #fff;
	}

	.Homepage .bg-dkblue-rebate {
		height: 450px;
		display: flex;
		align-items: center;
		background-image: url("/nature2/ui/img/home/products_underwater_bubbles_Desktop.jpg");
		background-color: #00A9EC;
		background-repeat: no-repeat;
		background-position-x: 30%;
	}
	/* ===ABOUT PAGE=== */
	.about-page .hero {
		background: url("/Nature2/ui/img/about/Feet_underwater.jpg") 55%;
		background-size: cover;
		height: 350px;
	}

	.about-page .feature4-section h4,
	.about-page .intro {
		text-align: center;
	}

	.about-page .feature2-section .panel-copy,
	.about-page .intro .intro-copy {
		margin-top: 5%;
	}

	.about-page .feat1 {
		position: relative;
	}

	.about-page .feat1 .hero-img {
		position: absolute;
		right: 0;
		top: 100px;
	}

	.about-page .feat3 {
		background: #307cba;
		position: relative;
		overflow: hidden;
	}

	.about-page .feat3 img {
		position: absolute;
		right: -250px;
	}

	.about-page .feat3 p {
		margin-top: 25px;
	}

	.about-page .feat4 h4 {
		height: 50px;
		text-align: center;
	}

	.about-page .feat4 .img-wrapper {
		margin: 0 auto;
	}

	.about-page .feat4 {
		height: 500px;
		position: relative;
	}

	.about-page .feat4 .img-wrapper {
		height: 80px;
		width: 80px;
	}

	.about-page .choose img,
	.about-page .step1 img,
	.about-page .step3 img {
		float: right;
	}

	.about-page .step3 img {
		margin-right: 25px;
	}

	.about-page .choose img {
		max-width: 400px;
	}

	.about-page .video-section {
		height: 500px;
	}
	/* === COMPARE PAGE === */
	.compare-products table thead {
		border-top: 1px solid #D1D1D3;
	}

	.compare-page .compare-products {
		padding-top: 50px;
	}

	.compare-page table td + td,
	.compare-page table th + th {
		border-left: 1px solid #D1D1D3;
	}

	.compare-page .compare-list-item {
		width: 150px;
		height: 150px;
	}

	.compare-page .compare-list-item-img {
		max-width: 120px;
		max-height: 120px;
	}

	.compare-page .compare-list-item .image-wrap {
		height: 140px;
		width: 140px;
	}

	.compare-page .compare-table .image-wrap {
		max-height: 150px;
		min-width: 150px;
	}

	.compare-page .compare-table .image-wrap img {
		max-height: 150px;
	}

	/* === SPA CATEGORY PAGE === */
	.spa-page .feat3 .hero-img {
		left: -325px;
	}

	.spa-page .hero {
		background: url("/Nature2/ui/img/product-category/spa/spa_stick_spa_hero.jpg") no-repeat 70%;
		background-size: cover;
	}
	/* === POOL CATEGORY PAGE === */
	.pool-page .feat2 img {
		left: -150px;
	}

	.pool-page .compare img {
		width: 400px;
		right: 50px;
	}
	/* ===PRODUCT DETAIL PAGE=== */
	.product-detail .boxes .row {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
	}

	.product-detail .boxes .row > [class*='col-'] {
		display: flex;
		flex-direction: column;
	}

	.product-detail .tint {
		margin: 5px;
	}

	.product-detail .tab-content {
		padding: 4%;
	}

	.product-detail .toggleTabs ul li {
		font-size: 15px;
	}

	.product-detail .title-section h4 {
		margin: 0;
	}

	.product-detail .title-section .button-col {
		text-align: right;
	}

	.product-detail #product .item div {
		height: 450px;
		width: 450px;
	}
	/* ===REBATE PAGE === */
	.Rebate-page .N2-form {
		margin-top: -75px;
	}

	.Rebate-page .header-section {
		background-size: 100% auto;
	}

	.Rebate-page .header-section h1 {
		margin-top: 20%;
	}

	.Rebate-page .header-section h2 {
		font-size: 25px;
	}

	.Rebate-page .benefits-section .benefits-content {
		padding-top: 4%;
	}

	.Rebate-page .features-section img {
		position: absolute;
		top: -50px;
	}

	.Rebate-page .features-section {
		min-height: 260px;
	}
	/* ===THANK YOU PAGE=== */
	.Thankyou-page .leaf-sm {
		left: 150px;
	}

	.Thankyou-page h1,
	.Thankyou-page h2,
	.Thankyou-page h3,
	.Thankyou-page h4 {
		margin-bottom: 4%;
	}

	.Thankyou-page .header-section {
		position: relative;
		height: 450px;
		display: flex;
		align-items: center;
	}

	.Thankyou-page .header-section .header-img {
		position: absolute;
		bottom: 0;
		right: -320px;
	}

	.Thankyou-page .spa-section {
		position: relative;
		height: 450px;
		display: flex;
		align-items: center;
	}

	.Thankyou-page .spa-section .header-img {
		height: 500px;
		position: absolute;
		bottom: 0;
		right: 0;
	}
	/* ===WATERCARE PAGE=== */
	div#wc-border:before {
		content: "";
		position: absolute;
		left: 0;
		bottom: 0;
		height: 95%;
		width: 2px;
		border-left: 3px solid #F6F6F6;
	}
	/* ===ERROR PAGE=== */
	.Error-Page h4 {
		width: 100%;
	}

	.Error-Page h4 {
		width: 427px;
		margin-top: 13px;
		font-size: 30px;
	}
}
/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
	/* ===CHECKBOXES=== */
	.green-checkbox:checked + label:after {
		top: -2px;
	}

	.white-checkbox:checked + label:after {
		top: -3px;
	}
	/* ===POP OUTS=== */
	#N2Modal .modal-body,
	.N2Modal .modal-body {
		margin-left: 30px;
		margin-right: 30px;
	}

	#N2Modal .col-md-3,
	.N2Modal .col-md-3 {
		margin-right: 20px;
	}

	#N2Modal .form-group .btn,
	.N2Modal .form-group .btn {
		margin: 0;
	}

	/* ===LINKS OPTIONS=== */
	.copy-link,
	.copy-link:visited {
		font-size: 20px;
	}

	.copy-link-dark,
	.copy-link-dark:visited {
		font-size: 20px;
	}
	/* ===Button Options===*/
	/* ---Size--- */
	.btn-large,
	a.btn-large {
		font-size: 18px;
	}

	.btn-medium,
	a.btn-medium {
		font-size: 16px;
	}

	.btn-small,
	a.btn-small {
		font-size: 16px;
	}
	/* ===NATURE2 NAVIGATION BAR=== */
	.navbar-header {
		width: 100px;
		height: 100px;
	}

	.main-logo {
		top: 7px;
		position: relative;
		width: 100px;
		height: 100px;
		z-index: 10;
	}

	.N2-navbar {
		padding-bottom: 0;
		margin: 0;
		height: 119px;
	}

	.N2-logo {
		width: 93px;
	}

	#collapsedN2Nav {
		position: relative;
		background-color: transparent;
		margin: 0;
		top: 44px;
	}

	.N2nav-tabs {
		float: right;
	}

	.N2nav-tabs li {
		display: inline-block;
		border: none;
	}

	.N2nav-tabs a {
		padding: 0 0 10px;
	}

	.N2Links li {
		margin: 0 10px;
	}

	.N2Links li:active,
	.N2Links li:hover,
	.N2Links li:visited {
		background-color: transparent;
	}

	.N2Links li:active a,
	.N2Links li:hover a,
	.N2Links li:visited a {
		background-color: transparent;
		border-bottom: 3px solid #579602;
		color: #fff;
	}

	.world-dropdown {
		padding: 0;
		margin: 0;
	}

	.world-dropdown:link .nav-globe {
		background-color: transparent;
	}

	.world-dropdown:vistied .nav-globe {
		background-color: transparent;
	}

	.world-dropdown:hover .nav-globe {
		background-color: rgba(240,242,245,.9);
		color: #000;
		border: none;
	}

	.world-dropdown:active .nav-globe {
		background-color: transparent;
	}

	.world-dropdown:hover .countries {
		display: block;
	}

	.countries li:active,
	.countries li:hover,
	.countries li:visited {
		background-color: #579602;
		border-bottom: none;
	}

	.nav-globe {
		padding: 8px 10px;
	}

	.countries {
		display: none;
		background-color: rgba(240,242,245,.9);
		z-index: 8;
		color: #FFF;
		width: 250px;
		position: absolute;
		right: 0;
	}

	.countries ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}

	.countries li {
		width: 100%;
	}

	.countries a {
		color: #002A6C;
		padding: 5px 0 5px 23px;
		text-decoration: none;
		display: block;
		border-bottom: none;
	}

	.countries a:hover {
		color: #fff;
	}

	.countries ul li:first-child {
		padding-top: 8px;
	}

	.countries ul li:last-child {
		padding-bottom: 8px;
	}

	.N2-navbar .container {
		width: 900px;
		margin: 0;
		padding: 0 15px;
		margin-right: auto;
		margin-left: auto;
	}
	/* ===ABOUT PAGE=== */
	.about-page .feat3 img {
		right: 0;
	}

	.about-page .feat4 .hero-img {
		position: absolute;
		left: -200px;
		bottom: 0;
	}
	/* === COMPARE PAGE === */
	.compare-page .compare-list-item-img:hover {
		animation-name: jump;
		animation-duration: 0.2s;
		animation-timing-function: ease-in-out;
		animation-delay: initial;
		animation-fill-mode: forwards;
	}
	/* ===FULLWIDTH PAGE=== */
	#fullWidth {
		margin-top: 119px;
	}
	/* ===ERROR PAGE=== */
	.errorLeaf {
		left: -620px;
	}

	.Error-Page {
		margin-top: 100px;
	}
	/* ===WATERCARE PAGE=== */
	.watercare-header-img {
		margin-top: 119px;
	}

	.watercare li {
		font-size: 18px;
		margin-bottom: 5%;
	}

	div.wc {
		padding-left: 5%;
		padding-bottom: 3%;
	}
	/* ===HOME PAGE ===*/
	.Homepage .header-section h1 {
		font-size: 40px;
	}

	.Homepage h3 {
		font-size: 32px;
	}

	.Homepage p {
		font-size: 20px;
	}

	.Homepage .header-section .row {
		display: flex;
		align-items: center;
	}

	.Homepage .header-section img {
		margin-top: -120px;
	}

	.Homepage .feature-title {
		padding: 25px 10px;
	}

	/* === SPA CATEGORY PAGE === */
	.spa-page .feat1 {
		background: url("/Nature2/ui/img/product-category/spa/jet_spa_feat1.jpg") no-repeat 100% 60%;
		background-size: cover;
	}
	/* === POOL CATEGORY PAGE === */
	.pool-page .feat2 img {
		left: 0;
	}
	/* ===PRODUCT DETAIL PAGE=== */
	.product-detail .product-carousel .owl-thumbs .owl-thumb-item.active {
		border: 1px solid #80BB08!important;
	}

	.product-detail .product-carousel .owl-thumbs .owl-thumb-item:hover {
		border: 1px solid #F5D52E!important;
	}

	.product-detail .product-carousel .owl-thumbs button.owl-thumb-item .fa.fa-play-circle {
		width: 50px;
		font-size: 50px;
	}

	.product-detail .product-carousel .owl-thumbs {
		display: flex;
		justify-content: center;
	}

	.product-detail .tab-content li {
		font-size: 16px;
	}
	/* === REBATE PAGE === */
	.N2-form {
		width: 375px;
	}

	.Rebate-page .header-section {
		background: url("/nature2/ui/img/rebate/nature2_background_2.jpg");
		background-repeat: no-repeat;
		background-size: 100% auto;
		background-position-y: 35%;
	}

	.Rebate-page .benefits-section .benefits-content h3 {
		font-size: 20px;
	}

	.Rebate-page .benefits-section .benefits-content p {
		font-size: 22px;
	}

	.Rebate-page .benefits-section {
		padding-bottom: 6%;
	}

	.Rebate-page .header-section h1 {
		margin-top: 12%;
	}

	.Rebate-page .header-section h2 {
		font-size: 30px;
		padding-right: 30%;
	}

	.Rebate-page .features-section h2 {
		font-size: 40px;
	}

	.Rebate-page .features-section {
		min-height: 300px;
	}

	.Rebate-page .features-section img {
		top: -70px;
	}

	.Thankyou-page .spa-section .header-img {
		height: 500px;
		right: 180px;
	}
	/* === QUOTE SECTION === */
	.quote-section h3 {
		font-size: 36px;
	}
}
/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
	.N2-navbar .container {
		width: 1110px;
	}
	/* === HOME PAGE=== */
	.Homepage .header-section h1 {
		font-size: 55px;
	}

	.Homepage p {
		font-size: 25px;
	}

	.Homepage .header-section img {
		min-width: 110%;
		margin-top: -200px;
		margin-left: -50px;
	}
	/* ===ABOUT PAGE=== */
	.about-page .feat4 .hero-img {
		left: -150px;
	}

	.compare-section img {
		top: 15px;
		max-width: 420px;
	}
	/* ===ERROR PAGE=== */
	.errorLeaf {
		position: relative;
		width: 2482px;
		left: -487px;
		top: -153px;
		z-index: -5;
	}
	/* === SPA CATEGORY PAGE === */
	.spa-page .feat3 .hero-img {
		left: 0;
	}
	/* === POOL CATEGORY PAGE === */
	.pool-page .compare img {
		right: 100px;
		width: 600px;
	}
	/* ===REBATE PAGE=== */
	.Rebate-page .header-section h1 {
		font-size: 50px;
	}

	.Rebate-page .features-section {
		min-height: 400px;
	}

	.Rebate-page .benefits-section .benefits-content p {
		font-size: 25px;
	}
	/* === THANKYOU PAGE === */
	.Thankyou-page .header-section .header-img {
		right: -250px;
	}

	.Thankyou-page .leaf-sm {
		left: 300px;
	}
}
/* IE 10+ */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.overlay {
		display: none!important;
	}
	/* ===HOMEPAGE ===*/
	.Homepage .feature-copy {
		padding-top: 10%;
		padding-bottom: 10%;
		background: #002A6C;
	}
	/* === ABOUT PAGE === */
	.about-page .feat3 {
		display: block!important;
	}

	.about-page .feat3 h3 {
		margin-top: 100px;
	}
	/* ===VIDEO PAGE ===*/
	.VideosPage .vidyard_wrapper img {
		max-width: 535px!important;
	}
	/* ===WATERCARE PAGE=== */
	div.wc {
		margin-top: 50px;
	}
}

/* === PRODUCTS PAGE === */
.prod1 div img,
.prod2 div img {
	max-width: 300px;
	max-height: 300px;
}