html {
	overflow-x:hidden;
	width:100vw;
}

body {
	font-family: 'Montserrat', sans-serif;
	color:black;
	width:100%;
	padding:0;
	left:0;
	position: absolute;
	overflow: hidden;
}

a {
	color:black;
	text-decoration: none;
}

a:hover {
	color:black;
	text-decoration: none;
}

h1, h2, h3, h4, h5 {
	line-height: 0.95em;
}

h1 {
	font-size: 6vw;
	font-weight: 900;
	letter-spacing: -2px;
}

h2 {
	font-size: 54pt;
	font-weight: 900;
}

h3 {
	font-size: 36pt;
	font-weight: 900;
	text-transform: uppercase;
}

h4 {
	font-size: 28pt;
	font-weight: 700;
	line-height: 1.1em;
}

h5 {
	font-size: 4vw;
	font-weight: 700;
	text-transform: uppercase;
}

p {
	font-size:18pt;
	line-height: 1.3em;
	font-weight: 500;
}

li {
	list-style: none;
}

button:focus {outline:0;}

#main .site-main {
	width:100vw;
}

/*///////////// SCROLLBAR //////////////*/

/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: white;
  border-left:3px solid black;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background-color: black; 
  border:3px solid black;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background-color: #9478D1; 
  
}

.loadingscreen {
	background-color: black;
	width:100vw;
	height:100vh;
	position: absolute;
	z-index: 10000;
	transform:translateY(-100vh);
	-webkit-transform:translateY(-100vh);
	transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 3.2s;
	-webkit-transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 3.2s;
}

.loaded {
	transform:translateY(0vh);
	-webkit-transform:translateY(0vh);
}

.logo-animated {
	background:url('images/nbd-logo.png');
	background-position: contain;
	background-repeat: no-repeat;
	background-position: center;
	width:400px;
	height:400px;
	position: absolute;
	margin-left: calc(50% - 200px);
	margin-top: calc(50vh - 200px);
}

/*///////////// NAVIGATION //////////////*/

#header {
	z-index:2000;
	position: fixed;
	width:100%;
	height:50px;
	background-color: white;
	border-top: 3px solid black;
	border-bottom: 3px solid black;
	top:0;
}

#logo {
	height:30px;
	width:100px;
	background-size:contain;
	position: absolute;
	float:left;
	left:0;
	top:0;
	margin:0;
	margin-top: 7px;
	margin-left: 50px;
}

nav  {
	position:absolute;
	right:0;
	top:0;
	float:right;
	margin:0;
	visibility: visible;
}

nav ul {
	margin-top:11px;
}

nav li {
	position: relative;
	list-style: none;
	text-decoration: none;
	display:inline;
	padding:14px 30px 14px 30px;
	border-left:3px solid black;
	margin-left:-7px;
	text-transform: uppercase;
	font-weight: 800;
}

nav li:hover {
	background-color: black;
	color:white;
}

.hamburger {
	margin-right: 10px;
	position: absolute;
	right:0;
	z-index: 1001;
	cursor: pointer;
	visibility: hidden;
}

#pagemain {
	position:relative;
	display:block;
	width:100%;
	height:auto;
}

.mobilenav {
	width:100%;
	height: calc(100vh + 60px);
	background-color: white;
	position: fixed;
	top:0;
	right:0;
	padding-top: 60px;
	z-index: 901;
	overflow: hidden;
	transform: translateX(100%);
	-webkit-transform: translateX(100%);
	transition: 0.4s ease;
}


.mobilenav ul {
	background-color: white;
	margin-left:-40px;
}

.mobilenav li {
	font-size: 16pt;
	position: relative;
	list-style: none;
	text-decoration: none;
	display:block;
	padding:14px 50px 14px 50px;
	border-bottom:3px solid black;
	text-transform: uppercase;
	font-weight: 800;
}



/*///////////// CAROUSEL //////////////*/

#homecarousel {
	position:relative;
	display: block;
	width:100%;
	height:auto;
	overflow: hidden;
	z-index: 100;
}

#homecarousel .slideimage1 {
	background-image: url('https://nbdclean.com/wp-content/uploads/sites/12/2021/03/NBD_Website_Slider_HDL_LAV_020121-e1615481244863.jpg');
  	background-size: cover;
  	background-position: center;
  	width:100%;
  	height:100%;
  	position: absolute;
  	left:0;
  	top:0;
}

#homecarousel .slideimage2 {
	background-image: url("https://nbdclean.com/wp-content/uploads/sites/12/2020/03/NBD_Econtent_Lifestyle_Dish_YUZU_030520_v2.jpg");
  	background-size: cover;
  	background-position: center;
  	width:100%;
  	height:100%;
  	position: absolute;
  	left:0;
  	top:0;
}

#homecarousel .slideimage3 {
	background-image: url("https://nbdclean.com/wp-content/uploads/sites/12/2021/03/NBD_Laundry_Both_020121-Scent.jpg");
  	background-size: cover;
  	background-position: center;
  	width:100%;
  	height:100%;
  	position: absolute;
  	left:0;
  	top:0;
}

#homecarousel .item {
	height:800px;
	background-size: cover;
}

.item .homeheader {
	position: absolute;
	color:white;
	margin-left: 50px;
	margin-top: 150px;
	z-index: 500;
}

.item .homeheader ul{
	font-size: 4.5vw;
	font-weight: 800;
	line-height: 0.95em;
	letter-spacing: -2px;
}

.item .homeheader li{
	position: relative;
	display: block;
	transform:translateY(6vw);
	-webkit-transform:translateY(6vw);
	opacity: 1;
}

.logomask {
	height:10vw;
	width:100%;
	margin-bottom: 30px;
	overflow:hidden;
	margin-top: -5px;
}

.nbd-header {
	background-image: url('https://nbdclean.com/wp-content/uploads/sites/12/2020/03/nbd-logo-white.png');
	background-size: contain;
	background-repeat: no-repeat;
	height:10vw;
	width:30vw;
	transform:translateY(10vw);
	-webkit-transform:translateY(10vw);
}

