/*=========MOBILE LANDSCAPE STYLES============*/

@media screen and (min-width: 480px) {

	/*START PRELOADER STYLES*/
		.loader-container {
		  margin-top: 150px;
		}

		.ad-loader-text {
			margin-top: 150px;
		}
	/*END PRELOADER STYLES*/

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

		.landing-logo-link {
			left: 28px;
		}

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


		.landing-graphic {
			position: relative;
			width: 165vw;
			height: auto;
			transform: translateX(-32vw) translateY(13vw);
		}
	/*END LANDING STYLES*/

	/*START SERVICES SECTION STYLES*/
		.services-section {
			width: 100vw;
			min-height: 750px;
			height: auto;
			padding-bottom: 50px;
		}

		.services-bg-img {
			top: -10vw;
		}


		.services-header {
			padding-top: 50px;
			padding-left: 0;
			margin: 0 auto;
			width: 85vw;
			height: auto;
			font-size: 4em;
			letter-spacing: -0.045em;
		}

		.services-icon-container {
			width: 90vw;
			height: 650px;
			margin: 0;
			margin-left: 10vw;
			margin-top: 60px;
			margin-bottom: 80px;
		}


		.services-icon-item {
			position: relative;
			display: inline-block;
			float: left;
			width: 40vw;
			height: 250px;
			margin: 0;
			margin-top: 25px;
		}
	/*END SERVICES SECTION STYLES*/

	/*START COMPANY SECTION STYLES*/
		.company-section {
			width: 100vw;
			min-height: 800px;
			height: 810px;
		}

		.company-header {
			padding-top: 65px;
			padding-right: 0;
			margin: 0 auto;
			width: 85vw;
			height: auto;
			font-size: 4em;
			letter-spacing: -0.045em;
		}

		.company-info-container {
			position: relative;
			display: block;
			width: 90vw;
			height: 485px;
			margin: 0;
			margin-left: 0;
			margin-top: 50px;
		}
	/*END COMPANY SECTION STYLES*/

	/*START BRANDS SECTION STYLES*/
		.brands-section {
			min-height: 785px;
			height: auto;
			padding-bottom: 20px;
		}

		.brands-header {
			padding-top: 35px;
			width: 92vw;
			height: auto;
			font-size: 4em;
			letter-spacing: -0.045em;
			text-align: center;
		}


		.brands-container {
			width: 85vw;
			height: 440px;
			margin: 0 auto;
			margin-top: 50px;
			padding-bottom: 55px;
		}

		.brands-wrapper {
			padding-top: 55px;
			width: 78%;
			height: 90%;
		}

		.brand-logo {
			width: 115px;
			height: auto;
			margin-right: 30px;
			margin-bottom: 35px;
		}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

		.scotch-logo {
			width: 131px;
			height: auto;
			margin-right: 45px;
			transform: translateY(0);
		}



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

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

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

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

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

	/*START CONTACT SECTION STYLES*/
		.contact-section {
			width: 100vw;
			min-height: 1150px;
			height: auto;
		}

		.contact-header {
			padding-top: 50px;
			padding-left: 15vw;
			width: 85vw;
			height: auto;
			font-size: 4em;
			letter-spacing: -0.045em;
		}


		/*START CONTACT INFO STYLES*/
			.contact-container {
				width: 90vw;
				height: 815px;
				margin: 0;
				margin-left: 10vw;
				margin-top: 50px;
			}

			.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: inline-block;
				float: left;
				margin: 0;
				margin-bottom: 35px;
				width: 49%;
			}

			.contact-column-02 {
				position: relative;
				display: inline-block;
				float: left;
				margin: 0;
				margin-bottom: 35px;
				width: 49%;
			}

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

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

			.column-02-location-02 {
				display: block;
			}

			.contact-column-03 {
				display: none;
			}

			.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*/

		/*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 MENU OVERLAY STYLES*/
		.overlay-logo {
			top: 41px;
			left: 25px;
		}

		.menu-overlay-graphic {
			display: none;
		}

		.menu-overlay-line {
			transform: translateX(-15px) translateY(102px);
			transition: all 0.2s ease-out;
		}

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

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

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

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

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

		.menu-items {
			width: 82vw;
			margin-top: 65px;
			margin-left: 18vw;
		}

		.menu-link {
			font-size: 2.85em;
			line-height: 1.25em;
		}
	/*END MENU OVERLAY STYLES*/

	/*START SERVICES OVERLAY STYLES*/
		.services-overlay {
			padding-top: 20px;
			padding-bottom: 50px;
			min-height: calc(100vh - 70px);
			height: auto;
			overflow-x: hidden;
			overflow-y: scroll;
		}

		.close-overlay-icon {
			position: absolute;
			top: 17px;
			right: 27px;
		}

		.services-overlay-container {
			width: 92vw;
			height: 450px;
			margin: 0 auto;
			margin-top: 110px;
		}

		.services-overlay-wrapper {
			position: relative;
			width: 75%;
			height: 445px;
			margin: 0 auto;
			padding-top: 48px;
			overflow: hidden;
		}

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

		.services-overlay-list-container:before {
			display: none;
		}

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

		.list-column-01 {
			height: 100%;
			margin-right: 50px;
			transition: all 0.2s ease-out;
		}

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

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

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

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

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

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

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

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

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

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

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

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

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

		.services-disclaimer {
			position: relative;
			margin-top: 40px;
			right: 35px;
		}
	/*END SERVICES OVERLAY STYLES*/	
}