/*=========MOBILE DEFAULT STYLES============*/

/*START BG STYLES*/
	.bg-lines-container {
		position: absolute;
		top: 0;
		left: 0;
		margin: 0 auto;
		width: 100vw;
		/*min-height: 100vh;*/
		height: auto;
		overflow-x: hidden !important;
		background:  #DDE1E4;
	}

	.bg-lines-box {
		position: relative;
		display: inline-block;
		float: left;
		margin: 0;
		padding: 0;
		border: none;
		border-right: 1px solid #B6C1C8;
		width: calc(25vw - 1px);
		height: 100%;
	}

	.lines-box-04 {
		display: none;
	}

	.lines-box-05 {
		display: none;
	}

	.lines-box-06 {
		display: none;
	}

	.lines-box-07 {
		display: none;
	}

	.lines-box-08 {
		display: none;
	}

	.bg-line-08 {
		float: none;
		border: none;
	}
/*END BG STYLES*/

/*START MENU ICON STYLES*/
	.menu-icon {
		position: fixed;
		top: 50px;
		right: 40px;
		width: 50px;
		height: 80px;
		padding-top: 5px;
		z-index: 650;
		cursor: pointer;
	}

	.menu-line {
		position: absolute;
		display: block;
		height: 2px;
		border-radius: 5px;
		transition: all 0.2s ease-out;
	}

	.line-01 {
		position: absolute;
		top: 0;
		left: 0;
		width: 65%;
		background: #2E3E51;
		transition: all 0.2s ease-out;
	}

	.line-02 {
		position: absolute;
		top: 15px;
		left: 0;
		width: 100%;
		background: #027FFC;
		transition: all 0.2s ease-out;
	}

	.line-03 {
		position: absolute;
		top: 30px;
		right: 0;
		width: 65%;
		background: #2E3E51;
		transition: 0.2s all ease-out;
	}

	.menu-icon.open > .line-01 {
		width: 100%;
		background: #DBE0E3;
		transform-origin: top right;
		transform: translateX(-8px) translateY(2px) rotate(-45deg);
		transition: 0.2s all ease-out;
	}

	.menu-icon.open > .line-02 {
		width: 0;
		transform-origin: center center;
		transform: translateY(2px);
		transition: 0.2s all ease-out;
	}

	.menu-icon.open > .line-03 {
		width: 100%;
		top: 0;
		background: #DBE0E3;
		transform-origin: top left;
		transform: translateX(8px) translateY(2px) rotate(45deg);
		transition: 0.2s all ease-out;
	}
/*END MENU ICON STYLES*/

/*START LANDING STYLES*/
	.landing-container {
		position: relative;
		width: 100%;
		min-height: 100vh;
		height: auto;
		overflow: hidden !important;
		margin: 0 auto;
	}

	.landing-top {
		position: absolute;
		top: 0;
		left: 0;
		width: 100vw;
		height: 25px;
		background: #2e3e51;
	}

	.landing-logo-link {
		position: absolute;
		display: block;
		top: 41px;
		left: 20px;
		width: 70px;
		height: auto;
	}

	.landing-logo-img {
		width: 70px;
		height: auto;
	}

	.landing-graphic-container {
		position: absolute;
		top: 450px;
		right: 0;
		width: 100vw;
		height: 650px;
		overflow: hidden !important;
	}


	.landing-graphic {
		position: relative;
		width: 350vw;
		height: auto;
		transform: translateX(-200vw) translateY(20vw);
	}

	.landing-text-container {
		position: relative;
		display: block;
		width: 100%;
		height: 500px;
		margin: 0 auto;
		margin-top: 170px;
	}

	.landing-header-text {
		position: relative;
		display: block;
		width: auto;
		height: auto;
		margin: 0 auto;
		text-align: center;
		font-size: 6em;
		font-family: 'lar', sans-serif;
		font-weight: 400;
		color: #2E3E51;
		letter-spacing: -0.045em;
	}

	.header-emphasize {
		position: relative;
		display: inline-block;
		font-family: 'lar', sans-serif;
		font-weight: 800;
		color: #027FFC;
	}

	.landing-subheader-text {
		position: relative;
		display: block;
		margin: 0 auto;
		margin-top: 25px;
		width: 60vw;
		height: auto;
		text-align: center;
		font-size: 0.95em;
		font-family: 'gil', sans-serif;
		font-weight: 500;
		color: #656565;
		letter-spacing: 0.045em;
		line-height: 1.4em;
	}
/*END LANDING STYLES*/