.active .nbd-header {
	opacity:1;
	transform:translateY(0vw);
	-webkit-transform:translateY(0vw);
	-webkit-transform:translate3d(0,0,0);
	transition: 0.6s cubic-bezier(0.075, 0.82, 0.165, 1) 0s;
}

.headermask {
	height:4.75vw;
	width:100%;
	overflow:hidden;
	margin-top: -5px;
}

.item .homeheader h4 {
	color:black;
	opacity:0;
	margin-top: 10px;
}

.carouselbutton {
	position:absolute;
	bottom:0;
	left:0;
	padding:10px 20px 10px 20px;
	margin-left: 90px;
	margin-bottom: 140px;
	background-color: white;
	color:black;
	border:3px solid black;
	text-transform: uppercase;
	font-weight:900;
	cursor:pointer;
	opacity:0;
	transition: background-color 0.2s ease, color 0.4s ease, opacity 0.4s ease 0.3s;
	z-index:500;
}

.carouselbutton:hover {
	background-color: black;
	color:white;
}

.viewproduct-button {
	visibility: hidden;
	margin: 0;
	padding:0;
}

.active .homeheader li {
	opacity:1;
	transform:translateY(0vw);
	-webkit-transform:translateY(0vw);
	-webkit-transform:translate3d(0,0,0);
	transition: 0.6s cubic-bezier(0.075, 0.82, 0.165, 1) 0s;
}

.active .homeheader h4 {
	opacity:1;
	transition: 0.4s ease 0.3s;
}

.active .carouselbutton {
	opacity:1;
}

.bottomsliderwrapper {
	width:calc(100% + 6px);
	height:50px;
	margin-left: -3px;
	position: absolute;
	bottom:0;
	background-color: white;
	z-index: 1000;
	border-top: 3px solid black;
	border-bottom: 3px solid black;
}

.carousel-indicators {
	position: absolute;
	left:0;
	width:calc(100% - 100px);
	margin:0 0 -10px 50px;
}

.carousel-indicators li {
    width: 15px;
    height: 15px;
    margin:0;
    border-radius: 100%;
    border:3px solid black;
    margin-left: 10px;
    transform: scale(1);
    -webkit-transform: scale(1);
    -webkit-transform:translate3d(0,0,0);
    transition:0.2s ease;
    -webkit-transition:0.2s ease;
}

.carousel-indicators li:hover {
    transform: scale(1.3);
    -webkit-transform: scale(1.3);
}

.carousel-indicators .active{
	width: 15px;
    height: 15px;
    background-color: black;
    margin-left: 10px;
}

.leftarrowwrapper {
	width:50px;
	height:50px;
	background-color:white;
	border:3px solid black;
	float:left;
	left:0;
	bottom:0;
	margin-top: -3px;
	z-index:400;
}

.leftarrowwrapper:hover {
	background-color: black;
}

.rightarrowwrapper {
	width:50px;
	height:50px;
	background-color:white;
	border:3px solid black;
	float:right;
	right:0;
	bottom:0;
	margin-top: -3px;
	z-index:400;
}

.rightarrowwrapper:hover {
	background-color: black;
}

.leftarrow {
	width:15px;
	height:15px;
	border-top: 3px solid black;
	border-left:3px solid black;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	margin-left: 18px;
	margin-top: 15px;
}

.leftarrowwrapper:hover .leftarrow{
	border-top: 3px solid white;
	border-left:3px solid white;
}

.rightarrow {
	width:15px;
	height:15px;
	border-top: 3px solid black;
	border-left:3px solid black;
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	margin-left: 12px;
	margin-top: 15px;
}

.rightarrowwrapper:hover .rightarrow{
	border-top: 3px solid white;
	border-left:3px solid white;
}


/*///////////// ABOUT SECTION //////////////*/

#about {
	position:relative;
	display:block;
	width:100%;
	height:auto;
	z-index:50;
}

.whiteblock {
	margin-left:5%;
	width:90%;
	background-color: white;
	border:3px solid black;
	position:relative;
	display: block;
	z-index: 50;
}

.productlineup {
	background-image: url("https://nbdclean.com/wp-content/uploads/sites/12/2021/03/nbd_laundry_product_lineup.png");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	margin-left:15%;
	margin-top:-290px;
	width:70%;
	height:500px;
	position: relative;
	display: block;
}

.lineup-leaves {
	background-image: url("images/lineup-leaves.png");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: bottom center;
	margin-top: 40px;
	width:100%;
	height:700px;
	position: absolute;
}

.whiteblock .description {
	margin-left: 20%;
	margin-top:50px;
	padding-bottom:150px;
	width:60%;
	position:relative;
	display:block;
	text-align: center;
}

#productcarousel {
	border-top:3px solid black;
	border-bottom:3px solid black;
	margin-top: -3px;
	margin-bottom: 150px;
	position: relative;
	background-color: white;
}

.productimage {
	background-image: url();
  	background-size: contain;
  	background-position: center;
  	background-repeat:no-repeat;
  	width:100%;
  	height:75%;
  	margin-top: 60px;
  	position: absolute;
  	left:0;
  	top:0;
  	z-index:400;
  	transition:0.4s ease;
  	-webkit-transition:0.4s ease;
}

#productcarousel .item {
	height:800px;
	z-index: 400;
}

.scentindicator {
	font-family:Georgia;
	font-weight:600;
	position:absolute;
	padding:20px 30px;
	text-align:center;
	background:black;
	color:white;
	left:0;
	top:0;
	margin-left: 90px;
	z-index: 999;
}

.scentwrapper {
	bottom:0;
	left:0;
	position: absolute;
	display: block;
	height:40px;
	width:160px;
	margin: 0 0 70px calc(50% - 80px);
	z-index: 1001;
}

.scentwrapper-cover {
	position: absolute;
	top:0;
	width:100%;
	height:100%;
	visibility: hidden;
}

.show {
	visibility: visible;
}

.scentwrapper ul {
	margin:0;
	padding:0;
}

