/* Default and iPhone portrait */

		* {
			box-sizing: border-box;
		}
		
		/*
		font options:
		*font-family: canada-type-gibson
		- font-weight: 300;
		  font-style: normal; 
		- font-weight: 400;
		  font-style: normal;
		- font-weight: 600;
		  font-style: normal;
		  
		*font-family: adonis-web
		- font-weight: 400;
		  font-style: normal;
		- font-weight: 700;
		  font-style: normal;
		*/
		
		body, html {
			margin: 0px;
			padding: 0px;
			/*min-width: 320px;*/
			/*font-family: 'Segoe UI WPC','Segoe UI',Tahoma,'Microsoft Sans Serif',Verdana,sans-serif;*/
			font-family: "canada-type-gibson", sans-serif;
			font-weight: 300;
			font-style: normal;
			font-size: 18px;
			line-height: 1.6;
			color: #3f5769;
			background-color: #0d334c;
			scroll-behavior: smooth !important;
		}
		
		table, td, input, button {
			/*font-size: 1em;*/
			/*font-family: 'Segoe UI WPC','Segoe UI',Tahoma,'Microsoft Sans Serif',Verdana,sans-serif;*/
			font-family: "canada-type-gibson", sans-serif;
			font-weight: 300;
			font-style: normal;
			color: #3f5769;
		}
		
		button {
			all: initial;
			font-family: "canada-type-gibson", sans-serif;
			font-weight: 300;
			font-style: normal;
			color: #3f5769;
		}
		
		a {
			text-decoration: none;
			color: inherit;
			line-height: 1;
		}
		
		img {
			vertical-align: middle;
			border: none;
		}
		
		/*input, select {*/
		/*	padding-left: 5px;*/
		/*	padding-top: 5px;*/
		/*	padding-bottom: 5px;*/
		/*	padding-right: 0px;*/
		/*	border-radius: 6px;*/
		/*	border-style: solid;*/
		/*	border-width: 1px;*/
		/*	border-color: #999;*/
		/*	color: #333;*/
		/*}*/
		
		.blueButton {
			background-color: #69f;
			background-color: #3A4E9F;
			color: #fff;
			border-color: rgba(255,255,255,0.5);
			border-style: solid;
			border-width: 2px;
			padding: 5px;
			padding-left: 10px;
			padding-right: 10px;
			border-radius: 6px;
		}
		
		#info {
			text-align: center;
			font-size: smaller;
		}	
		
		.arrow {
			display: none;
		}

		.hidden {
			display: none;
		}
		
		.invisible {
			display: none !important;
		}
		
		/*new*/
		
		h1 {
			font-family: "adonis-web", sans-serif;
			margin: 0px;
			color: #0d334c;
			text-align: center;
		}
		
		.loadingCursor {
			cursor: progress;
		}
		
		/*nav bar*/
		
		#navBarContainer {
			/*display: flex;*/
			/*align-items: center;*/
			/*background-color: #fff;*/
			/*box-shadow: 0 3px 3px -3px rgba(0,0,0,.188);*/
			/*font-weight: 400;*/
			/*font-size: 16px;*/
			position: sticky;
			top: 0;
			/*width: 100%;*/
			z-index: 10;
			/*padding: 8px;*/
		}
		
		/*#navBarContainer ul li:hover {*/
		/*	color: #C71218;*/
		/*	cursor: pointer;*/
		/*}*/
		
		#navBar {
			display: flex;
			align-items: center;
			background-color: #fff;
			box-shadow: 0 3px 3px -3px rgba(0,0,0,.188);
			font-weight: 400;
			font-size: 16px;
			/*position: sticky;*/
			/*top: 0;*/
			width: 100%;
			/*z-index: 10;*/
			padding: 8px;
		}
		
		#navBar ul li:hover {
			color: #C71218;
			cursor: pointer;
		}
		
		#navLeft {
			flex: 1;
			display: flex;
			justify-content: center;
		}
		
		#navLeft a {
			margin-right: auto;
		}
		
		#navMenu {
			display: none;
			flex-direction: column;
			justify-content: space-between;
			box-sizing: content-box;
			width: 25px;
			height: 21px;
			/*margin: 12px 0 11px 12px;*/
			padding: 12px;
		}
		
		#navMenu:hover {
			cursor: pointer;
		}
		
		.menuLine {
			flex-direction: column;
			background-color: #3f5769;
			height: 3px;
			width: 25px;
			/*width: 100%;*/
			border-radius: 10px;
		}
		
		#navMiddle {
			flex: 1;
			display: flex;
			align-items: center;
			justify-content: center;
			list-style-type: none;
			/*font-size: 18px;*/
			margin: 0;
			padding: 0;
		}
		
		#navMiddle li {
			display: flex;
			align-items: center;
			/*color: #3f5769;*/
			padding: 10px 15px;
		}
		
		#navRight {
			flex: 1;
			display: flex;
			align-items: center;
			justify-content: center;
		}
		
		#navRight span {
			margin-left: auto;
		}
		
		#proInput {
			border-radius: 100px;
			padding: 10px 10px;
			border: 1px solid #3f5769;
		}
		
		#navLogin {
			display: inline-flex;
			align-items: center;
			color: #fff;
			text-align: center;
			background-color: #C71218;
			font-size: .8rem;
			font-weight: 500;
			letter-spacing: .11rem;
			padding: 14px 15px 12px 15px;
			margin-left: 8px;
			margin-right: 5px;
		}
		
		#navLogin:hover {
			background-color: #AF1218;
		}
		
		/*Mobile nav*/
		::-webkit-scrollbar {
		  width: 10px;
		}
		
		/* Track */
		::-webkit-scrollbar-track {
		  background: #f1f1f1;
		}
		
		#mobileNav {
			height: 100vh;
			/*height: 1000px;*/
			background-color: #0d334c;
			overflow-y: scroll;
		}
		
		#mobileNavBackground {
			padding: 10px;
			background-color: #fff;
		}
		
		#mobileNavForm {
			padding: 15px;
		}
		
		#xNavButtonContainer {
			background-color: #e7edf1;
			display: inline-block;
			padding: 15px;
			border-radius: 100px;
			cursor: pointer;
		}
		
		#xNavButtonContainer:hover {
			background-color: #CED3D6;
		}
		
		#xNavButton {
			width: 15px;
		}
		
		#mobileNavButtons {
			display: flex;
			flex-direction: column;
		}
		
		.mobileButton {
			/*font-size: 16px;*/
			background-color: #0d334c;
			color: #fff;
			font-weight: 500;
			letter-spacing: 1px;
			margin: 8px 0;
			padding: 20px 10px;
			text-transform: uppercase;
			text-align: center;
			cursor: pointer;
		}
		
		.mobileButton:hover {
			opacity: .9;
			/*background-color: #12486B;*/
		}
		
		#mobileLogin {
			color: #3f5769;
			background-color: #fff;
			border: 2px solid #3f5769;
		}
		
		#mobileLogin:hover {
			color: #fff;
			background-color: #C71218;
			border-color: #C71218;
		}
		
		#mobileNavLinks {
			margin-top: 30px;
			margin-bottom: 20px;
			line-height: 0.5;
		}
		
		.mobileLink {
			display: inline-block;
			width: 100%;
			font-size: 22px;
			padding: 20px 0;
			font-weight: 500;
			border-bottom: 1px solid rgb(0,0,0);
			border-bottom: 1px solid rgba(0,0,0,.3);
		}
		
		.mobileLink:hover {
			color: #C71218;
			cursor: pointer;
			border-color: rgba(199, 18, 24, .3);
		}
		
		#mobileFooter {
			background-color: #0d334c;
		}
		
		#mobileFooterImg {
			display: flex;
			justify-content: center;
			padding: 50px 0;
		}
		
		/*main section*/
		#main {
			display: flex;
			position: relative;
			width: 100%;
			padding-bottom: 170px;
			background-position: 0% 75%;
			height: 73vh;
			max-height: 700px;
			background-color: #4D4D4D;
			background-repeat: no-repeat;
			background-size: cover;
			overflow: hidden;
			border-top: 35px solid #0d334c;
		}
		
		#main.spring {
			background-image: url("/pwt/pwt2025/images/truckPics/spring.jpg");
			background-position: 0% 49%;
		}
		
		#main.summer {
			background-image: url("/pwt/pwt2025/images/truckPics/summerTruck.jpg");
			background-position: 0% 75%;
		}
		
		#main.fall {
			background-image: url("/pwt/pwt2025/images/truckPics/fallTruck.jpg");
			background-position: 40% 67%;
			min-height: 675px;
		}
		
		#main.winter {
			background-image: url("/pwt/pwt2025/images/truckPics/winterTruck.jpg");
			background-position: 0% 32%;
		}
		
		#main.christmas {
			background: linear-gradient(to bottom, rgba(13,51,76,0) 65%,
				rgba(13,51,76,1)), url("/pwt/pwt2025/images/truckPics/silhouetteWithTrail.jpg");
			min-height: 735px;
		}
		
		/*infoBoxes section*/
		#infoBoxes {
			display: flex;
			justify-content: center;
			background-color: #0d334c;
			padding-top: 30px;
			padding-bottom: 50px;
		}
		
		#infoBoxes.christmas {
			padding-top: 5px;
		}
		
		.infoBox {
			display: flex;
			flex-direction: column;
			background-color: #fff;
			margin: 20px;
			width: 100%;
			max-width: 400px;
			/*box-shadow: 0 2px 10px 3px rgba(0, 0, 0, 0.2)*/
			/*, 0 9px 10px 0 rgba(0, 0, 0, 0.1);*/
			text-align: center;
			z-index: 1;
		}
		
		.infoBoxTitleContainer {
			background-color: #0d334c;
			border: 4px solid #fff;
			position: relative;
		}
		
		.infoBoxIcon {
			width: 50px;
			position: absolute;
			background-color: #0d334c;
			top: -30px;
			left: 0;
			right: 0;
			margin-left: auto;
			margin-right: auto;
		}
		
		.teamLogo {
			padding: 0 7px;
			box-sizing: content-box;
		}
		
		.mapsLogo {
			width: 45px;
		}
		
		.newsLogo {
			padding: 0 6px;
			box-sizing: content-box;
		}
		
		.infoBoxTitle {
			font-size: 34px;
			font-weight: 400;
			margin-bottom: 15px;
			margin-top: 30px;
			line-height: 1;
			text-align: center;
			color: #fff;
		}
		
		.infoBoxTextContainer {
			padding: 10px 30px 0px 30px;
		}
		
		.infoBoxSubTitle {
			font-size: 20px;
			font-weight: 500;
			letter-spacing: 1px;
		}
		
		.infoBoxText {
			margin-bottom: 15px;
		}
		
		#infoDot {
			display: none;
		}
		
		#holidayLink {
			display: inline-block;
			color: #2180bf;
			font-size: 13px;
			letter-spacing: .110rem;
			font-weight: 500;
		}
		
		#holidayLink:hover {
			color: #2799E6;
			cursor: pointer;
			text-decoration: underline;
		}
		
		.infoBoxButtonContainer {
			display: flex;
			justify-content: center;
			margin-bottom: 40px;
			margin-top: auto;
		}
		
		.infoBoxButton {
			display: inline-block;
			color: #fff;
			/*background-color: #20438e;*/
			background-color: #002d74;
			font-weight: 500;
			letter-spacing: .11rem;
			text-transform: uppercase;
			font-size: .75rem;
			padding: 16px 24px 14px 24px;
			margin-top: 20px;
			/*border-radius: 5px;*/
		}
		
		.infoBoxButton:hover {
			background-color: #002259;
		}
		
		/*aboutUs section*/
		#aboutUs {
			padding: 55px 0;
			display: flex;
			justify-content: center;
			background-color: #fff;
		}
		
		#aboutUsForm {
			width: 100%;
			display: flex;
			justify-content: center;
			align-items: center;
			/*background-color: red;*/
			padding: 0 15px;
			max-width: 1250px;
		}
		
		.aboutUsLeft {
			display: flex;
			justify-content: center;
			flex: 1 1 50%;
		}
		
		.aboutUsRight {
			padding-left: 30px;
			flex: 1 1 50%;
		}
		
		#aboutUsSlogan {
			font-size: 14px;
			letter-spacing: .125rem;
			font-weight: 500;
			margin-bottom: 10px;
		}
		
		.aboutUsPicture {
			/*max-width: 550px;*/
			width: 100%;
		}
		
		.aboutUsTitle {
			font-size: 34px;
			line-height: 1.2;
			font-weight: 400;
			margin-bottom: 20px;
			text-align: left;
		}
		
		#hiddenAboutUsPicture {
			display: none;
			width: 100%;
			max-width: 600px;
			margin-bottom: 20px;
		}
		
		.aboutUsText {
			margin-bottom: 20px;
		}
		
		.aboutUsButton {
			color: #2180bf;
			font-size: 14px;
			letter-spacing: .125rem;
			font-weight: 500;
		}
		
		.aboutUsButton:hover {
			color: #2799E6;
			cursor: pointer;
			text-decoration: underline;
		}
		
		/*contactUs section*/
		/*#contactUsFull {*/
		/*	padding: 55px 0;*/
		/*}*/
		
		#contactUs {
			display: flex;
			justify-content: center;
			background-color: #e7edf1;
			padding: 55px 0;
		}
		
		#contactUsForm {
			width: 100%;
			display: flex;
			flex-direction: column;
			align-items: center;
			max-width: 1000px;
		}
		
		#contactUsTitle {
			font-size: 38px;
			font-weight: 400;
			margin-bottom: 25px;
			text-align: center;
		}
		
		#contactDivider {
			display: flex;
			justify-content: center;
			/*background-color: #fff;*/
			width: 100%;
			box-shadow: 0 2px 10px 3px rgba(0, 0, 0, 0.2)
			, 0 9px 10px 0 rgba(0, 0, 0, 0.1);
		}
		
		.contactSection {
			background-color: #fff;
			flex: 1;
		}
		
		.contactSection:nth-child(1) {
			margin-right: 1px;
		}
		
		.contactSection:nth-child(2) {
			margin-left: 1px;
		}
		
		#phoneContactBox {
			line-height: 1.8;
		}
		
		.contactBox {
			width: 100%;
			padding: 30px;
		}
		
		#contactImgPhone {
			width: 100%;
			max-width: 195px;
			/*max-width: 150px;*/
		}
		
		#contactImgPhoneMobile {
			display: none;
			width: 100%;
			max-width: 150px;
		}
		
		#contactImgEmail {
			width: 100%;
			max-width: 388px;
			/*max-width: 315px*/
		}
		
		#contactImgEmailMobile {
			display: none;
			width: 100%;
			max-width: 300px;
		}
		
		.contactColor {
			color: #8a8e99;
		}
		
		/*#contactUsBoxes {*/
		/*	display: flex;*/
		/*	justify-content: center;*/
		/*}*/
		
		/*.contactBox {*/
		/*	display: flex;*/
		/*	flex-direction: column;*/
		/*	align-items: center;*/
		/*	background-color: #fff;*/
		/*	max-width: 250px;*/
		/*	width: 100%;*/
		/*	margin: 20px;*/
		/*	padding: 40px 15px;*/
			/*border-radius: 10px;*/
		/*	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
		/*}*/
		
		.contactTitle {
			background-color: #0d334c;
			color: #fff;
			font-size: 26px;
			font-weight: 400;
			letter-spacing: 1px;
			text-align: center;
			padding: 15px 0;
		}
		
		/*.contactPhone {*/
		/*	margin-bottom: 20px;*/
		/*}*/
		
		/*transitTime section*/
		#transitTime {
			display: flex;
			justify-content: center;
			padding-bottom: 70px;
			padding-top: 70px;
			background-color: #e7edf1;
			width: 100%;
			/*background: linear-gradient(to top, rgba(231,237,241,0) 65%,*/
			/*  rgba(231,237,241,1)), url("/pwt2025/images/transitTimeNew.jpg");*/
			background-image: url("/pwt/pwt2025/images/transitTime.jpg");
			background-repeat: no-repeat;
			background-position: 65% 45%;
			background-size: cover;
			min-height: 700px;
		}
		
		#XXXtransitTimeForm {
			display: flex;
			justify-content: center;
			width: 100%;
			max-width: 1300px;
			min-height: 153px;
			padding: 0 30px;
		}
		
		#XXXtransitTimeLeft {
			flex: 1 1 50%;
			padding-right: 130px;
		}
		
		#XXXtransitTimeTitle {
			font-size: 38px;
			font-weight: 500;
			margin-bottom: 20px;
			line-height: 1;
			text-align: left;
		}
		
		#XXXtransitTimeRight {
			display: flex;
			flex-direction: column;
			flex: 1 1 50%;
			padding-left: 10px;
			width: 100%;
		}
		
		#XXXtransitTimeInputs {
			display: flex;
			width: 100%;
			margin-bottom: 30px;
			min-height: 30px;
		}
		
		.XXXtransitInputContainers {
			width: 100%;
		}
		
		.XXXtransitInputContainers:nth-child(2) {
			margin-left: 10px;
		}
		
		.XXXzipLabel {
			font-size: 15px;
			margin-bottom: 3px;
			line-height: 1;
		}
		
		.XXXtransitTimeInput {
			width: 100%;
			padding: 10px 5px;
			border: 1px solid rgb(189 189 189);
			border-radius: 4px;
		}
		
		#XXXtransitTimeButton {
			display: flex;
			align-items: center;
			justify-content: center;
			width: 400px;
			font-size: 18px;
			background-color: #002d74;
			color: #fff;
			padding: 11px 15px 10px 15px;
			margin-top: 18px;
			margin-left: 10px;
			border-radius: 5px;
			line-height: 1;
			cursor: pointer;
			white-space: nowrap;
		}
		
		#XXXtransitTimeButton:hover {
			background-color: #001D4D;
		}
		
		#XXXtransitResult {
			display: flex;
			align-items: center;
			background-color: #8BAFE8;
			background-color: rgba(0,45,116,.3);
			color: #002d74;
			font-size: 24px;
			font-weight: 400;
			padding: 20px 8px;
			border-radius: 4px;
			line-height: 1;
		}
		
		.XXXtransitZips {
			margin-left: 25px;
			font-size: 19px;
		}
		
		#XXXtransitTimeImage {
			min-height: 330px;
			background-image: url("/pwt/pwt2025/images/transitTime.jpg");
			background-repeat: no-repeat;
			background-size: cover;
			background-position: 65% 60%;
			overflow: hidden;
		}
		
		/*redesig tran*/
		#transitTimeForm {
			display: flex;
			flex-direction: column;
			align-items: center;
			width: 100%;
			/*background-color: red;*/
			max-width: 600px;
			color: #fff;
		}
		
		#transitTimeTitle {
			font-size: 50px;
			font-weight: 500;
			margin-bottom: 20px;
			line-height: 1;
			text-shadow: 3px 3px 4px rgba(0,0,0,0.7);
		}
		
		#transitTimeInputs {
			display: flex;
			width: 100%;
		}
		
		.transitInputContainers {
			width: 100%;
		}
		
		.transitInputContainers:nth-child(2) {
			margin-left: 30px;
		}
		
		.transitTimeInput {
			width: 100%;
			padding: 10px 5px;
			border: 1px solid rgb(189 189 189);
			border-radius: 4px;
			box-shadow: 3px 4px 8px 0 rgba(0, 0, 0, 0.4), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
		}
		
		.transitTimeInput:placeholder-shown {
			font-style: italic;
		}
		
		#transitTimeButton {
			display: flex;
			align-items: center;
			justify-content: center;
			background-color: #002d74;
			/*background-color: #2D77BD;*/
			color: #fff;
			width: 100%;
			font-weight: 500;
			letter-spacing: .11rem;
			text-transform: uppercase;
			font-size: .78rem;
			padding: 15px 15px 13px 15px;
			margin-top: 20px;
			border-radius: 5px;
			line-height: 1;
			cursor: pointer;
			white-space: nowrap;
			box-shadow: 3px 4px 8px 0 rgba(0, 0, 0, 0.4), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
			/*box-shadow: 10px 10px 0px rgba(0,0,0,0.9);*/
		}
		
		#transitTimeButton:hover {
			background-color: #001D4D;
		}
		
		#transitResult {
			display: flex;
			align-items: center;
			/*background-color: #8BAFE8;*/
			/*background-color: rgba(255,255,255,.7);*/
			background-color: #7295CF;
			color: #002d74;
			width: 100%;
			font-size: 24px;
			font-weight: 400;
			padding: 20px 8px;
			margin-top: 20px;
			border-radius: 4px;
			line-height: 1;
			box-shadow: 3px 4px 8px 0 rgba(0, 0, 0, 0.4), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
		}
		
		#transitLoadingContainer {
			display: flex;
			justify-content: center;
			margin-left: auto;
			margin-right: auto;
		}
		
		#transitLoading {
			width: 30px;
			height: 30px;
		}
		
		#transitZips {
			margin-left: 20px;
			font-size: 19px;
		}
		
		/*careers section*/
		#careersFormReorder {
			display: flex;
			flex-direction: column;
		}
		
		#careers {
			display: flex;
			flex-direction: column;
			align-items: center;
			/*background-color: #e7edf1;*/
			background: #fff;
			padding-top: 10px;
			padding-bottom: 55px;
		}
		
		#careersForm {
			display: flex;
			flex-direction: column;
			align-items: center;
			max-width: 1300px;
			padding: 0 30px;
		}
		
		.careersSection {
			flex: 1;
		}
		
		#careerSectionLeft {
			margin-left: 35px;
			margin-right: 15px;
			/*display: flex;*/
			/*align-items: center;*/
		}
		
		#careerTop {
			max-width: 1000px;
		}
		
		#careerCultureTitle {
			font-size: 24px;
			text-align: center;
			font-weight: 500;
			line-height: 1;
			letter-spacing: 3px;
			margin-bottom: 30px;
		}
		
		.careerText {
			text-align: center;
			margin-bottom: 18px;
		}
		
		#careersApply {
			display: flex;
			flex-direction: column;
			align-items: center;
			background: linear-gradient(to bottom, #D5DADE 20%, #fff);
			padding: 40px 10px 40px 10px;
		}
		
		#careersApplyForm {
			max-width: 850px;
			padding: 0 35px;
		}
		
		#career3Img {
			display: flex;
			align-items: center;
			margin-top: 20px;
		}
		
		.careerApplicationSections {
			display: flex;
			flex-direction: column;
			align-items: center;
			position: relative;
			max-width: 390px;
			margin: 0 10px 20px 10px;
			box-shadow: 3px 4px 8px 0 rgba(0, 0, 0, 0.4), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
			transition: transform .2s;
		}
		
		.careerApplicationSections:hover {
			transform: scale(1.13);
			cursor: pointer;
			z-index: 1;
		}
		
		.applicationFooter {
			background-color: rgb(30,30,30);
			background-color: rgba(30, 30, 30, .7);
			color: rgb(255,255,255);
			color: rgba(255,255,255,.87);
			width: 100%;
			position: absolute;
			bottom: 0px;
			text-align: center;
			padding-top: 2px;
		}
		
		.darkOverlay {
			background: linear-gradient(rgba(20, 20, 20, .5), rgba(20, 20, 20, .5));
			height: 100%;
			width: 100%;
			position: absolute;
		}
		
		#overlay {
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			background-color: #3f5769;
			z-index: 100000;
		}
		
		.careerImages {
			width: 100%;
		}
		
		#applyNowTitle {
			font-size: 48px;
			text-align: center;
			font-weight: 600;
			line-height: 1;
			margin-bottom: 35px;
			color: #fff;
			/*text-shadow: 3px 3px 4px rgba(0,0,0,0.8);*/
			/*text-shadow: 2px 2px #000;*/
			text-shadow: 2px 2px 4px #000;
		}
		
		.careerApplicationContainer {
			display: flex;
			justify-content: center;
			align-items: center;
			width: 100%;
			background-color: #002d74;
		}
		
		.applicationText {
			color: #fff;
			font-weight: 500;
			letter-spacing: .11rem;
			text-transform: uppercase;
			font-size: .88rem;
			padding: 24px 30px 22px 30px;
			text-align: center;
		}
		
		/*.applicationText:after {*/
		/*	content: "";*/
		/*	width: 22px;*/
		/*	height: 22px;*/
		/*	background-image: url("/pwt/pwt2025/images/icons/arrowWhiteLong.png");*/
		/*	background-size: contain;*/
		/*	background-repeat: no-repeat;*/
		/*	top: 27px;*/
			/*right: 5px;*/
		/*	position: absolute;*/
			/*margin-left: 8px;*/
		/*	display: none;*/
		/*}*/
		
		/*.careerApplicationSections:hover .applicationText:after { */
		/*	display: inline-block;*/
		/*}*/
		
		.applicationArrow {
			width: 30px;
			margin-bottom: 3px;
			display: none;
		}
		
		#careerSectionRight {
			display: flex;
			align-items: center;
			margin-left: 40px;
			margin-top: -55px;
			margin-bottom: -55px;
		}
		
		#careerImg {
			max-width: 100%;
			max-height: 700px;
		}
		
		/*aboutMain section*/
		
		#aboutMain {
			display: flex;
			justify-content: center;
			padding: 0px 0 90px 0;
			margin-top: -30px;
			background-color: #fff;
		}
		
		#aboutForm {
			max-width: 1150px;
			position: relative;
			z-index: 2;
		}
		
		.aboutSection {
			display: flex;
			justify-content: center;
			/*max-width: 1200px;*/
			padding: 0 30px;
		}
		
		.aboutDiv {
			display: flex;
			flex-direction: column;
			justify-content: center;
			margin: 0 20px;
		}
		
		.aboutDiv:nth-child(1) {
			overflow: visible;
		}
		
		#aboutTitleBanner {
			padding: 0px 0;
			width: 100%;
			position: relative;
			margin-bottom: 40px;
			font-size: 48px;
			font-weight: 600;
			line-height: 1;
			color: #fff;
			text-shadow: 2px 2px 4px #000;
		}
		
		#aboutTitleBackground {
			background: linear-gradient(to bottom, rgba(206,226,240,0), rgba(206,226,240,0.9), rgba(206,226,240,0.9), rgba(206,226,240,0));
			background-color: #fff;
			padding: 55px 10px;
			position: relative;
			z-index: 2;
		}
		
		/*#aboutTitleBanner:before {*/
		/*	content:"";*/
			/*background-color:#CCFFFF;*/
			/*background: linear-gradient(to bottom, rgba(251,245,231,0), rgba(251,245,231,0.9), rgba(251,245,231,0.9), rgba(251,245,231,0));*/
		/*	background: linear-gradient(to bottom, rgba(206,226,240,0), rgba(206,226,240,0.9), rgba(206,226,240,0.9), rgba(206,226,240,0));*/
		/*	padding: 100px 0;*/
		/*	position: absolute;*/
		/*	top: -90px;*/
			/*height: 100%;*/
		/*	width: 4000px;*/
		/*	left: -2000px;*/
		/*	z-index: -1;*/
		/*}*/
		
		#focusImageContainer {
			display: flex;
			position: relative;
			justify-content: center;
			width: 100%;
			margin-bottom: 30px;
			margin-top: 20px;
		}
		
		#focusImage {
			max-width: 430px;
		}
		
		.focusThumbnail {
			opacity: .35;
		}
		
		#aboutCarousel {
			display: flex;
			justify-content: center;
		}
		
		#carouselImagesContainer {
			overflow-x: hidden;
			width: 100%;
			max-width: 430px;
			position: relative;
			z-index: 1;
		}
		
		#carouselImages {
			display: grid;
			grid-auto-flow: column;
			grid-auto-columns: calc((100% - (1.5rem * (3 - 1))) / 3);
			grid-gap: 1.5rem;
			position: relative;
			left: 0;
			transition: .3s;
		}
		
		#carouselImages > * {
			aspect-ratio: 4 / 3;
		}
		
		.carouselImg {
			/*width: 375px;*/
			/*margin: 0 10px;*/
			width: 100%;
			height: 100%;
			object-fit: cover;
			display: block;
		}
		
		#carouselLeft {
			display: flex;
			align-items: center;
			position: relative;
			z-index: 2;
			margin-right: 5px;
		}
		
		#carouselRight {
			display: flex;
			align-items: center;
			position: relative;
			z-index: 2;
			margin-left: 5px;
		}
		
		#carouselLeftImg {
			width: 35px;
			transform: scaleX(-1);
			cursor: pointer;
			padding: 15px 10px;
		}
		
		#carouselRightImg {
			width: 35px;
			cursor: pointer;
			padding: 15px 10px;
		}
		
		#aboutTitlePic {
			position: relative;
			z-index: 2;
		}
		
		.aboutTitle {
			font-size: 38px;
			font-weight: 500;
			text-align: center;
			line-height: 1.2;
		}
		
		.aboutParagraph {
			margin-bottom: 18px;
		}
		
		.aboutSlogan {
			font-size: 16px;
			letter-spacing: .125rem;
			font-weight: 500;
			margin-top: 3px;
			text-align: center;
		}
		
		.aboutImageDiv {
			align-items: center;
		}
		
		.aboutHr {
			border: 0;
			border-top: 1px solid rgba(0,0,0,.1);
			margin: 50px 0;
		}
		
		.aboutBottomMargin {
			margin-bottom: 50px;
		}
		
		#aboutService {
			display: flex;
			justify-content: center;
			/*background: linear-gradient(to top, rgba(255,255,255,0) 20%,*/
   /*           rgba(255,255,255,1)), url("/pwt/pwt2025/images/aboutGrass.jpg");*/
			/*background-color: rgba(134,184,217, .3);*/
			background-color: #fff;
			background-size: cover;
			background-repeat: no-repeat;
			background-position: 0% 90%;
			/*padding: 100px 0;*/
			/*padding-top: 40px;*/
			/*padding-bottom: 100px;*/
		}
		
		#aboutClouds {
			display: flex;
			justify-content: center;
			background: linear-gradient(to bottom, rgba(255,255,255,0) 20%,
              rgba(255,255,255,1)), url("/pwt/pwt2025/images/aboutClouds.jpg");
			background-size: cover;
			background-repeat: no-repeat;
			background-position: 100% 100%;
			padding: 55px 0;
			position: relative;
			z-index: 1;
		}
		
		#aboutCloudsForm {
			min-height: 200px;
			/*position: absolute;*/
		}
		
		#aboutServiceForm {
			width: 100%;
			background: linear-gradient(to bottom, rgba(206,226,240,0), rgba(206,226,240,1) 30%, rgba(206,226,240,1) 70%, rgba(206,226,240,0));
			padding: 80px 15px 80px 15px;
			margin-bottom: 20px;
		}
		
		#aboutWidePic {
			width: 100%;
			min-height: 350px;
			background-image: url("/pwt/pwt2025/images/aboutWide.jpg");
			background: linear-gradient(to top, rgba(255,255,255,0) 50%, rgba(255,255,255,.75),
			  rgba(255,255,255,1)), url("/pwt/pwt2025/images/aboutWide.jpg");
			background-size: cover;
			background-position: 50% 75%;
		}
		
		.serviceFact {
			text-align: center;
			margin-bottom: 5px;
			font-weight: 400;
		}
		
		/*resources section*/
		#resources {
			background-color: #fff;
			/*width: 100%;*/
		}
		
		#resourcesForm {
			display: flex;
			flex-direction: column;
			align-items: center;
			padding-bottom: 55px;
			background-color: #e7edf1;
			/*background: linear-gradient(to right, rgba(255,255,255,0) 60%,*/
   /*           rgba(255,255,255,1)), url("/pwt/pwt2025/images/resourcesTruck60.jpg");*/
			background-image: url("/pwt/pwt2025/images/resourcesTruck.jpg");
			background-size: cover;
			background-repeat: no-repeat;
			background-position: 50% 51%;
		}
		
		#resourceFormTitle {
			color: #fff;
			padding: 115px 0 20px 0;
			font-size: 48px;
			font-weight: 500;
			text-align: center;
			width: 100%;
		}
		
		#resourceColumns {
			display: flex;
			justify-content: center;
			flex-wrap: wrap;
			width: 100%;
			max-width: 1200px;
		}
		
		.resourceEntry {
			display: flex;
			justify-content: center;
			align-items: center;
			box-shadow: 0 2px 10px 3px rgba(0, 0, 0, 0.2)
			, 0 9px 10px 0 rgba(0, 0, 0, 0.1);
			/*background-color: #e7edf1;*/
			background-color: #fff;
			width: 100%;
			max-width: 500px;
			/*padding: 20px 65px;*/
			padding: 20px 20px;
			margin: 10px;
		}
		
		.resourceEntry:hover {
			color: #fff;
			background-color: #0d334c;
			cursor: pointer;
		}
		
		.resourceTitle {
			font-size: 22px;
			font-weight: 600;
			white-space: nowrap;
		}
		
		/*holiday section*/
		
		#holiday {
			display: flex;
			justify-content: center;
			background-color: #e7edf1;
			padding: 75px 0;
		}
		
		#holidayForm {
			display: flex;
			flex-direction: column;
			align-items: center;
			width: 100%;
			max-width: 1000px;
			/*border: 3px solid #0d334c;*/
			background-color: #fff;
			box-shadow: 0 2px 10px 3px rgba(0, 0, 0, 0.2)
			, 0 9px 10px 0 rgba(0, 0, 0, 0.1);
			border-radius: 15px;
			padding: 30px;
		}
		
		#holidayFormTitle {
			margin-bottom: 15px;
			font-size: 36px;
			font-weight: 600;
		}
		
		#holidayList {
			display: flex;
			flex-direction: column;
			/*justify-content: space-around;*/
			/*flex-wrap: wrap;*/
			/*width: 100%;*/
			/*max-width: 650px;*/
		}
		
		.holidayListSection {
			display: flex;
			/*justify-content: center;*/
			justify-content: space-between;
			flex-wrap: wrap;
		}
		
		.holidayListSection:after {
			content: "";
			flex: auto;
		}
		
		.holidayEntry {
			padding: 5px;
			margin: 20px 10px;
			width: 190px;
			line-height: 1;
		}
		
		.holidayHr {
			border: 0;
			/*border-top: 3px solid #0d334c;*/
			border-top: 3px solid #C71218;
			padding-bottom: 5px;
			margin-top: 3px;
			margin-bottom: 7px;
			padding: 0;
		}
		
		/*apiDocumentation section*/
		#apiDocumentation {
			display: flex;
			justify-content: center;
			background-color: #e7edf1;
			padding: 40px 0;
		}
		
		#apiDocumentationForm {
			display: flex;
			flex-direction: column;
			align-items: center;
			width: 100%;
			padding: 0 15px;
			max-width: 1400px;
		}
		
		#apiFormTitle {
			/*margin-bottom: 20px;*/
			font-size: 40px;
			font-weight: 600;
			line-height: 1;
			margin-bottom: 35px;
		}
		
		#apiFormLabels {
			display: flex;
			font-weight: 500;
			font-size: 20px;
			width: 100%;
			padding: 0 35px;
			margin-bottom: 5px;
			/*background-color: red;*/
		}
		
		.apiFormLabel {
			width: 100%;
		}
		
		.apiSection {
			display: flex;
			flex-direction: column;
			justify-content: center;
			background-color: #fff;
			width: 100%;
			padding: 17px 35px;
			margin-top: 26px;
			box-shadow: 0 2px 10px 3px rgba(0, 0, 0, 0.2)
			, 0 9px 10px 0 rgba(0, 0, 0, 0.1);
		}
		
		.apiSection:hover {
			background-color: #0d334c;
			color: #fff;
			cursor: pointer;
		}
		
		.apiCard {
			display: flex;
			width: 100%;
		}
		
		.apiTitle {
			width: 100%;
			font-size: 19px;
			font-weight: 400;
		}
		
		.apiLink {
			width: 100%;
			font-size: 19px;
			font-weight: 400;
		}
		
		.apiInfo {
			background-color: #fff;
			width: 100%;
			max-width: 1400px;
			padding: 45px 60px;
			border-top: 5px solid #0d334c;
			box-shadow: 0 2px 10px 3px rgba(0, 0, 0, 0.2)
			, 0 9px 10px 0 rgba(0, 0, 0, 0.1);
			-webkit-clip-path: inset(-0px -100px -100px -100px);
    		clip-path: inset(-0px -100px -100px -100px);
		}
		
		.apiFormText {
			font-weight: 400;
			margin-bottom: 6px;
			overflow-x: auto;
		}
		
		.apiFormLink {
			color: #8a8e99;
			font-weight: 300;
		}
		
		.apiInfoSection {
			margin-top: 40px;
			border-radius: 10px;
			padding: 30px;
			box-shadow: 0 2px 10px 3px rgba(0, 0, 0, 0.2)
			, 0 9px 10px 0 rgba(0, 0, 0, 0.1);
		}
		
		.apiInfoTitle {
			font-size: 20px;
			font-weight: 700;
			text-transform: uppercase;
			margin-bottom: 15px;
		}
		
		.apiTable {
			text-align: left;
		}
		
		.apiTable tr {
			background-color: #e7edf1;
		}
		
		.apiTable th {
			font-size: 16px;
			font-weight: 600;
			padding: 10px;
		}
		
		.apiTable td {
			font-size: 17px;
			padding: 10px;
		}
		
		.apiExampleText {
			font-family: "canada-type-gibson", sans-serif;
			font-weight: 300;
			font-size: 17px;
			/*
			white-space: pre-wrap;
			*/
			overflow-x: auto;
		}
		
		/*achRequest section*/
		#achRequest {
			background-color: #e7edf1;
			display: flex;
			justify-content: center;
			padding: 50px 0;
		}
		
		#achRequestForm {
			display: flex;
			flex-direction: column;
			background-color: #fff;
			width: 100%;
			max-width: 500;
			padding: 30px 50px;
			box-shadow: 0 2px 10px 3px rgba(0, 0, 0, 0.2)
			, 0 9px 10px 0 rgba(0, 0, 0, 0.1);
		}
		
		#achTitle {
			font-size: 40px;
			font-weight: 600;
			line-height: 1;
			margin-bottom: 10px;
			text-align: center;
		}
		
		.achInputContainer {
			display: flex;
		}
		
		.achInputContainer.requiredError:after {
			content: "*";
			color: red;
		}
		
		.achInput {
			padding: 10px 5px;
			border-radius: 5px;
			border: 1px solid #ced4da;
			margin-top: 15px;
			width: 100%;
		}
		
		.achInput:placeholder-shown {
			font-style: italic;
		}
		
		#achErrMessage {
			margin-top: 15px;
			line-height: 1.2;
		}
		
		#achErrMessage.requiredError:after {
			content: "* Fill out required fields";
			color: red;
		}
		
		#achErrMessage.submitError:after {
			content: "Request could not be sent";
			color: red;
		}
		
		#achButton {
			display: flex;
			justify-content: center;
			color: #fff;
			background-color: #0d334c;
			font-size: 16px;
			font-weight: 500;
			letter-spacing: 1px;
			padding: 15px 30px;
			/*margin-top: 15px;*/
			border-radius: 5px;
			cursor: pointer;
			white-space: nowrap;
		}
		
		#achButton:hover {
			background-color: #092233;
		}
		
		#achNote {
			margin-top: 15px;
			font-size: 16px;
			text-align: center;
		}
		
		/*ediServices section*/
		#ediServices {
			display: flex;
			justify-content: center;
			background-color: #e7edf1;
			padding: 55px 0;
			min-height: 575px;
		}
		
		#ediServicesForm {
			display: flex;
			flex-direction: column;
			align-items: center;
			width: 100%;
			max-width: 1000px;
			text-align: center;
		}
		
		#ediTitle {
			font-size: 40px;
			font-weight: 600;
			margin-bottom: 25px;
		}
		
		#ediList {
			display: flex;
			/*flex-wrap: wrap;*/
			flex-direction: column;
			align-items: center;
			width: 100%;
			justify-content: center;
		}
		
		#ediLabels {
			display: flex;
			width: 100%;
			padding: 0 35px;
			font-weight: 500;
			font-size: 20px;
		}
		
		.ediBox {
			display: flex;
			flex-direction: column;
			align-items: center;
			background-color: #fff;
			/*max-width: 230px;*/
			max-width: 290px;
			width: 100%;
			margin: 20px;
			padding: 20px 30px;
			border-radius: 10px;
			box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
		}
		
		.ediCard {
			display: flex;
			/*justify-content: space-between;*/
			background-color: #fff;
			width: 100%;
			padding: 17px 35px;
			margin-top: 25px;
			box-shadow: 0 2px 10px 3px rgba(0, 0, 0, 0.2)
				, 0 9px 10px 0 rgba(0, 0, 0, 0.1);
		}
		
		.ediInfo {
			width: 100%;
			text-align: left;
		}
		
		/*densityCalculator section*/
		#calculator {
			display: flex;
			justify-content: center;
			background-color: #e7edf1;
			padding: 75px 0;
		}
		
		#calculatorForm {
			display: flex;
			flex-direction: column;
			align-items: center;
			width: 100%;
			max-width: 1000px;
			/*border: 3px solid #0d334c;*/
			background-color: #fff;
			box-shadow: 0 2px 10px 3px rgba(0, 0, 0, 0.2)
			, 0 9px 10px 0 rgba(0, 0, 0, 0.1);
			border-radius: 15px;
			padding: 30px 50px 50px 50px;
		}
		
		#calculatorTitle {
			/*margin-bottom: 25px;*/
			font-size: 36px;
			font-weight: 600;
		}
		
		.calculatorRow {
			display: flex;
			margin-top: 30px;
			/*justify-content: center;*/
		}
		
		.calculatorSection {
			margin-right: 10px;
		}
		
		.lbsLabel {
			align-self: flex-end;
			/*margin-right: 60px;*/
			padding-bottom: 5px;
		}
		
		#lbsLabelTotal {
			align-self: flex-end;
			margin-right: 55px;
			line-height: 1;
		}
		
		.calcLabel {
			font-weight: 500;
			font-size: 16px;
			line-height: 1.1;
			white-space: nowrap;
		}
		
		.calculatorInput {
			width: 100%;
			padding: 8px 5px 5px 5px;
			border-radius: 5px;
			border: 1px solid #ced4da;
		}
		
		.calculatorUnit {
			width: 100%;
			margin-right: 20px;
			padding: 8px 5px 5px 5px;
		}
		
		.calculatorResult {
			display: flex;
			align-items: center;
			/*height: 32px;*/
			line-height: 1;
			padding-top: 12px;
			padding-bottom: 3px;
			border-bottom: 1px solid black;
			width: 100%;
		}
		
		.xContainer {
			display: flex;
			align-items: center;
			min-width: 13px;
		}
		
		.deleteRow {
			font-size: 20px;
			font-weight: 500;
			line-height: 0;
			color: #C71218;
			cursor: pointer;
		}
		
		#totalContainers {
			display: flex;
			/*width: 30%;*/
			/*align-self: flex-end;*/
			margin-top: 30px;
			width: 100%;
		}
		
		#totalLeftContainer {
			flex-basis: calc(46% - 5px);
		}
		
		#totalGrayBox {
			display: flex;
			background-color: #e7edf1;
			border-radius: 4px;
			padding: 15px 10px;
			flex-basis: 54%;
		}
		
		.grayBox1 {
			flex-basis: 22%;
			margin-right: 2px;
		}
		
		.grayBox2 {
			flex-basis: 30%;
		}
		
		#addRow {
			background-color: #002d74;
			color: #fff;
			font-weight: 500;
			letter-spacing: .11rem;
			text-transform: uppercase;
			font-size: .75rem;
			padding: 12px 18px 10px 18px;
			margin-top: 30px;
			border-radius: 4px;
			cursor: pointer;
			align-self: flex-start;
		}
		
		#addRow:focus {
			box-shadow: 0 0 0 3px #40A3E6;
			opacity: .92;
		}
		
		.calculatorMobileDividor {
			display: flex;
		}
		
		.calcSection1 {
			flex-basis: 35%;
		}
		
		.calcSection2 {
			flex-basis: 32%;
		}
		
		.calcSection3 {
			flex-basis: 33%;
		}
		
		/*trackPro section*/
		#trackPro {
			display: flex;
			justify-content: center;
			/*background-image: url(/pwt/pwt2025/images/trackPro.jpg);*/
			background: linear-gradient(to top, rgba(231,237,241,0) 65%,
			  rgba(231,237,241,1)), url("/pwt/pwt2025/images/truckRow1.jpg");
			background-repeat: no-repeat;
			background-size: cover;
			/*background-position: 90% 50%;*/
			background-position: 90% 45%;
			min-height: 700px;
			padding-top: 60px;
			padding-bottom: 30px;
		}
		
		#trackProForm {
			display: flex;
			flex-direction: column;
			align-items: center;
			width: 100%;
			max-width: 750px;
			/*min-height: 665px;*/
			padding: 0 30px;
		}
		
		#trackProTitle {
			color: #fff;
			font-size: 50px;
			font-weight: 500;
			padding: 0 15px;
			margin-bottom: 30px;
			text-align: center;
			line-height: 1;
			/*text-shadow: 0.08em 0.08em 0.08em rgba(0,0,0,0.4);*/
			text-shadow: 3px 3px 4px rgba(0,0,0,0.7);
		}
		
		#trackProBody {
			display: flex;
			justify-content: center;
			align-items: center;
			width: 100%;
			margin-bottom: 300px;
		}
		
		#trackProResultsContainer {
			background-color: #fff;
			width: 100%;
			margin-top: 40px;
			border-radius: 4px;
			/*box-shadow: 0 2px 10px 3px rgba(0, 0, 0, 0.2)*/
			/*, 0 9px 10px 0 rgba(0, 0, 0, 0.1);*/
			box-shadow: 3px 4px 8px 0 rgba(0, 0, 0, 0.4), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
			padding: 5%;
		}
		
		#trackProInput {
			padding: 10px 5px;
			width: 100%;
			border-radius: 4px;
			border: 2px solid #3f5769;
			/*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
			box-shadow: 3px 4px 8px 0 rgba(0, 0, 0, 0.4), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
		}
		
		#trackProInput:placeholder-shown {
			font-style: italic;
		}
		
		#trackProButton {
			background-color: #002d74;
			color: #fff;
			font-weight: 500;
			letter-spacing: .11rem;
			text-transform: uppercase;
			font-size: .75rem;
			padding: 15px 25px 13px 25px;
			margin-left: 10px;
			border-radius: 4px;
			cursor: pointer;
			/*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
			box-shadow: 3px 4px 8px 0 rgba(0, 0, 0, 0.4), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
		}
		
		#trackProButton:hover {
			background-color: #001D4D;
		}
		
		#proLoadingContainer {
			display: flex;
			justify-content: center;
		}
		
		#proLoading {
			width: 120px;
			height: 120px;
		}
		
		/*loginContainer section*/
		#loginContainer {
			display: flex;
			justify-content: center;
			align-items: center;
			background-color: #e7edf1;
			/*min-height: 70%;*/
			padding: 80px 0;
		}
		
		#loginForm {
			background-color: #fff;
			display: flex;
			align-items: center;
			width: 100%;
			max-width: 1300px;
			padding: 8px 0px 8px 8px;
			margin-left: 10px;
			margin-right: 10px;
			box-shadow: 0 2px 10px 3px rgba(0, 0, 0, 0.2)
			, 0 9px 10px 0 rgba(0, 0, 0, 0.1);
		}
		
		#loginRight {
			position: relative;
			background-color: #fff;
			display: flex;
			flex-direction: column;
			flex: 1 1 50%;
			padding: 20px 125px;
		}
		
		#sectionLogin {
			display: flex;
			flex-direction: column;
		}
		
		.loginTitle {
			font-size: 42px;
			font-weight: 600;
			line-height: 1;
			margin-bottom: 10px;
			text-align: center;
		}
		
		.loginInputTitle {
			font-size: 18px;
			line-height: 1;
			margin-bottom: 3px;
			margin-top: 15px;
		}
		
		.loginInput {
			padding: 10px 5px;
			border-radius: 5px;
			border: 1px solid #ced4da;
		}
		
		#loginButtonContainer, #loginButtonContainerNew {
			display: flex;
			flex-direction: column
		}
		
		.errorLogin:after {
			content: "Invalid username or password";
			color: red;
		}
		
		#loginButton, #loginButtonNew {
			display: flex;
			justify-content: center;
			color: #fff;
			width: 100%;
			background-color: #0d334c;
			font-size: .8rem;
			font-weight: 500;
			letter-spacing: .11rem;
			padding: 16px 30px 14px 30px;
			margin-top: 25px;
			border-radius: 5px;
			cursor: pointer;
		}

		#loginButtonNew {
			background-color: #C71218;
		}
		
		#loginButton:hover {
			background-color: #092233;
		}

		#loginButtonNew:hover {
			background-color: #9B0F14;
		}
		
		#forgotPassLink {
			/*display: flex;*/
			/*justify-content: center;*/
			display: inline-block;
			text-align: center;
			font-size: 16px;
			color: #2180bf;
			margin-top: 20px;
			line-height: 1;
		}
		
		#forgotPassLink:hover {
			color: #2799E6;
			cursor: pointer;
			text-decoration: underline;
		}
		
		#registerText {
			font-size: 16px;
			margin-top: 10px;
			text-align: center;
			line-height: 1;
		}
		
		#registerLink {
			color: #2180bf;
		}
		
		#registerLink:hover {
			color: #2799E6;
			cursor: pointer;
			text-decoration: underline;
		}
		
		/*#guestText {*/
		/*	font-size: 16px;*/
		/*	margin-top: 10px;*/
		/*	text-align: center;*/
		/*	line-height: 1;*/
		/*}*/
		
		/*#guestLink {*/
		/*	color: #2180bf;*/
		/*}*/
		
		/*#guestLink:hover {*/
		/*	color: #2799E6;*/
		/*	cursor: pointer;*/
		/*	text-decoration: underline;*/
		/*}*/
		
		#sectionCreds {
			display: flex;
			flex-direction: column;
		}
		
		#credButtonBackground {
			position: absolute;
			top: 0;
			left: 30px;
			background-color: #0d334c;
			padding: 10px;
			border-radius: 100px;
		}
		
		#credButtonBackground:hover {
			cursor: pointer;
		}
		
		#backCredButton {
			/*transform: rotateY(180deg);*/
			width: 25px;
		}
		
		.credInputContainer {
			display: flex;
		}
		
		.credInput {
			width: 100%;
			padding: 10px 5px;
			border-radius: 5px;
			border: 1px solid #ced4da;
			margin-top: 12px;
		}
		
		.credInput:placeholder-shown {
			font-style: italic;
		}
		
		.credInputContainer.requiredError:after {
			content: "*";
			color: red;
		}
		
		#credErrMessage {
			margin-top: 12px;
			line-height: 1.2;
		}
		
		#credErrMessage.requiredError:after {
			content: "* Fill out required fields";
			color: red;
		}
		
		#credErrMessage.submitError:after {
			content: "Request could not be sent";
			color: red;
		}
		
		#credsButton {
			display: flex;
			justify-content: center;
			text-align: center;
			color: #fff;
			background-color: #0d334c;
			font-size: .8rem;
			font-weight: 500;
			letter-spacing: 1px;
			padding: 15px 30px;
			padding: 16px 30px 14px 30px;
			border-radius: 5px;
			cursor: pointer;
		}
		
		#credsButton:hover {
			background-color: #092233;
		}
		
		#loginLeft {
			flex: 1 1 50%;
		}
		
		#loginImage {
			/*width: 100%;*/
			height: 550px;
		}
		
		/*serviceArea section*/
		
		#serviceClouds {
			display: flex;
			justify-content: center;
			background: linear-gradient(to bottom, rgba(255,255,255,0) 20%,
              rgba(255,255,255,1)), url("/pwt/pwt2025/images/aboutClouds.jpg");
			background-size: cover;
			background-repeat: no-repeat;
			background-position: 100% 100%;
			padding: 55px 0;
			width: 100%;
		}
		
		#serviceCloudsForm {
			height: 200px;
		}
		
		#serviceArea {
			display: flex;
			flex-direction: column;
			align-items: center;
			background-color: #fff;
			padding-bottom: 40px;
		}
		
		#serviceAreaForm {
			display: flex;
			flex-direction: column;
			width: 100%;
			max-width: 1100px;
			margin-top: -275px;
			padding: 0 30px;
		}
		
		#serviceAreaTitle {
			font-size: 42px;
			font-weight: 600;
			margin-bottom: 15px;
			text-align: center;
		}
		
		#serviceAreaSelect {
			display: flex;
			flex-direction: column;
			background-color: #fff;
			padding: 25px;
			margin-bottom: 30px;
			box-shadow: 0 2px 10px 3px rgba(0, 0, 0, 0.2)
			, 0 9px 10px 0 rgba(0, 0, 0, 0.1);
		}
		
		#serviceAreaLabel {
			font-size: 18px;
			font-weight: 600;
			margin-bottom: 7px;
			line-height: 1;
		}
		
		#serviceAreaList {
			padding: 10px;
			background-color: #e7edf1;
			border: none;
		}
		
		/*#mobileMapSection {*/
		/*	display: none;*/
		/*}*/
		
		#serviceMap {
			display: flex;
			width: 100%;
			max-width: 1300px;
		}
		
		.serviceMapDownload {
			background-color: #0d334c;
			color: white;
			font-size: 18px;
			display: inline-block;
			padding: 10px 15px;
			margin-top: 25px;
		}
		
		#mapLoadingContainer {
			display: flex;
			justify-content: center;
		}
		
		#mapLoading {
			width: 120px;
			height: 120px;
		}
		
		#terminalLocations {
			display: flex;
			flex-direction: column;
			align-items: center;
			background-color: #e7edf1;
			padding: 55px 0;
		}
		
		#terminalLocationsForm {
			display: flex;
			flex-direction: column;
			align-items: center;
			width: 100%;
			max-width: 900px;
			padding: 0 30px;
		}
		
		#terminalLocationsTitle {
			font-size: 42px;
			font-weight: 600;
			margin-bottom: 30px;
			/*text-align: center;*/
		}
		
		#terminalList {
			width: 100%;
		}
		
		.terminalState {
			font-size: 28px;
			font-weight: 600;
			margin-top: 20px;
			margin-bottom: 5px;
		}
		
		.locationHr {
			border: 1px solid black;
		}
		
		.terminalInfoList {
			display: flex;
			flex-wrap: wrap;
			padding-top: 5px;
		}
		
		.terminalInfo {
			width: 33.33%;
			width: calc(100% / 3);
			padding-right: 20px;
		}
		
		.terminalCity {
			/*font-size: 22px;*/
			font-weight: 600;
		}
		
		/*footer section*/
		#footer {
			display: flex;
			justify-content: center;
			background-color: #0d334c;
			width: 100%;
			/*padding: 55px 0;*/
			padding-top: 55px;
			border-top: 10px solid white;
		}
		
		#footerForm {
			display: flex;
			align-items: center;
			justify-content: space-around;
			color: #9fabb3;
			width: 100%;
			max-width: 1500px;
			/*margin-right: 175px;*/
			/*margin-left: 175px;*/
			position: relative;
			z-index: 2;
		}
		
		.footerItem {
			width: 100%;
			padding: 0 10px;
		}
		
		#footerLeft {
			display: flex;
			justify-content: center;
			/*width: 175px;*/
		}
		
		#footerMiddle {
			text-align: center;
			border-right: 1px solid white;
			border-left: 1px solid white;
			/*height: 100%;*/
		}
		
		#footerRight {
			text-align: center;
		}
		
		#footerImg {
			background: linear-gradient(to top, rgba(13,51,76,0) 40%,
			  rgba(13,51,76,1)), linear-gradient(to bottom, rgba(13,51,76,0) 60%,
			  rgba(13,51,76,1)), url("/pwt/pwt2025/images/truckRow90.jpg");
			background-repeat: no-repeat;
			background-position: 85% 58%;
			/*background-position: 85% 65%;*/
			background-size: cover;
			height: 200px;
			width: 100%;
			margin-top: -55px;
			position: relative;
			z-index: 1;
		}
		
		/*Screen Adjusting*/
		@media (max-height: 775px) {
			/*#main {*/
			/*	background-position: 45% 100%;*/
			/*}*/
		}
		
		@media (max-width: 1250px) {
			/*login*/
			#loginContainer {
				padding-top: 30px;
			}
			
			/*career*/
			#careerSectionLeft {
				margin-left: 15px;
			}
			
			/*resources*/
			#resourceFormTitle {
				padding-top: 30px;
			}
			
		}
		
		@media (max-width: 1210px) {
			#careerSectionRight {
				align-items: flex-start;
				margin-top: 5px;
				margin-bottom: 0;
			}
		}
		
		@media (max-width: 1148px) {
			#infoDot {
				display: inline;
			}
			
			.resourceEntry {
				max-width: 400px;
			}
			
			#contactImgPhone {
				display: none;
			}
			
			#contactImgPhoneMobile {
				display: inline;
			}
			
			#contactImgEmail {
				display: none;
			}
			
			#contactImgEmailMobile {
				display: inline;
			}
		}
		
		@media (max-width: 1000px) {
			/*navBar*/
			#navMiddle {
				display: none;
			}
			
			#navMenu {
				display: flex;
			}
			
			#navLeft {
				padding-left: 10px;
				border-left: 1px solid black;
			}
			
			/*splash*/
			#infoBoxes {
				flex-wrap: wrap;
				align-items: center;
			}
			
			.infoBox {
				margin: 15px;
			}
			
			.aboutUsTitle {
				font-size: 33px;
				text-align: center;
			}
			
			.aboutUsLeft {
				display: none;
			}
			
			.aboutUsRight {
				display: flex;
				flex-direction: column;
				align-items: center;
				justify-content: center;
				text-align: center;
				max-width: 800px;
				padding: 0;
			}
			
			#hiddenAboutUsPicture {
				display: block;
			}
			
			#aboutUsBr {
				display: none;
			}
			
			#contactUsForm {
				max-width: 675px;
				padding: 0 15px;
			}
			
			#contactDivider { 
				flex-direction: column;
				box-shadow: none;
			}
			
			.contactSection:nth-child(1) {
				margin: 0;
				margin-bottom: 30px;
				box-shadow: 0 2px 10px 3px rgba(0, 0, 0, 0.2)
				, 0 9px 10px 0 rgba(0, 0, 0, 0.1);
			}
			
			.contactSection:nth-child(2) {
				margin: 0;
				box-shadow: 0 2px 10px 3px rgba(0, 0, 0, 0.2)
				, 0 9px 10px 0 rgba(0, 0, 0, 0.1);
			}
			
			/*login*/
			#loginContainer {
				background-color: #fff;
			}
			
			#loginForm {
				margin: 0;
				box-shadow: none;
			}
			
			#loginLeft {
				display: none;
			}
			
			#loginRight {
				padding-left: 5%;
				padding-right: 5%;
				/*max-width: 500px;*/
			}
			
			#credButtonBackground {
				top: 10px;
				left: 3%;
			}
			
			/*transit time*/
			#transitTime {
				padding: 40px 0;
			}
			
			#transitTimeLeft {
				padding-right: 0;
			}
			
			#transitTimeTitle {
				margin-bottom: 10px;
			}
			
			#transitTimeForm {
				flex-direction: column;
			}
			
			#transitTimeRight {
				padding: 0;
				margin-top: 30px;
			}
			
			.transitInputContainers:nth-child(2) {
				margin-left: 25px;
			}
			
			/*#transitTimeButton {*/
			/*	margin-left: 25px;*/
			/*}*/
			
			/*about*/
			#aboutMain {
				padding-bottom: 50px;
			}
			
			.aboutSection {
				flex-direction: column;
				justify-content: center;
				align-items: center;
			}
			
			.aboutDiv {
				margin: 0;
			}
			
			.aboutTextDiv {
				margin-top: 40px;
				order: 2;
			}
			
			.aboutImageDiv {
				order: 1;
				width: initial;
			}
			
			.aboutImage {
				/*height: auto;*/
				max-width: 100%;
			}
			
			.aboutParagraph {
				text-align: center;
			}
			
			.aboutBottomMargin {
				margin-bottom: 0;
			}
			
			#focusImage {
				width: 100%;
			}
			
			#mobileCarouselPadding {
				padding: 0 23px;
			}
			
			/*careers*/
			#careersApply {
				order: 1;
			}
			
			#careers {
				order: 4;
			}
			
			#careerSectionRight {
				display: none;
			}
			
			#careerSectionLeft {
				margin: 0;
			}
			
			/*resources*/
			#resourceFormTitle {
				padding-top: 27px;
			}
			
			/*apiDocumentation*/
			#apiFormLabels {
				display: none;
			}
			
			.apiTitle {
				text-align: center
			}
			
			.apiLink {
				display: none;
			}
			
			/*ach request*/
			#achRequest {
				background-color: #fff;
			}
			
			#achRequestForm {
				box-shadow: none;
				padding: 0 15px;
			}
			
			/*holiday*/
			#holiday {
				background-color: #fff;
			}
			
			#holidayForm {
				box-shadow: none;
			}
		}
		
		@media (max-width: 875px) {
			#main, #main.spring, #main.summer, #main.fall, #main.winter {
			  	background-image: url("/pwt/pwt2025/images/mobileBackground.jpg");
			  	background-position: 45% 50%;
			  	min-height: initial;
				background-color: #4D4D4D;
				background-repeat: no-repeat;
				background-size: cover;
			}
			
			#main.christmas {
				background: linear-gradient(to bottom, rgba(13,51,76,0) 65%,
					rgba(13,51,76,1)), url("/pwt/pwt2025/images/truckPics/silhouetteWithTrail.jpg");
				background-position: 50% 15%;
			}
			
			#infoBoxes {
				/*margin-top: -150px;*/
				padding-right: 15px;
				padding-left: 15px;
			}
			
			.infoBox {
				max-width: 600px;
				margin: 0;
				margin-bottom: 50px;
			}
			
			/*apiDocumentation*/
			.apiInfo {
				padding: 45px 20px;
			}
			
			/*resources*/
			.resourceEntry {
				max-width: 500px;
			}
			
			/*calculator*/
			#calculatorForm {
				padding-left: 20px;
				padding-right: 20px;
			}
			
			.calculatorRow {
				flex-direction: column;
				position: relative;
				/*max-width: 700px;*/
				/*width: 100%;*/
			}
			
			.calculatorMobileDividor {
				margin-top: 15px;
			}
			
			#totalLeftContainer {
				flex-basis: 0;
			}
			
			.xContainer {
				position: absolute;
				top: 25px;
				right: 0;
			}
			
			.calcSection1 {
				max-width: 400px;
			}
			
			.calcSection2 {
				max-width: 350px;
			}
			
			.calcSection3 {
				max-width: 385px;
			}
			
			#totalContainers {
				justify-content: center;
			}
			
			#totalGrayBox {
				flex-basis: auto;
			}
			
			#addRow {
				margin-left: auto;
				margin-right: auto;
			}
		}
		
		@media (max-width: 750px) {
			#career3Img {
				flex-wrap: wrap;
				justify-content: center;
			}
			
			.careerApplicationSections {
				max-width: 217px;
			}
		}
		
		@media (max-width: 689px) {
			#holidayThanks::after {
				content: none;
			}
		}
		
		@media (max-width: 650px) {
			/*footer*/
			#footerForm {
				flex-direction: column;
			}
			
			.footerTitle {
				display: none;
			}
			
			#footerMiddle {
				border: 0;
			}
			
			.footerItem {
				padding: 8px 0;
			}
			
			/*transit time*/
			#transitTimeForm {
				padding: 0 15px;
			}
			
			#transitTimeInputs {
				flex-direction: column;
			}
			
			.transitInputContainers:nth-child(2) {
				margin-top: 20px;
				margin-left: 0;
			}
			
			#transitTimeButton {
				margin: 30px 0 0 0;
				width: 100%;
			}
			
			/*about*/
			.aboutSection {
				padding: 0 15px;
			}
			
			/*service area*/
			#serviceAreaForm {
				padding: 0 15px;
			}
			
			#terminalList {
				text-align: center;
			}
			
			.terminalInfoList {
				flex-direction: column;
				align-items: center;
			}
			
			.terminalInfo {
				padding: 0;
				width: initial;
			}
			
			.terminalInfo:nth-child(2), .terminalInfo:nth-child(3) {
				margin-top: 10px;
			}
			
			.apiTable td {
				font-size: 15px;
			}
			
			.apiInfo {
				padding: 45px 0;
			}
			
			.apiFormText {
				padding-left: 10px;
			}
			
			.apiInfoSection {
				padding: 30px 10px;
				box-shadow: none;
				overflow-x: auto;
			}
			
			/*holiday*/
			#holiday {
				padding: 10px 0;
			}
		}
		
		
		
		@media (max-width: 575px) {
			/*navbar*/
			#proInput {
				display: none;
			}
			
			#navLogin {
				font-size: 14px;
			}
			
			#navLogo {
				width: 120px;
			}
			
			/*login*/
			#loginContainer {
				padding-top: 0px;
				padding-bottom: 50px;
			}
			
			#loginRight {
				padding-top: 70px;
			}
			
			#credButtonBackground {
				left: 0;
			}
			
			/*track pro*/
			#trackPro {
				background-image: url(/pwt/pwt2025/images/trackProMobile.jpg);
				background-position: 50% 50%;
			}
			
			#trackProForm { 
				padding: 0;
			}
			
			#trackProBody {
				flex-direction: column;
				padding: 0 15px;
			}
			
			#trackProButton {
				width: 100%;
				text-align: center;
				margin-left: 0;
				margin-top: 15px;
			}
			
			/*careers*/
			#careersApplyForm {
				padding: 0 15px;
				
			}
			
			/*about*/
			#careersForm {
				padding: 0 15px;
			}
		}
		
		@media (max-width: 520px) {
			.careerApplicationSections {
				max-width: 300px;
			}
		}
		
		@media (max-width: 489px) {
			/*holiday*/
			.holidayListSection {
				display: flex;
				justify-content: center;
			}
			
			.holidayListSection:after {
				content: none;
			}
			
			/*transit time*/
			.transitZips {
				margin-left: 0;
				margin-top: 15px;
			}
			
			.transitBr {
				display: block;
			}
			
			#transitResult {
				flex-direction: column;
				text-align: center;
			}
			
			/*calculator*/
			#totalGrayBox {
				flex-direction: column;
			}
			
			.grayBox2 {
				margin-top: 25px;
			}
			
			#lbsLabelTotal {
				margin-right: 0px;
				display: none;
			}
		}
		
		
		
		#about2 {
			display: flex;
			flex-direction: column;
			align-items: center;
			position: relative;
			overflow: hidden;
			/*background-color: #333B52;*/
			/*background-color: #424B6B;*/
			/*background-color: #404D80;*/
			background-color: #405580;
			color: #EDEDED;
			padding: 80px 75px 180px 75px;
		}
		
		/*#serviceMap {*/
		/*	display: flex;*/
		/*	flex-direction: column;*/
		/*	max-width: 1200px;*/
		/*}*/
		
		#meet {
			display: flex;
			max-width: 1200px;
		}
		
		#message {
			display: flex;
			max-width: 1200px;
		}
		
		#missionVision {
			display: flex;
			max-width: 1200px;
		}
		
		#facts {
			max-width: 1200px;
			/*width: 100%;*/
		}
		
		#facts li {
			margin-top: 8px;
			margin-bottom: 8px;
			list-style-type: square;
			font-size: 22px;
			color: #405580;
		}
		
		#facts li span {
			color: black;
			font-size: 16px;
		}
		
		#mission {
			padding-right: 30px;
			width: calc(100% / 2);
		}
		
		#vision {
			padding-left: 30px;
			width: calc(100% / 2);
		}
		
		#vision li {
			margin-top: 8px;
			margin-bottom: 8px;
			list-style-type: square;
			color: #EDEDED;
			font-size: 22px;
		}
		
		#vision li span {
			color: #EDEDED;
			font-size: 16px;
			padding-bottom: 5px;
		}
		
		#careerOpportunities {
			display: flex;
			flex-direction: column;
			align-items: center;
			position: relative;
			overflow: hidden;
			background-color: #F2F2F2;
			/*background-color: #2C3347;*/
			/*color: #EDEDED;*/
			padding: 100px 50px 180px 50px;
		}
		
		#difference {
			display: flex;
			max-width: 1200px;
		}
		
		#jobs {
			display: flex;
			max-width: 1200px;
		}
		
		/*#footer {*/
		/*	display: flex;*/
		/*	justify-content: center;*/
		/*	flex-direction: column;*/
		/*	align-items: center;*/
		/*	background-color: #405580;*/
		/*	color: #EDEDED;*/
		/*	padding: 15px 10px;*/
		/*}*/
		
		#listInfo {
			display: flex;
			justify-content: center;
			flex-wrap: wrap;
			padding: 0;
		}
		
		#listInfo li {
			margin-top: 3px;
			margin-bottom: 3px;
			list-style-type: square;
			color: #EDEDED;
			margin-left: 30px;
		}
		
		#listInfo li span {
			color: #EDEDED;
		}
		
		#holidayDates {
			text-align: center;
			padding-bottom: 20px;
		}
		
		#popUpContainer {
			display: none;
			justify-content: center;
			align-items: center;
			font-weight: bold;
			position: fixed;
			width: 100%;
			height: 100vh;
			/*-webkit-transform: translateY(-50%,-50%);*/
			/*-ms-transform: translateY(-50%, -50%);*/
			/*transform: translateY(-50%, -50%);*/
			background-color: rgb(74,74,74);
			background-color: rgba(74,74,74,.5);
			z-index: 2;
		}
		
		#popUpBody {
			/*text-align: center;*/
			/*display: flex;*/
			/*flex-direction: column;*/
			max-width: 700px;
			background-color: #F2F2F2;
			padding: 30px;
		}
		
		#serviceMapBox {
			display: flex;
			flex-direction: column;
			padding: 20px;
			border-radius: 9px;
			margin-bottom: 30px;
			box-shadow: 0px 0px 15px rgba(0,0,0,0.3);
		}
		
		.hrLineBlue {
			border: none;
			border-top: 20px dotted #405580;
			margin: 150px 0;
			width: 100%;
			max-width: 175px;
		}
		
		.hrLineWhite {
			border: none;
			border-top: 20px dotted #F2F2F2;
			margin : 150px 0;
			width: 100%;
			max-width: 175px;
		}
		
		/*.roundBorder {*/
		/*	height: 35vh;*/
		/*	position: relative;*/
		/*	overflow: hidden;*/
		/*	background-color: #333B52;*/
		/*}*/
		
		/*.roundBorder::before {*/
		/*	background-color: #E6E6E6;*/
		/*	content: "";*/
		/*	position: absolute;*/
			/*width:100vmax;*/
			/*height:100vmax;*/
		/*	width: 4500px;*/
		/*	height: 4500px;*/
		/*	top: 100%;*/
		/*	left: 50%;*/
		/*	transform: translate(-50%,-100%) rotate(45deg);*/
		/*	border-bottom-right-radius: 2500px;*/
		/*}*/
		
		.angleBorder1 {
			background-color: transparent;
			position: absolute;
			bottom: -160px;
			height: 250px;
			width: 100%;
			transform: skewY(4.4deg);
			border-top: 8px solid rgba(242,242,242,.6);
		}
		
		.angleBorder1:after {
			content: "";
			height: 100%;
			width: 100%;
			background: #F2F2F2;
			display: block;
		}
		
		.angleBorder2 {
			background-color: transparent;
			position: absolute;
			bottom: -160px;
			right: 0px;
			height: 250px;
			width: 50%;
			transform: skewY(-6deg);
			border-top: 8px solid rgba(242,242,242,.6);
		}
		
		.angleBorder2:after{
			content: "";
			height: 100%;
			width: 100%;
			background: #F2F2F2;
			display: block;
		}
		
		.angleBorder3 {
			background-color: transparent;
			position: absolute;
			bottom: -160px;
			left: 0px;
			height: 250px;
			width: 50%;
			transform: skewY(6deg);
			border-top: 8px solid rgba(242,242,242,.6);
		}
		
		.angleBorder3:after{
			content: "";
			height: 100%;
			width: 100%;
			background: #F2F2F2;
			display: block;
		}
		
		.angleBorder4 {
			background-color: transparent;
			position: absolute;
			bottom: -160px;
			height: 250px;
			width: 100%;
			transform: skewY(-4.4deg);
			border-top: 8px solid rgba(64,85,128,.6);
		}
		
		.angleBorder4:after {
			content: "";
			height: 100%;
			width: 100%;
			background: #405580;
			display: block;
		}
		
		.angleBorder5 {
			background-color: transparent;
			position: absolute;
			bottom: -160px;
			height: 250px;
			width: 100%;
			transform: skewY(4.4deg);
			border-top: 8px solid rgba(64,85,128,.6);
		}
		
		.angleBorder5:after {
			content: "";
			height: 100%;
			width: 100%;
			background: #405580;
			display: block;
		}
		
		/*texts*/
		
		#passwordRequest {
			margin: 10px 0px;
			text-decoration: underline;
			color: #405580;
			cursor: pointer;
		}
		
		.bottomTitles {
			text-align: center;
			font-size: 34px;
			margin-top: 0px;
			margin-bottom: 15px;
		}
		
		.rmTopMarg {
			margin-top: 0px;
		}
		
		.textDivL {
			padding-right: 30px;
		}
		
		.textDivR {
			padding-left: 30px;
		}
		
		.boldUnderline {
			padding-top: 8px;
			font-weight: bold;
			text-decoration: underline;
		}
		
		/*images*/
		
		/*#serviceMap {*/
		/*	display: flex;*/
		/*	width: 100%;*/
		/*	max-width: 1300px;*/
		/*}*/
		
		#serviceMapKey {
			position: absolute;
			top: 750px;
			max-width: 300px;
		}
		
		#meetImg {
			width: 450px;
		}
		
		#messageImg {
			width: 250px;
		}
		
		#differenceImg {
			width: 430px;
		}
		
		#jobsImg {
			width: 240px;
		}
		
		.imgDivR {
			display: flex;
			align-items: center;
			padding-left: 30px;
			/*width: 100%;*/
		}
		
		.imgDivL {
			display: flex;
			align-items: center;
			padding-right: 30px;
		}
		
		.imgStyle {
			border: 13px solid white;
			box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
		}
		
		/*icons*/
		#closeHelp {
			align-self: flex-end;
			width: 20px;
			padding: 5px;
			background-color: #f0392b;
		}
		
		/*main*/
		
		#mainLeft {
			width: calc(100%/2);
			max-width: 900px;
		}
		
		#mainRight {
			width: calc(100%/2);
			max-width: 900px;
		}
		
		#searchBarContainer {
			display: flex;
			justify-content: flex-end;
			margin-top: 40px;
			margin-right: 60px;
		}
		
		#testSearchBarContainer {
			display: none;
		}
		
		#searchIconNav {
			width: 30px;
			height: 30px;
		}
		
		#searchIcon:hover {
			cursor: pointer;
		}
		
		/*transit*/
		/*#transitTime {*/
		/*	display: flex;*/
		/*	flex-direction: column;*/
		/*	align-items: center;*/
		/*}*/
		
		#transitTitle {
			text-align: center;
			padding-bottom: 15px;
			font-size: 20;
			font-weight: bold;
		}
		
		/*#transitInputContainer {*/
		/*	width: 100%;*/
		/*	max-width: 220px;*/
		/*}*/
		
		#transitInputBoxes {
			display: flex;
			justify-content: center;
			margin-bottom: 15px;
			width: 100%;
		}
		
		#transitInputBoxes input {
			width: 100%;
		}
		
		#transitInputBoxes input:first-of-type {
			margin-right: 8px;
		}
		
		#getTransitButton {
			width: 100%;
		}
		
		#usMap {
			width: 100%;
			display: block;
		}
		
		/*trace*/
		#traceTitle {
			text-align: center;
			padding-bottom: 15px;
			font-size: 20;
			font-weight: bold;
		}
		
		/*sign in*/
		#instructions fieldset {
			border-radius: 6px;
			border-style: solid;
			border-color: #ccc;
			border-width: 1px;
			margin: 3px;
		}
		
		#instructions button {
			padding: 5px;
			margin: 3px;
			background-color: #00539F;
			border-style: none;
			border-radius: 6px;
			color: #fff;
			font-weight: bold;
		}
		
		#instructions input {
			padding: 5px;
			background-color: #FFF;
			border-style: solid;
			border-width: 1px;
			border-color: #CCC;
			border-radius: 6px;
		}
		
		.apiErrMsg {
			background-color: darkred;
			color: #fff;
			text-align: center;
			padding: 20px 0;
		}
		
		/*end new*/
			
		/*#toolbar div {*/
		/*	display: inline-block;*/
		/*	width: 30%;*/
		/*	height: auto;*/
		/*	border-bottom-style: none;*/
		/*	text-align: center;*/
		/*}*/
												
		/*#info {*/
		/*	position: absolute;*/
		/*	left: 0px;*/
		/*	bottom: -25px;*/
		/*	text-align: center;*/
		/*	width: 99%;*/
		/*	font-size: smaller;*/
		/*}	*/
		
		/*#info div {*/
		/*	display: inline-block;*/
		/*	color: #CCC;*/
		/*}*/
		
		/*.arrow {*/
		/*	height: 5px;*/
		/*	margin-left: 20px;*/
		/*	margin-right: 20px;*/
		/*	display: inline-block;*/
		/*}*/
								
		/*#leftSection {*/
		/*	background-color: rgb(237, 237, 237);*/
		/*	display: none;*/
		/*	flex-direction: column;*/
		/*	max-height: 900px;*/
		/*	margin-top: 70px;*/
		/*	margin-right: 35px;*/
		/*	margin-left: 60px;*/
		/*	padding: 10px;*/
		/*	overflow-y: auto;*/
		/*	border: 3px solid #0055a5;*/
		/*	border-radius: 10px;*/
		/*}*/
		
		/*#bottomRightSection {*/
		/*	background-color: rgb(237, 237, 237);*/
		/*	display: none;*/
		/*	flex-direction: column;*/
		/*	justify-content: center;*/
		/*	max-height: 500px;*/
		/*	margin-top: 50px;*/
		/*	margin-right: 60px;*/
		/*	margin-left: 35px;*/
		/*	padding: 30px 10px;*/
		/*	text-align: center;*/
		/*	overflow-y: auto;*/
		/*	border: 3px solid #0055a5;*/
		/*	border-radius: 10px;*/
		/*}	*/
		
		/*#transitResultDiv {*/
		/*	font-weight: bold;*/
		/*	margin-top: 20px;*/
		/*	margin-bottom: 20px;*/
			/*text-shadow: 1px 1px 10px #999999;*/
		/*}*/
		
		/*.ui-effects-transfer {*/
		/*	border: 1px dotted #fff;*/
		/*}*/
		
		/*hr {*/
		/*	border-color: rgba(0,0,0,0.5);*/
		/*	border-width: 1px;*/
		/*	border-style: dashed;*/
		/*	margin-top: 4px;*/
		/*	margin-bottom: 4px;*/
		/*}*/