/*START SERVICES SECTION STYLES*/
	.services-section {
		position: relative;
		display: block;
		width: 100vw;
		min-height: 750px;
		height: auto;
		padding-bottom: 50px;
		background: #2e3e51;
		overflow: hidden;
	}

	.services-bg-img {
		position: absolute;
		display: block;
		top: -20vw;
		left: -25vw;
		width: 150vw;
		height: auto;
		mix-blend-mode: color-dodge;
		z-index: 1;
		opacity: 0.25;
	}


	.services-header {
		position: relative;
		display: block;
		padding-top: 85px;
		padding-left: 0;
		margin: 0 auto;
		width: 85vw;
		height: auto;
		font-family: 'lar', sans-serif;
		font-weight: 400;
		font-size: 3.5em;
		color: #f3f3f3;
		letter-spacing: -0.045em;
		z-index: 6;
	}

	.services-emphasize {
		position: relative;
		display: inline-block;
		font-weight: 800;
		color: #027ffc;
	}

	.services-icon-container {
		position: relative;
		display: block;
		width: 85vw;
		height: 1150px;
		margin: 0;
		margin-left: 15vw;
		margin-top: 70px;
		margin-bottom: 80px;
		background-color: rgb(243, 248, 248);
		border-radius: 0;
		border-top-left-radius: 50px 50px;
		border-bottom-left-radius: 50px 50px;
		box-shadow: 10.657px 16.213px 75.2px 4.8px rgba(21, 28, 36, 0.65);
		z-index: 50;
	}

	.services-icon-wrapper {
		position: relative;
		display: block;
		width: 92%;
		height: 100%;
		margin: 0 auto;
		padding-top: 25px;
		overflow: hidden;
		z-index: 55;
	}

	.services-icon-item {
		position: relative;
		display: block;
		float: none;
		width: 75vw;
		height: 250px;
		margin: 0 auto;
		margin-top: 25px;
		z-index: 200;
		cursor: pointer;
	}

	.services-icon-item:last-child {
		/*margin-right: 0;*/
	}

	.services-icon-img {
		position: relative;
		display: block;
		margin: 0 auto;
		width: 65%;
		height: auto;
	}

	.services-icon-text {
		position: relative;
		display: block;
		margin: 0 auto;
		margin-top: 15px;
		width: 85%;
		height: auto;
		font-family: 'gil', sans-serif;
		font-weight: 700;
		font-size: 0.9em;
		text-transform: uppercase;
		letter-spacing: 0.15em;
		text-align: center;
		color: #2e3e51;
	}

	.download-button-link {
		position: relative;
		display: block;
		margin: 0 auto;
		margin-top: 60px;
		width: 285px;
		height: 50px;
		text-decoration: none !important;
		z-index: 100;
	}

	.services-download-link {
		margin-top: 0;
	}

	.download-button {
		position: relative;
		display: block;
		margin: 0;
		margin-top: 2.5px;
		box-shadow: none;
		border-radius: 30px;
		background: rgba(0, 126, 251, 1);
		border: 1px solid #007efb;
		color: #fff;
		width: 285px;
		height: 45px;
		font-family: 'gil', sans-serif;
		font-weight: 600;
		font-size: 0.95em;
		text-transform: uppercase;
		text-align: center;
		letter-spacing: 0.075em;
		cursor: pointer;
		z-index: 100;
	}

	.download-button:hover {
		background: rgba(243,248,248,1);
		border: 1px solid #007efb;
		color: #007efb;
		transition: all 0.2s ease-out;
	}

	.download-arrow {
		position: relative;
		display: inline-block;
		margin: 0;
		margin-left: 0;
		width: 18px;
		height: auto;
		opacity: 1;
		cursor: pointer;
		z-index: 5003;
		transform: translateX(0) translateY(-1px);
		transition: all 0.2s ease-out;
	}

	.download-button:hover > .download-arrow {
		opacity: 0;
		transition: all 0.2s ease-out;
	}

	.download-arrow-hover {
		position: absolute;
		margin: 0;
		margin-left: 0;
		width: 18px;
		height: auto;
		opacity: 0;
		cursor: pointer;
		z-index: 5002;
		transform: translateX(-5px) translateY(-1px);
		transition: all 0.2s ease-out;
	}

	.download-button:hover > .download-arrow-hover {
		opacity: 1;
		transition: all 0.2s ease-out;
	}
/*END SERVICES SECTION STYLES*/