.scentwrapper ul li {
	width:40px;
	height:40px;
	border:3px solid black;
	border-radius: 100%;
	display: inline-block;
	position: relative;
	transform: scale(1);
	-webkit-transform: scale(1);
	transition:0.2s ease;
	-webkit-transition:0.2s ease;
	cursor:pointer;
}

.scentwrapper ul li:nth-child(1) {
	background-color: #FFC629;
}

.scentwrapper ul li:nth-child(2) {
	background-color: #5749A6;
	margin-left: 16px;
}

.scentwrapper ul li:nth-child(3) {
	background-color: #A4DBE8;
	margin-left: 16px;
}

.scentwrapper ul li:hover {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}

.scentwrapper ul li p {
	font-family:georgia;
	font-weight: 600;
	font-size:10pt;
	text-align: center;
	position: absolute;
	width:180px;
	padding:8px 10px;
	margin:45px 0px 0px -70px;
	background-color: black;
	color:white;
	opacity:0;
	transition:0.2s ease;
	-webkit-transition:0.2s ease;
}

.scentwrapper ul li:hover p{
	opacity:1;
}

.slidercolorblock {
	height:37.5%;
	width:100%;
	bottom:0;
	position:absolute;
	z-index:10;
	background-color:#FFC42C;
	transition: 0.4s ease;
}

.sliderbackground {
	background: url('https://pgwpvip.com/nbdclean/wp-content/uploads/sites/12/2020/03/yuzu-background.png');
	position:absolute;
	background-position: right;
	background-size: cover;
	background-repeat: no-repeat;
	top:0;
	right:0;
	width:100%;
	height:80%;
	z-index:5;
	transition:0.4s ease;
	-webkit-transition:0.4s ease;
}

.productheader {
	position: fixed;
	color:black;
	margin-left: 50px;
	margin-top: 100px;
}

.item .productheader ul{
	font-size: 4vw;
	font-weight: 800;
	line-height: 0.95em;
	letter-spacing: -2px;
}

.item .productheader li{
	position: relative;
	display: block;
	transform:translateY(7vw);
	-webkit-transform:translateY(7vw);
}

.active .productheader li {
	transform:translateY(0vw);
	-webkit-transform:translateY(0vw);
	-webkit-transform:translate3d(0,0,0);
	transition: 0.6s cubic-bezier(0.075, 0.82, 0.165, 1) 0s;
}

.productheader .headermask {
	height:4.25vw;
	width:100%;
	overflow:hidden;
	margin-top: -5px;
}

.productheader p {
	opacity:0;
	font-size: 16pt;
	line-height: 1.2em;
	letter-spacing: 0px;
}

.active .productheader p {
	opacity:1;
	transition: 0.4s ease 0.3s;
}

#productcarousel .bottomsliderwrapper {
	width: calc(100% - 180px); 
	height:50px;
	margin-left:90px;
	margin-bottom: 60px; 
	position: absolute;
	bottom:0;
	border:0;
	background-color: rgba(0,0,0,0);
	z-index: 1000;
}

.yellowblock {
	background-color: #FFC42C;
	width:100%;
	height:500px;
	position: relative;
	z-index:-1;
}

.aquablock {
	background-color: #66C9BA;
	width:100%;
	height:auto;
	position: relative;
	display:block;
}

/*///////////// BRAND PROMISE SECTION //////////////*/

#corevalues {
	display: block;
	position:relative;
	background-color: #66C9BA;
	width:100%;
	height:auto;
	height:2400px;
	margin-top:100px;
}

.corevalues {
	display: block;
	position: relative;
	margin-left: 5%;
	width:90%;
}

.iconblock {
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	display: inline-block;
	position: relative;
	width: 50%;
	height:720px;
	float:left;
	border:3px solid black;
	background-color: white;
	z-index:100;
}

