/*=========TABLET LANDSCAPE STYLES============*/

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

	/*START LANDING STYLES*/
		.landing-container {
			min-height: 60vh;
			height: auto;
		}
	/*END LANDING STYLES*/

	/*START SERVICES SECTION STYLES*/
		.services-section {
			width: 100vw;
			min-height: 550px;
			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: 85vw;
			height: 225px;
			margin: 0;
			margin-left: 15vw;
			margin-top: 60px;
			margin-bottom: 80px;
		}

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


		.services-icon-item {
			position: relative;
			display: inline-block;
			float: left;
			width: calc(18.0625vw - 40px);
			height: 250px;
			margin-top: 25px;
			margin-right: 40px;
			z-index: 200;
			cursor: pointer;
		}

		.services-icon-item:last-child {
			margin-right: 0;
		}
	/*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 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: 90%;
				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 !important;
			}

			.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 BRANDS SECTION STYLES*/
		.brands-section {
			min-height: 815px;
			height: auto;
			padding-bottom: 20px;
		}

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


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

		.brands-wrapper {
			padding-top: 55px;
			width: 75%;
			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: 139px;
			height: auto;
		}

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

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

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

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

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

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

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



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

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


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

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

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

	/*START MENU OVERLAY STYLES*/
		.overlay-logo {
			position: absolute;
			top: 41px;
			left: 25px;
		}

		.menu-overlay-graphic {
			position: absolute;
			display: block;
			bottom: -166px;
			right: -695px;
			width: 102%;
			height: auto;
		}

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

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

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

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

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

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

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

		.menu-items {
			position: relative;
			width: 80vw;
			margin-top: 90px;
			margin-left: 20vw;
		}

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

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

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

		.services-overlay-container {
			width: 85vw;
			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: 50%;
			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: 80px;
		}
	/*END SERVICES OVERLAY STYLES*/	

}