/*START COMPANY SECTION STYLES*/
	.company-section {
		position: relative;
		display: block;
		width: 100vw;
		min-height: 900px;
		height: 1000px;
		overflow: hidden;
	}

	.company-header {
		position: relative;
		display: block;
		padding-top: 85px;
		padding-right: 0;
		margin: 0 auto;
		width: 90vw;
		height: auto;
		font-family: 'lar', sans-serif;
		font-weight: 400;
		font-size: 3.5em;
		color: #2e3e51;
		letter-spacing: -0.045em;
		text-align: right;
	}

	.company-emphasize {
		position: relative;
		display: inline-block;
		font-weight: 800;
		color: #027ffc;
	}


	.company-info-container {
		position: relative;
		display: block;
		width: 90vw;
		height: 670px;
		margin: 0;
		margin-left: 0;
		margin-top: 50px;
		background-color: rgb(243, 248, 248);
		border-radius: 0;
		border-top-right-radius: 50px 50px;
		border-bottom-right-radius: 50px 50px;
		box-shadow: 15.657px 23.213px 115.2px 4.8px rgba(54, 64, 76, 0.2);
	}

	.company-bio-img {
		position: absolute;
		display: none;
		height: 800px;
		width: auto;
		bottom: 0;
		left: 25px;
		z-index: 3;
	}


	.company-info-graphic-container {
		position: absolute;
		display: none;
		width: 100%;
		height: 100%;
		margin: 0;
		border-radius: 0;
		border-top-right-radius: 50px 50px;
		border-bottom-right-radius: 50px 50px;
		overflow: hidden;
		z-index: 2;
	}

	.company-info-graphic {
		position: absolute;
		top: -50px;
		left: -450px;
		width: 150%;
		height: auto;
	}

	.company-info-wrapper {
		position: relative;
		display: inline-block;
		width: 100%;
		height: 100%;
		float: none;
		margin: 0 auto;
		text-align: left;
	}

	.company-info-text-wrapper {
		position: relative;
		display: block;
		width: 80%;
		margin: 0 auto;
		margin-top: 65px;
		padding-left: 8%;
		line-height: 1.4em;
	}

	.company-info-header {
		font-family: 'gil', sans-serif;
		font-weight: 700;
		font-size: 1.25em;
		text-transform: uppercase;
		letter-spacing: 0.15em;
		color: #2e3e51;
	}

	.company-info-body {
		position: relative;
		display: block;
		margin-top: 20px;
		font-family: 'aa', sans-serif;
		font-weight: 300;
		font-size: 1.1em;
		letter-spacing: 0;
		color: #656565;
	}

	.company-info-spacer {
		position: relative;
		display: block;
		height: 15px;
	}
/*END COMPANY SECTION STYLES*/

/*START BRANDS SECTION STYLES*/
	.brands-section {
		position: relative;
		display: block;
		width: 100vw;
		min-height: 930px;
		height: auto;
		padding-bottom: 20px;
		overflow: hidden;
	}

	.brands-header {
		position: relative;
		display: block;
		padding-top: 35px;
		width: 92vw;
		height: auto;
		margin:  0 auto;
		font-family: 'lar', sans-serif;
		font-weight: 400;
		font-size: 3.5em;
		color: #2e3e51;
		letter-spacing: -0.045em;
		text-align: center;
	}

	.brands-emphasize {
		position: relative;
		display: inline-block;
		font-weight: 800;
		color: #027ffc;
	}


	.brands-container {
		position: relative;
		display: block;
		width: 85vw;
		height: 530px;
		margin: 0 auto;
		margin-top: 50px;
		padding-bottom: 55px;
		background-color: rgb(243, 248, 248);
		border-radius: 0;
		border-top-left-radius: 50px 50px;
		border-bottom-left-radius: 50px 50px;
		border-top-right-radius: 50px 50px;
		border-bottom-right-radius: 50px 50px;
		box-shadow: 15.657px 23.213px 115.2px 4.8px rgba(54, 64, 76, 0.2);
	}

	.brands-wrapper {
		position: relative;
		margin:  0 auto;
		padding-top: 55px;
		width: 85%;
		height: 90%;
	}

	.brand-logo {
		position: relative;
		display: inline-block;
		width: 115px;
		height: auto;
		margin-right: 20px;
		margin-bottom: 35px;
	}

	.brand-logo:nth-child(2) {
		margin-right: 0;
	}

	.brand-logo:nth-child(4) {
		margin-right: 0;
	}

	.brand-logo:nth-child(6) {
		margin-right: 0;
	}

	.brand-logo:nth-child(8) {
		margin-right: 0;
	}

	.brand-logo:nth-child(10) {
		margin-right: 0;
	}

	.brand-logo:nth-child(12) {
		margin-right: 0;
	}

	.avery-logo {
		width: 107px;
		height: auto;
	}

	.ecolab-logo {
		width: 118px;
		height: auto;
		transform: translateY(0);
	}

	.firstaidonly-logo {
		width: 143px;
		height: auto;
		transform: translateY(0);
	}

	.gojo-logo {
		width: 104px;
		height: auto;
	}

	.purell-logo {
		width: 86px;
		height: auto;
		transform: translateY(0);
	}

	.kimberlyclark-logo {
		width: 164px;
		height: auto;
		transform: translateY(0);
	}

	.hp-logo {
		width: 75px;
		height: auto;
		margin-left: 17px;
		margin-right: 45px;
	}

	.scotch-logo {
		width: 109px;
		height: auto;
		transform: translateY(0);
	}



	.lexmark-logo {
		width: 125px;
		height: auto;
		transform: translateY(0);
	}

	.rubbermaid-logo {
		width: 120px;
		height: auto;
		transform: translateY(0);
	}

	
	.sharpie-logo {
		width: 104px;
		height: auto;
		transform: translateY(0);
	}

	.syntheticlabs-logo {
		width: 129px;
		height: auto;
		transform: translateY(0);
	}

	.xerox-logo {
		width: 129px;
		height: auto;
		transform: translateY(0);
	}

	.xerox-logo {
		width: 115px;
		height: auto;
		transform: translateY(0);
	}