.imageblock1 {
	background-image: url('https://nbdclean.com/wp-content/uploads/sites/12/2021/03/NBD_Econtent_ECOBOX_HDL70_LAV_121620.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	display: inline-block;
	position: relative;
	width: 46%;
	height:680px;
	float:left;
	border-top:3px solid black;
	border-left:3px solid black;
	margin-left:4%; 
	margin-top:40px;
	background-color: white;
	z-index:100;
}

.imageblock2 {
	background-image: url('https://nbdclean.com/wp-content/uploads/sites/12/2021/03/NBD_Laundry_Both_020121-Leaves.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	display: inline-block;
	position: relative;
	width:46%;
	height:720px;
	float:left;
	border-right:3px solid black;
	background-color: white;
	z-index:100;
}

.imageblock3 {
	background-image: url('https://nbdclean.com/wp-content/uploads/sites/12/2021/03/NBD_Econtent_Gherkin_HDL70_LAV_IMG2_012520.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	display: inline-block;
	position: relative;
	width:46%;
	height:680px;
	float:left;
	margin-left: 4%;
	border-left:3px solid black;
	border-bottom:3px solid black;
	background-color: white;
	z-index:100;
}

.dotgrid {
	background-image: url('images/dotgrid.png');
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	width:44.75%;
	height:41.75vw;
	position:absolute;
	display:block;
	z-index:99;
}

.icon {
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	width:100%;
	height:40%;
	margin-top: 10%;
	position: relative;
	display: block;
}

.iconcopy {
	display: block;
	position: relative;
	width:100%;
	height:auto;
	text-align: center;
	padding: 0px 100px 20px 100px;
	vertical-align: top;
}

.iconcopy p {
	font-size: 14pt;
	line-height: 1.2em;
}

/*///////////// REVIEW + SOCIAL //////////////*/

.review-social {
	position: relative;
	display: block;
	width:100%;
	z-index:100;
	background-color:white;
	border-top: 3px solid black;
}

.review {
	position: relative;
	display: block;
	width:90%;
	padding:0px 0 130px 0;
	margin:0px 0px 0px 5%;
	background-color: white;
	border:3px solid black;
	z-index:100;
	text-align: center;
}

.review h1 {
	font-family:georgia; 
	font-size:140pt;
	margin-top: -60px;
	position: absolute;
	text-align: center;
	margin-left: calc(50% - 50px);
}

.review h4 {
	font-weight: 400;
	margin-left: 15%;
	width:70%;
	margin-top: 0;
	padding-top: 130px;
}

.widedotgrid {
	background-image: url('images/dotgrid.png');
	background-position: center;
	background-size:50%;
	width:90%;
	height:60px;
	bottom:0;
	margin-left:5%;
	margin-bottom:-60px;
	position:absolute;
	display:block;
}

.quotewrapper .widedotgrid {
	margin-left: -5%;
	width:95%;
}

.socialfeed {
	display: block;
	position: relative;
	width:100%;
	pointer-events: none;
	cursor:pointer;
	border-top:3px solid black;
}

.social {
	display: block;
	position: relative;
	width:100%;
	padding-bottom: 100px;
}

.socialcopy {
	display: block;
	position: relative;
	width:100%;
	height:auto;
	text-align: center;
	padding: 80px 0% 30px 0%;
	vertical-align: top;
}

.socialcopy p {
	font-size: 14pt;
	line-height: 18pt;
	width:40%;
	margin-left: 30%;
}

.social-lineup {
	width:150px;
	height:50px;
	margin-left: calc(50% - 75px);
	display: block;
	position: relative;
}

.socialicon {
	width:50px;
	height:50px;
	float: left;
	background-color: black;
	border-radius: 100%;
}

#powered_by_pixlee254b5ffd-ec6f-4160-9872-95a0065074f6 {
	opacity:0;
}

/*///////////// ABOUT PAGE //////////////*/

.headerimage {
	background-image: url('https://nbdclean.com/wp-content/uploads/sites/12/2021/05/NBD_Laundry_Both_020121_multiple.jpg');
	background-size:cover;
	background-position: center;
	background-repeat: no-repeat;
	width:100%;
	height:90vh;
	position: relative;
	display: block;
}

.abouttitle {
	width:750px;
	position: absolute;
	padding:7vh 0% 7vh 0%;
	text-align: center;
	background-color: white;
	border:3px solid black;
	margin-left: calc(50% - 375px);
	margin-top: 28vh;
	text-transform: uppercase;
}

.ourmission {
	width:100%;
	background-color: white;
	border-top:3px solid black;
	border-bottom:3px solid black;
	position:relative;
	display: inline-block;
	padding:150px 20% 150px 20%;
	z-index: 50;
	text-align: center;
	padding-bottom: 300px;
	z-index: -1;
}

.ourmission h1 {
	font-size: 48pt;
}

.ourmission h4 {
	font-size: 24pt;
	font-weight: 500;
}

.plant-power {
	position: relative;
	display: inline-block;
	width:90%;
	height:auto;
	margin-left: 5%;
	border:3px solid black;
	background-color: white;
	z-index: 500;
	padding:3% 10% 5% 10%;
}


.plantpower-icon {
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	width:50%;
	height:200px;
	margin-top: 5%;
	margin-left: 25%;
	position: relative;
	display: block;
}

.plant-power .widedotgrid {
	margin-left: -5%;
	width:87.5%;
}


.blueblock {
	width:100%;
	background-color: #66C9BA;
	z-index: -1;
	padding-bottom: 300px;
	position: relative;
	display: block;
}


.power-leaves1 {
	background:url('images/about-leaves3.png');
	background-size: contain;
	background-position: left;
	background-repeat: no-repeat;
	margin-top: -200px;
	margin-left: -150px;
	width:50%;
	height:600px;
	position: absolute;
	z-index: 500;
	pointer-events: none;
}

.plantpower-description {
	position: relative;
	display: inline-block;
	width:100%;
	height:auto;
	text-align: center;
	padding:0 10% 50px 10%;
}

#aboutslider {
	width:90%;
	margin-left: 5%;
	border:3px solid black;
	background-color: white;
	position: relative;
	z-index: 1000;
}

#aboutslider .item {
	height:40vw;
}

#aboutslider .bottomsliderwrapper {
	margin-bottom: -80px; width:50%; margin-left: 25%;
}

.slide-description {
	width:50%;
	height:100%;
	position: relative;
	display: inline-block;
	border-right:3px solid black;
	padding:80px;
	margin: 0;
}

.aboutslider-image1, .aboutslider-image2, .aboutslider-image3 {
	background-size: cover;
	background-position: center;
	position: absolute;
	display: inline-block;
	border-right:3px solid black;
	width:50%;
	height:100%;
}

.aboutslider-image1 {
	background-image:url('https://nbdclean.com/wp-content/uploads/sites/12/2020/03/aboutslider-1.jpg');

}

.aboutslider-image2 {
	background-image:url('https://nbdclean.com/wp-content/uploads/sites/12/2020/03/aboutslider-3.jpg');
}

.aboutslider-image3 {
	background-image:url('https://nbdclean.com/wp-content/uploads/sites/12/2020/03/aboutslider-2.jpg');
}

.greenblock {
	width:100%;
	background-color: #99CF4C;
	z-index: -1;
	border-top: 3px solid black;
	padding-bottom: 250px;
}

.our-inspiration {
	position: relative;
	display: inline-block;
	width:95%;
	height:auto;
	margin-left: 5%;
	border:3px solid black;
	border-right:0px solid black;
	background-color: white;
	z-index: 500;
	padding:5%;
}

.earth-icon {
	background:url('images/earth-icon.png');
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
	display: inline-block;
	width:25vw;
	height:25vw;
	margin-top: 3vw;
	float:left;
}

.inspiration-description {
	position: relative;
	display: inline-block;
	width:70%;
	height:auto;
	padding:5vw 0 50px 5%;
	float:left;
}

.purpleblock {
	width:100%;
	background-color: #9478D1;
	z-index: -1;
	border-top: 3px solid black;
}

.quotewrapper {
	position: relative;
	display: inline-block;
	width:95%;
	height:auto;
	background-color: white;
	border-right:0px solid black;
	z-index: 500;
	padding:0 2% 5% 5%;
	padding-top: 0;
}

.quote-image {
	width:55%;
	height:auto;
	position: relative;
	display: inline-block;
	background-color: gray;
	z-index: 501;
	border:3px solid black;
	float:left;
	margin-top: -50px;
}

.team-quote {
	position: relative;
	display: inline-block;
	width:45%;
	padding: 0 0 0 5%;
	float:left;
	margin-top: -50px;
}

.team-quote h1 {
	font-family:georgia; 
	font-size:120pt;
	line-height: 80pt;
}

.aboutleaves1 {
	background-image: url("images/leaf-universal2.png");
	background-size: contain;
	background-position: right;
	background-repeat: no-repeat;
	top:0;
	right:0;
	margin-top: -200px;
	width:50%;
	height:600px;
	position: absolute;
	z-index: 500;
}

.aboutleaves2 {
	background:url('images/about-leaves2.png');
	background-size: contain;
	background-position: left;
	background-repeat: no-repeat;
	margin-top: -400px;
	margin-left: -100px;
	width:50%;
	height:600px;
	position: absolute;
	z-index: 500;
	pointer-events: none;
}

/*///////////// Individual Pages //////////////*/

#goodies-primary {
	margin:0;
	width:100%;
	background-color: #ECE4D5;
}

.siteheader-background {
	background:url('https://nbdclean.com/wp-content/uploads/sites/12/2021/05/NBD_Laundry_Both_020121-purplebg-Leaves.jpg');
	background-position: 100% 60%;
	background-size: cover;
	background-repeat: no-repeat;
	width:100%;
	height:650px;
	border-bottom:3px solid black;
	background-color: #6BC3B3;
	position: absolute;
	top:0;
	z-index: 1;
}

.goodies-blog-main {
	margin: 200px 0px 100px 10%;
	width:90%;
	padding:0px 100px 100px 100px;
	border:3px solid black;
	border-right:0px;
	background-color: white;
	z-index: 900;
}

.goodies-blog-main h4 {
	font-weight: 900;
}

.goodies-blog-post-title {
	top:0;
	left:0;
	float:left;
	margin-top: 250px;
	padding-left:10%;
	text-transform: uppercase;
	color:white;
	position: relative;
	z-index: 900;
}

.goodies-leaf1 {
	background-image: url("images/leaf-universal.png");
	background-size: contain;
	background-repeat: no-repeat;
	margin-top:90vh;
	width:100%;
	height:400px;
	position: absolute;
	z-index: 100;
}

.goodies-leaf2 {
	background-image: url("images/leaf-universal2.png");
	background-size: contain;
	background-repeat: no-repeat;
	margin-top:240vh;
	width:100%;
	height:400px;
	position: absolute;
	z-index: 100;
}

#products-primary {
	margin:0;
	width:100%;
	background-color: white;
}

.products-blog-main {
	width:100%;
	background-color: white;
}

.products-blog-main h4 {
	font-weight:900;
}

.wp-block-columns {
	padding:0 50px 0 50px;
	margin:0;
}

/*/For Slider/*/
.products-blog-main .wp-block-columns:nth-child(1) .wp-block-column:nth-child(2) {
	margin-left:0;
}

/*/For Product Description/*/
.products-blog-main .wp-block-columns:nth-child(1) .wp-block-column:nth-child(1) {
	padding: 100px 5% 0% 5%;
	margin:0;
}

.products-blog-main .wp-block-columns:nth-child(1) .wp-block-column:nth-child(1) p {
	font-size:12pt;
}

.products-blog-main .wp-block-columns:nth-child(1) .wp-block-column:nth-child(1) ul {
	padding:0;
}

.products-blog-main .wp-block-columns:nth-child(1) .wp-block-column:nth-child(1) ul li {
	padding:0;
	margin:0;
}


.products-blog-main li {
	list-style: disc inside none;
	margin-left: calc(10% - 20px);
	font-size:12pt;
}

.products-blog-main .wp-block-columns .wp-block-column:nth-child(1) h2 {
		font-size: 40pt;
	}

.wp-block-separator {
	width:100vw;
}

#products-carousel {
	position:relative;
	display: block;
	width:calc(100% + 50px);
	height:100%;
	overflow: hidden;
	z-index: 100;
	border-left:3px solid black;
}

#products-carousel img {
	height:90vh;
	width:100%;
	overflow: hidden;
	object-fit: cover;
}

#products-carousel .bottomsliderwrapper {
	width:calc(100% + 6px);
	height:50px;
	margin-left: -3px;
	position: absolute;
	bottom:0;
	background-color: white;
	z-index: 1000;
	border-top: 3px solid black;
}

#products-carousel .carousel-indicators {
	position: absolute;
	left:0;
	width:calc(100% - 100px);
	margin:0 0 -10px 50px;
}

#products-carousel .carousel-indicators li {
    width: 15px;
    height: 15px;
    margin:0;
    border-radius: 100%;
    border:3px solid black;
    margin-left: 10px;
    transform: scale(1);
    -webkit-transform: scale(1);
    -webkit-transform:translate3d(0,0,0);
    transition:0.2s ease;
    -webkit-transition:0.2s ease;
}

#products-carousel .carousel-indicators li:hover {
    transform: scale(1.3);
    -webkit-transform: scale(1.3);
}

#products-carousel .carousel-indicators .active{
	width: 15px;
    height: 15px;
    background-color: black;
}

/*///////////// Contact Us //////////////*/

.contact-blog-main {
	width:100%;
	background-color: #CE70CC;
}

.contact-blog-main iframe {
	width:100%; 
	height:900px;
	margin-bottom: -20px;
	border-top:3px solid black;
}

/*///////////// FOOTER //////////////*/

footer {
  	width:100%;
  	min-height:auto;
	border-top:3px solid black;
	position:relative;
	display: flex;
	top:0;
}

#footer-wrapper {
	width:100%;
	min-height:260px;
	display: block;
	position: relative;
	background-color: white;
}