/*END BRNADS SECTION STYLES*/

/*START CONTACT SECTION STYLES*/
	.contact-section {
		position: relative;
		display: block;
		width: 100vw;
		min-height: 1111px;
		height: auto;
		overflow: hidden;
		margin-top: 0;
		transform: translateY(-25px);
	}

	.contact-blue-bg {
		position: absolute;
		display: block;
		width: 100vw;
		height: 500px;
		top: 0;
		left: 0;
		background: #007efb;
	}

	.contact-header {
		position: relative;
		display: block;
		padding-top: 50px;
		padding-left: 15vw;
		width: 85vw;
		height: auto;
		font-family: 'lar', sans-serif;
		font-weight: 400;
		font-size: 3.5em;
		color: #2e3e51;
		letter-spacing: -0.045em;
	}

	.contact-emphasize {
		position: relative;
		display: inline-block;
		font-weight: 800;
		color: #f3f3f3;
	}


	/*START CONTACT INFO STYLES*/
		.contact-container {
			position: relative;
			display: block;
			width: 90vw;
			height: 815px;
			margin: 0;
			margin-left: 10vw;
			margin-top: 50px;
			background-color: rgb(243, 248, 248);
			border-radius: 0;
			border-top-left-radius: 50px 50px;
			border-bottom-left-radius: 50px 50px;
			box-shadow: 15.657px 23.213px 115.2px 4.8px rgba(54, 64, 76, 0.45);
		}


		.contact-graphic-wrapper {
			position: absolute;
			display: none;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			margin: 0;
			border-radius: 0;
			border-top-left-radius: 50px 50px;
			border-bottom-left-radius: 50px 50px;
			overflow: hidden;
			z-index: 1;
		}


		.contact-graphic {
			position: absolute;
			display: block;
			width: 150px;
			height: auto;
			top: -950px;
			right: 40px;
		}


		.contact-wrapper {
			position: relative;
			display: block;
			width: 85%;
			height: 100%;
			margin: 0 auto;
			padding-top: 55px;
			z-index: 50;
		}

		.contact-info {
			position: relative;
			display: block;
			width: 90%;
			margin: 0 auto;
		}


		.contact-column-01 {
			position: relative;
			display: block;
			float: none;
			margin: 0 auto;
			margin-bottom: 35px;
			width: 100%;
		}

		.contact-column-02 {
			position: relative;
			display: block;
			float: none;
			margin: 0 auto;
			margin-bottom: 35px;
			width: 100%;
		}

		.contact-column-02 > .clear-fix {
			display: none;
		}

		.contact-column-02 > .contact-info-spacer {
			display: none;
		}

		.column-02-location-02 {
			display: none !important;
		}

		.contact-column-03 {
			position: relative;
			display: block;
			float: none;
			margin: 0 auto;
			margin-top: 35px;
			width: 100%;
		}

		.contact-info-spacer {
			width: 100%;
			height: 10px;
		}


		.contact-item {
			position: relative;
			display: block;
			width: 100%;
		}


		.contact-icon {
			position: relative;
			display: inline-block;
			float: left;
			width: 15px;
			height: auto;
			z-index: 50;
		}

		.email-icon {
			transform: translateY(5px);
		}

		.phone-icon {
			transform: translateY(4px);
		}

		.location-icon {
			transform: translateY(-1px);
		}

		.warehouse-icon {
			transform: translateY(4px);
		}

		.office-contact-icon {
			transform: translateY(4px);
		}

		.contact-text {
			position: relative;
			display: inline-block;
			float: left;
			margin: 0;
			padding-left: 5px;
			font-family: 'aa', sans-serif;
			font-weight: 300;
			font-size: 1.1em;
			line-height: 1.4em;
			letter-spacing: 0;
			color: #656565;
		}

		.symbol-change {
			position: relative;
			display: inline-block;
			font-family: 'fb', sans-serif;
			font-weight: 300;
			font-size: 0.8em;
			color: #656565;
			transform: translateY(-1px);

		}

		.location-text-line-02 {
			position: relative;
			display: block !important;
			transform: translateX(18px);
		}
	/*END CONTACT INFO STYLES*/

	.spacer {
		position: relative;
		display: block;
		width: 100%;
		height: 0;
		clear: both;
	}

	/*START FORM STYLES*/
		.form-container {
			position: relative;
			display: block;
			width: 95%;
			margin: 0;
			height: auto;
			margin: 0 auto;
			overflow: hidden;
			opacity: 1;
			/*transform-origin: left top;
			transform: scale(1);*/
			transition: all 0.3s ease-out;
			/*padding-top: 50px;*/
		}

		.form-wrapper {
			position: relative;
			display: block;
			width: 100%;
			margin: 0;
			height: auto;
			overflow: hidden;
			opacity: 1;
			transform-origin: left top;
			transform: scale(1);
			transition: all 0.3s ease-out;
		}

		.form-wrapper.sending {
			opacity: 0;
			transform-origin: left top;
			transform: scale(0);
			transition: all 0.3s ease-out;
		}

		.form-status {
			position: relative;
			display: block;
			margin-top: 25px;
			margin-bottom: 25px;
			font-family: 'gil', sans-serif;
			font-weight: 500;
			font-size: 0.9em;
			text-transform: uppercase;
			letter-spacing: 0.075em;
			text-align: left;
			color: #007efb;
			opacity: 1;
			transition: all 0.2s ease-out;
		}

		.form-status.active {
			opacity: 1;
			transition: all 0.2s ease-out;
		}

		.status-text {
			font-family: 'gil', sans-serif;
			font-weight: 500;
			font-size: 1.2em;
			text-transform: uppercase;
			letter-spacing: 0.095em;
			text-align: left;
			color: #007efb;
		}

		.load-dots {
			position: relative;
			display: inline-block;
			transform: translateX(-1px);
		}

		.dot {
			position: absolute;
			display: inline-block;
			width: 2px;
			height: 2px;
			border-radius: 100%;
			background: #007efb;
			opacity: 0;
		}

		.dot:first-child {
			animation: loaderDots 2s infinite ease;
		}

		.dot:nth-child(2) {
			margin-left: 7px;
			animation: loaderDots 2s infinite ease;
			animation-delay: 0.3s;
		}

		.dot:nth-child(3) {
			margin-left: 14px;
			animation: loaderDots 2s infinite ease;
			animation-delay: 0.5s;
		}

		@keyframes loaderDots {
			0% {
				opacity: 0;
				-webkit-transform: translateY(7px);
				-moz-transform: translateY(7px);
				transform: translateY(7px);
			}
			
			50% {
				opacity: 1;
				-webkit-transform: translateY(0);
				-moz-transform: translateY(0);
				transform: translateY(0);
			}
			
			100% {
				opacity: 0;
				-webkit-transform: translateY(-7px);
				-moz-transform: translateY(-7px);
				transform: translateY(-7px);
			}
		}


		input[type="text"], input[type="email"], textarea {
			box-sizing: content-box;
			width: calc(95% - 16px);
			padding: 10px;
			padding-left: 12px;
			border: 1px solid #858585;
			margin-bottom: 13px;
			background: transparent;
			box-shadow: none;
			border-radius: 21px;
			font-family: 'aa', sans-serif;
			font-weight: 300;
			font-size: 1.2em;
			color: #656565;
			transition: all 0.2s ease-out;
		}

		#yourname.blank, #email.blank, .form-textarea.blank {
			border: 1.5px solid #007efb;
			transition: all 0.2s ease-out;
		}


		input[type="text"]:focus, input[type="email"]:focus, textarea:focus {
			color: #007efb;
			caret-color: #777;
			transition: all 0.2s ease-out;
		} 

		textarea {
			height: 100px;
		}

		input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
			background: transparent !important;
			color: #656565 !important;
		}

		::-webkit-input-placeholder {
			font-family: 'aa', sans-serif;
			font-weight: 300;
		   	color: #9e9e9e;
		   	background: transparent;
		}

		:-moz-placeholder { /* Firefox 18- */
			font-family: 'aa', sans-serif;
			font-weight: 300;
		   	color: #9e9e9e; 
		   	background: transparent; 
		}

		::-moz-placeholder {  /* Firefox 19+ */
			font-family: 'aa', sans-serif;
			font-weight: 300;
		   	color: #9e9e9e;  
		   	background: transparent;
		}

		:-ms-input-placeholder {  
			font-family: 'aa', sans-serif;
			font-weight: 300;
		   	color: #9e9e9e;
		   	background: transparent;  
		}

		.form-buttons {
			position: relative;
			width: 100%;
			margin: 0 auto;
			margin-top: 25px;
		}

		.form-button {
			position: relative;
			display: block;
			margin: 0 auto;
			box-shadow: none;
			border-radius: 30px;
			width: 95%;
			height: 45px;
			font-family: 'gil', sans-serif;
			font-weight: 600;
			font-size: 1.15em;
			text-transform: uppercase;
			text-align: center;
			letter-spacing: 0.2em;
			cursor: pointer;
			z-index: 5002;
		}

		.submit-button {
			background: rgba(0, 126, 251, 1);
			border: 1px solid #007efb;
			color: #fff;
			margin: 0 auto;
			z-index: 175;
			transition: all 0.2s ease-out;
		}

		.submit-button:hover {
			background: rgba(0,126,251,0);
			color: #007efb;
			transition: all 0.2s ease-out;
		}

		.send-arrow {
			position: relative;
			display: inline-block;
			margin: 0;
			margin-left: 2px;
			width: 20px;
			height: auto;
			opacity: 1;
			cursor: pointer;
			z-index: 5003;
			transform: translateX(0) translateY(-1px);
			transition: all 0.2s ease-out;
		}

		.submit-button:hover > .send-arrow {
			opacity: 0;
			transform: translateX(8px) translateY(-1px);
			transition: all 0.2s ease-out;
		}

		.send-arrow-hover {
			position: absolute;
			margin: 0;
			margin-left: 0;
			width: 20px;
			height: auto;
			opacity: 0;
			cursor: pointer;
			z-index: 5002;
			transform: translateX(-20px) translateY(0);
			transition: all 0.2s ease-out;
		}

		.submit-button:hover > .send-arrow-hover {
			opacity: 1;
			transform: translateX(-12px) translateY(0);
			transition: all 0.2s ease-out;
		}

		.reset-button {
			margin: 0 auto;
			margin-top: 25px;
			background: transparent;
			border: 1px solid #858585;
			box-shadow: none;
			border-radius: none;
			color: #858585;
			transition: all 0.2s ease-out;
		}

		.reset-button:hover {
			background: #858585;
			color: #ffffff;
			transition: all 0.2s ease-out;
		}

		.reset-icon {
			position: relative;
			display: inline-block;
			margin: 0;
			margin-left: 2px;
			width: 22.5px;
			height: auto;
			opacity: 1;
			cursor: pointer;
			z-index: 5003;
			transform: translateY(-2px);
			transition: all 0.2s ease-out;
		}

		.reset-button:hover > .reset-icon {
			opacity: 0;
			transform: translateX(8px) translateY(-2px);
			transition: all 0.2s ease-out;
		}

		.reset-icon-hover {
			position: absolute;
			margin: 0;
			margin-left: 0;
			width: 22.5px;
			height: auto;
			opacity: 0;
			cursor: pointer;
			z-index: 5002;
			transform: translateX(-22.5px) translateY(0);
			transition: all 0.2s ease-out;
		}

		.reset-button:hover > .reset-icon-hover {
			transform: translateX(-14.5px) translateY(0);
			opacity: 1;
			transition: all 0.2s ease-out;
		}


	/*END FORM STYLES*/