.footer-upper {
	width:100%;
	height:210px;
}

.footer-upper ul {
	margin-left: 0px;
	padding-left: 0px;
}

.footer-upper li {
	font-size: 12pt;
}

.col {
	position:relative;
	display:inline;
	width:20%;
	height:100%;
	border-left:3px solid black;
	float:left;
	padding:40px;
}

.footer-upper .col:nth-child(2) {
	width:15%;
}

.footer-upper .col:nth-child(3) {
	width:30%;
}

.footer-upper .col:nth-child(5) {
	width:15%;
}

.footer-bottom {
	background-color:black;
	width:100%;
	height:50px;
	position: relative;
	display: block;
	text-align: center;
	color:white;
	padding-top: 15px;
}


/*///////////// SCREEN SIZES //////////////*/

@media (max-width:1250px) {
	.slide-description {
		padding:40px;
	}
}

@media (max-width:1100px) {
	#homecarousel .item {
		height:650px;
		background-size: cover;
	}

	.item .homeheader {
		position: absolute;
		margin-left: 0px;
		margin-top: 100px;
	}

	.item .homeheader ul{
		font-size: 36pt;
	}

	.item .homeheader li{
		transform:translateY(36pt);
		-webkit-transform:translateY(36pt);
	}

	.homeheader h4 {
		font-size:21pt;
	}

	.active .homeheader li {
		opacity:1;
		transform:translateY(0vw);
		-webkit-transform:translateY(0vw);
		-webkit-transform:translate3d(0,0,0);
		transition: 0.6s cubic-bezier(0.075, 0.82, 0.165, 1) 0s;
	}

	.headermask {
		height:36.25pt;
		width:100%;
		overflow:hidden;
	}

	.carouselbutton {
		margin-left: 40px;
		margin-bottom: 100px;
	}

	.viewproduct-button {
		position:relative;
		display: block;
		text-align: center;
		visibility: visible;
		padding:10px 0;
		width:200px;
		margin-left: calc(50% - 100px);
		margin-top: 50px;
		background-color: white;
		color:black;
		border:3px solid black;
		text-transform: uppercase;
		font-weight:900;
		cursor:pointer;
		transition: background-color 0.2s ease, color 0.4s ease, opacity 0.4s ease 0.3s;
		z-index:500;
	}

	.viewproduct-button:hover {
		background-color: black;
		color:white;
	}

	#homecarousel .slideimage1 {
	  	background-size: cover;
	  	background-position: 75% 40%;
	}

	#homecarousel .slideimage2 {
	  	background-size: cover;
	  	background-position: 65% 40%;
	}

	#homecarousel .slideimage3 {
	  	background-size: cover;
	  	background-position: 75% 40%;
	}

	.whiteblock {
		margin-left: 0%;
		width:100%;
		border-left: 0px;
		border-right:0px;
	}

	.whiteblock .description h2 {
		font-size:42pt;
	}

	.lineup-leaves {
		margin-top: 20px;
		height:600px;
	}

	.productlineup {
		background-image: url('https://nbdclean.com/wp-content/uploads/sites/12/2020/03/product-lineup.png');
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
		margin-left:15%;
		margin-top:-240px;
		width:70%;
		height:400px;
		position: relative;
		display: block;
	}

	#productcarousel {
		visibility: hidden;
		height:0;
		margin-bottom: 0px;
	}

	#corevalues {
		padding-top:0;
		margin-top: -6px;
		height:1800px;
	}

	.corevalues {
		margin-left: -3px;
		margin-top: -3px;
		width:calc(100% + 9px);
	}

	.imageblock1, .imageblock2, .imageblock3 {
		width: 50%;
		height:500px;
		float:left;
		margin-left:-3px; 
		margin-top:0px;
	}

	.imageblock2 {
		border-left: 3px solid black;
	}

	.iconblock {
		height:500px;
	}

	.iconcopy h3 {
		font-size: 28pt;
	}

	.icon {
		margin-top: 10%;
		height:30%;
	}

	.iconcopy {
		display: block;
		position: relative;
		width:100%;
		height:auto;
		text-align: center;
		padding: 0px 10% 20px 10%;
		vertical-align: top;
	}

	.iconcopy h3 {
		font-size: 24pt;
	}

	.iconcopy p {
		font-size: 14pt;
		line-height: 1.2em;
	}

	.footer-upper {
		width:100%;
		height:auto;
		display: block;
		position: relative;
	}

	.footer-upper li {
		font-size: 18pt;
	}

	footer {
	  	width:100%;
	  	min-height:auto;
		border-top:0px solid black;
		position:relative;
		display: flex;
		top:0;
	}

	.col {
		display:block;
		width:100%;
		height:auto;
		border-top: 3px solid black;
		border-left:0px solid black;
		float:none;
		padding:40px;
	}

	.footer-upper .col:nth-child(2), .footer-upper .col:nth-child(3), .footer-upper .col:nth-child(5) {
		width:100%;
	}

	.footer-bottom {
		background-color:black;
		width:100%;
		height:50px;
		position: relative;
		display: block;
		text-align: center;
		color:white;
		padding-top: 15px;
	}

	.slide-description p, .inspiration-description p, .team-quote p, .plantpower-description p {
		font-size: 12pt;
	}

	.quote-image {
		width:55%;
		height:auto;
		position: relative;
		display: inline-block;
		background-color: gray;
		z-index: 501;
		border:3px solid black;
		float:left;
		margin-top: -50px;
	}
}

@media (max-width:991px) {
	.goodies-blog-main {
		margin: 500px 0px 100px 10%;
	}
}

@media (max-width:950px) {
	.products-blog-main .wp-block-columns {
		display:block;
	}

	.products-blog-main .wp-block-columns:nth-child(1) .wp-block-column:nth-child(1) {
		padding: 100px 0 0 0;
	}

	#products-carousel {
		width: calc(100% + 100px);
		margin-left: -50px;
		border-left:0px solid black;
	}

	.products-blog-main .wp-block-columns .wp-block-column:nth-child(1) h2 {
		font-size: 24pt;
	}

	.slide-description {
		padding:30px;
	}

	#homecarousel .item {
		height:600px;
		border-bottom: 3px solid black;
	}

	.item .homeheader h4 {
		font-size: 18pt;
		letter-spacing: -1px;
	}

	.carouselbutton {
		position:absolute;
		bottom:0;
		left:0;
		padding:10px 20px 10px 20px;
		margin-left: 40px;
		margin-bottom: 90px;
		font-size: 8pt;
	}

	.carouselbutton:hover {
		background-color: black;
		color:white;
	}

	.active .homeheader li {
		opacity:1;
		transform:translateY(0vw);
		-webkit-transform:translateY(0vw);
		-webkit-transform:translate3d(0,0,0);
		transition: 0.6s cubic-bezier(0.075, 0.82, 0.165, 1) 0s;
	}

	.active .homeheader h4 {
		opacity:1;
		transition: 0.4s ease 0.3s;
	}

	.active .carouselbutton {
		opacity:1;
	}

	.lineup-leaves {
		width:100%;
		background-size: 100%;
		background-position: top;
		height:400px;
	}

	.yellowblock {
		height:400px;
	}

	.whiteblock .description {
		margin-left: 5%;
		margin-top:20px;
		padding-bottom:150px;
		width:90%;
		position:relative;
		display:block;
		text-align: center;
	}

	.whiteblock .description p {
		font-size:12pt;
		padding:0px 20% 0 20%;
	}


	.whiteblock .description h2 {
		font-size:28pt;
	}

	.productlineup {
		margin-left:10%;
		margin-top:-240px;
		width:80%;
		height:400px;
		position: relative;
		display: block;
	}

	#corevalues {
		height:1700px;
	}

	.review {
		padding:0px 0 60px 0;
	}

	.review h1 {
		font-size: 120pt;
		margin-top: -50px;
	}

	.review h4 {
		font-size: 18pt;
		margin-left: 10%;
		width:80%;
	}

	.review h3 {
		font-size: 24pt;
		margin-left: 10%;
		width:80%;
	}

	.ourmission {
		padding:150px 10% 300px 10%;
	}

	.abouttitle {
		width:500px;
		padding:5vh 0% 5vh 0%;
		margin-left: calc(50% - 250px);
		margin-top: 35vh;
	}

	.abouttitle h2 {
		font-size: 36pt;
	}

	#aboutslider .item {
		height:450px;
	}
}


@media (max-width:780px) {
	.contact-blog-main iframe {
		width:100%; 
		height:1200px;
		margin-bottom: -20px;
	}
}

@media (max-width:767px) {
	.carousel-indicators {
		margin-bottom: 0px;
	}

	#aboutslider {
		width:95%;
		margin-left: 2.5%;
	}

	.earth-icon {
		width:30vw;
		height:30vw;
		margin-top: 3vw;
		margin-left: 5%;
	}

	.inspiration-description {
		width:55%;
		padding:3vw 0 50px 5%;
	}

	.our-inspiration {
		width:97.5%;
		margin-left: 2.55%;
		padding:2.5%;
	}

	.socialcopy h3 {
		font-size: 24pt;
		line-height: 1em;
	}

	.socialcopy p {
		width:80%;
		margin-left: 10%;
	}

	.review {
		margin-left: 2.5%;
		width:95%;
	}

	.activatenav {
		transform: translateX(100%);
		-webkit-transform: translateX(100%);
	}

	.lineup-leaves {
		width:100%;
		background-size: 120%;
	}

	.plantpower-icon {
		width:70%;
		height:150px;
		margin-left: 15%;
	}
}