/*END CONTACT SECTION STYLES*/

/*START FOOTER STYLES*/
	.footer {
		position: relative;
		display: block;
		width: 100vw;
		height: 120px;
		overflow: hidden;
	}

	.footer-rounded {
		position: relative;
		display: block;
		width: calc(100vw - 6px);
		height: 120px;
		background: #2e3e51;
		border-radius: 0;
		border-top-left-radius: 20px;
		border-top-right-radius: 20px;
	}

	.footer-wrapper {
		position: relative;
		display: block;
		width: 90%;
		height: 110px;
		margin: 0 auto;
		padding-top: 5px;
	}

	.footer-links {
		position: relative;
		display: block;
		float: none;
		width: 237px;
		margin: 0 auto;
		z-index: 500;
		transform: translateY(20px);
	}

	.footer-link {
		position: relative;
		display: inline-block;
		margin-right: 50px;
		cursor: pointer;
		opacity: 0.65;
		transition: all 0.2s ease-out;
	}

	.footer-contact-link {
		margin-right: 0;
	}

	.footer-link-img {
		width: 42px;
		height: auto;
	}

	.instagram-link-img {
		width: 38px;
		height: auto;
	}

	.footer-link:hover {
		opacity: 0.85;
		transition: all 0.2s ease-out;
	}


	.footer-copyright {
		position: relative;
		display: block;
		margin: 0 auto;
		float: none;
		font-family: 'gil', sans-serif;
		font-weight: 400;
		font-size: 0.9em;
		letter-spacing: 0.09em;
		text-transform: uppercase;
		text-align: center;
		padding-top: 8px;
		color: #f3f8f8;
		transform: translateY(30px);
	}