@media (max-width:680px) {
	.activatenav {
		transform: translateX(0px);
		-webkit-transform: translateX(0px);
	}

	#header {
		height:60px;
	}

	.hamburger {
		visibility: visible;
	}

	#logo {
		height:40px;
		margin-left: 20px;
	}

	nav {
		visibility: hidden;
	}

	#homecarousel .slideimage1, #homecarousel .slideimage2, #homecarousel  .slideimage3 {
	  	width:100%;
	  	height:65%;
	  	display: block;
	  	position: relative;
	  	background-position: right top;
	  	background-size: cover;
	}

	#homecarousel .item {
		height:80vh;
		background-size: cover;
	}

	.item .homeheader {
		display: block;
	  	position: relative;
	  	height:35%;
	  	text-align: center;
	  	border-bottom:3px solid black;
	  	margin-top: 120px;
	  	margin-left: 0;
	  	vertical-align: middle;
	}

	.item .homeheader ul{
		font-size: 32pt;
		color:black;
		padding: 0px;
	}

	.item .homeheader li{
		transform:translateY(36pt);
		-webkit-transform:translateY(36pt);
	}

	.homeheader h4 {
		font-size:21pt;
	}

	.active .homeheader li {
		opacity:1;
		transform:translateY(0vw);
		-webkit-transform:translateY(0vw);
		-webkit-transform:translate3d(0,0,0);
		transition: 0.6s cubic-bezier(0.075, 0.82, 0.165, 1) 0s;
	}

	.headermask {
		height:34pt;
		width:100%;
		overflow:hidden;
	}

	.logomask {
		height:13.9vw;
		width:100%;
		margin-bottom: 10px;
		overflow:hidden;
		margin-top: -5px;
	}

	.nbd-header {
		background-image: url('https://nbdclean.com/wp-content/uploads/sites/12/2020/03/nbd_logo.png');
		background-size: contain;
		background-repeat: no-repeat;
		margin-left:calc(50% - 13.5vw);
		height:14vw;
		width:30vw;
		transform:translateY(14vw);
		-webkit-transform:translateY(14vw);
	}

	.active .nbd-header {
		transform:translateY(0vw);
		-webkit-transform:translateY(0vw);
		-webkit-transform:translate3d(0,0,0);
		transition: 0.6s cubic-bezier(0.075, 0.82, 0.165, 1) 0s;
	}

	#corevalues {
		height:1800px;
	}

	.imageblock1 {
		height:500px;
		width:100%;
		display: block;
		background-position: bottom;
	}

	.imageblock2, .imageblock3 {
		height:0px;
		visibility: hidden;
	}

	.item .homeheader h4 {
		font-size: 14pt;
		letter-spacing: -1px;
	}

	.carouselbutton {
		position:absolute;
		width:150px;
		padding:10px 0px 10px 0px;
		margin-left: calc(50% - 75px);
		margin-bottom: calc(30% + 30px);
		text-align: center;
		visibility: hidden;
	}

	.lineup-leaves {
		width:100%;
		background-size: 140%;
		height:500px;
	}

	.whiteblock .description {
		margin-left: 2.5%;
		margin-top:-50px;
		padding-bottom:100px;
		width:95%;
		position:relative;
		display:block;
		text-align: center;

	}

	.whiteblock .description p {
		font-size:12pt;
		padding:0px 3% 0 3%;
	}

	.iconblock {
		width:100%;
		height:auto;
		display: block;
		padding-bottom: 40px;
		margin-top: -3px;
		border-left:0px;
		border-bottom:0px;
	}

	.iconblock:nth-child(6) {
		border-bottom: 3px solid black;
	}

	.iconcopy {
		display: block;
		position: relative;
		width:100%;
		height:auto;
		text-align: center;
		padding: 0px 50px 20px 50px;
		vertical-align: top;
	}

	.icon {
		background-size: 65%;
		margin-top: 50px;
		height:120px;
	}

	.iconcopy h3 {
		font-size: 21pt;
	}

	.iconcopy p {
		font-size: 12pt;
		line-height: 1.2em;
	}

	.abouttitle {
		width:350px;
		padding:3vh 0% 3vh 0%;
		margin-left: calc(50% - 175px);
		margin-top: 150px;
	}

	.abouttitle h2 {
		font-size: 24pt;
		letter-spacing: 0px;
	}

	.headerimage {
		height:400px;
	}

	.ourmission {
		padding:100px 10% 150px 10%;
	}

	.ourmission h4 {
		font-size: 18pt;
	}

	.earth-icon {
		width:100%;
		height:250px;
		margin: 20px 0 0 0;
		display: block;
	}

	.inspiration-description {
		display: block;
		width:100%;
		text-align: center;
		padding:40px 5% 50px 5%;
	}

	.plantpower-description {
		padding:0px 5% 50px 5%;
	}

	.our-inspiration {
		width:95%;
		margin-left: 2.55%;
		padding:2.5%;
		border-right: 3px solid black;
	}

	.quotewrapper {
		width:95%;
		margin-left: 2.5%;
		padding:0;
	}

	.quote-image {
		width:100%;
		height:auto;
	}

	.quotewrapper .widedotgrid {
		margin-left: 5%;
		width:90%;
	}

	.team-quote {
		width:100%;
		padding: 30px 10% 50px 10%;
		margin-top: 0px;
	}

	.team-quote h1 {
		font-size: 64pt;
		line-height: 40pt;
	}

	#aboutslider .item {
		height:700px;
	}

	.slide-description h5, .inspiration-description h5, .plantpower-description h5 {
		font-size:21pt;
	}

	.slide-description {
		display: block;
		width:100%;
		height:40%;
	} 

	.aboutslider-image1, .aboutslider-image2, .aboutslider-image3 {
		display: block;
		width:100%;
		height:60%;
	}

	.aboutslider-image1, .aboutslider-image2 {
		border-top:3px solid black;
	}

	.footer-upper li {
		font-size: 12pt;
	}

	.goodies-blog-main {
		margin: 500px 0 0 0;
		width:100%;
		padding:0px 0px 100px 20px;
		border:0;
		border-top:3px solid black;
		background-color: white;
		z-index: 900;
	}

	.goodies-header h1 {
		font-size: 36pt;
	}
}

@media (max-width:600px) {
	#products-carousel .carousel-indicators {
		margin:0 0 -2px 50px;
	}

	.ourmission h1 {
	font-size: 48pt;
	}

	.ourmission h4 {
		font-size: 14pt;
		font-weight: 500;
	}

	#aboutslider .bottomsliderwrapper {
		margin-bottom: -80px; width:75%; margin-left: 12.5%;
	}

	.plantpower-icon {
		width:100%;
		height:150px;
		margin-left: 0%;
	}
}

@media (max-width:460px) {
	#homecarousel .slideimage1, #homecarousel .slideimage2, #homecarousel  .slideimage3 {
	  	width:100%;
	  	height:70%;
	  	display: block;
	  	position: relative;
	  	background-position: 80% 20%;
	  	background-size: cover;
	}

	.item .homeheader {
	  	height:30%;
	  	margin-top: 100px;
	}

	.item .homeheader ul{
		font-size: 21pt;
	}

	.item .homeheader li{
		transform:translateY(24pt);
		-webkit-transform:translateY(24pt);
	}

	.active .homeheader li {
		opacity:1;
		transform:translateY(0vw);
		-webkit-transform:translateY(0vw);
		-webkit-transform:translate3d(0,0,0);
		transition: 0.6s cubic-bezier(0.075, 0.82, 0.165, 1) 0s;
	}

	.headermask {
		height:24pt;
		width:100%;
		overflow:hidden;
	}

	.yellowblock {
		height:300px;
	}

	.whiteblock .description {
		margin-left: 2.5%;
		margin-top:-100px;
		padding-bottom:100px;
		width:95%;
		position:relative;
		display:block;
		text-align: center;

	}

	.whiteblock .description p {
		font-size:12pt;
		padding:0px 3% 0 3%;
	}


	.whiteblock .description h2 {
		font-size:21pt;
		letter-spacing: 0px;
	}

	.lineup-leaves {
		width:100%;
		background-size: 140%;
		height:300px;
	}

	.review h4 {
		margin-left: 15%;
		width:70%;
		font-size: 12pt;
		margin-top: 0px;
	}

}