/*END FOOTER STYLES*/

/*START MENU OVERLAY STYLES*/
	.menu-overlay {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		padding-top: 20px;
		z-index: 500;
		background: rgba(46,62,81,0.97);
		width: 100vw;
		height: calc(100vh - 20px);
		overflow: hidden !important;
		opacity: 0;
		/*-webkit-filter: blur(10px);*/
		transform-origin: center;
		transform: scale(0);
		transition: all 0.2s ease-out;
	}

	.menu-overlay.menu-open {
		opacity: 1;
		/*-webkit-filter: blur(0);*/
		transform-origin: center;
		transform: scale(1);
		transition: all 0.2s ease-out;
	}

	.overlay-header-bar {
		position: absolute;
		width: 100vw;
		height: 25px;
		top: 0;
		left: 0;
		background: #027ffc;
	}


	.overlay-logo {
		position: absolute;
		top: 41px;
		left: 20px;
		width: 60px;
		height: auto;
		opacity: 0.85;
		z-index: 550;
		cursor: pointer;
		transition: all 0.2s ease-out;
	}

	.overlay-logo:hover {
		opacity: 0.85;
		transition: all 0.2s ease-out;
	}

	.menu-overlay-graphic {
		position: absolute;
		bottom: -180px;
		right: -95px;
		width: 52%;
		height: auto;
	}

	.menu-overlay-line {
		position: absolute;
		top: 0;
		left: 0;
		width: 150px;
		height: 8px;
		z-index: 1000;
		transform: translateX(-95px) translateY(171px);
		transition: all 0.2s ease-out;
	}

	.menu-overlay-line.position-1 {
		transform: translateX(-95px) translateY(171px);
		transition: all 0.2s ease-out;
	}

	.menu-overlay-line.position-2 {
		transform: translateX(-95px) translateY(261px);
		transition: all 0.2s ease-out;
	}

	.menu-overlay-line.position-3 {
		transform: translateX(-95px) translateY(355px);
		transition: all 0.2s ease-out;
	}

	.menu-overlay-line.position-4 {
		transform: translateX(-95px) translateY(444px);
		transition: all 0.2s ease-out;
	}

	.menu-overlay-line.position-5 {
		transform: translateX(-95px) translateY(535px);
		transition: all 0.2s ease-out;
	}

	.menu-link-line {
		position: relative;
		width: 150px;
		height: auto;
	}

	.menu-items {
		position: relative;
		width: 82vw;
		margin-top: 120px;
		margin-left: 18vw;
		z-index: 510;
		text-align: left;
	}

	.menu-link {
		font-family: 'lar', serif;
		font-weight: 700;
		font-size: 3.25em;
		line-height: 1.75em;
		color: rgba(243,248,248,0.85);
		/*text-shadow: 1.5px 2.598px 5px rgba(42, 39, 29, 0.35);*/
		cursor: pointer;
		text-transform: uppercase;
		transition: all 0.2s ease-out;
	}

	.menu-link:hover {
		color: rgba(255,255,255,1);
		transition: all 0.2s ease-out;
	}

	.menu-link.active {
		color: rgba(255,255,255,1);
		transition: all 0.2s ease-out;
	}
/*END MENU OVERLAY STYLES*/

/*START SERVICES OVERLAY STYLES*/
	.services-overlay {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		padding-top: 20px;
		z-index: 700;
		background: rgba(46,62,81,1);
		width: 100vw;
		height: calc(100vh - 20px);
		overflow: hidden;
		opacity: 0;
		/*-webkit-filter: blur(10px);*/
		transform-origin: center;
		transform: scale(0);
		transition: all 0.2s ease-out;
	}

	.services-overlay.services-open {
		opacity: 1;
		/*-webkit-filter: blur(0);*/
		transform-origin: center;
		transform: scale(1);
		transition: all 0.2s ease-out;
	}

	.close-overlay-icon {
		position: fixed;
		top: 17px;
		right: 22px;
		width: 50px;
		height: 80px;
		padding-top: 5px;
		z-index: 750;
		cursor: pointer;
	}

	.services-overlay-container {
		position: relative;
		display: block;
		width: 92vw;
		height: auto;
		padding-bottom: 90px;
		margin: 0 auto;
		margin-top: 110px;
		background-color: rgb(243, 248, 248);
		border-radius: 50px;
		z-index: 755;
		box-shadow: 15.657px 23.213px 115.2px 4.8px rgba(54, 64, 76, 0.45);
	}

	.services-overlay-wrapper {
		position: relative;
		width: 75%;
		height: auto;
		margin: 0 auto;
		padding-top: 48px;
		overflow: hidden;
		opacity: 0;
		transition: all 0.5s ease-out;
	}

	.services-overlay-wrapper.services-open {
		opacity: 1;
		transition: all 0.5s ease-out;
	}


	.services-overlay-header {
		position: relative;
		font-family: 'gil', sans-serif;
		font-weight: 700;
		font-size: 1.75em;
		color: #2e3e51;
		text-align: left;
		text-transform: uppercase;
		letter-spacing: 0.15em;
	}

	.services-overlay-list-container {
		position: relative;
		width: 90%;
		height: calc(100% - 25px);
		margin: 0 auto;
		padding-top: 25px;
	}

	.services-overlay-list-container:before {
		content: "";
		position: absolute;
		top: 42px;
		left: -15px;
		width: 2px;
		height: 100%;
		border-radius: 5px;
		background: #007efb;
	}

	.services-list-column {
		position: relative;
		display: block;
		float: none;
		width: 95%;
		transition: all 0.2s ease-out;
	}

	.list-column-01 {
		height: auto;
		margin: 0;
		transition: all 0.2s ease-out;
	}

	.list-column-01.janitorial {
		height: auto;
		transition: all 0.2s ease-out;
	}

	.list-column-01.industrial {
		height: auto;
		transition: all 0.2s ease-out;
	}

	.list-column-01.office {
		height: auto;
		transition: all 0.2s ease-out;
	}

	.list-column-01.laboratory {
		height: auto;
		transition: all 0.2s ease-out;
	}

	.list-column-01.furniture {
		height: auto;
		transition: all 0.2s ease-out;
	}

	.list-column-02 {
		height: auto;
		transition: all 0.2s ease-out;
	}

	.list-column-02.janitorial {
		height: auto;
		transition: all 0.2s ease-out;
	}

	.list-column-02.industrial {
		height: auto;
		transition: all 0.2s ease-out;
	}

	.list-column-02.office {
		height: auto;
		transition: all 0.2s ease-out;
	}

	.list-column-02.laboratory {
		height: auto;
		transition: all 0.2s ease-out;
	}

	.list-column-02.furniture {
		height: auto;
		transition: all 0.2s ease-out;
	}

	.list-column-01:before {
		content: "";
		position: absolute;
		top: 0;
		left: -15px;
		width: 2px;
		height: 100%;
		border-radius: 5px;
		background: #007efb;
	}

	.list-column-02:before {
		content: "";
		position: absolute;
		top: 0;
		left: -15px;
		width: 2px;
		height: 100%;
		border-radius: 5px;
		background: #007efb;
	}

	.list-dash {
		position: relative;
		display: inline-block;
		width: 12px;
		height: 1px;
		background: #858585;
		transform: translateY(-5.5px);
	}

	.service-list-item {
		position: relative;
		display: block;
		margin-top: 15px;
		font-family: 'aa', sans-serif;
		font-weight: 300;
		font-size: 1.1em;
		letter-spacing: 0;
		color: #656565;
	}

	.services-disclaimer {
		position: absolute;
		bottom: 20px;
		right: 35px;
		font-family: 'aa', sans-serif;
		font-weight: 300;
		font-size: 0.95em;
		letter-spacing: 0;
		color: #e3e3e3;
		text-align: right;
	}

	.services-overlay-graphic-container {
		position: fixed;
		width: 100vw;
		height: 100vh;
		top: 0;
		left: 0;
		overflow: hidden !important;
	}

	.services-overlay-graphic {
		position: absolute;
		width: 340vw;
		height: auto;
		top: -92px;
		left: -542px;
		opacity: 0;
		transition: all 0.2s ease-out;
	}

	.services-overlay-graphic.services-open {
		opacity: 0.1;
		transition: all 0.2s ease-out;
	}
/*END SERVICES OVERLAY STYLES*/