@import url("https://fonts.googleapis.com/css2?family=Khand:wght@600&display=swap");

.border-radius {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px
}

* {
	text-decoration: none
}

html {
	-webkit-text-size-adjust: none
}

body {
	margin: 0;
	padding: 0;
	font-family: "Khand", sans-serif;
	background: #fff
}

img {
	border: 0
}

a {
	text-decoration: none !important;
	letter-spacing: 2px
}

.junkItUnderline {
	text-decoration: none
}

p,
ul {
	font-size: 12px;
	line-height: 14px;
	font-weight: normal
}

ul.checklist {
	padding-left: 30px
}

ul.checklist li {
	list-style: none;
	line-height: 20px;
	margin-bottom: 12px
}

ul.checklist li:before {
	content: "\e013";
	font-family: 'Glyphicons Halflings';
	position: absolute;
	left: 15px;
	color: #ee3a43
}

h1 {
	color: #eeb22e
}

h2 {
	color: #eeb22e
}

.header-logo-mobile {
	text-align: center;
	padding: 15px;
	position: absolute;
	top: -8px;
	left: -1px
}

.header-logo-mobile img {
	width: 50px
}

img.img-responsive {
	margin-left: auto;
	margin-right: auto
}

.clear {
	clear: both
}

.padding-10 {
	padding: 10px
}

.padding-20 {
	padding: 20px
}

.no-wrap {
	white-space: nowrap
}

.no-padding {
	padding: 0
}

.no-padding-left {
	padding-left: 0
}

.no-padding-right {
	padding-right: 0
}

.no-padding-top {
	padding-top: 0 !important
}

.no-padding-bottom {
	padding-bottom: 0 !important
}

.no-margin {
	margin: 0
}

.no-margin-top {
	margin-top: 0 !important
}

.no-margin-bottom {
	margin-bottom: 0 !important
}

.margin-auto {
	margin-left: auto;
	margin-right: auto !important
}

.uppercase {
	text-transform: uppercase
}

.bold {
	font-weight: bold
}

.floatL {
	float: left !important
}

.floatR {
	float: right !important
}

.alignC {
	text-align: center !important
}

.alignR {
	text-align: right !important
}

.alignL {
	text-align: left
}

.no-border {
	border: 0 !important
}

.no-border-top {
	border-top: 0 !important
}

.no-border-bottom {
	border-bottom: 0 !important
}

.no-border-right {
	border-right: 0 !important
}

.no-border-left {
	border-left: 0 !important
}

.RoundCorners {
	-moz-border-radius-bottomright: 4px 4px;
	border-bottom-right-radius: 4px 4px;
	-moz-border-radius-bottomleft: 4px 4px;
	border-bottom-left-radius: 4px 4px;
	-moz-border-radius-topright: 4px 4px;
	border-top-right-radius: 4px 4px;
	-moz-border-radius-topleft: 4px 4px;
	border-top-left-radius: 4px 4px
}

.footer-top-wrapper {
	background: url("../../content/images/footer-map.jpg") no-repeat center center/cover
}

.footer-top {
	display: flex;
	flex-direction: column;
	width: 100%;
	flex-wrap: wrap;
	padding: 60px 30px;
	text-align: center
}

.footer-top h2 {
	width: 100%;
	padding: 0;
	color: #eeb22e;
	font-size: 40px;
	font-weight: 400
}

.footer-locations {
	padding: 10px 0;
	flex: 1 0 50%;
	color: #fff
}

.footer-locations h3 {
	font-size: 17px;
	font-weight: 700;
	letter-spacing: 1px;
	margin-bottom: 25px
}

.footer-locations div {
	padding-bottom: 10px
}

.footer-locations p.city {
	color: #eeb22e;
	font-family: "Montserrat", sans-serif;
	font-weight: 600;
	font-size: 14px;
	margin-bottom: .5rem
}

.footer-locations p.tel {
	color: #cad0db;
	font-size: 12px;
	font-family: "Montserrat", sans-serif
}

.footer-menu {
	flex: 1 0 50%;
	padding: 0;
	border-left: 2px solid #fff;
	height: 170px;
	margin: 50px auto;
	text-align: left
}

.footer-menu p {
	margin-bottom: 3.5rem
}

.footer-menu p a {
	color: #fff;
	font-size: 21px;
	font-weight: 600;
	padding-left: 20px
}

.footer-menu p a:hover {
	color: #eeb22e
}

.footer-bottom-wrapper {
	background-color: #000;
	display: flex;
	justify-content: space-between;
	padding: 15px 30px;
	flex-direction: column
}

.footer-bottom-wrapper .footer-copyright {
	text-align: center;
	color: #fff;
	display: flex;
	align-items: center;
	order: 2;
	flex-direction: column;
	padding-top: 60px
}

.footer-bottom-wrapper .footer-copyright img {
	width: 170px
}

.footer-bottom-wrapper .footer-copyright p {
	color: #fff;
	text-align: center;
	font-family: "Lato", sans-serif;
	font-weight: 400;
	margin-bottom: 0;
	padding-bottom: 0
}

.footer-bottom-wrapper .footer-copyright p a {
	color: #eeb22e;
	font-weight: 700;
	letter-spacing: normal
}

.footer-bottom-wrapper .footer-copyright p a:hover {
	color: #c5c5c5
}

#footer-pm {
	margin-top: 5px
}

.security-logos {
	margin: auto
}

@media(min-width:576px) {
	.footer-top {
		flex-direction: row;
		padding: 60px 15%;
		text-align: left
	}

	.footer-top h2 {
		font-size: 40px
	}

	.footer-locations {
		padding: 40px 0
	}

	.footer-locations:nth-child(3),
	.footer-menu {
		padding-left: 40px
	}

	.footer-locations h3 {
		font-size: 17px;
		margin-bottom: 25px
	}

	.footer-menu {
		margin: 50px auto;
		text-align: left
	}

	.footer-menu p a {
		padding-left: 0
	}
}

@media(min-width:768px) {
	.footer-locations {
		flex: 1 0 65%
	}

	.footer-locations:nth-child(3),
	.footer-menu {
		padding-left: 57px;
		flex: 1 0 35%
	}
}

@media(min-width:992px) {
	.footer-top h2 {
		font-size: 40px
	}

	.footer-top {
		padding: 105px 100px 0 120px
	}

	.footer-locations,
	.footer-menu,
	.footer-locations:nth-child(3) {
		flex: 1
	}

	.footer-locations:nth-child(3),
	.footer-menu {
		padding-left: 0
	}

	.footer-menu {
		margin-left: 60px
	}

	.footer-menu p a {
		padding-left: 20%
	}
}

@media(min-width:1200px) {
	.footer-top {
		padding: 105px calc(18.4vw - 221.6px) 0 calc(31vw - 333.3px)
	}

	.footer-bottom-wrapper {
		flex-direction: row;
		padding: 15px 60px 15px 40px
	}

	.footer-bottom-wrapper .footer-copyright {
		padding-top: 0;
		order: 1;
		flex-direction: row
	}

	.footer-bottom-wrapper .footer-copyright img {
		order: 1;
		width: 140px
	}

	.footer-bottom-wrapper .footer-copyright p {
		text-align: left;
		order: 1;
		padding-left: 30px
	}

	.footer-bottom-wrapper .security-logos {
		margin: 0;
		order: 1;
		width: 50%
	}
}

.callout-wrapper {
	position: absolute;
	top: 370px;
	right: 0;
	z-index: 25;
	border-radius: 5px;
	width: 288px;
	float: none;
	z-index: 9999;
	margin: auto;
	text-align: center
}

.callout-wrapper .callout {
	background-color: #eeb22e;
	width: 100%;
	font-family: "Khand", sans-serif;
	color: #fff;
	margin: 25px 0;
	padding: 18px 10px 15px;
	cursor: pointer;
	text-transform: uppercase
}

.callout-wrapper .callout a {
	font-family: "Khand", sans-serif;
	color: #111;
	font-weight: 600;
	font-size: 20px;
	line-height: 1
}

.callout-wrapper .callout a:hover {
	color: #fff
}

.callout-wrapper .callout a:hover span {
	color: #111
}

.callout-wrapper .callout a span {
	color: #fff
}

.callout-wrapper .callout a span:hover {
	color: #111
}

@media(min-width:576px) {
	.callout-wrapper {
		top: 50%;
		transform: translateY(-50%)
	}
}

.blinkingAnimation {
	-webkit-animation: glowing 5000ms infinite;
	-moz-animation: glowing 5000ms infinite;
	-o-animation: glowing 5000ms infinite;
	animation: glowing 5000ms infinite
}

@-webkit-keyframes glowing {
	0% {
		background-color: #eeb22e;
		-webkit-box-shadow: 0 0 3px #eeb22e
	}

	15% {
		background-color: #f4cd77;
		-webkit-box-shadow: 0 0 40px #f4cd77
	}

	30% {
		background-color: #eeb22e;
		-webkit-box-shadow: 0 0 3px #eeb22e
	}

	100% {
		background-color: #eeb22e;
		-webkit-box-shadow: 0 0 3px #eeb22e
	}
}

@-moz-keyframes glowing {
	0% {
		background-color: #eeb22e;
		-webkit-box-shadow: 0 0 3px #eeb22e
	}

	15% {
		background-color: #f4cd77;
		-webkit-box-shadow: 0 0 40px #f4cd77
	}

	30% {
		background-color: #eeb22e;
		-webkit-box-shadow: 0 0 3px #eeb22e
	}

	100% {
		background-color: #eeb22e;
		-webkit-box-shadow: 0 0 3px #eeb22e
	}
}

@-o-keyframes glowing {
	0% {
		background-color: #eeb22e;
		-webkit-box-shadow: 0 0 3px #eeb22e
	}

	15% {
		background-color: #f4cd77;
		-webkit-box-shadow: 0 0 40px #f4cd77
	}

	30% {
		background-color: #eeb22e;
		-webkit-box-shadow: 0 0 3px #eeb22e
	}

	100% {
		background-color: #eeb22e;
		-webkit-box-shadow: 0 0 3px #eeb22e
	}
}

@keyframes glowing {
	0% {
		background-color: #eeb22e;
		-webkit-box-shadow: 0 0 3px #eeb22e
	}

	15% {
		background-color: #f4cd77;
		-webkit-box-shadow: 0 0 40px #f4cd77
	}

	30% {
		background-color: #eeb22e;
		-webkit-box-shadow: 0 0 3px #eeb22e
	}

	100% {
		background-color: #eeb22e;
		-webkit-box-shadow: 0 0 3px #eeb22e
	}
}

.blinkingAnimation2 {
	-webkit-animation: glowing2 5000ms infinite;
	-moz-animation: glowing2 5000ms infinite;
	-o-animation: glowing2 5000ms infinite;
	animation: glowing2 5000ms infinite
}

@-webkit-keyframes glowing2 {
	0% {
		background-color: #eeb22e;
		-webkit-box-shadow: 0 0 3px #eeb22e
	}

	50% {
		background-color: #eeb22e;
		-webkit-box-shadow: 0 0 3px #eeb22e
	}

	65% {
		background-color: #f4cd77;
		-webkit-box-shadow: 0 0 40px #f4cd77
	}

	80% {
		background-color: #eeb22e;
		-webkit-box-shadow: 0 0 3px #eeb22e
	}

	100% {
		background-color: #eeb22e;
		-webkit-box-shadow: 0 0 3px #eeb22e
	}
}

@-moz-keyframes glowing2 {
	0% {
		background-color: #eeb22e;
		-webkit-box-shadow: 0 0 3px #eeb22e
	}

	50% {
		background-color: #eeb22e;
		-webkit-box-shadow: 0 0 3px #eeb22e
	}

	65% {
		background-color: #f4cd77;
		-webkit-box-shadow: 0 0 40px #f4cd77
	}

	80% {
		background-color: #eeb22e;
		-webkit-box-shadow: 0 0 3px #eeb22e
	}

	100% {
		background-color: #eeb22e;
		-webkit-box-shadow: 0 0 3px #eeb22e
	}
}

@-o-keyframes glowing2 {
	0% {
		background-color: #eeb22e;
		-webkit-box-shadow: 0 0 3px #eeb22e
	}

	50% {
		background-color: #eeb22e;
		-webkit-box-shadow: 0 0 3px #eeb22e
	}

	65% {
		background-color: #f4cd77;
		-webkit-box-shadow: 0 0 40px #f4cd77
	}

	80% {
		background-color: #eeb22e;
		-webkit-box-shadow: 0 0 3px #eeb22e
	}

	100% {
		background-color: #eeb22e;
		-webkit-box-shadow: 0 0 3px #eeb22e
	}
}

@keyframes glowing2 {
	0% {
		background-color: #eeb22e;
		-webkit-box-shadow: 0 0 3px #eeb22e
	}

	50% {
		background-color: #eeb22e;
		-webkit-box-shadow: 0 0 3px #eeb22e
	}

	65% {
		background-color: #f4cd77;
		-webkit-box-shadow: 0 0 40px #f4cd77
	}

	80% {
		background-color: #eeb22e;
		-webkit-box-shadow: 0 0 3px #eeb22e
	}

	100% {
		background-color: #eeb22e;
		-webkit-box-shadow: 0 0 3px #eeb22e
	}
}

#myModal-driverapp {
	z-index: 99999
}

@media(min-width:576px) {
	#myModal-driverapp .modal-dialog {
		max-width: 618px
	}

	#myModal-driverapp .driver-app {
		padding: 0;
		clip-path: none
	}

	#myModal-driverapp .driver-app iframe {
		height: 855px
	}
}

@media(min-width:1200px) {
	#myModal-driverapp .driver-app {
		width: 100%;
		position: static
	}

	#myModal-driverapp .driver-app h3 {
		padding-top: 0
	}
}

#myModal-driverapp:not(.show) {
	z-index: -1
}

#myModal-video {
	z-index: -1
}

#myModal-video .modal-dialog {
	width: 90%;
	max-width: none;
	margin: auto
}

@media(min-width:576px) {
	#myModal-video .modal-dialog {
		width: 70%
	}
}

@media(min-width:768px) {
	#myModal-video .modal-dialog {
		width: 70%
	}
}

#myModal-video .modal-content {
	background-color: #000;
	border: 3px solid #fff;
	border-radius: 8px;
	font-family: Adventor
}

#myModal-video .modal-header {
	min-height: auto;
	padding: 0;
	border-bottom: 0
}

#myModal-video .modal-body {
	width: auto;
	padding: 0;
	line-height: 0;
	margin: 0 auto;
	text-align: center
}

#myModal-video .popupClosebtn {
	top: 31px;
	right: 20px;
	width: 43px;
	position: absolute;
	border: 1px solid #fff;
	color: #fff;
	background-color: transparent;
	transition: all .5s;
	z-index: 99;
	border-radius: 50%;
	padding: 5px 0 10px 0;
	text-shadow: none;
	font-family: "Montserrat", sans-serif
}

#myModal-video .popupClosebtn:hover {
	color: #eeb22e
}

#myModal-video #aboutXtl {
	object-fit: fill;
	height: auto
}

#myModal-video1 {
	z-index: -1
}

#myModal-video1 .modal-dialog {
	width: 90%;
	max-width: none;
	margin: auto
}

@media(min-width:576px) {
	#myModal-video1 .modal-dialog {
		width: 70%
	}
}

@media(min-width:768px) {
	#myModal-video1 .modal-dialog {
		width: 70%
	}
}

#myModal-video1 .modal-content {
	background-color: #000;
	border: 3px solid #fff;
	border-radius: 8px;
	font-family: Adventor
}

#myModal-video1 .modal-header {
	min-height: auto;
	padding: 0;
	border-bottom: 0
}

#myModal-video1 .modal-body {
	width: auto;
	padding: 0;
	line-height: 0;
	margin: 0 auto;
	text-align: center
}

#myModal-video1 .popupClosebtn1 {
	top: 31px;
	right: 20px;
	width: 43px;
	position: absolute;
	border: 1px solid #fff;
	color: #fff;
	background-color: transparent;
	transition: all .5s;
	z-index: 99;
	border-radius: 50%;
	padding: 5px 0 10px 0;
	text-shadow: none;
	font-family: "Montserrat", sans-serif
}

#myModal-video1 .popupClosebtn1:hover {
	color: #eeb22e
}

#myModal-video1 #aboutXtl1 {
	object-fit: fill;
	height: auto
}

#myModal-video.modal.show {
	z-index: 99999
}

#myModal-video1.modal.show {
	z-index: 99999
}

.videoLink-wrppaer {
	background-color: #eeb22e;
	padding: 20px 0 10px 0;
	text-align: center
}

.videoLink-wrppaer a {
	color: #111;
	font-size: 18px;
	font-weight: 600;
	text-transform: uppercase
}

.videoLink-wrppaer a:hover {
	color: #fff
}

.videoLink-wrppaer a:hover span {
	color: #111
}

.videoLink-wrppaer a span {
	color: #fff
}

.videoLink-wrppaer a span:hover {
	color: #111
}

.page-wrapper {
	overflow-x: hidden
}

.feature-wrapper {
	position: relative;
	padding: 0;
	margin: 0;
	overflow: hidden;
	z-index: -99
}

.feature-wrapper:before {
	background: url("../../content/images/xtl-homepage-feature.webp") no-repeat center center;
	/* background: url("../../content/images/xtl-feature-image.jpg") no-repeat center center; */
	height: 50vw;
	width: 100%;
	background-size: cover!important;
	top: 0;
	left: 0;
	width: 100%;
	content: "";
	position: absolute;
	z-index: -9;
	-webkit-animation: zoomin 20s ease infinite alternate;
	animation: zoomin 20s ease infinite alternate;
	animation-delay: 120ms;
	animation-fill-mode: forwards
}

@-webkit-keyframes zoomin {
	0% {
		transform: scale(1)
	}

	100% {
		transform: scale(1.1)
	}
}

@keyframes zoomin {
	0% {
		transform: scale(1)
	}

	100% {
		transform: scale(1.1)
	}
}

@-webkit-keyframes zoomout {
	0% {
		background-size: 105%
	}

	100% {
		background-size: 100%
	}
}

@keyframes zoomout {
	0% {
		background-size: 105%
	}

	100% {
		background-size: 100%
	}
}

.feature {
	text-align: right
}

.angleFeatureimage {
	width: 18%
}

.feature h1 {
	color: #fff;
	font-size: 4.5vw;
	font-weight: 300;
	position: absolute;
	left: 20%;
	top: 10%;
	text-align: center;
}

@media(max-width:1023px){
	.feature-wrapper:before {
		background: url("../../content/images/xtl-homepage2025-mobile.webp") no-repeat center center;
	}
}

.overtheroad-wrapper {
	background: #c5c5c5;
	position: relative
}

.overtheroad {
	height: auto;
	display: flex;
	flex-direction: column;
	justify-content: space-between
}

.overtheroad-content {
	z-index: 999
}

.overtheroad-content,
.intermodal-content {
	display: flex;
	flex-direction: column;
	margin: 20px auto;
	width: 85%
}

.overtheroad-content h2,
.intermodal-content h2 {
	color: #111;
	font-size: 40px;
	font-weight: 400;
	padding-bottom: 10px
}

.overtheroad-content p,
.intermodal-content p {
	font-size: 16px;
	font-weight: 500;
	line-height: 1.5;
	color: #111
}

.overtheroad-content a,
.intermodal-content a {
	color: #111;
	font-size: 20px;
	padding: 8px 0;
	border-bottom: 2px solid #eeb22e;
	width: fit-content;
	width: -moz-fit-content
}

.overtheroad-boxes {
	display: flex;
	flex-direction: column;
	justify-content: center
}

#domestic-wrapper:hover p,
#crossborder-wrapper:hover p,
#dedicated-wrapper:hover p {
	color: #eeb22e
}

#domestic-wrapper a,
#crossborder-wrapper a,
#dedicated-wrapper a {
	margin: 20px auto;
	display: flex;
	flex-direction: column-reverse;
	width: 85%
}

#domestic,
#crossborder,
#dedicated {
	background: 0;
	background-color: #fff;
	width: 260px;
	margin: auto
}

#domestic img,
#crossborder img,
#dedicated img {
	width: 180px;
	margin: auto;
	padding: 20px 0 0 0
}

.overtheroad-boxes p {
	padding-top: 15px;
	color: #111;
	font-weight: 600;
	font-size: 25px;
	margin: auto;
	flex: 1;
	padding-bottom: 20px
}

.overtheroad-mobile-wrapper {
	background: url("../../content/images/over-the-road-bkg.jpg") no-repeat center center/cover;
	height: 50vw
}

.warehousing {
	background: url("../../content/images/warehousing-distribution-bkg-mobile.jpg") no-repeat center 75%/cover;
	height: 50vw
}

.warehousing-wrapper {
	background: 0
}

.warehousing {
	display: flex;
	flex-direction: column;
	height: 100vw;
	justify-content: space-between
}

.warehousing-content,
.temp-control--content {
	width: 85%;
	margin: 20px auto
}

.warehousing-content h2,
.temp-control--content h2 {
	color: #eeb22e;
	font-size: 8vw;
	font-weight: 400;
	padding-bottom: 10px
}

.warehousing-content p,
.temp-control--content p {
	font-size: 16px;
	font-weight: 500;
	line-height: 1.5;
	color: #fff
}

.warehousing-content a,
.temp-control--content a {
	color: #fff;
	font-size: 20px;
	padding: 10px 0;
	border-bottom: 2px solid #eeb22e;
	width: fit-content;
	width: -moz-fit-content
}

.warehousing-content {
	margin: 5px auto
}

.temp-control--content h2 {
	font-size: 40px
}

.warehousing-mobile-wrapper {
	background: url("../../content/images/warehousing-distribution-bkg-mobile.jpg") no-repeat center center/cover;
	height: 50vw
}

.logistics-wrapper {
	background-color: #fff;
	padding: 20px 0
}

.logistics-content {
	position: relative
}

.logistics-content .logistics-img {
	max-width: 58%;
	height: auto
}

.logistics-content .logistics-yellowline {
	width: 10px;
	height: 190px;
	position: absolute;
	background-color: #eeb22e;
	transform: skew(-34deg);
	top: -140px;
	left: calc(76.9vw - 33px)
}

.logistics-content .logistics-content--text {
	flex: .7;
	margin: 20px auto;
	width: 85%
}

.logistics-content .logistics-content--text h2 {
	color: #111;
	font-size: 40px;
	font-weight: 400;
	padding-bottom: 10px
}

.logistics-content .logistics-content--text p {
	font-size: 16px;
	font-weight: 500;
	line-height: 1.5;
	color: #111
}

.logistics-content .logistics-content--text a {
	color: #111;
	font-size: 20px;
	padding: 10px 0;
	border-bottom: 2px solid #eeb22e;
	width: fit-content;
	width: -moz-fit-content
}

.logistics-content .logistics-content--text .logistics-yellowline {
	width: 10px
}

.logistics-mobile-wrapper {
	background: url("../../content/images/logistics-bkg-mobile.jpg") no-repeat center center/cover;
	height: 50vw
}

.intermodal-wrapper {
	background: url("../../content/images/intermodal-bkg-mobile.jpg") no-repeat 33% 75%/cover
}

.intermodal {
	height: 510px;
	display: flex
}

.temp-control-wrapper {
	background: url("../../content/images/temp-control-bkg-mobile.jpg") no-repeat center bottom/cover
}

.temp-control {
	height: 605px;
	display: flex;
	flex-direction: column
}

.temp-control--content {
	align-items: center;
	margin: 50px auto
}

.temp-control-icons {
	justify-content: start;
	margin-top: 50px
}

.temp-control-icons img {
	max-width: 95px;
	height: auto
}

.driver-wrapper {
	background-color: #010101;
	border-top: 3px solid #fff
}

.driver {
	display: flex;
	flex-direction: column;
	width: 100%
}

.driver-heading,
.driverImg-mobile {
	flex: 0 0 100%;
	max-width: 100%
}

.driver-heading {
	padding: 80px 0;
	text-align: center;
	margin: auto
}

.driver-heading a {
	color: #fff;
	font-size: 20px;
	padding: 10px 0;
	border-bottom: 2px solid #eeb22e;
	width: fit-content;
	width: -moz-fit-content
}

.driver-heading h2 {
	text-transform: uppercase
}

#driver-wanted {
	color: #eeb22e;
	font-size: 80px;
	font-weight: 900;
	line-height: 0
}

#driver-crossborder {
	font-size: 45px;
	font-weight: 700;
	line-height: .8;
	color: #fff
}

#driver-local {
	font-size: 37px;
	font-weight: 700;
	line-height: .8;
	color: #eeb22e
}

#driver-local #white {
	color: #fff;
	font-weight: 500
}

#driver-drivers {
	font-size: 80px;
	font-weight: 700;
	line-height: .8;
	color: white
}

#driver-prov {
	font-size: 35px;
	font-weight: 700;
	line-height: .8;
	color: #eeb22e
}

#driver-prov #white {
	color: #fff;
	font-weight: 500
}

#driver-prov #driver-non-bold {
	font-weight: 500
}

.driverImg-mobile {
	background: url(../../content/images/driver-img.jpg) no-repeat center center/cover
}

.driverImg-mobile h3 {
	color: #fff;
	display: block;
	padding: 120px 0;
	text-align: center;
	font-size: 30px
}

.social-icons {
	margin: 0;
	text-align: left;
	list-style: none;
	display: flex;
	padding: 0;
	padding-bottom: 15px
}

.social-icons li {
	margin: 0 5px
}

.social-icons li a {
	font-size: 20px
}

.social-icons li i.fab {
	color: #111
}

.social-icons li i.fab:hover {
	color: #fff
}

.news-wrapper {
	display: flex;
	flex-direction: column;
	padding: 0;
	border-top: 3px solid #fff;
	position: relative
}

.news {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 60px 10%;
	background-color: #eeb22e
}

.news h2 {
	font-size: 40px;
	font-weight: 400;
	padding-bottom: 10px;
	color: #fff
}

.news h3.news-title {
	font-size: 20px;
	padding: 15px 0;
	font-weight: 600;
	font-family: "Barlow Semi Condensed", sans-serif;
	text-transform: uppercase;
	color: #212529;
	display: inline;
	letter-spacing: 2px
}

.news p.news-content {
	font-size: 16px;
	color: #111;
	line-height: 1.2;
	font-family: "Montserrat", sans-serif;
	font-weight: 400
}

.news p.news-date {
	font-size: 14px;
	font-weight: 600;
	line-height: 1;
	color: #fff;
	margin-bottom: 10px;
	font-family: "Khand", sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px
}

.news a.news-link {
	color: #fff;
	font-size: 18px;
	font-weight: 600;
	font-family: "Montserrat", sans-serif
}

.news a.news-link:hover {
	color: #111
}

.news a.seeall {
	border-bottom: 2px solid #111;
	color: #fff;
	width: fit-content;
	width: -moz-fit-content;
	margin: 60px 0;
	padding: 5px 10px;
	font-size: 20px
}

.news a.seeall:hover {
	color: #111
}

.news img {
	width: auto
}

.subscribe {
	background-color: #cad0db;
	padding: 60px 10%
}

.subscribe h3 {
	font-size: 30px
}

.subscribe p {
	font-family: "Montserrat", sans-serif
}

.subscribe .rc-Disclaimer {
	font-size: 12px;
	font-family: "Montserrat", sans-serif;
	color: #111;
	font-weight: 600
}

.subscribe .rc-Disclaimer a {
	font-weight: 600;
	color: #111
}

.subscribe .rc-Disclaimer a:hover {
	color: #fff
}

.subscribe .rc-Disclaimer a strong {
	font-weight: 800
}

.subscribe-whiteline-wrapper {
	width: 240px;
	margin: auto;
	height: 0;
	overflow: hidden;
	position: relative;
	transform: skew(0);
	left: 128px;
	top: -444px;
	transition: height 2s ease-in-out
}

.subscribe-whiteline-visible {
	height: 670px
}

.subscribe-whiteline {
	background-color: white;
	transform: skew(-35deg);
	width: 10px;
	height: 200px;
	left: 50%;
	top: 50%;
	position: absolute;
	z-index: 9999
}

.overtheroad-content a,
.warehousing-content a,
.logistics-content .logistics-content--text a,
.intermodal-content a,
.temp-control--content a,
.driver-heading a {
	transition: all .3s
}

.overtheroad-content a:hover,
.warehousing-content a:hover,
.logistics-content .logistics-content--text a:hover,
.intermodal-content a:hover,
.temp-control--content a:hover,
.driver-heading a:hover {
	color: #eeb22e
}

.overtheroad-content p,
.warehousing-content p,
.logistics-content .logistics-content--text p,
.intermodal-content p,
.temp-control--content p,
.driver-heading p {
	font-family: "Montserrat", sans-serif;
	font-weight: 500
}

@media(min-width:576px) {
	.temp-control {
		height: 700px
	}

	.overtheroad-content,
	.warehousing-content,
	.logistics-content .logistics-content--text,
	.intermodal-content,
	.temp-control--content {
		width: 525px;
		margin: 40px auto
	}

	.temp-control--content {
		margin: 140px auto 0 auto
	}

	#domestic-wrapper a,
	#crossborder-wrapper a,
	#dedicated-wrapper a {
		margin: 20px auto;
		display: flex;
		flex-direction: row-reverse;
		width: 525px
	}

	.overtheroad-boxes p {
		padding-bottom: 0
	}

	.overtheroad-content h2,
	.warehousing-content h2,
	.logistics-content .logistics-content--text h2,
	.intermodal-content h2,
	.temp-control--content h2,
	.news h2 {
		font-size: 40px;
		padding-bottom: 0
	}

	.driverImg-mobile h3 {
		padding: 193px 0
	}

	.subscribe,
	.news {
		padding: 100px 18%
	}

	.warehousing {
		height: 75vw
	}

	.intermodal-wrapper {
		background: url("../../content/images/intermodal-bkg-mobile.jpg") no-repeat center 91%/cover
	}

	.intermodal {
		height: 94vw
	}

	.extend-line {
		position: relative
	}

	.logistics-line {
		max-width: 27%;
		height: auto;
		position: absolute;
		right: calc(15.8vw - 17.38px);
		position: absolute;
		top: calc(-22vw - 62.8px)
	}
}

@media(min-width:768px) {

	.driver-heading,
	.driverImg-mobile {
		flex: 0 0 50%;
		max-width: 50%
	}

	.driverImg-mobile h3 {
		font-size: 24px
	}

	.driver {
		flex-direction: row
	}

	.temp-control {
		height: 90vw
	}

	.intermodal-wrapper {
		background: url("../../content/images/intermodal-bkg-mobile.jpg") no-repeat center 91%/cover
	}

	.intermodal {
		height: 77vw
	}
}

@media(min-width:992px) {
	.downarrow {
		box-sizing: border-box;
		height: 50px;
		width: 50px;
		border-style: solid;
		align-self: center;
		border-color: white;
		border-width: 0 2px 2px 0;
		transform: rotate(45deg);
		transition: border-width 150ms ease-in-out;
		background-image: none;
		position: absolute;
		left: 48%;
		transition: move 1s;
		-webkit-animation: move 1s ease infinite alternate;
		animation: move 1s ease infinite alternate;
		animation-fill-mode: forwards
	}

	@keyframes move {
		0% {
			bottom: 3%
		}

		50% {
			bottom: 2%
		}

		100% {
			bottom: 3%
		}
	}

	.overtheroad-content h2,
	.warehousing-content h2,
	.logistics-content .logistics-content--text h2,
	.intermodal-content h2,
	.temp-control--content h2,
	.news h2 {
		font-size: calc(1.2vw + 27px)
	}

	.overtheroad-wrapper {
		background: url("../../content/images/over-the-road-bkg.jpg") no-repeat center center/cover;
		position: relative
	}

	.overtheroad {
		height: 50vw
	}

	.overtheroad-content,
	.intermodal-content {
		margin: auto;
		width: 400px;
		margin: 75px auto
	}

	.overtheroad-content a,
	.intermodal-content a {
		color: #fff
	}

	.intermodal-content {
		width: 450px
	}

	.overtheroad-boxes {
		flex-direction: row;
		justify-content: center;
		opacity: 0;
		transition: opacity 1s ease
	}

	.fadein {
		opacity: 1
	}

	#domestic-wrapper a,
	#crossborder-wrapper a,
	#dedicated-wrapper a {
		margin: 0;
		display: inline;
		flex-direction: row;
		width: auto
	}

	#domestic-wrapper,
	#crossborder-wrapper,
	#dedicated-wrapper {
		background-color: #fff;
		transform: skewX(36deg);
		width: calc(7.9vw + 90.9px);
		height: calc(3.3vw + 90px);
		padding: 0 20px;
		margin: 0 10px;
		position: relative;
		display: block
	}

	#domestic-wrapper:hover #domestic,
	#domestic-wrapper:hover #crossborder,
	#domestic-wrapper:hover #dedicated,
	#crossborder-wrapper:hover #domestic,
	#crossborder-wrapper:hover #crossborder,
	#crossborder-wrapper:hover #dedicated,
	#dedicated-wrapper:hover #domestic,
	#dedicated-wrapper:hover #crossborder,
	#dedicated-wrapper:hover #dedicated {
		filter: grayscale(1)
	}

	#domestic-wrapper:hover #domestic p,
	#domestic-wrapper:hover #crossborder p,
	#domestic-wrapper:hover #dedicated p,
	#crossborder-wrapper:hover #domestic p,
	#crossborder-wrapper:hover #crossborder p,
	#crossborder-wrapper:hover #dedicated p,
	#dedicated-wrapper:hover #domestic p,
	#dedicated-wrapper:hover #crossborder p,
	#dedicated-wrapper:hover #dedicated p {
		color: #eeb22e
	}

	#domestic,
	#crossborder,
	#dedicated {
		transform: skewX(-36deg);
		position: absolute;
		height: calc(2.9vw + 124.8px);
		background-color: transparent;
		width: auto
	}

	.overtheroad-boxes p {
		padding-top: 15px;
		color: #111;
		font-weight: 600;
		letter-spacing: 1px;
		margin: auto;
		margin-left: 0;
		font-size: 23px;
		transform: skewX(-36deg)
	}

	#domestic {
		background: url("../../content/images/icon-domestic.png") no-repeat center center/contain;
		margin-left: -7px;
		margin-top: -2px;
		width: 88%
	}

	#crossborder {
		background: url("../../content/images/icon-crossborder.png") no-repeat center center/contain;
		margin-left: 6px;
		margin-top: -5px;
		width: 78%
	}

	#dedicated {
		background: url("../../content/images/icon-dedicated.png") no-repeat center center/contain;
		margin-top: -2px;
		margin-left: -10px;
		width: 74%
	}

	.warehousing {
		background: 0;
		height: 50vw
	}

	.warehousing-content {
		width: 395px;
		margin: calc(21.6vw - 184.6px) 18%
	}

	.warehousing-wrapper {
		background: url("../../content/images/warehousing-distribution-bkg.jpg") no-repeat center center/cover
	}

	.logistics-wrapper {
		background-color: transparent;
		padding: 0;
		position: relative
	}

	.extend-line {
		position: absolute;
		height: 0;
		overflow: hidden;
		transition: height 2s ease-in-out;
		left: calc(38vw + 20.5px);
		top: calc(-5.1vw - 158px)
	}

	.extend-line.visible {
		height: 800px
	}

	.logistics-line {
		max-width: calc(14.7vw + 95.5px);
		position: static;
		right: auto;
		top: auto
	}

	.logistics-content {
		position: relative;
		padding-left: 30px;
		display: flex
	}

	.logistics-content .logistics-content--text {
		flex: auto;
		margin: 0 20px;
		width: auto
	}

	.logistics-content .logistics-content--text h2 {
		color: #111
	}

	.logistics-content .logistics-content--text a {
		color: #fff
	}

	.logistics-content .logistics-yellowline {
		top: calc(29vw - 185px);
		left: calc(-17.7vw + 76px);
		position: relative;
		width: 35px
	}

	.intermodal-wrapper {
		background: url("../../content/images/intermodal-bkg.jpg") no-repeat center center/cover
	}

	.intermodal-content {
		margin: 100px auto
	}

	.intermodal {
		height: 60vw
	}

	.temp-control-wrapper {
		background: url("../../content/images/temp-control-bkg.jpg") no-repeat center center/cover
	}

	.temp-control {
		height: 48vw;
		align-items: flex-end;
		max-height: 900px;
		justify-content: center
	}

	.temp-control--content {
		width: 400px;
		margin: 115px calc(30vw - 275.5px)
	}

	.temp-control-icons {
		justify-content: space-between
	}

	.temp-control-icons img {
		max-width: 150px
	}

	.driver-wrapper {
		height: calc(19vw + 237px);
		background-color: #010101;
		padding: 0 15px;
		display: flex;
		position: relative;
		border-top: 0
	}

	.driver {
		justify-content: space-evenly;
		width: 100%
	}

	.animation {
		position: relative;
		right: calc(-19.7vw + 222px)
	}

	#EdgeID {
		display: none;
		width: 578px;
		position: relative;
		top: -170px;
		right: 0
	}

	.driver-heading,
	.driverImg-mobile {
		flex: 1;
		max-width: 100%
	}

	.driver-heading {
		margin: 0;
		position: relative;
		top: 52px;
		left: 20px;
		text-align: left;
		padding: 0;
		padding-left: 80px
	}

	.driver-heading h2 {
		text-transform: uppercase;
		margin-bottom: 30px
	}

	#driver-wanted {
		color: #eeb22e;
		font-size: calc(3.5vw + 74px);
		font-weight: 900;
		line-height: 0
	}

	#driver-crossborder {
		font-size: calc(1.9vw + 40.5px);
		font-weight: 700;
		line-height: .8;
		color: #fff
	}

	#driver-local {
		font-size: calc(1.5vw + 34px);
		font-weight: 700;
		line-height: .8;
		color: #eeb22e
	}

	#driver-local #white {
		color: #fff;
		font-weight: 500
	}

	#driver-drivers {
		font-size: calc(3.3vw + 70px);
		font-weight: 700;
		line-height: .8;
		color: white
	}

	#driver-prov {
		font-size: calc(1.4vw + 30px);
		font-weight: 700;
		line-height: .8;
		color: #eeb22e
	}

	#driver-prov #white {
		color: #fff;
		font-weight: 500
	}

	#driver-prov #driver-non-bold {
		font-weight: 500
	}

	.driver-line {
		display: none
	}
}

@media(min-width:1200px) {
	.feature-wrapper {
		margin-top: -160px
	}

	.angleFeatureimage {
		width: 18%
	}

	.feature h1 {
		font-size: 3vw;
		font-weight: 300;
		left: 50%;
		top: 280px;
		transform: translateX(-50%);
		letter-spacing: -1px
	}

	#domestic-wrapper,
	#crossborder-wrapper,
	#dedicated-wrapper {
		width: calc(7.9vw + 96.9px)
	}

	.warehousing-content {
		width: 545px;
		margin: calc(13.8vw - 66px) 18%
	}

	.overtheroad-content h2,
	.warehousing-content h2,
	.logistics-content .logistics-content--text h2,
	.intermodal-content h2,
	.temp-control--content h2,
	.news h2 {
		font-size: 53px
	}

	.extend-line {
		left: calc(75vw - 529.6px);
		top: calc(-13vw - 157.3px)
	}

	.extend-line.visible {
		height: calc(36.8vw + 188.3px)
	}

	.logistics-line {
		height: 990px;
		max-width: none
	}

	.logistics-content .logistics-img {
		max-width: 65%
	}

	.logistics-content .logistics-yellowline {
		top: calc(29vw - 185px);
		left: calc(-18vw + 158.6px);
		height: 260px;
		width: 10px
	}

	.logistics-content .logistics-content--text {
		flex: .7;
		margin: auto 0 auto calc(-2vw + 136.6px);
		width: auto;
		align-items: center
	}

	.overtheroad-content {
		margin: 140px auto
	}

	.intermodal-content {
		margin: 180px auto
	}

	.temp-control {
		height: 39vw
	}

	.temp-control--content {
		width: 370px
	}

	.temp-control-icons {
		margin-top: 70px
	}

	.driver-heading h2 {
		margin-bottom: 60px
	}

	.driver-wrapper {
		padding: 0 200px
	}

	.driver-heading {
		position: relative;
		padding-top: 0;
		top: calc(-3vw + 99px);
		left: -68px
	}

	.animation {
		right: auto;
		width: auto
	}

	#EdgeID {
		position: relative;
		top: calc(6.5vw - 246px);
		width: calc(42vw + 208px);
		overflow: hidden
	}

	.driver-line {
		display: block;
		top: calc(-9.2vw + 11px);
		position: absolute;
		right: 0
	}

	.driver-line svg {
		height: calc(19vw + 237px)
	}

	.news-wrapper {
		background: url("../../content/images/news-bkg.jpg") no-repeat center center/cover;
		flex-direction: row;
		height: 805px;
		border-top: 0;
		position: relative
	}

	.news {
		flex: 1;
		padding: 105px calc(18.4vw - 221.6px) 0 calc(31vw - 333.3px);
		background-color: transparent;
		position: absolute;
		width: 47%;
		height: 805px;
		z-index: 1
	}

	.news .featured-news {
		max-height: 528px;
		overflow: hidden
	}

	.news h3.news-title {
		font-size: 20px
	}

	.news p.news-content {
		font-size: 18px;
		color: #111
	}

	.news p.news-date {
		font-size: 17px;
		font-weight: 600;
		line-height: 1.5;
		color: #fff;
		padding-top: 8px;
		letter-spacing: 1px
	}

	.news a.news-link {
		color: #fff;
		font-size: 20px
	}

	.news a.seeall {
		border-bottom: 3px solid #111;
		color: #fff;
		width: fit-content;
		width: -moz-fit-content;
		margin: 45px 0;
		padding: 5px 10px;
		font-size: 22px
	}

	.news a.seeall:hover {
		color: #111
	}

	.news img.recentnews-img {
		width: 380px
	}

	.shape-wrapper {
		position: absolute;
		right: 50%;
		transform: translatex(50%)
	}

	.shape-wrapper img {
		height: 805px
	}

	.social-icons-wrapper {
		flex: 1;
		display: flex
	}

	.subscribe {
		flex: 1;
		padding: 67px calc(24vw - 248.3px) 0 calc(1.1vw + 26.6px);
		background-color: transparent;
		position: absolute;
		width: 35%;
		right: -8px
	}

	.subscribe h3.subscribe-heading {
		font-size: 30px;
		font-weight: 600
	}

	.subscribe p {
		font-size: 18px;
		line-height: 1.2
	}

	html[lang="fr"] .subscribe {
		padding: 90px calc(24vw - 248.3px) 0 calc(1.1vw + 26.6px)
	}
}

.lineWrapper {
	width: 100%;
	margin: auto;
	height: 0;
	overflow: hidden;
	position: absolute;
	transform: skew(0);
	left: -19px;
	top: calc(-52.6vw + 496px);
	transition: height 2s ease-in-out;
	transition-delay: 1s
}

.lineWrapper-visible {
	height: 83vw
}

.overtheroadLine {
	transform: skew(36deg);
	background-color: white;
	width: 70px;
	height: calc(103vw - 500px);
	z-index: 9999;
	position: absolute
}

@media(min-width:1200px) and (max-width:1919px) {
	#EdgeID {
		right: calc(-20vw + 303px)
	}

	.lineWrapper {
		left: calc(2.9vw - 62px)
	}
}

@media(min-width:1920px) {
	#EdgeID {
		right: -70px
	}
}

.toparrow {
	box-sizing: border-box;
	transition: border-width 150ms ease-in-out;
	background-image: none;
	position: absolute;
	bottom: -15px;
	right: 50px
}

.toparrow span {
	position: relative;
	top: -30px;
	left: 14px;
	color: #fff;
	font-size: 14px
}

.toparrow-border {
	height: 50px;
	width: 50px;
	border-style: solid;
	align-self: center;
	border-color: white;
	border-width: 2px 0 0 2px;
	transform: rotate(45deg)
}

.toparrow:hover .toparrow-border {
	border-color: #111
}

.toparrow:hover span {
	color: #111
}

@media(max-width:1290px) and (min-width:1200px) {
	.lineWrapper {
		left: calc(20vw - 280px)
	}

	.overtheroadLine {
		height: calc(56.6vw + 98px)
	}
}

@media(max-width:1919px) and (min-width:1291px) {
	.lineWrapper {
		left: calc(2.9vw - 62px)
	}

	.overtheroadLine {
		height: calc(103vw - 500px)
	}
}

@media(min-width:1920px) {
	.lineWrapper {
		left: calc(1.5vw - 40px)
	}
}

@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {

	.news-wrapper,
	.news {
		display: block !important
	}
}

@media all and (-ms-high-contrast:none) and (min-width:992px),
(-ms-high-contrast:active) and (min-width:992px) {
	.footer-top {
		display: block
	}

	.footer-locations,
	.footer-menu {
		display: inline-block;
		width: 150px;
		vertical-align: top
	}

	.logistics-content .logistics-img {
		max-width: 550px
	}
}

@media all and (-ms-high-contrast:none) and (min-width:1200px),
(-ms-high-contrast:active) and (min-width:1200px) {
	.navbar-collapse {
		left: 150px
	}

	.logistics-content .logistics-img {
		max-width: calc(64.8vw - 28.3px)
	}

	.subscribe-whiteline-visible {
		display: none !important
	}

	.footer-top {
		display: block
	}

	.footer-locations,
	.footer-menu {
		display: inline-block;
		width: 250px
	}

	.news-wrapper,
	.news {
		display: flex !important
	}
}

@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
	.news a.seeall {
		width: 100px !important
	}

	.intermodal-content a {
		width: 120px !important
	}

	.diagonal-top-yellow {
		display: none !important
	}
}

.diagonal-menu {
	position: absolute;
	display: flex;
	flex-direction: row;
	width: 100%;
	justify-content: flex-end;
	top: 45px;
	right: 180px
}

.diagonal-menu #login-wrapper,
.diagonal-menu #careers-wrapper,
.diagonal-menu #news-wrapper,
.diagonal-menu #quote-wrapper {
	transform: skewX(-34deg);
	width: 115px;
	height: 115px;
	position: relative;
	z-index: 9999;
	transition: all .3s
}

.diagonal-menu #login,
.diagonal-menu #careers,
.diagonal-menu #news,
.diagonal-menu #quote {
	transform: skewX(34deg);
	margin-top: 5px;
	margin-left: auto;
	position: absolute;
	height: 112px;
	width: 100%;
	left: -9px
}

.diagonal-menu #login p,
.diagonal-menu #careers p,
.diagonal-menu #news p,
.diagonal-menu #quote p {
	text-align: center;
	padding-top: 65px;
	color: #fff;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 1px
}

.diagonal-menu #login p span,
.diagonal-menu #careers p span,
.diagonal-menu #news p span,
.diagonal-menu #quote p span {
	font-size: 16px;
	font-weight: 700
}

.diagonal-menu #login-wrapper {
	background-color: #eeb22e
}

.diagonal-menu #login-wrapper #login {
	background: url(../../content/images/icon-login.png) no-repeat center center/contain
}

.diagonal-menu #login-wrapper:hover {
	cursor: pointer
}

.diagonal-menu #login-wrapper:hover p {
	color: #595959
}

.diagonal-menu #careers-wrapper {
	background-color: #fff
}

.diagonal-menu #careers-wrapper #careers {
	background: url(../../content/images/icon-careers.png) no-repeat center center/contain
}

.diagonal-menu #careers-wrapper #careers p {
	color: #595959
}

.diagonal-menu #careers-wrapper:hover {
	cursor: pointer
}

.diagonal-menu #careers-wrapper:hover #careers p {
	color: #eeb22e
}

.diagonal-menu #news-wrapper {
	background-color: #595959
}

.diagonal-menu #news-wrapper #news {
	background: url(../../content/images/icon-news.png) no-repeat center center/contain
}

.diagonal-menu #news-wrapper:hover {
	cursor: pointer
}

.diagonal-menu #news-wrapper:hover p {
	color: #eeb22e
}

.diagonal-menu #quote-wrapper {
	background-color: #111
}

.diagonal-menu #quote-wrapper #quote {
	background: url(../../content/images/icon-quote.png) no-repeat center center/contain
}

.diagonal-menu #quote-wrapper:hover {
	cursor: pointer
}

.diagonal-menu #quote-wrapper:hover p {
	color: #eeb22e
}

.topbar-nav {
	position: static;
	background-color: white;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: wrap
}

.topbar-link {
	text-align: center;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 600;
	border-top: 0;
	transition: .3s all;
	margin: auto;
	width: 50%;
	padding: 10px 0
}

.topbar-link--login {
	background-color: #eeb22e;
	border: 1px solid #eeb22e;
	color: #fff
}

.topbar-link--login:hover {
	color: #595959
}

.topbar-link--careers {
	background-color: #fff;
	border: 0;
	color: #595959
}

.topbar-link--careers:hover {
	color: #eeb22e
}

.topbar-link--news {
	background-color: #595959;
	border: 1px solid #595959;
	color: #fff
}

.topbar-link--news:hover {
	color: #eeb22e
}

.topbar-link--quote {
	background-color: #111;
	border: 1px solid #111;
	color: #fff
}

.topbar-link--quote:hover {
	color: #eeb22e
}

.mobile-lang {
	background-color: #eeb22e;
	width: 30px;
	height: 28px;
	position: absolute;
	top: 0;
	right: 12px;
	text-align: center
}

.mobile-lang p {
	color: #fff;
	font-weight: 600;
	font-size: 14px;
	line-height: 1.2;
	padding: 5px 0;
	border: 1px solid #eeb22e
}

.mobile-lang p a {
	color: #fff
}

.mobile-lang:hover {
	background-color: transparent;
	cursor: pointer
}

.mobile-lang:hover p a {
	color: #eeb22e
}

.navbar {
	padding: 0;
	position: relative;
	background-color: white
}

.navbar-brand {
	padding: 15px;
	width: 240px;
	max-width: 50%
}

.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link {
	color: #111;
	font-size: 14px;
	padding: .5rem 1.5rem
}

.nav-link:hover {
	color: #eeb22e
}

.navbar-light .navbar-toggler {
	border: 0;
	top: 34px
}

.nav-link {
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 600;
	border-top: 1px solid #eeb22e;
	transition: .3s all;
	text-align: center
}

.dropdown {
	position: relative
}

.dropdown::after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #eeb22e;
	left: 50%;
	top: 14px;
	transform: translate(60px)
}

.dropdown-menu {
	margin-top: 0;
	border-radius: 0;
	padding: 0;
	border-bottom: 0
}

#inquiriesModal {
	z-index: 99999
}

@media(min-width:576px) {
	.navbar-light .navbar-toggler {
		top: 48px
	}

	.topbar-link {
		font-size: 14px
	}
}

@media(min-width:768px) {
	.topbar-nav {
		flex-wrap: nowrap
	}

	.topbar-link {
		width: 100%
	}

	.topbar-link--careers {
		border-bottom: 1px solid #595959
	}
}

@media(min-width:1200px) {
	.topbar-nav {
		position: absolute;
		padding-right: 100px;
		padding-top: 30px;
		background-color: transparent
	}

	.topbar-link {
		color: #111;
		font-size: 16px;
		padding: .5rem 2rem
	}

	.topbar-link::before {
		content: " ";
		border-left: 1px solid #eeb22e;
		position: absolute;
		top: 50%;
		left: 0;
		height: 20px;
		transform: translateY(-50%)
	}

	.topbar-link--first {
		border-left: 0
	}

	.topbar-link--first::before {
		border: 0
	}

	.navbar {
		padding: 0 150px;
		background: transparent
	}

	.navbar-collapse {
		position: absolute;
		top: 160%;
		z-index: 99
	}

	.topbar-nav--desktop {
		color: #111;
		display: flex;
		justify-content: flex-end;
		width: 100%;
		padding-right: 120px;
		background-color: transparent;
		flex-wrap: nowrap;
		z-index: 99999
	}

	.topbar-nav--desktop .topbar-link {
		color: #111;
		padding: 15px 1.5rem;
		width: auto;
		margin: 0;
		text-align: center;
		text-transform: uppercase;
		font-size: 13px;
		font-weight: 700;
		border-top: 0;
		letter-spacing: 2px
	}

	.topbar-nav--desktop .topbar-link::after {
		content: " ";
		border: 0;
		border-width: 0;
		border-left: 1px solid #eeb22e;
		position: absolute;
		top: 50%;
		left: 0;
		height: 15px;
		transform: translateY(-50%)
	}

	.topbar-nav--desktop .topbar-link::before {
		border: 0
	}

	.topbar-nav--desktop .topbar-link:hover {
		color: #eeb22e
	}

	.topbar-nav--desktop.scrolled {
		position: fixed;
		top: 0;
		background-color: #333;
		color: #fff;
		padding-right: 15px;
		z-index: 99999
	}

	.topbar-nav--desktop.scrolled .topbar-link {
		padding: .3rem .8rem;
		color: #fff;
		font-size: 13px;
		font-weight: 600
	}

	.topbar-nav--desktop.scrolled .topbar-link:hover {
		color: #eeb22e
	}

	.topbar-nav--desktop.scrolled .topbar-link::after {
		content: " ";
		border: 0;
		border-width: 0;
		border-left: 1px solid #595959;
		position: absolute;
		top: 47%;
		left: 0;
		height: 28px;
		transform: translateY(-50%)
	}

	.topbar-nav--desktop .topbar-link--first::after,
	.topbar-nav--desktop.scrolled .topbar-link--first::after {
		border-left: 0
	}

	.subpage .navbar-collapse {
		background-color: rgba(255, 255, 255, 0.651)
	}

	.navbar-nav.nav-secondary {
		display: inline
	}

	.navbar-nav.nav-secondary .nav-item {
		padding: 0;
		border-bottom: 1px solid #919397
	}

	.navbar-nav.nav-secondary .nav-item .dropdown-menu {
		left: 160px;
		top: 0;
		min-width: 12rem;
		text-align: left;
		background-color: rgba(255, 255, 255, 0.59);
		font-size: 1rem;
		border: 0;
		text-transform: uppercase
	}

	.navbar-nav.nav-secondary .nav-item .dropdown-menu .dropdown-item {
		font-weight: 700;
		padding: 10px 40px;
		text-align: left;
		letter-spacing: 1px;
		color: #111
	}

	.navbar-nav.nav-secondary .nav-item .dropdown-menu .dropdown-item:hover {
		background-image: linear-gradient(to right, #fff, #ffffffdb, #ffffff8f, #ffffff9e, #ffffff03, transparent);
		color: #111;
		background-color: transparent
	}

	.navbar-nav.nav-secondary .nav-item .dropdown-menu li:first-of-type {
		padding-top: 25px
	}

	.navbar-nav.nav-secondary .nav-item .dropdown-menu li:last-of-type {
		padding-bottom: 25px
	}

	.navbar-nav.nav-secondary .nav-item .dropdown-menu .submenu-dropdown-item .submenu-child-item {
		color: #595959
	}

	.navbar-nav.nav-secondary .nav-item .dropdown-menu .dropdown-menu-careers .dropdown-item,
	.navbar-nav.nav-secondary .nav-item .dropdown-menu .dropdown-menu-carriers .dropdown-item,
	.navbar-nav.nav-secondary .nav-item .dropdown-menu .dropdown-menu-overtheroad .dropdown-item {
		color: #111;
		background-color: rgba(255, 255, 255, 0.726)
	}

	.navbar-nav.nav-secondary .nav-item .dropdown-menu .dropdown-menu-careers .dropdown-item:hover,
	.navbar-nav.nav-secondary .nav-item .dropdown-menu .dropdown-menu-carriers .dropdown-item:hover,
	.navbar-nav.nav-secondary .nav-item .dropdown-menu .dropdown-menu-overtheroad .dropdown-item:hover {
		color: #eeb22e;
		background-color: #fff
	}

	.navbar-nav.nav-secondary .nav-item .dropdown-menu .dropdown-menu-careers .dropdown-item:first-of-type,
	.navbar-nav.nav-secondary .nav-item .dropdown-menu .dropdown-menu-carriers .dropdown-item:first-of-type,
	.navbar-nav.nav-secondary .nav-item .dropdown-menu .dropdown-menu-overtheroad .dropdown-item:first-of-type {
		padding-top: 10px
	}

	.navbar-nav.nav-secondary .nav-item .dropdown-menu .dropdown-menu-careers .dropdown-item:last-of-type,
	.navbar-nav.nav-secondary .nav-item .dropdown-menu .dropdown-menu-carriers .dropdown-item:last-of-type,
	.navbar-nav.nav-secondary .nav-item .dropdown-menu .dropdown-menu-overtheroad .dropdown-item:last-of-type {
		padding-bottom: 10px
	}

	.navbar-nav.nav-secondary .nav-item .dropdown-menu .dropdown-carriers:hover+.dropdown-menu-carriers .dropdown-item:last-of-type {
		padding-bottom: 25px !important
	}

	.navbar-nav.nav-secondary .nav-item .nav-link {
		position: relative;
		width: 160px;
		padding: 1.3rem 1rem;
		text-align: left
	}

	.navbar-nav.nav-secondary .nav-item .nav-link::before {
		border: 0
	}

	.navbar-nav.nav-secondary .nav-item .nav-link::after {
		border: solid #595959;
		border-width: 0 2px 2px 0;
		display: inline-block;
		width: 8px;
		height: 8px;
		content: "";
		transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		position: absolute;
		left: 130px;
		top: 20px
	}

	.navbar-nav.nav-secondary .nav-item .dropdown-menu li::after,
	.navbar-nav.nav-secondary .nav-item .dropdown-menu .dropdown-item.dropdown-toggle.submenu-dropdown-item::after {
		content: "";
		height: 1px;
		background-color: #919397ad;
		position: relative;
		display: block;
		z-index: -99;
		margin: 0 40px
	}

	.noborderonhover::after {
		content: "";
		height: 1px;
		background-color: transparent !important;
		position: relative;
		display: block;
		z-index: -99;
		margin: 0 40px
	}

	.navbar-nav.nav-secondary .nav-item .dropdown-menu .dropdown-item.dropdown-toggle.submenu-dropdown-item::after {
		border-top: 0
	}

	.navbar-nav.nav-secondary .nav-item .dropdown-menu li:last-of-type::after,
	.navbar-nav.nav-secondary .nav-item .dropdown-menu .dropdown-item.dropdown-toggle.submenu-dropdown-item:last-of-type::after {
		display: none
	}

	.navbar-nav.nav-secondary .nav-item .dropdown-menu li:hover::after {
		display: none
	}

	.navbar-light .navbar-nav .active>.nav-link,
	.navbar-light .navbar-nav .nav-link {
		color: #111;
		font-size: 16px;
		letter-spacing: 1px;
		padding: .5rem 1.5rem
	}

	.navbar-nav .dropdown-menu.dropdown-overtheroad li:first-of-type,
	.navbar-nav .dropdown-menu.dropdown-careers li:first-of-type,
	.navbar-nav .dropdown-menu.dropdown-carriers li:first-of-type {
		padding-top: 0 !important
	}

	.navbar-nav .dropdown-menu.dropdown-overtheroad li:last-of-type,
	.navbar-nav .dropdown-menu.dropdown-careers li:last-of-type,
	.navbar-nav .dropdown-menu.dropdown-carriers li:last-of-type {
		padding-bottom: 0 !important
	}

	.nav-link,
	.topbar-link {
		border-top: 0;
		display: flex;
		height: 100%;
		justify-content: center;
		flex-direction: column;
		position: relative
	}

	.nav-link::before {
		content: " ";
		border-left: 1px solid #eeb22e;
		position: absolute;
		top: 50%;
		left: 0;
		height: 20px;
		transform: translateY(-50%)
	}

	.nav-link--first {
		border-left: 0
	}

	.nav-link--first::before {
		border: 0
	}

	.nav-item {
		display: flex;
		flex-direction: column;
		justify-content: center
	}

	.navbar-light .navbar-nav .nav-item:hover .nav-link,
	.topbar-link:hover {
		color: #eeb22e;
		cursor: pointer
	}

	.navbar-nav.nav-secondary .nav-item:hover .nav-link {
		background-image: linear-gradient(to right, transparent, #ffffff03, #ffffff40, #ffffff6b);
		color: #111
	}

	.nav-link--first:hover::before {
		border: 0
	}

	.navbar-brand {
		padding-left: 0
	}

	.navbar-toggleable-lg .navbar-nav .nav-link {
		padding: 0 20px
	}

	.navbar-toggleable-lg .navbar-nav .nav-link.nav-link--last {
		padding-right: 20px;
		margin-right: 10px
	}

	.header_phone {
		color: #595959;
		font-weight: 600;
		margin-bottom: 0;
		font-size: 14px;
		padding-left: 10px;
		padding-right: 25px
	}

	.header_request-quote--big {
		font-size: 44px
	}

	.dropdown:hover>.dropdown-menu {
		display: block
	}

	.dropdown::after {
		content: none;
		display: none
	}

	.dropdown:hover>.dropdown-menu {
		visibility: visible;
		opacity: 1
	}
}

@media(min-width:1600px) {
	.header_request-quote {
		padding-left: 30px;
		padding-right: 30px
	}
}

.dropdown-item {
	text-align: center;
	display: flex;
	flex-direction: column;
	font-size: 14px
}

.dropdown-item:hover {
	background-color: #eeb22e;
	color: #fff
}

.dropdown-item a {
	text-decoration: none;
	letter-spacing: 2px;
	padding: 15px 0;
	font-weight: bold;
	font-size: 12px;
	text-transform: uppercase;
	color: #eeb22e
}

.nav-item_dropdown-menu--borderNone {
	border-bottom: none !important
}

.dropdown-toggle::after {
	display: none
}

.sticky-menu {
	z-index: 9999
}

.sticky-menu .navbar {
	padding: 0
}

.sticky-menu .topbar-nav {
	position: static
}

.sticky-menu .navbar-collapse {
	position: static
}

.sticky-menu .navbar-nav {
	display: flex
}

.sticky-menu .navbar-nav.nav-secondary .nav-item {
	display: list-item;
	border-bottom: 0
}

.sticky-menu .navbar-nav.nav-secondary .nav-item .nav-link {
	position: relative;
	width: auto;
	padding: 1.3rem 1.4vw
}

.sticky-menu .navbar-nav.nav-secondary .nav-item .nav-link::after {
	content: " ";
	border: 0;
	border-width: 0;
	border-left: 1px solid #eeb22e;
	position: absolute;
	top: 50%;
	left: 0;
	height: 20px;
	transform: translateY(-50%);
	display: inline-block;
	width: 8px;
	height: 15px
}

.sticky-menu .navbar-nav.nav-secondary .nav-item .nav-link.nav-link--first::after {
	border: 0
}

.sticky-menu .navbar-brand {
	width: 220px;
	padding: 5px 30px 0 30px
}

.sticky-menu .nav-link.topbar-link--login::after,
.sticky-menu .nav-link.topbar-link--careers::after,
.sticky-menu .nav-link.topbar-link--news::after,
.sticky-menu .nav-link.topbar-link--quote::after {
	border-left: 0 !important
}

.sticky-menu .nav-link.topbar-link--login:hover {
	color: #595959
}

.sticky-menu .nav-link.topbar-link--careers:hover {
	color: #eeb22e !important
}

.sticky-menu .nav-link.topbar-link--news:hover {
	color: #eeb22e !important
}

.sticky-menu .nav-link.topbar-link--quote:hover {
	color: #eeb22e !important
}

.sticky-menu .navbar-nav.nav-secondary .nav-item .dropdown-menu {
	position: absolute;
	top: 100%;
	left: 0;
	background-color: rgba(255, 255, 255, 0.7)
}

.sticky-menu .navbar-nav.nav-secondary .nav-item:hover .nav-link {
	background-image: none;
	color: #595959
}

.sticky-menu {
	position: fixed;
	background-color: #fff;
	width: 100%;
	top: -100px
}

.sticky-menu .topbar-link--first {
	border-left: 0
}

.sticky-menu .nav-link.topbar-link--login,
.sticky-menu .nav-link.topbar-link--careers,
.sticky-menu .nav-link.topbar-link--news,
.sticky-menu .nav-link.topbar-link--quote {
	border: 0 !important
}

.sticky-menu .nav-link.topbar-link--login,
.sticky-menu .nav-link.topbar-link--news,
.sticky-menu .nav-link.topbar-link--quote {
	color: #fff
}

.sticky-menu.scrolled {
	background-color: #fff !important;
	transition: background-color 200ms linear;
	color: #eeb22e !important;
	left: 0;
	top: 27px
}

@media(max-width:1199px) {
	.dropdown-item {
		background-color: #c5c5c5;
		color: #111;
		border-bottom: 1px solid #fff;
		padding: .5rem 1.5rem
	}

	.dropdown-item:hover {
		background-color: #fff;
		color: #111
	}

	.navbar-expand-xl .navbar-nav .dropdown-menu.dropdown-overtheroad .dropdown-item,
	.navbar-expand-xl .navbar-nav .dropdown-menu.dropdown-careers .dropdown-item,
	.navbar-expand-xl .navbar-nav .dropdown-menu.dropdown-carriers .dropdown-item {
		background-color: #ececec;
		color: #111;
		border-bottom: 1px solid #fff;
		padding: .5rem 1.5rem
	}

	.navbar-expand-xl .navbar-nav .dropdown-menu.dropdown-overtheroad .dropdown-item:hover,
	.navbar-expand-xl .navbar-nav .dropdown-menu.dropdown-careers .dropdown-item:hover,
	.navbar-expand-xl .navbar-nav .dropdown-menu.dropdown-carriers .dropdown-item:hover {
		background-color: #fff;
		color: #111
	}

	.navbar-light .navbar-nav .active>.nav-link,
	.navbar-light .navbar-nav .nav-link {
		background-color: #eeb22e;
		color: #fff;
		border-bottom: 1px solid #fff
	}

	.navbar-light .navbar-nav .active>.nav-link:hover,
	.navbar-light .navbar-nav .nav-link:hover {
		color: #595959
	}

	.dropdown-menu-careers .dropdown-item,
	.dropdown-menu-carriers .dropdown-item,
	.dropdown-menu-overtheroad .dropdown-item {
		background-color: #e5e5e5
	}

	.dropdown-menu-careers .dropdown-item:hover,
	.dropdown-menu-carriers .dropdown-item:hover,
	.dropdown-menu-overtheroad .dropdown-item:hover {
		background-color: #fff;
		color: #111
	}

	.navbar-light .navbar-nav .nav-link.mobilemenu {
		background-color: #333;
		color: #fff;
		border-top: 0;
		border-bottom: 1px solid #fff
	}

	.navbar-light .navbar-nav .nav-link.mobilemenu:hover {
		color: #eeb22e
	}

	.nav-link.dropdown-toggle::after {
		display: inline-block !important;
		display: inline-block;
		width: 0;
		height: 0;
		margin-left: .255em;
		vertical-align: .255em;
		content: "";
		border-top: .3em solid;
		border-right: .3em solid transparent;
		border-bottom: 0;
		border-left: .3em solid transparent
	}

	.navbar-nav.nav-secondary .nav-item .dropdown-menu .dropdown-item.dropdown-toggle.submenu-dropdown-item::after {
		display: none !important
	}
}

.dropdown-toggle.active-dropdown::after {
	transform: rotate(-90deg)
}

.navbar-expand-xl .navbar-nav .dropdown-menu.dropdown-overtheroad,
.navbar-expand-xl .navbar-nav .dropdown-menu.dropdown-careers,
.navbar-expand-xl .navbar-nav .dropdown-menu.dropdown-carriers {
	position: static !important
}

hr {
	border-top: 1px solid rgba(255, 255, 255, 0.5)
}

.form {
	border-radius: 10px 10px 0 0
}

.form label {
	font-weight: normal;
	padding-top: 5px;
	margin-bottom: 0;
	display: block;
	font-weight: bold;
	color: #595959;
	font-size: 14px
}

::-webkit-calendar-picker-indicator {
	filter: invert(1)
}

.form select,
.form textarea,
.form input[type="text"],
.form input[type="date"],
.form input[type="password"] {
	width: 100%;
	border: 1px solid #ffffff66;
	padding: 5px;
	background: #eeb22e;
	height: 60px;
	color: #fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin: 5px 0;
	font-family: "Montserrat", sans-serif;
	font-weight: 400
}

.form textarea {
	height: auto
}

.form input[type="submit"] {
	margin-top: 15px;
	color: #fff;
	font-size: 20px;
	border: 0;
	background: transparent;
	letter-spacing: 2px;
	border-bottom: 3px solid #111;
	padding: 8px 10px;
	margin: 20px 0;
	outline: 0
}

.form input[type="submit"]:hover {
	background: transparent;
	color: #111;
	cursor: pointer;
	outline: 0
}

.driverForm select,
.driverForm textarea,
.driverForm input[type="text"],
.driverForm input[type="password"] {
	height: 50px
}

.form img.vercodeStyle {
	width: 100%;
	height: 30px;
	margin-top: 25px
}

.form input.error,
.form select.error {
	background: #fdf1f1;
	border: #f77 solid 2px;
	color: #fff
}

.form label.error {
	color: #f77;
	font-size: 12px;
	padding-top: 0
}

.form .error-message {
	color: #F00;
	display: none
}

#rc-imageselect,
.g-recaptcha {
	transform: scale(0.77);
	-webkit-transform: scale(0.77);
	transform-origin: 0 0;
	-webkit-transform-origin: 0 0
}

.FormWrapper {
	padding: 0 15px
}

.FormWrapper h3 {
	color: #eeb22e;
	font-family: "Khand", sans-serif;
	color: #eeb22e;
	font-family: "Khand", sans-serif;
	clear: both;
	padding: 10px;
	padding-left: 15px;
	border-radius: 10px 10px 0 0;
	margin-bottom: 0;
	text-transform: uppercase
}

.FormWrapper h4 {
	padding-left: 15px;
	font-family: "Khand", sans-serif;
	border: 1px solid #eeb22e;
	padding: 10px;
	color: #595959;
	border-radius: 10px 10px 0 0;
	background: #fff;
	text-transform: uppercase
}

.FormWrapper_textarea {
	width: 100%;
	min-height: 100px;
	max-height: 110px
}

.asterisk {
	color: #f77;
	padding-right: 3px
}

.rate-request-form {
	background: #488bc7;
	padding: 11px;
	border-radius: 15px 15px 0 0
}

.grecaptcha-badge {
	display: none !important
}

.success {
	padding: 1em;
	margin: .75rem 0 .75rem 0;
	color: #0c7e0c;
	border: 1px solid #0c7e0c;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-size: 16px;
	font-weight: 500;
	width: 100%
}

.error-send-mail {
	padding: 1em;
	margin: .75rem 0 .75rem 0;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	color: #b94a48;
	border: 1px solid rgba(185, 74, 72, 0.3);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-size: 16px;
	font-weight: 500
}

::-webkit-input-placeholder {
	color: #f5f4f4;
	font-family: "Montserrat", sans-serif
}

:-ms-input-placeholder {
	color: #f5f4f4;
	font-family: "Montserrat", sans-serif
}

::placeholder {
	color: #f5f4f4;
	font-family: "Montserrat", sans-serif
}

.form.contactForm {
	padding: 0 15px
}

.form.contactForm select,
.form.contactForm textarea,
.form.contactForm input[type="text"],
.form.contactForm input[type="date"],
.form.contactForm input[type="password"] {
	width: 100%;
	border: 1px solid #ffffff66;
	padding: 5px;
	background: #eeb22e;
	height: 60px;
	color: #fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin: 5px 0
}

.form.contactForm input[type="submit"] {
	margin-top: 15px;
	color: #fff;
	font-size: 20px;
	border: 0;
	background: transparent;
	letter-spacing: 2px;
	border-bottom: 3px solid #111;
	padding: 8px 10px;
	margin: 20px 0;
	outline: 0
}

.form.contactForm input[type="submit"]:hover {
	background: transparent;
	color: #111;
	outline: 0;
	cursor: pointer
}

.subpage .form.contactForm input[type="submit"] {
	color: #eeb22e;
	outline: 0
}

.subpage .form.contactForm input[type="submit"]:hover {
	color: #111;
	outline: 0
}

.driverForm select {
	color: #fff;
	background: url(../../content/images/dropdown-accordion.png) no-repeat right #eeb22e !important;
	-webkit-appearance: none;
	background-position-x: 99% !important
}

.contactForm select {
	background: url(../../content/images/dropdown-accordion.png) no-repeat right #eeb22e !important;
	-webkit-appearance: none;
	background-position-x: 99% !important;
	color: #fff
}

.rc-Disclaimer {
	font-family: "Montserrat", sans-serif !important;
	font-weight: 600 !important;
	color: #111;
	font-size: 12px !important
}

.rc-Disclaimer a strong {
	font-weight: 800;
	color: #111
}

.rc-Disclaimer a strong:hover {
	color: #eeb22e
}

#inquiriesModal .form.contactForm input[type="submit"],
.form.quoteForm input[type="submit"] {
	color: #eeb22e;
	outline: 0
}

#inquiriesModal .form.contactForm input[type="submit"]:hover,
.form.quoteForm input[type="submit"]:hover {
	color: #111;
	outline: 0
}

.gform_wrapper {
	background-color: white;
	flex-direction: column;
	padding: 0;
	background-color: white;
	margin-top: 0;
	margin-bottom: 0
}

.gform_wrapper li.hidden_label input {
	margin-top: 0
}

.gform_wrapper .field_sublabel_hidden_label .ginput_complex.ginput_container input[type=text],
.gform_wrapper .field_sublabel_hidden_label .ginput_complex.ginput_container select {
	margin-bottom: 3px
}

.gform_wrapper ul li.gfield {
	margin-top: 10px;
	padding-top: 0
}

body .gform_wrapper ul li.gfield {
	margin-top: 0;
	padding-top: 0
}

.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
	width: 100%;
	border: 1px solid #ffffff66;
	padding: 5px;
	background: #eeb22e;
	height: 60px;
	color: #fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin: 0;
	font-family: "Montserrat", sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	font-family: "Montserrat", sans-serif
}

.gform_wrapper ul li.gfield {
	margin-top: 0;
	padding-top: 0
}

#gform_wrapper_1 .gform_fields .gfield input::-webkit-input-placeholder {
	color: white
}

#gform_wrapper_1 .gform_fields .gfield input::-moz-placeholder {
	color: white
}

#gform_wrapper_1 .gform_fields .gfield input:-ms-input-placeholder {
	color: white
}

#gform_wrapper_1 .gform_fields .gfield input:-moz-placeholder {
	color: white
}

h3.gform_title {
	font-size: 20px !important;
	color: #111;
	font-weight: 600 !important;
	text-transform: uppercase;
	letter-spacing: 1px !important;
	font-family: 'Khand', sans-serif
}

.gform_wrapper select,
.gform_wrapper textarea {
	width: 100%;
	border: 1px solid #ffffff66;
	padding: 5px;
	background: #eeb22e;
	height: 60px;
	color: #fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin: 0;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px
}

input#gform_submit_button_1 {
	background: 0;
	border: 0;
	text-align: left;
	color: #eeb22e;
	font-family: 'Khand', sans-serif;
	text-transform: lowercase;
	font-size: 27px;
	border-bottom: 3;
	text-decoration: underline;
	text-decoration-thickness: 3px;
	text-decoration-color: black;
	line-height: 44px;
	text-underline-offset: 9px
}

@media only screen and (min-width:641px) {
	.gform_wrapper .top_label select.medium {
		width: 100%
	}
}

.video-wrapper {
	position: absolute;
	flex-direction: column;
	width: calc(18.7vw + 125px);
	bottom: 860px
}

.subpage-feature-wrapper {
	position: relative;
	padding: 0;
	margin: 0;
	overflow: hidden;
	z-index: -99
}

.yellow-a {
	color: #eeb22e
}

.yellow-a:hover {
	color: #e29d06
}

.subpage-breadcrumbs {
	padding: 50px 40px 0 30px;
	width: 100%;
	background-color: #595959
}

.subpage-breadcrumbs p {
	color: #fff;
	font-size: 18px;
	font-family: "Montserrat", sans-serif;
	font-weight: 300
}

.subpage-breadcrumbs p span.yellow {
	font-family: "Khand", sans-serif;
	font-weight: 400;
	color: #eeb22e;
	font-size: 25px;
	line-height: 1.4
}

.subpage-content {
	border-top: 0;
	padding: 0;
	margin: auto
}

.content-left-wrapper,
.contact-form-mobile-wrapper {
	order: 2;
	width: 100%;
	margin: auto;
	padding: 50px 30px;
	background-color: #fff;
	margin-top: 50px
}

.content-left-wrapper h2.left-heading,
.contact-form-mobile-wrapper h2.left-heading {
	font-size: 20px;
	color: #111;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-left: 8px
}

.content-left-wrapper p.left-paragraph,
.contact-form-mobile-wrapper p.left-paragraph {
	font-family: "Montserrat", sans-serif;
	font-weight: 400;
	font-size: 15px;
	letter-spacing: 2px;
	line-height: 1.2
}

.contact-form-mobile-wrapper {
	width: auto;
	padding: 0;
	margin-bottom: 80px
}

.contact-form iframe {
	height: 730px
}

.content-right-wrapper {
	order: 1
}

.content-right {
	background-color: #fff;
	padding: 45px 30px;
	width: 100%;
	margin: auto
}

.content-right-box h3 {
	font-size: 25px;
	font-weight: 400;
	letter-spacing: 7px
}

.content-right-box h1 {
	font-size: 25px;
	font-weight: 400;
	line-height: 1;
	padding: 20px 0 0 0
}

.content-right-box h2 {
	font-weight: 500;
	color: #111;
	padding-top: 25px;
	font-size: 20px
}

.content-right-box p {
	font-size: 14px;
	line-height: 1.5;
	font-family: "Montserrat", sans-serif;
	font-weight: 500;
	padding-top: 9px
}

.content-right-box ul {
	padding-inline-start: 0;
	list-style-type: none
}

.content-right-box li {
	font-size: 15px;
	line-height: 1.7;
	font-family: "Montserrat", sans-serif;
	font-weight: 500
}

.content-right-box li::before {
	background-color: #eeb22e !important;
	border-radius: 50% !important;
	content: "" !important;
	display: inline-block !important;
	margin-right: 7px !important;
	margin-bottom: 3px !important;
	height: 5px !important;
	width: 5px !important
}

.teamImg {
	width: 170px;
	height: 215px
}

.teamInfo {
	padding-top: 9px;
	padding-left: 0
}

.teamInfo .fa-linkedin-in {
	color: #eeb22e
}

.teamInfo .fa-linkedin-in:hover {
	color: #111
}

.colm-1 {
	margin-bottom: 0
}

.sitemap-list {
	color: #eeb22e;
	font-weight: 500
}

.sitemap-list a {
	font-weight: 700;
	color: #111;
	font-size: 18px;
	line-height: 25px
}

.sitemap-list a:hover {
	color: #eeb22e
}

.yellow,
.sitemap-h2 a {
	color: #eeb22e
}

.sitemap-h2 a:hover {
	color: #111
}

.leadership-a {
	color: #111;
	letter-spacing: 0
}

.leadership-a:hover {
	color: #eeb22e;
	letter-spacing: 0
}

.doc-a a {
	color: #111;
	letter-spacing: 0
}

.doc-a a:hover {
	color: #eeb22e
}

i.fa-file-pdf {
	color: #eeb22e;
	font-size: 30px;
	padding-right: 10px
}

.secondRow {
	background: url(../../content/images/subpage-highway-bkg-mobile.jpg) no-repeat 10% top/cover
}

.secondRow .content-left-wrapper {
	display: none
}

.firstrow .content-right-wrapper {
	width: 100%
}

.secondRow .content-right-wrapper {
	width: 90%;
	margin: auto
}

.secondRow .content-right-wrapper .contact-form {
	padding: 50px 40px 0 40px
}

.content-right-bottom {
	margin: 0;
	padding: 80px 0 0 0;
	display: flex;
	flex-direction: column
}

.content-right-bottom .content-right-bottom-text {
	flex: 1 0 100%
}

.content-right-bottom .content-right-bottom-text h2 {
	color: #fff;
	font-size: 30px;
	font-weight: 400;
	line-height: 1
}

.content-right-bottom .content-right-bottom-text ul {
	padding-inline-start: 0;
	padding-top: 10px
}

.content-right-bottom .content-right-bottom-text ul li {
	font-size: 16px;
	line-height: 1.7;
	font-family: "Montserrat", sans-serif;
	font-weight: 500;
	color: #fff;
	list-style: none
}

.content-right-bottom .content-right-bottom-text ul li::before {
	content: "";
	color: #eeb22e;
	display: inline-block;
	width: 5px;
	margin-left: -1em;
	height: 5px;
	margin: 0 8px 0 0;
	background: #eeb22e;
	border-radius: 50%;
	display: none
}

.content-right-bottom .content-right-bottom-award {
	flex: 1 0 100%
}

.diagonal-top-yellow {
	top: 49px;
	left: 37%;
	background-color: #eeb22e;
	transform: skew(-33deg);
	width: 12px;
	height: 248px;
	position: absolute
}

.diagonal-bottom-white {
	bottom: -157px;
	right: calc(15.9vw - 38.6px);
	background-color: #fff;
	transform: skew(-33deg);
	width: 15px;
	height: calc(11vw + 286.6px);
	position: absolute
}

.diagonal-bottom-yellow {
	bottom: -102px;
	right: calc(15.9vw - 101.6px);
	background-color: #eeb22e;
	transform: skew(-33deg);
	width: 50px;
	height: calc(9.58vw + 190px);
	position: absolute
}

.yellowColor {
	color: #eeb22e !important
}

a:hover .yellowColor {
	color: #111 !important
}

.contact-map iframe {
	height: 220px
}

.quote-wrapper {
	padding: 60px 0
}

.leadership-wrapper {
	padding: 60px 0
}

.leadership-wrapper p {
	font-size: 14px;
	line-height: 1.5;
	font-family: "Montserrat", sans-serif;
	font-weight: 500;
	padding-top: 9px
}

.quote-breadcrumbs {
	padding: 50px 0 15px 0;
	background-color: #595959
}

.quote-breadcrumbs h1 {
	font-size: 20px;
	max-width: 85%;
	margin: auto;
	color: #fff;
	font-size: 20px;
	font-family: "Montserrat", sans-serif;
	font-weight: 300
}

.leadership .content-right-box h2 {
	border-bottom: 2px solid #eeb22e;
	width: fit-content;
	width: -moz-fit-content;
	padding-right: 20px
}

.leadership-wrapper h2 {
	border-bottom: 2px solid #111;
	width: fit-content;
	width: -moz-fit-content;
	padding-right: 20px;
	font-size: 32px
}

.a-href {
	color: #eeb22e
}

.a-href:hover {
	color: #111
}

.feature-subimg {
	position: absolute;
	bottom: calc(-36.51vw + 645.62px);
	left: calc(78.79vw - 129.86px)
}

.feature-subimg img {
	width: 130px
}

.driver-app iframe {
	height: 1020px
}

.subscribe iframe {
	height: 975px
}

.quote-wrapper iframe {
	height: 700px
}

@media(min-width:576px) {
	.driver-app iframe {
		height: 930px
	}
}

@media(min-width:768px) {
	.subscribe iframe {
		height: 844px
	}
}

@media(min-width:992px) {
	.subscribe iframe {
		height: 752px
	}
}

@media(min-width:1200px) {
	.subscribe iframe {
		height: 880px
	}
}

@media(min-width:320px) and (max-width:575px) {
	.feature-subimg {
		position: absolute;
		bottom: 25px;
		left: 25px
	}

	.feature-subimg img {
		width: 130px
	}
}

@media(min-width:576px) {
	.subpage-breadcrumbs p {
		width: 90%;
		margin-left: auto;
		margin-right: auto
	}

	.content-right {
		padding: 75px 20px;
		width: 90%
	}

	.content-right-box h3 {
		font-size: 30px
	}

	.content-right-box h1 {
		font-size: 30px;
		padding: 30px 0 0 0
	}

	.content-right-box h2 {
		font-size: 30px
	}

	.content-right-box p {
		font-size: 14px;
		line-height: 2;
		font-family: "Montserrat", sans-serif;
		font-weight: 500;
		padding-top: 9px
	}

	.content-right-box ul {
		padding-inline-start: 0
	}

	.content-right-box li {
		font-size: 15px;
		line-height: 1.7;
		font-family: "Montserrat", sans-serif;
		font-weight: 500
	}

	.leadership-wrapper p {
		font-size: 14px;
		line-height: 2;
		font-family: "Montserrat", sans-serif;
		font-weight: 500;
		padding-top: 9px
	}

	.contact-form-mobile-wrapper h2.left-heading {
		font-size: 26px
	}

	.contact-form-mobile-wrapper p.left-paragraph {
		font-size: 18px
	}

	.contact-form iframe {
		height: 690px
	}

	.teamInfo {
		padding-top: 0 !important;
		padding-left: 9vw
	}

	.content-right-bottom {
		padding: 80px 30px 0 30px
	}

	.content-right-bottom .content-right-bottom-text h2 {
		font-size: 40px
	}

	.contact-info-wrapper {
		display: flex;
		flex-wrap: wrap;
		width: 100%;
		padding-top: 25px;
		flex-direction: row
	}

	.content-right-box h2 {
		padding-top: 25px
	}

	.contact-info {
		flex: .7
	}

	.contact-map {
		flex: 1
	}

	.contact-map iframe {
		height: 220px
	}

	.quote-breadcrumbs h1 {
		max-width: 80%
	}

	.feature-subimg {
		position: absolute;
		bottom: calc(7.85vw - 15.23px);
		left: calc(78.79vw - 129.86px)
	}

	.feature-subimg img {
		width: 190px
	}
}

@media(min-width:768px) {
	.subpage-feature-wrapper {
		margin-top: -147px
	}

	.subpagetemp .subpage-feature-wrapper {
		margin-top: 0
	}

	.subpage-content-wrapper {
		background: url("../../content/images/subpage-highway-bkg.jpg") no-repeat center center/cover
	}

	.subpage-content {
		width: 90%;
		padding: 50px 30px
	}

	.content-right {
		padding: 75px 60px;
		width: 100%
	}

	.secondRow {
		background: 0
	}

	.secondRow .content-right-wrapper {
		width: 100%
	}

	.contact-form-mobile-wrapper {
		padding: 0;
		width: 100%
	}

	.secondRow .content-right-wrapper .contact-form {
		padding: 50px 60px 0 60px
	}

	.content-right-box h1 {
		font-size: 40px;
		padding: 52px 0 25px 0
	}

	.content-right-box h2 {
		padding-top: 0
	}

	.content-right-box p {
		font-size: 15px
	}

	.leadership-wrapper p {
		font-size: 15px
	}

	.leadership-wrapper h2 {
		font-size: 40px
	}

	.teamInfo {
		padding-top: 0 !important;
		padding-left: 0
	}

	.subpage-breadcrumbs {
		padding: 0;
		width: auto;
		background-color: transparent;
		position: absolute;
		margin-top: -16vw;
		left: 13vw
	}

	.subpage-breadcrumbs p {
		font-size: 22px;
		width: 100%
	}

	.subpage-breadcrumbs p span.yellow {
		font-size: 35px;
		line-height: 1.4
	}

	/* .content-right-bottom .content-right-bottom-award {
		flex: 1 0 20%
	} */

	.feature-subimg {
		position: absolute;
		bottom: calc(15.24vw - 92.09px);
		left: calc(82.06vw - 180.24px)
	}

	.feature-subimg img {
		width: 190px
	}
}

@media(min-width:992px) {
  .content-right-bottom {
		flex-direction: row;
		padding: 80px 0 0 0
	}

  .content-right-bottom .content-right-bottom-text {
		flex: 1 0 63%
	}

	.content-right-bottom .content-right-bottom-text h2 {
		font-size: 50px
	}

	.content-right-bottom .content-right-bottom-text ul li {
		font-size: 16px
	}

	.content-right-bottom .content-right-bottom-text ul li::before {
		display: inline-block
	}

	.subpage-breadcrumbs {
		margin-top: -15vw;
		left: 13vw
	}

	.subpage-breadcrumbs p {
		font-size: 30px
	}

	.subpage-breadcrumbs p span.yellow {
		font-size: 45px;
		line-height: 1.8
	}

	.content-right {
		-webkit-clip-path: polygon(100% 0, 100% 50%, 100% 100%, 0 100%, 0 247px, 159px 0);
		clip-path: polygon(100% 0, 100% 50%, 100% 100%, 0 100%, 0 247px, 159px 0)
	}

	.content-right-box h3 {
		padding-left: 60px
	}

	.horizontal-line {
		width: calc(66.9vw + 115px);
		position: absolute;
		height: 1px;
		z-index: 99;
		background-color: #eeb22e;
		margin-left: 60px
	}

	.leadership-horizontal-line {
		height: 3px;
		z-index: 99;
		background-color: #eeb22e;
		margin: 20px auto
	}

	.quote-breadcrumbs {
		margin: 50px 30px 1px 30px;
		padding: 0;
		margin-top: -9vw;
		position: absolute;
		margin-left: 5vw;
		background-color: transparent
	}

	.quote-breadcrumbs h1 {
		max-width: none;
		margin: 0;
		font-size: 27px
	}

	.teamInfo {
		padding-top: 0 !important;
		padding-left: 0
	}

	.feature-subimg {
		position: relative !important;
		bottom: calc(7.72vw + 75.32px);
		left: calc(92.75vw - 337.11px)
	}

	.feature-subimg img {
		width: 232px !important
	}
}

@media(min-width:992px) and (max-width:1199px) {
	.feature-subimg {
		position: absolute !important;
		bottom: calc(14.44vw - 111.76px);
		left: calc(94.22vw - 266.93px)
	}

	.feature-subimg img {
		width: 232px !important
	}
}

@media(min-width:1200px) {
	.subpagetemp .subpage-feature-wrapper {
		margin-top: -147px
	}

	.subpage-content-wrapper {
		height: 1400px
	}

	.leadership .subpage-content-wrapper {
		height: 3225px
	}

	.subpage-content {
		padding: 50px calc(16vw - 159px);
		top: calc(-18vw - 50px);
		position: relative;
		width: auto;
		margin: 0
	}

	.subpage-breadcrumbs {
		top: calc(11.8vw + 23.3px);
		margin-top: 0;
		left: auto
	}

	.content-left-wrapper {
		background-color: #fff;
		padding: 50px 30px;
		flex: .4;
		align-self: flex-end;
		order: 1;
		width: auto;
		margin: 0
	}

	.content-left-wrapper h2.left-heading {
		font-size: calc(0.83vw + 10px)
	}

	.content-left-wrapper p.left-paragraph {
		font-size: calc(0.42vw + 10px)
	}

	.firstrow .content-right-wrapper {
		width: auto
	}

	.secondRow .content-left-wrapper {
		background-color: transparent;
		display: block
	}

	.content-right-wrapper {
		flex: 1;
		order: 1
	}

	.content-right-wrapper-img {
		height: calc(20.8vw + 50px);
		position: absolute;
		left: calc(4.1vw + 20px);
		top: 20px;
		z-index: -1
	}

	.horizontal-line {
		width: calc(39.9vw + 150px)
	}

	.content-right {
		margin: 0;
		background-color: #fff;
		padding: 70px 87px;
		width: calc(28vw + 399px)
	}

	.content-right-bottom {
		margin: 0;
		padding: 80px 0 0 0;
		width: calc(28vw + 399px)
	}

	.content-right-bottom .content-right-bottom-text {
		flex: 1 0 70%
	}

	.content-right-bottom .content-right-bottom-text h2 {
		font-size: calc(2vw + 25px)
	}

	.content-right-bottom .content-right-bottom-text ul li {
		font-size: 20px;
		line-height: 1.7
	}

	/* .content-right-bottom .content-right-bottom-award {
		flex: 1 0 30%
	} */

	.content-right-box h3 {
		font-size: 30px;
		letter-spacing: 7px;
		padding-left: 60px
	}

	.content-right-box h1 {
		font-size: 3.125vw;
		line-height: 1;
		padding: 57px 0 32px 0
	}

	.content-right-box h2 {
		font-weight: 500;
		color: #111;
		font-size: calc(0.55vw + 23.3px)
	}

	.content-right-box p {
		padding-top: 5px;
		font-size: 15px;
		line-height: 2
	}

	.leadership-wrapper p {
		padding-top: 5px;
		font-size: 15px;
		line-height: 2
	}

	.leadership-wrapper h2 {
		font-size: 2.5rem
	}

	.quote-breadcrumbs {
		margin: 50px 30px 1px 30px;
		padding: 0;
		margin-top: -6.9vw;
		position: absolute;
		margin-left: 5vw;
		background-color: transparent
	}

	.quote-breadcrumbs h1 {
		color: #fff;
		font-size: 27px;
		font-weight: 100
	}

	.teamInfo {
		padding-top: 0 !important;
		padding-left: 0
	}

	.feature-subimg {
		position: absolute !important;
		bottom: calc(18.75vw + 15px);
		left: calc(63.61vw + 144.66px)
	}
}

@media(min-width:1200px) and (max-width:1354px) {
	.content-right-bottom .content-right-bottom-text ul li {
		font-size: 18px
	}
}

@media(min-width:1921px) and (max-width:2560px) {
	.feature-subimg {
		position: absolute !important;
		bottom: calc(18.75vw + 15px);
		left: calc(62.36vw + 165.66px)
	}
}

.content-right-bottom-award img {
	width: auto;
	max-width: 300px;
}

@media(min-width:1200px) {
	.subpage.subpageshort .contact-form {
		position: absolute;
		bottom: 72px;
		flex-direction: column;
		padding: 50px 30px 0 30px;
		width: calc(18.7vw + 125px);
		background-color: white
	}
}

.subpage.subpageshort .contact-form h2.left-heading {
	font-size: 20px;
	color: #111;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-left: 8px
}

.subpage.subpageshort .contact-form p.left-paragraph {
	font-family: "Montserrat", sans-serif;
	font-weight: 400;
	font-size: 15px;
	letter-spacing: 2px;
	line-height: 1.2
}

.subpage.subpageshort .contact-form-mobile-wrapper {
	order: 2;
	width: 100%;
	margin: auto;
	padding: 0;
	background-color: #fff;
	margin-top: 50px;
	margin-bottom: 80px
}

@media(min-width:1200px) {
	.subpage.subpageshort .content-left-wrapper {
		flex: .4;
		order: 1;
		background-color: transparent
	}
}

.driver-feature-wrapper {
	position: relative;
	padding: 0;
	margin: 0;
	overflow: hidden;
	z-index: -99;
	margin-top: 0
}

.driver-content-wrapper {
	background-color: #cad0db;
	padding-top: 65px
}

.driver-feature {
	position: relative
}

.driver-feature .content-class {
	position: absolute;
	margin: auto 0 auto 55%;
	width: auto;
	align-items: center;
	top: 15%
}

.driver-feature .content-class h1 {
	font-size: calc(6vw + 19.5px);
	line-height: calc(4.6vw + 8px);
	font-weight: 400
}

.driver-feature .content-class h1 span {
	font-size: calc(4.1vw + 8px);
	color: #fff;
	line-height: 20px
}

.driver-feature .content-class h1 .local {
	line-height: calc(5.8vw + 16.25px);
	font-size: calc(4.5vw + 8px)
}

.content-class-md {
	margin: 2% auto 14% auto;
	display: flex
}

.content-class-md h1 {
	font-size: 85px;
	line-height: 43px;
	font-weight: 400
}

.content-class-md h1 span {
	font-size: 50px;
	color: #fff;
	line-height: 20px
}

.content-class-md h1 .local {
	line-height: 70px
}

.breadcrumbs {
	padding: 50px 0 15px 0;
	background-color: #595959
}

.breadcrumbs p {
	max-width: 85%;
	margin: auto;
	color: #fff;
	font-size: 18px;
	font-family: "Montserrat", sans-serif;
	font-weight: 300
}

.breadcrumbs p span.yellow {
	font-family: "Khand", sans-serif;
	font-weight: 400;
	color: #eeb22e;
	font-size: 25px;
	line-height: 1
}

.benefits-wrapper {
	max-width: 85%;
	margin: auto
}

.benefits-heading {
	font-size: 70px;
	font-weight: 700;
	color: #111;
	line-height: .5;
	letter-spacing: -2px
}

.benefits-heading span {
	font-size: 35px;
	font-weight: 700
}

.awards img {
	margin: auto;
	max-width: 150px
}

.benefit-list {
	font-family: "Lato", sans-serif;
	font-size: 15px;
	font-weight: 600;
	color: #111;
	padding-inline-start: 15px;
	line-height: 25px;
	margin-bottom: 0;
	list-style: none
}

.benefit-list li::before {
	content: "\2022";
	color: #fff;
	font-weight: bold;
	display: inline-block;
	width: 1em;
	margin-left: -1em
}

.highway-wrapper {
	background: url(../../content/images/dollar-images-992-3.jpg);
	background-position: center 55%;
	background-repeat: no-repeat;
	background-size: cover;
	justify-content: center
}

.highway-wrapper h3 {
	color: #fff;
	display: block;
	padding: 130px 10px;
	text-align: center;
	text-transform: uppercase;
	font-weight: 500;
	font-family: "Khand", sans-serif;
	font-size: 25px
}

.crossborder-wrapper {
	background: url(../../content/images/three-trucks.jpg) no-repeat center center/cover
}

.crossborder {
	height: 90vw;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	max-height: 900px
}

.crossborder--content {
	width: 425px;
	margin: 200px calc(28vw - 280.5px)
}

.crossborder--content h2 {
	font-size: 76px;
	padding-bottom: 0;
	font-weight: 700;
	color: #fff;
	line-height: 44px;
	font-family: "Khand", sans-serif
}

.crossborder--content .crossborder-spn {
	font-size: 48px
}

.crossborder--content p {
	font-size: 27px;
	font-family: "Lato", sans-serif;
	font-weight: 500;
	line-height: 1.2;
	color: #eeb22e;
	padding: 12px 0
}

.crossborder--content .crossborder-spn-1 {
	font-size: 64.8px;
	line-height: 60px
}

.crossborder--content .crossborder-spn-2 {
	font-size: 48px
}

.accordionFaq .card-header,
.accordionFaq .card {
	background: transparent
}

.accordionFaq .card-header {
	border: 0;
	border-bottom: 1px solid rgba(0, 0, 0, .125);
	padding-left: 0
}

.accordionFaq .card {
	border: 0
}

.accordionFaq .btn {
	color: #000;
	font-size: 24px;
	font-weight: 600;
	padding: 0;
	white-space: normal;
}

.accordionFaq .btn:before {
	content: "\f107";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	position: absolute;
	right: 0;
	top: 29px;
	transform: translateY(-50%);
}

.accordionFaq .card-body {
	padding-left: 0;
}

@media(min-width:768px) {
	#accordionFaq {
		padding-left: 108px;
		padding-right: 95px;
	}
}

@media(min-width:1200px) {
	.testimonials-section {
		margin-left: -172px;
		margin-top: -100px;
		padding-bottom: 120px;
		/* width: 727px; */
	}
}

.testimonials-wrapper {
	background-color: #cad0db
}

.testimonials-wrapper h2 {
	padding-left: 0;
	font-family: "Khand", sans-serif;
	font-size: 59px;
	font-weight: 700;
	color: #111;
	padding-bottom: 30px;
	text-align: center
}

.testimonials-wrapper p {
	font-family: "Lato", sans-serif;
	font-size: 14px;
	color: #111;
	line-height: 1.6;
	font-weight: 400
}

.testimonials-wrapper .driver-name {
	font-weight: 700;
	font-size: 18px;
	line-height: 1
}

.testimonials-wrapper .driver-date {
	font-weight: 700;
	font-size: 15px
}

.sidetruck-img {
	max-width: 100%;
	height: auto
}

.easy-wrapper {
	margin-top: 45px
}

.easy-bg {
	background: #eeb22e
}

.img-driver {
	width: 70%;
	z-index: 2;
	margin-left: 0;
	margin-top: 25px
}

.easy-heading {
	font-size: 15.5vw;
	font-weight: 700;
	color: #fff;
	line-height: 1;
	letter-spacing: 0;
	font-family: "Khand", sans-serif
}

.easy-heading span {
	font-size: 14vw;
	font-weight: 700
}

.carouselTestimonials .carousel-inner {
	height: 245px
}

.carousel-testimonials {
	width: 75%;
	text-align: left;
	left: 14%
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
	background-image: none;
	position: absolute;
	box-sizing: border-box;
	height: 30px;
	width: 30px;
	border-style: solid;
	border-color: #eeb22e;
	transition: border-width 150ms ease-in-out;
	left: 50%;
	transform: rotate(-45deg) translateX(-50%);
	top: 22%
}

.carousel-control-prev-icon {
	border-width: 2px 0 0 2px
}

.carousel-control-next-icon {
	border-width: 0 2px 2px 0
}

.pad-tl {
	padding: 4.5rem 5% 4.5rem 5% !important
}

.testimonial-yellowline-wrapper {
	position: relative;
	top: -274px
}

.testimonial-yellowline {
	width: 22px;
	height: 200px;
	left: -48px;
	top: 50%;
	position: absolute
}

.testimonial-yellowline img {
	width: 285px
}

.driver-app {
	padding: 0 8px;
	background: white;
	width: 100%;
	top: -180px;
	right: 0
}

.driver-app h3 {
	font-size: 10vw;
	font-weight: 900;
	letter-spacing: 1px;
	font-family: "Khand", sans-serif;
	text-align: left;
	color: #111;
	padding: 50px 5px 10px 5px
}

.driverFormWrapper {
	padding: 0 8px
}

.driver-button {
	color: #eeb22e !important
}

.driver-button:hover {
	color: #011 !important
}

.marg-top {
	margin-top: -18px
}

.padr-mb-4 {
	padding-right: 4rem
}

.easy-list {
	font-family: "Lato", sans-serif;
	font-size: 18px;
	font-weight: 500;
	color: #fff;
	padding-inline-start: 15px;
	list-style: none;
	margin-bottom: 0
}

.easy-list li {
	line-height: 1.2;
	margin: 10px 0
}

.easy-list li:first-of-type {
	margin-top: 0
}

.easy-list li::before {
	content: "\2022";
	color: #fff;
	font-weight: bold;
	display: inline-block;
	width: 1em;
	margin-left: -1em
}

.driverPage-tel {
	color: #111;
	font-size: 28px;
	font-weight: 500;
	padding: 30px 0 0 0;
	text-align: center;
	margin: auto
}

.crossborder-bg {
	padding: 45px 0 25px 0;
	margin: 0 auto;
	justify-content: center;
	display: grid;
	text-align: center
}

.crossborder-bg h2 {
	font-size: 60px;
	line-height: 38px;
	color: #fff
}

.crossborder-bg .crossborder-spn {
	font-size: 37px
}

.crossborder-bg p {
	font-size: 20.5px;
	font-family: "Lato", sans-serif;
	font-weight: 500;
	line-height: 1.2;
	color: #eeb22e;
	padding: 0;
	width: 330px
}

.crossborder-bg .crossborder-spn-1 {
	font-size: 50px
}

.crossborder-bg .crossborder-spn-2 {
	font-size: 38px
}

.crossborder-container {
	background: #000
}

.breadcrumbs p {
	font-size: 20px
}

@media(min-width:576px) {
	.driver-feature .content-class {
		margin: auto 0 auto 58%
	}

	.driver-feature .content-class h1 {
		font-size: 60px;
		line-height: 35px
	}

	.driver-feature .content-class h1 span {
		font-size: 33px;
		line-height: 20px
	}

	.driver-feature .content-class h1 .local {
		line-height: 50px;
		font-size: 35px
	}

	.breadcrumbs p {
		font-size: 20px;
		max-width: 80%
	}

	.content-class-md {
		margin: 2% auto 14% auto
	}

	.benefits-wrapper {
		max-width: 80%
	}

	.award-wrapper {
		max-width: 60%;
		margin: auto
	}

	.driverPage-tel {
		padding: 25px 0 15px 0
	}

	.highway-wrapper h3 {
		padding: 193px 0;
		font-size: 1.65rem
	}

	.crossborder-wrapper {
		background: #000
	}

	.crossborder--content {
		margin: 75px calc(28vw - 280.5px)
	}

	.crossborder {
		height: 125vw;
		display: flex;
		flex-direction: column;
		align-items: center;
		max-height: 1155px
	}

	.testimonials-wrapper h2 {
		font-size: 59px
	}

	.testimonials-wrapper p {
		font-size: 16px
	}

	.testimonials-wrapper .driver-name {
		font-size: 23px
	}

	.driver-app {
		padding: 0 50px
	}

	.driver-app h3 {
		font-size: 59px
	}

	.driverFormWrapper {
		padding: 0 8px
	}

	.easy-heading {
		font-size: 112px;
		font-weight: 700;
		color: #fff;
		line-height: 76px;
		letter-spacing: -2px;
		font-family: "Khand", sans-serif
	}

	.easy-heading span {
		font-size: 100px;
		font-weight: 700
	}

	.easy-list li:first-of-type {
		margin-top: 10px
	}

	.padr-mb-4 {
		padding-right: 1.5rem
	}
}

@media(min-width:768px) {
	.driver-feature .content-class {
		margin: auto 0 auto 59%;
		top: 21%
	}

	.driver-feature .content-class h1 {
		font-size: 85px;
		line-height: 43px
	}

	.driver-feature .content-class h1 span {
		font-size: 47px;
		line-height: 20px
	}

	.driver-feature .content-class h1 .local {
		line-height: 70px;
		font-size: 50px
	}

	.benefits-heading {
		font-size: 90px
	}

	.benefits-heading span {
		font-size: 44px
	}

	.content-class-md {
		margin: 2% auto 8% auto
	}

	.crossborder-wrapper {
		background: #000
	}

	.crossborder--content {
		margin: 75px calc(28vw - 280.5px)
	}

	.crossborder {
		height: 125vw;
		display: flex;
		flex-direction: column;
		align-items: center;
		max-height: 1155px
	}

	.img-driver {
		width: 50%
	}

	.driverFormWrapper {
		padding: 0 50px
	}

	.carouselTestimonials .carousel-inner {
		height: 190px
	}

	.carousel-testimonials {
		width: 75%;
		text-align: left;
		left: 108px
	}

	.easy-heading {
		font-size: 112px;
		font-weight: 700;
		color: #fff;
		line-height: 76px;
		letter-spacing: -2px;
		font-family: "Khand", sans-serif
	}

	.easy-heading span {
		font-size: 100px;
		font-weight: 700
	}

	.padr-mb-4 {
		padding-right: 1.5rem
	}

	.marg-top {
		margin-top: -45px
	}
}

@media(min-width:992px) {
	.breadcrumbs {
		margin: 50px 30px 1px 30px;
		background-color: transparent;
		padding: 0;
		margin-top: -9vw;
		position: absolute;
		margin-left: 5vw;
		background-color: transparent
	}

	.breadcrumbs p {
		max-width: none;
		margin: 0;
		color: #fff;
		font-size: 27px;
		font-family: "Montserrat", sans-serif;
		font-weight: 100
	}

	.breadcrumbs p span.yellow {
		color: #eeb22e;
		font-size: 47px;
		top: 10px;
		font-family: "Khand", sans-serif;
		font-weight: 400
	}

	.breadcrumbs p span.breadcrumbs-sep {
		font-size: 88px;
		position: relative;
		top: 20px;
		padding: 0 20px;
		transform: skewX(34deg)
	}

	.content-class-md {
		margin: 2% auto 8% auto
	}

	.benefits-wrapper {
		padding-top: 100px;
		max-width: 79%;
		margin: auto
	}

	.award-wrapper {
		transform: skew(-34deg);
		width: 100%;
		border-left: 40px solid #eeb22e;
		height: 230px;
		max-width: 35%
	}

	.awards {
		height: 230px;
		width: 100%;
		transform: skew(34deg)
	}

	.awards .topfleet {
		margin: auto;
		min-width: 107px;
		max-width: 184px
	}

	.awards .shipper {
		margin: auto;
		min-width: 85px;
		max-width: 88px
	}

	.crossborder-wrapper {
		background: #000
	}

	.crossborder {
		height: 90vw;
		display: flex;
		flex-direction: column;
		align-items: center;
		max-height: 900px
	}

	.pad-tl {
		padding: 11.5rem 5% 4.5rem 5% !important
	}

	.testimonials-wrapper {
		background-color: #cad0db
	}

	.testimonials-wrapper h2 {
		padding-left: 108px;
		font-family: "Khand", sans-serif;
		font-size: 75px;
		font-weight: 700;
		color: #111;
		padding-bottom: 30px;
		text-align: left
	}

	.carouselTestimonials .carousel-inner {
		height: 180px
	}

	.carousel-testimonials {
		width: 64%;
		text-align: left;
		left: 108px
	}

	.carousel-control-prev-icon {
		background: url(../../content/images/yellow-left-arrow.png) no-repeat !important;
		left: 0;
		transform: none
	}

	.carousel-control-next-icon {
		background: url(../../content/images/yellow-right-arrow.png) no-repeat !important;
		left: 0;
		transform: none
	}

	.carousel-control-next-icon,
	.carousel-control-prev-icon {
		width: 166px;
		height: 130px;
		margin-top: -35px;
		top: 0
	}

	.carousel-control-prev-icon {
		border-width: 0
	}

	.carousel-control-next-icon {
		border-width: 0
	}

	.carousel-control-next {
		right: 22px
	}

	.carousel-testimonials {
		width: 64%;
		text-align: left;
		left: 108px
	}

	.driverFormWrapper {
		padding: 0 50px
	}

	.easy-heading {
		font-size: 112px;
		font-weight: 700;
		color: #fff;
		line-height: 76px;
		letter-spacing: -2px;
		font-family: "Khand", sans-serif;
		padding-top: calc(12vw - 94px)
	}

	.easy-heading span {
		font-size: 100px;
		font-weight: 700
	}

	.padr-mb-4 {
		padding-right: 1.5rem
	}

	.marg-top {
		margin-top: 40px
	}
}

@media(min-width:992px) and (max-width:1045px) {
	.crossborder-wrapper {
		background: url(../../content/images/three-trucks.jpg) no-repeat center center/cover
	}

	.crossborder {
		height: 62vw;
		display: flex;
		flex-direction: column;
		align-items: flex-end;
		max-height: 900px
	}

	.crossborder--content {
		margin: 155px calc(28vw - 276.5px);
		width: 410px
	}

	.crossborder--content h2 {
		font-size: 74px
	}

	.crossborder--content .crossborder-spn-1 {
		font-size: 61px
	}

	.crossborder--content .crossborder-spn-2 {
		font-size: 46px
	}

	.crossborder--content p {
		font-size: 26px
	}

	.crossborder--content .crossborder-spn {
		font-size: 44px
	}
}

@media(min-width:992px) and (max-width:1199px) {
	.driver-content-wrapper {
		padding-top: 0
	}

	.driver-feature {
		position: relative
	}

	.driver-feature .content-class {
		position: absolute;
		margin: auto 0 auto 63%;
		width: auto;
		align-items: center;
		top: 27%
	}

	.driver-feature .content-class h1 {
		font-size: 85px;
		line-height: 43px;
		font-weight: 400
	}

	.driver-feature .content-class h1 span {
		font-size: 47px;
		color: #fff;
		line-height: 20px
	}

	.driver-feature .content-class h1 .local {
		line-height: 70px;
		font-size: 50px
	}

	.easy-content {
		position: relative
	}

	.easy-content .driver-img-wrapper {
		align-self: flex-end
	}

	.img-driver {
		width: 632px
	}

	.highway-wrapper {
		background: url(../../content/images/dollar-image-bg1.jpg);
		background-attachment: fixed;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		height: 850px
	}

	.highway-wrapper h3 {
		font-size: 40px;
		margin: auto;
		padding: 0
	}

	.crossborder-wrapper {
		background: url(../../content/images/three-trucks.jpg) no-repeat center center/cover
	}

	.crossborder {
		height: 62vw;
		display: flex;
		flex-direction: column;
		align-items: flex-end;
		max-height: 900px
	}

	.testimonials-wrapper {
		background-color: #cad0db
	}

	.testimonials-wrapper h2 {
		padding-left: 108px;
		font-family: "Khand", sans-serif;
		font-size: 75px;
		font-weight: 700;
		color: #111;
		padding-bottom: 30px;
		text-align: left
	}

	.carousel-testimonials {
		width: 64%;
		text-align: left;
		left: 108px
	}

	.carousel-control-prev-icon {
		background: url(../../content/images/yellow-left-arrow.png) no-repeat !important;
		left: 0;
		transform: none
	}

	.carousel-control-next-icon {
		background: url(../../content/images/yellow-right-arrow.png) no-repeat !important;
		left: 0;
		transform: none
	}

	.carousel-control-next-icon,
	.carousel-control-prev-icon {
		width: 166px;
		height: 130px;
		margin-top: -35px;
		top: 0
	}

	.carousel-control-prev-icon {
		border-width: 0
	}

	.carousel-control-next-icon {
		border-width: 0
	}

	.carousel-control-next {
		right: 22px
	}

	.pad-tl {
		padding: 6.5rem 3% 6.5rem 12% !important
	}
}

@media(min-width:1200px) {
	.breadcrumbs {
		margin-top: -6.9vw;
		position: absolute;
		margin-left: 5vw
	}

	.breadcrumbs p {
		color: #fff;
		font-size: 27px;
		font-family: "Montserrat", sans-serif;
		font-weight: 100
	}

	.breadcrumbs p span.yellow {
		color: #eeb22e;
		font-size: 47px;
		top: 10px;
		font-family: "Khand", sans-serif;
		font-weight: 400
	}

	.breadcrumbs p span.breadcrumbs-sep {
		font-size: 88px;
		position: relative;
		top: 20px;
		padding: 0 20px;
		transform: skewX(34deg)
	}

	.driver-feature-wrapper {
		position: relative;
		padding: 0;
		margin: 0;
		overflow: hidden;
		z-index: -99;
		margin-top: -160px
	}

	.driver-content-wrapper {
		padding-top: 0
	}

	.driver-feature {
		position: relative
	}

	.driver-feature .content-class {
		position: absolute;
		margin: auto 0 auto 63%;
		width: auto;
		align-items: center;
		top: 41%
	}

	.driver-feature .content-class h1 {
		font-size: 100px;
		line-height: 54px;
		font-weight: 400
	}

	.driver-feature .content-class h1 span {
		font-size: 56px;
		color: #fff;
		line-height: 20px
	}

	.driver-feature .content-class h1 .local {
		line-height: 85px;
		font-size: 60px
	}

	.benefits-wrapper {
		padding-top: 200px
	}

	.benefits-heading {
		font-size: 180px;
		font-weight: 700;
		color: #111;
		line-height: 68px;
		letter-spacing: -2px;
		font-family: "Khand", sans-serif
	}

	.benefits-heading span {
		font-size: 84px;
		font-weight: 700
	}

	.easy-content {
		position: relative
	}

	.easy-content .driver-img-wrapper {
		position: relative;
		z-index: 99;
		left: calc(25.8vw - 192px);
		flex: none;
		max-width: none;
		width: auto;
		padding-left: 0;
		padding-right: 0;
		align-self: auto
	}

	.easy-content .driver-img-wrapper img.img-driver {
		width: calc(27.7vw + 116.6px);
		margin-top: 0
	}

	.easy-content .easy-bg {
		background: url(../../content/images/yellow-bg-driver-points.png) no-repeat center center/cover;
		width: calc(54vw + 303px);
		left: calc(38vw - 259.3px);
		bottom: 0;
		height: 91%;
		position: absolute;
		flex: none;
		max-width: none;
		padding-left: 0;
		padding-right: 0
	}

	.easy-content .easy-heading {
		font-weight: 700;
		color: #fff;
		line-height: 76px;
		letter-spacing: -2px;
		font-family: "Khand", sans-serif;
		position: relative;
		left: calc(23.6vw + 33.6px);
		top: calc(13vw - 156.6px);
		width: fit-content;
		font-size: calc(1.6vw + 80px);
		padding-top: 0
	}

	.easy-content .easy-heading span {
		font-size: calc(1.3vw + 73.3px);
		font-weight: 700
	}

	.easy-content .easy-list-wrapper {
		padding-left: calc(-4.9vw + 173.3px);
		margin-top: calc(13.1vw - 158.3px)
	}

	.easy-content .easy-list-wrapper .easy-list {
		font-family: "Lato", sans-serif;
		font-size: 18px;
		font-weight: 500;
		color: #fff;
		padding-inline-start: 35px;
		line-height: 40px;
		margin-bottom: 0;
		list-style: none
	}

	.easy-content .easy-list-wrapper .easy-list li {
		font-size: calc(0.27vw + 12.66px);
		line-height: 1.2;
		margin: 15px 0
	}

	.driverPage-tel {
		padding: calc(3.4vw - 4.66px) 0 0 0
	}

	.white-line {
		position: absolute;
		width: 12px;
		height: 400px;
		background-color: #fff;
		bottom: -85px;
		right: calc(24.4vw - 93.3px);
		transform: skew(-33deg)
	}

	.padr-mb-4 {
		padding-right: 1.5rem
	}

	.pad-left-42 {
		padding-left: 42px
	}

	.award-wrapper {
		transform: skew(-34deg);
		width: 100%;
		border-left: 40px solid #eeb22e;
		height: 230px;
		max-width: 35%
	}

	.awards {
		height: 230px;
		margin: auto;
		text-align: center;
		width: 100%;
		transform: skew(34deg);
		justify-items: center
	}

	.highway-wrapper {
		background: url(../../content/images/dollar-image-bg1.jpg);
		background-attachment: fixed;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		height: 850px
	}

	.highway-wrapper h3 {
		font-size: 40px;
		margin: auto;
		padding: 0
	}

	.crossborder-wrapper {
		background: url(../../content/images/three-trucks.jpg) no-repeat center center/cover
	}

	.crossborder {
		height: 90vw;
		display: flex;
		flex-direction: column;
		align-items: flex-end;
		max-height: 900px
	}

	.crossborder--content {
		width: 425px;
		margin: 200px calc(28vw - 280.5px)
	}

	.crossborder--content h2 {
		padding-bottom: 0;
		font-weight: 700;
		color: #fff;
		line-height: 44px;
		font-family: "Khand", sans-serif
	}

	.crossborder--content .crossborder-spn {
		font-size: 48px
	}

	.crossborder--content p {
		font-family: "Lato", sans-serif;
		font-weight: 500;
		line-height: 1.2;
		color: #eeb22e;
		padding: 12px 0
	}

	.crossborder--content .crossborder-spn-1 {
		font-size: 64.8px;
		line-height: 60px
	}

	.testimonials-wrapper {
		background-color: #cad0db
	}

	.testimonials-wrapper h2 {
		padding-left: 108px;
		font-family: "Khand", sans-serif;
		font-size: 75px;
		font-weight: 700;
		color: #111;
		padding-bottom: 30px;
		text-align: left
	}

	.testimonials-wrapper p {
		font-family: "Lato", sans-serif;
		font-size: 16px;
		color: #111;
		line-height: 1.6;
		font-weight: 400
	}

	.testimonials-wrapper .driver-name {
		font-weight: 700;
		font-size: 23px;
		line-height: 1
	}

	.testimonials-wrapper .driver-date {
		font-weight: 700;
		font-size: 15px
	}

	.sidetruck-img {
		max-width: 100%;
		height: auto
	}

	.carouselTestimonials .carousel-inner {
		height: 250px
	}

	.carousel-testimonials {
		width: 64%;
		text-align: left;
		left: 108px
	}

	.carousel-control-prev-icon {
		background: url(../../content/images/yellow-left-arrow.png) no-repeat !important;
		left: 0;
		transform: none
	}

	.carousel-control-next-icon {
		background: url(../../content/images/yellow-right-arrow.png) no-repeat !important;
		left: 0;
		transform: none
	}

	.carousel-control-next-icon,
	.carousel-control-prev-icon {
		width: 166px;
		height: 130px;
		margin-top: -12px;
		top: 0
	}

	.carousel-control-prev-icon {
		border-width: 0
	}

	.carousel-control-next-icon {
		border-width: 0
	}

	.carousel-control-next {
		right: 22px
	}

	.pad-tl {
		padding: 11.5rem 2% 4.5rem calc(20.8vw - 235px) !important
	}

	.testimonial-yellowline-wrapper {
		position: relative;
		top: -274px
	}

	.testimonial-yellowline {
		width: 22px;
		height: 200px;
		left: calc(8.3vw - 250px);
		top: 50%;
		position: absolute
	}

	.testimonial-yellowline img {
		width: 285px
	}

	.driver-app {
		width: 618px;
		position: relative;
		top: -180px;
		right: 66px;
		-webkit-clip-path: polygon(16% 0, 100% 0, 100% 100%, 0 100%, 0 14%);
		clip-path: polygon(16% 0, 100% 0, 100% 100%, 0 100%, 0 14%)
	}

	.driver-app h3 {
		font-size: 31px;
		font-weight: 900;
		letter-spacing: 1px;
		font-family: "Lato", sans-serif;
		text-align: right;
		color: #111;
		padding: 50px 14px 10px 0
	}

	.driverFormWrapper {
		padding: 0 50px
	}

	.driver-button {
		color: #eeb22e !important
	}

	.driver-button:hover {
		color: #011 !important
	}

	.marg-top {
		margin-top: -132px
	}
}

@media(min-width:1200px) and (max-width:1345px) {
	.driver-app {
		width: 555px
	}
}

.benefits-wrapper p {
	font-family: "Lato", sans-serif;
	font-size: 15px;
	font-weight: 600;
	color: #111;
	line-height: 25px
}

.awards .topfleet {
	max-width: 260px
}

.awards .shipper {
	max-width: 115px
}

@media(min-width:576px) {
	.benefits-heading {
		font-size: calc(7.22vw + 2.36px)
	}

	.benefits-wrapper h3 {
		font-size: calc(4.81vw - .75px)
	}

	html[lang=fr] .benefits-heading {
		font-size: calc(6.22vw + 2.36px)
	}

	html[lang=fr] .benefits-wrapper h3 {
		font-size: calc(4.04vw - 1.61px)
	}

	.award-wrapper {
		max-width: 100%;
		margin: auto
	}
}

@media(max-width:575px) {
	.benefits-heading {
		font-size: calc(6vw + 9.6px)
	}

	.benefits-wrapper h3 {
		font-size: calc(4.2vw + 2.92px)
	}

	html[lang=fr] .benefits-heading {
		font-size: calc(4.7vw + 10.9px)
	}

	html[lang=fr] .benefits-wrapper h3 {
		font-size: calc(3vw + 4.1px)
	}

	.awards .topfleet {
		max-width: 215px
	}

	.awards .shipper {
		max-width: 95px
	}
}

@media(min-width:768px) {
	.award-wrapper {
		max-width: 80%;
		margin: auto
	}
}

@media(min-width:992px) {
	.awards .topfleet {
		max-width: 255px;
		margin-right: 48px
	}

	.awards .shipper {
		max-width: 85px
	}

	.award-wrapper {
		border-left: 0
	}

	.benefits-heading {
		font-size: calc(4.34vw + 31.86px)
	}

	.benefits-wrapper h3 {
		font-size: calc(3.18vw + 16.27px)
	}

	html[lang=fr] .benefits-heading {
		font-size: calc(3.34vw + 31.86px)
	}

	html[lang=fr] .benefits-wrapper h3 {
		font-size: calc(2.18vw + 17.27px)
	}
}

@media(min-width:1200px) {
	.benefits-wrapper {
		padding-left: calc(31.11vw - 350.33px);
		padding-top: 150px
	}

	.benefits-heading {
		font-size: 85px !important;
		margin-bottom: 0
	}

	.benefits-wrapper h3 {
		font-size: 54.5px
	}

	html[lang=fr] .benefits-heading {
		font-size: 76px !important;
		margin-bottom: 0
	}

	html[lang=fr] .benefits-wrapper h3 {
		font-size: 46px
	}

	.benefits-wrapper p {
		padding-right: calc(47.77vw - 528.33px)
	}

	.award-wrapper {
		transform: skew(-35deg);
		border-left: 0;
		height: 150px;
		margin-top: -90px;
		margin-right: calc(-9.1vw - 24px)
	}

	html[lang=fr] .award-wrapper {
		transform: skew(-35deg);
		border-left: 0;
		height: 150px;
		margin-top: -120px;
		margin-right: calc(-9.1vw - 24px)
	}

	html[lang=fr] .driver-app {
		-webkit-clip-path: polygon(16% 0, 100% 0, 100% 100%, 0 100%, 0 16%);
		clip-path: polygon(16% 0, 100% 0, 100% 100%, 0 100%, 0 16%)
	}
}

@media(min-width:1544px) and (max-width:1749px) {
	html[lang=fr] .award-wrapper {
		margin-top: -50px
	}
}

@media(min-width:1750px) {
	html[lang=fr] .award-wrapper {
		margin-top: -90px
	}
}

.portal .page-wrapper {
	background-color: #f1f1f1
}

.portal .topbar-nav--desktop {
	background-color: #333;
	color: #fff;
	padding-right: 0
}

.portal .topbar-nav--desktop .topbar-link {
	color: #fff
}

.portal .topbar-nav--desktop .topbar-link:hover {
	color: #eeb22e
}

.portal .sticky-menu {
	position: static;
	top: 45px
}

.portal .sticky-menu .navbar-nav.nav-secondary .nav-item .nav-link {
	padding: 1.4rem 1.1vw
}

.portal .sticky-menu.scrolled {
	position: static
}

.portal .navbar-nav {
	display: flex
}

.portal li.nav-item {
	margin: 0
}

.portal .navbar-toggler {
	padding: .25rem 1rem;
	font-size: 2.25rem
}

.portal button:not(.toggle) {
	background-color: transparent
}

.portal .navbar-nav.nav-secondary .nav-item .dropdown-menu .dropdown-item img {
	display: inline !important
}

.portal .footer-menu {
	display: block
}

.portal .element_1590087629955 a {
	color: #eeb22e
}

.portal .element_1590087629955 a:hover {
	color: #111
}

.portal .breadcrumbs {
	position: static;
	background: transparent
}

@media(min-width:992px) {
	.portal .breadcrumbs {
		margin: 70px 0 20px 0
	}
}

.portal .breadcrumbs p {
	font-size: 20px;
	max-width: 100%
}

@media(min-width:576px) {
	.portal .breadcrumbs p {
		font-size: 27px
	}
}

.portal .post-grid .pagination {
	margin: 30px 10px
}

.portal #ModalAvailablePositionsForm,
.portal .contactModal {
	z-index: 999999
}

.portal #ModalAvailablePositionsForm h2,
.portal .contactModal h2 {
	margin-bottom: 0;
	margin: 0;
	line-height: 1.5;
	color: #eeb22e;
	font-size: 3.5rem;
	font-weight: 500;
	font-family: "Khand", sans-serif
}

.portal #ModalAvailablePositionsForm .modal-header .close,
.portal .contactModal .modal-header .close {
	padding: 1rem;
	margin: -1rem -1rem -1rem auto;
	float: right;
	font-size: 2.5rem;
	font-weight: 700;
	line-height: 1;
	color: #000;
	text-shadow: 0 1px 0 #fff;
	opacity: .5
}

.portal #ModalAvailablePositionsForm .modal-header .close:hover,
.portal .contactModal .modal-header .close:hover {
	color: #000;
	text-decoration: none;
	opacity: .75
}

.portal #ModalAvailablePositionsForm form label,
.portal .contactModal form label {
	width: 100%;
	font-family: "Montserrat", sans-serif;
	font-size: 14px;
	font-weight: 500
}

.portal #ModalAvailablePositionsForm form input,
.portal #ModalAvailablePositionsForm form textarea,
.portal .contactModal form input,
.portal .contactModal form textarea {
	width: 100%;
	border: 1px solid #ffffff66;
	padding: 5px;
	background: #eeb22e;
	height: 60px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin: 5px 0
}

.portal #ModalAvailablePositionsForm form input[type="text"],
.portal #ModalAvailablePositionsForm form textarea,
.portal #ModalAvailablePositionsForm form select,
.portal .contactModal form input[type="text"],
.portal .contactModal form textarea,
.portal .contactModal form select {
	color: #111 !important
}

.portal #ModalAvailablePositionsForm form textarea,
.portal .contactModal form textarea {
	font-size: 16px
}

.portal #ModalAvailablePositionsForm form input[type="file"],
.portal .contactModal form input[type="file"] {
	background: transparent;
	height: 40px
}

.portal #ModalAvailablePositionsForm form input[type="submit"],
.portal .contactModal form input[type="submit"] {
	margin-top: 15px;
	color: #eeb22e;
	font-size: 20px;
	border: 0;
	background: transparent;
	letter-spacing: 2px;
	border-bottom: 3px solid #111;
	padding: 8px 10px;
	margin: 0 0 10px 0;
	font-weight: 400;
	height: auto;
	width: fit-content;
	width: -moz-fit-content;
	border-radius: 0;
	font-family: "Khand", sans-serif
}

.portal #ModalAvailablePositionsForm form input[type="submit"]:hover,
.portal .contactModal form input[type="submit"]:hover {
	color: #111;
	text-decoration: none
}

.portal #ModalAvailablePositionsForm form .rc-Disclaimer a,
.portal .contactModal form .rc-Disclaimer a {
	color: #eeb22e
}

.portal #ModalAvailablePositionsForm form .rc-Disclaimer a:hover,
.portal .contactModal form .rc-Disclaimer a:hover {
	color: #595959
}

.portal #wpcf7-f159-o1,
.portal #wpcf7-f2083-o1 {
	padding: 5%
}

.portal #wpcf7-f159-o1 label,
.portal #wpcf7-f2083-o1 label {
	font-family: "Montserrat", sans-serif;
	padding-bottom: 2px;
	width: 100%
}

.portal #wpcf7-f159-o1 input,
.portal #wpcf7-f2083-o1 input {
	margin-top: 5px
}

.portal #wpcf7-f159-o1 input[type="submit"],
.portal #wpcf7-f2083-o1 input[type="submit"] {
	margin-top: 15px;
	color: #eeb22e;
	font-size: 20px;
	border: 0;
	background: transparent;
	letter-spacing: 2px;
	border-bottom: 3px solid #111;
	padding: 8px 10px;
	margin: 0 0 10px 0;
	font-weight: 400;
	height: auto;
	width: fit-content;
	width: -moz-fit-content;
	border-radius: 0;
	font-family: "Khand", sans-serif
}

.portal #wpcf7-f159-o1 input[type="submit"]:hover,
.portal #wpcf7-f2083-o1 input[type="submit"]:hover {
	color: #111;
	text-decoration: none
}

.portal #wpcf7-f159-o1 .rc-Disclaimer,
.portal #wpcf7-f2083-o1 .rc-Disclaimer {
	font-weight: 400 !important
}

.portal #wpcf7-f159-o1 .rc-Disclaimer a,
.portal #wpcf7-f2083-o1 .rc-Disclaimer a {
	color: #eeb22e
}

.portal #wpcf7-f159-o1 .rc-Disclaimer a:hover,
.portal #wpcf7-f2083-o1 .rc-Disclaimer a:hover {
	color: #595959
}

.portal .form-popup iframe {
	width: 100% !important
}

.portal .textwidget {
	background-color: white !important
}

.portal .btn-primary:not(:disabled):not(.disabled).active,
.portal .btn-primary:not(:disabled):not(.disabled):active,
.portal .show>.btn-primary.dropdown-toggle {
	color: #eeb22e;
	border: 0;
	background: transparent;
	border-bottom: 3px solid #111;
	outline: 0;
	box-shadow: none
}

.portal button:focus,
.portal button:hover,
.portal .button:focus,
.portal .button:hover,
.portal .faux-button:focus,
.portal .faux-button:hover,
.portal .wp-block-button .wp-block-button__link:focus,
.portal .wp-block-button .wp-block-button__link:hover,
.portal .wp-block-file .wp-block-file__button:focus,
.portal .wp-block-file .wp-block-file__button:hover,
.portal input[type="button"]:focus,
.portal input[type="button"]:hover,
.portal input[type="reset"]:focus,
.portal input[type="reset"]:hover,
.portal input[type="submit"]:focus,
.portal input[type="submit"]:hover {
	outline: 0;
	text-decoration: none
}

.portal .btn-primary.focus,
.portal .btn-primary:focus {
	box-shadow: none
}

.portal .topbar-link--news {
	padding: 10px 0
}

@media(min-width:1200px) {
	.portal .topbar-nav--desktop {
		position: relative;
		padding: 10px 0
	}

	.portal .topbar-link {
		padding: 0 2rem
	}

	.portal .topbar-nav--desktop.scrolled .topbar-link {
		padding: .5rem .8rem
	}

	.portal .topbar-nav--desktop.scrolled {
		position: fixed;
		padding: 0
	}

	.portal .sticky-menu {
		position: relative;
		top: 0
	}

	.portal .sticky-menu.scrolled {
		top: 24px;
		position: fixed
	}

	.portal .portal-feature-wrapper {
		position: relative;
		padding: 0;
		margin: 0;
		overflow: hidden;
		margin-top: -160px
	}
}

.post-wrapper {
	width: 90%;
	margin: auto;
	padding-top: 70px;
	padding-bottom: 70px
}

.post-meta-single-top .post-meta {
	justify-content: start
}

.post-meta-wrapper {
	margin: 2rem 0 0 0
}

.featured-media {
	margin-top: 3rem
}

.backToNews {
	color: #eeb22e;
	font-size: 16px;
	width: calc(100% - 8rem)
}

.backToNews:hover {
	color: #111
}

.entry-content>*:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
	width: calc(100% - 8rem);
	max-width: none;
	margin-bottom: 60px
}

.featured-media img {
	margin: 0
}

.entry-content p,
.entry-content li {
	font-family: "Montserrat", sans-serif;
	font-size: 16px;
	line-height: 1.6
}

.entry-content a {
	color: #eeb22e
}

.entry-content a:hover {
	color: #111
}

.section-inner.medium {
	max-width: none
}

.post-inner {
	padding-top: 3rem
}

.blog-side-bar-wrap h2 {
	background: #eeb22e;
	padding: 5px;
	text-align: center;
	color: #111;
	text-transform: uppercase;
	font-size: 26px;
	margin-bottom: 20px
}

.blog-side-bar-wrap {
	padding-top: 30px
}

.widget.cat-post-widget,
.widget.widget_text {
	list-style: none
}

.category-posts-internal {
	margin: 1rem 0 0 0;
	list-style: none;
	padding-left: 0
}

.cat-post-item {
	padding: 10px 0 !important;
	list-style: none;
	border-bottom: 1px solid #f3f3f3 !important
}

.cat-post-title {
	font-family: "Montserrat", sans-serif;
	font-weight: bold;
	font-size: 13px !important;
	line-height: 10px;
	color: #eeb22e
}

.cat-post-title:hover {
	color: #9b9fa8 !important
}

.cat-post-date {
	font-family: "Montserrat", sans-serif;
	display: block;
	padding-bottom: 5px;
	font-style: italic;
	text-decoration: none !important;
	font-size: 12px !important;
	color: #8a8a8a !important
}

.grid-items .item .layer-wrapper {
	display: flex;
	height: 100%;
	flex-direction: column;
	justify-content: space-between
}

.pagination .dots {
	transform: none
}

@media(max-width:1199px) {
	.portal .sticky-menu .navbar-brand {
		padding: 15px;
		width: 240px;
		max-width: 50%
	}

	.portal .sticky-menu .navbar-nav.nav-secondary .nav-item .nav-link {
		font-size: 14px;
		padding: .5rem 1.5rem
	}

	.portal .sticky-menu .navbar-nav.nav-secondary .nav-item .dropdown-menu {
		position: static
	}

	.portal .sticky-menu .navbar-nav.nav-secondary .nav-item .dropdown-menu li {
		line-height: 14px !important;
		margin: 0
	}

	.portal .dropdown-item {
		padding: .75rem 1.5rem
	}

	.portal .sticky-menu .navbar-nav.nav-secondary .nav-item .nav-link::after {
		display: inline-block;
		width: 0;
		height: 0;
		margin-left: .255em;
		vertical-align: .255em;
		content: "";
		border-top: .3em solid;
		border-right: .3em solid transparent;
		border-bottom: 0;
		border-left: .3em solid transparent;
		position: static;
		transform: none
	}

	.portal .sticky-menu .navbar-nav.nav-secondary .nav-item .nav-link.mobilemenu::after {
		display: none !important
	}

	.portal .navbar-light .navbar-nav .nav-link.mobilemenu:hover {
		color: #eeb22e !important
	}
}

@media(min-width:992px) {
	.post-wrapper {
		width: 90%
	}

	#post-grid-16 .item {
		width: 47% !important;
		height: 400px
	}

	.layout-19 .element_1590087626670 {
		height: 240px !important
	}

	.blog-side-bar-wrap {
		padding-top: 5px
	}
}

@media(min-width:1200px) {
	#post-grid-16 .item {
		width: 48% !important
	}

	.post-wrapper {
		width: 90%
	}

	.portal .sticky-menu .navbar-nav.nav-secondary .nav-item .dropdown-menu {
		min-width: 19rem !important
	}

	.portal .sticky-menu .navbar-nav.nav-secondary .nav-item .dropdown-menu li {
		line-height: 14px !important;
		margin: 0
	}
}

.positionsPage li.nav-item {
	margin: 0
}

.positionsPage .navbar-toggler {
	padding: .25rem 1rem;
	font-size: 2.25rem
}

.positionsPage button:not(.toggle) {
	background-color: transparent
}

.positionsPage .navbar-nav.nav-secondary .nav-item .dropdown-menu .dropdown-item img {
	display: inline !important
}

.positionsPage .cms-feature-text {
	background: #000;
	color: #eeb22e;
	padding: 10px;
	font-family: "Montserrat", sans-serif
}

.positionsPage .cms-feature-text h2 {
	color: #eeb22e
}

.positionsPage .cms-breadcrumbs {
	padding: 50px 0 15px 0;
	background-color: #595959
}

.positionsPage .cms-breadcrumbs h1 {
	font-size: 18px;
	max-width: 100%;
	padding-left: 15px;
	margin: auto;
	color: #fff;
	font-family: "Montserrat", sans-serif;
	font-weight: 300;
	line-height: 14px
}

.positionsPage .cms-breadcrumbs h1 span.yellow {
	font-weight: 400;
	color: #eeb22e;
	font-size: 25px;
	line-height: 1.4;
	font-family: "Khand", sans-serif
}

@media(min-width:768px) {
	.positionsPage .cms-breadcrumbs h1 span.yellow {
		font-size: 35px;
		line-height: 1.4
	}
}

@media(min-width:992px) {
	.positionsPage .cms-breadcrumbs h1 span.yellow {
		font-size: 45px;
		line-height: 1.8
	}
}

@media(min-width:576px) {
	.positionsPage .cms-breadcrumbs h1 {
		max-width: 505px;
		color: #fff
	}
}

@media(min-width:768px) {
	.positionsPage .cms-breadcrumbs h1 {
		font-size: 22px;
		max-width: 692px
	}
}

@media(min-width:992px) {
	.positionsPage .cms-breadcrumbs {
		margin: 50px 30px 1px 30px;
		padding: 0;
		margin-top: -9vw;
		position: absolute;
		margin-left: 5vw;
		background-color: transparent
	}

	.positionsPage .cms-breadcrumbs h1 {
		max-width: none;
		margin: 0;
		font-size: 30px;
		color: #fff
	}
}

@media(min-width:1200px) {
	.positionsPage .cms-breadcrumbs {
		margin-top: -6.9vw
	}
}

.positionsPage .career .page-title h3 {
	font-size: 25px;
	font-weight: 400;
	letter-spacing: 7px;
	font-family: "Khand", sans-serif;
	padding-bottom: 20px
}

@media(min-width:576px) {
	.positionsPage .career .page-title h3 {
		font-size: 30px
	}
}

.positionsPage .career-wrapper {
	padding: 60px 0
}

.positionsPage .career-wrapper .btn {
	background: #eeb22e;
	color: #fff;
	font-size: 1.75rem;
	letter-spacing: 0
}

.positionsPage .careers-button-select {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: center;
	margin: 5px 5px
}

.positionsPage .careers-button-select a {
	background-color: #eeb22e;
	border: 1px solid #eeb22e;
	color: #111;
	font-size: 16px;
	padding: 10px 0;
	font-weight: 800;
	width: 100%;
	text-align: center;
	font-weight: 600;
	font-family: "Khand", sans-serif;
	margin: 5px 0
}

.positionsPage .careers-button-select a:hover {
	background-color: transparent
}

.positionsPage .careers-button-select a.active {
	background-color: #111;
	color: #eeb22e;
	border: 1px solid #111
}

.positionsPage .careers-button-select a.active:hover {
	background-color: transparent
}

.positionsPage .career form select {
	font-family: "Montserrat", sans-serif;
	color: #eeb22e;
	font-size: 16px;
	font-weight: 500;
	width: 100%;
	border: 1px solid #ffffff66;
	padding: 5px;
	background: #eeb22e;
	height: 60px;
	color: #fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin: 5px 0;
	background: url(../../content/images/dropdown-accordion.png) no-repeat right #eeb22e !important;
	background-position-x: 99% !important;
	color: #fff;
	-webkit-appearance: none
}

.positionsPage .form-popup iframe {
	width: 100% !important
}

.positionsPage .career .quebec-fr-link p {
	color: #111;
	font-size: 18px;
	line-height: 1.3;
	font-family: "Montserrat", sans-serif;
	text-transform: uppercase;
	font-weight: 600
}

.positionsPage .career .quebec-fr-link p a {
	color: #eeb22e;
	font-weight: 800
}

.positionsPage .career .quebec-fr-link p a:hover {
	color: #111
}

.positionsPage .career .notfound {
	color: #eeb22e;
	font-size: 30px;
	font-weight: 500;
	line-height: 1;
	font-family: "Montserrat", sans-serif
}

.positionsPage .careers-post-wrap {
	background-image: url(../../content/images/opacity.png);
	padding: 20px 40px;
	border-bottom: 1px solid #c4c4c4;
	margin-bottom: 10px;
	box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1)
}

.positionsPage .careers-post-wrap h2.JobTitle a {
	color: #eeb22e;
	margin-top: 30px;
	font-size: 30px;
	font-weight: 600;
	font-family: "Khand", sans-serif;
	text-transform: uppercase;
	font-size: 20px
}

.positionsPage .careers-post-wrap,
.positionsPage .careers-post-wrap p,
.positionsPage .careers-post-wrap li {
	color: #212529;
	font-size: 15px;
	font-weight: 500;
	line-height: 2;
	font-family: "Montserrat", sans-serif
}

.positionsPage .careers-post-wrap li {
	margin-left: 0
}

.positionsPage .career-post-heading {
	border-bottom: 2px solid #eeb22e;
	padding-right: 10px;
	width: fit-content;
	width: -moz-fit-content;
	margin-bottom: 15px;
	margin-top: 30px
}

.positionsPage .careers-post-wrap ul {
	list-style-type: none;
	margin: 0
}

.positionsPage .careers-post-wrap li:before {
	background-color: #eeb22e !important;
	border-radius: 50% !important;
	content: "" !important;
	display: inline-block !important;
	margin-right: 7px !important;
	margin-bottom: 3px !important;
	height: 5px !important;
	width: 5px !important
}

.positionsPage .careers-post-wrap .career-apply-btn {
	margin-top: 15px;
	color: #eeb22e;
	font-size: 20px;
	border: 0;
	background: transparent;
	letter-spacing: 2px;
	border-bottom: 3px solid #111;
	padding: 8px 10px;
	margin: 0 0 20px 0;
	font-weight: 400;
	height: auto;
	width: fit-content;
	width: -moz-fit-content;
	border-radius: 0
}

.positionsPage .careers-post-wrap .career-apply-btn:hover {
	color: #111;
	text-decoration: none
}

.positionsPage .back {
	padding-top: 30px
}

.positionsPage .JobTitle a:hover {
	color: #111
}

.positionsPage .careers-post-wrap strong {
	color: #111;
	font-family: "Montserrat", sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 15px;
	line-height: 2
}

.positionsPage .careers-read-more {
	text-align: left;
	border-bottom: 2px solid #545454;
	color: #eeb22e;
	width: fit-content;
	width: -moz-fit-content;
	padding: 5px 0;
	font-size: 15px;
	display: block;
	margin-bottom: 20px;
	margin-left: 10px
}

.positionsPage .careers-read-more:hover {
	color: #111
}

.positionsPage .driving-jobs {
	text-align: right;
	padding-top: 20px;
	font-family: "Montserrat", sans-serif
}

.positionsPage .driving-jobs a {
	font-family: "Khand", sans-serif
}

.positionsPage #ModalAvailablePositionsForm,
.positionsPage .contactModal {
	z-index: 999999
}

.positionsPage #ModalAvailablePositionsForm h2,
.positionsPage .contactModal h2 {
	margin-bottom: 0;
	margin: 0;
	line-height: 1.5;
	color: #eeb22e;
	font-size: 3.5rem;
	font-weight: 500;
	font-family: "Khand", sans-serif
}

.positionsPage #ModalAvailablePositionsForm .modal-header .close,
.positionsPage .contactModal .modal-header .close {
	padding: 1rem;
	margin: -1rem -1rem -1rem auto;
	float: right;
	font-size: 2.5rem;
	font-weight: 700;
	line-height: 1;
	color: #000;
	text-shadow: 0 1px 0 #fff;
	opacity: .5
}

.positionsPage #ModalAvailablePositionsForm .modal-header .close:hover,
.positionsPage .contactModal .modal-header .close:hover {
	color: #000;
	text-decoration: none;
	opacity: .75
}

.positionsPage #ModalAvailablePositionsForm form label,
.positionsPage .contactModal form label {
	width: 100%;
	font-family: "Montserrat", sans-serif;
	font-size: 14px;
	font-weight: 500
}

.positionsPage #ModalAvailablePositionsForm form input,
.positionsPage #ModalAvailablePositionsForm form textarea,
.positionsPage .contactModal form input,
.positionsPage .contactModal form textarea {
	width: 100%;
	border: 1px solid #ffffff66;
	padding: 5px;
	background: #eeb22e;
	height: 60px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin: 5px 0
}

.positionsPage #ModalAvailablePositionsForm form input[type="text"],
.positionsPage #ModalAvailablePositionsForm form textarea,
.positionsPage #ModalAvailablePositionsForm form select,
.positionsPage .contactModal form input[type="text"],
.positionsPage .contactModal form textarea,
.positionsPage .contactModal form select {
	color: #111 !important
}

.positionsPage #ModalAvailablePositionsForm form textarea,
.positionsPage .contactModal form textarea {
	font-size: 16px
}

.positionsPage #ModalAvailablePositionsForm form input[type="file"],
.positionsPage .contactModal form input[type="file"] {
	background: transparent;
	height: 40px
}

.positionsPage #ModalAvailablePositionsForm form input[type="submit"],
.positionsPage .contactModal form input[type="submit"] {
	margin-top: 15px;
	color: #eeb22e;
	font-size: 20px;
	border: 0;
	background: transparent;
	letter-spacing: 2px;
	border-bottom: 3px solid #111;
	padding: 8px 10px;
	margin: 0 0 10px 0;
	font-weight: 400;
	height: auto;
	width: fit-content;
	width: -moz-fit-content;
	border-radius: 0;
	font-family: "Khand", sans-serif
}

.positionsPage #ModalAvailablePositionsForm form input[type="submit"]:hover,
.positionsPage .contactModal form input[type="submit"]:hover {
	color: #111;
	text-decoration: none
}

.positionsPage #ModalAvailablePositionsForm form .rc-Disclaimer a,
.positionsPage .contactModal form .rc-Disclaimer a {
	color: #eeb22e
}

.positionsPage #ModalAvailablePositionsForm form .rc-Disclaimer a:hover,
.positionsPage .contactModal form .rc-Disclaimer a:hover {
	color: #595959
}

.positionsPage #wpcf7-f159-o1 label {
	font-family: "Montserrat", sans-serif;
	padding-bottom: 2px;
	width: 100%
}

.positionsPage #wpcf7-f159-o1 input {
	margin-top: 5px
}

.positionsPage #wpcf7-f159-o1 input[type="submit"] {
	margin-top: 15px;
	color: #eeb22e;
	font-size: 20px;
	border: 0;
	background: transparent;
	letter-spacing: 2px;
	border-bottom: 3px solid #111;
	padding: 8px 10px;
	margin: 0 0 10px 0;
	font-weight: 400;
	height: auto;
	width: fit-content;
	width: -moz-fit-content;
	border-radius: 0;
	font-family: "Khand", sans-serif
}

.positionsPage #wpcf7-f159-o1 input[type="submit"]:hover {
	color: #111;
	text-decoration: none
}

.positionsPage #wpcf7-f159-o1 .rc-Disclaimer {
	font-weight: 400 !important
}

.positionsPage #wpcf7-f159-o1 .rc-Disclaimer a {
	color: #eeb22e
}

.positionsPage #wpcf7-f159-o1 .rc-Disclaimer a:hover {
	color: #595959
}

.positionsPage .footer-menu {
	display: block
}

.positionsPage .navbar-nav.nav-secondary .nav-item .dropdown-menu li {
	line-height: 14px !important;
	margin: 0
}

.positionsPage .btn-primary:not(:disabled):not(.disabled).active,
.positionsPage .btn-primary:not(:disabled):not(.disabled):active,
.positionsPage .show>.btn-primary.dropdown-toggle {
	color: #eeb22e;
	border: 0;
	background: transparent;
	border-bottom: 3px solid #111;
	outline: 0
}

.positionsPage button:focus,
.positionsPage button:hover,
.positionsPage .button:focus,
.positionsPage .button:hover,
.positionsPage .faux-button:focus,
.positionsPage .faux-button:hover,
.positionsPage .wp-block-button .wp-block-button__link:focus,
.positionsPage .wp-block-button .wp-block-button__link:hover,
.positionsPage .wp-block-file .wp-block-file__button:focus,
.positionsPage .wp-block-file .wp-block-file__button:hover,
.positionsPage input[type="button"]:focus,
.positionsPage input[type="button"]:hover,
.positionsPage input[type="reset"]:focus,
.positionsPage input[type="reset"]:hover,
.positionsPage input[type="submit"]:focus,
.positionsPage input[type="submit"]:hover {
	outline: 0;
	text-decoration: none
}

.positionsPage .btn-primary.focus,
.positionsPage .btn-primary:focus {
	box-shadow: none
}

@media(max-width:1199px) {
	.positionsPage .dropdown-item {
		padding: .75rem 1.5rem
	}
}

@media(min-width:576px) {
	.positionsPage .careers-button-select {
		flex-direction: row;
		justify-content: space-between;
		margin: 0
	}

	.positionsPage .careers-button-select a {
		width: 45%;
		margin: 5px 5px 5px 0
	}

	.positionsPage .career form select {
		width: 45%
	}
}

@media(min-width:768px) {
	.positionsPage .careers-button-select {
		flex-wrap: nowrap
	}

	.positionsPage .subpage-feature-wrapper {
		margin-top: -230px
	}
}

@media(min-width:992px) {
	.positionsPage .careers-button-select a {
		font-size: 18px
	}
}

@media(min-width:1200px) {
	.positionsPage .sticky-menu.scrolled {
		top: 24px
	}

	.positionsPage .navbar-collapse {
		background-color: rgba(255, 255, 255, 0.651)
	}

	.positionsPage .topbar-nav--desktop .topbar-link {
		padding: 15px 2rem
	}

	.positionsPage .topbar-nav--desktop.scrolled .topbar-link {
		padding: .4rem .8rem
	}
}

@media(min-width:1200px) {
	.position-fr .topbar-nav--desktop .topbar-link {
		padding: 15px 1.7rem !important;
		letter-spacing: 1px
	}
}

html[lang=fr] #myModal-driverapp iframe {
	height: 1050px
}

@media(min-width:576px) {
	html[lang=fr] #myModal-driverapp iframe {
		height: 950px
	}
}

html[lang=fr] .diagonal-menu #login p span,
html[lang=fr] .diagonal-menu #careers p span,
html[lang=fr] .diagonal-menu #news p span,
html[lang=fr] .diagonal-menu #quote p span {
	font-size: 15px
}

html[lang=fr] .topbar-link--news {
	padding: 22px 0
}

html[lang=fr] #driver-wanted {
	font-size: 72px
}

html[lang=fr] #driver-drivers {
	font-size: 68px
}

html[lang=fr] #driver-crossborder {
	font-size: 43px
}

html[lang=fr] #driver-local {
	font-size: 38px
}

html[lang=fr] #driver-prov {
	font-size: 27px
}

html[lang=fr] .form select,
html[lang=fr] .form textarea,
html[lang=fr] .form input[type="text"],
html[lang=fr] .form input[type="date"],
html[lang=fr] .form input[type="password"] {
	font-size: 14px
}

html[lang=fr] .toparrow span {
	left: 10px
}

html[lang=fr] .video-wrapper {
	bottom: 890px
}

html[lang=fr] .contact-form iframe {
	height: 780px
}

@media(min-width:576px) {
	html[lang=fr] .topbar-link--news {
		padding: 10px 0
	}

	html[lang=fr] .contact-form iframe {
		height: 720px
	}
}

@media(min-width:992px) {

	html[lang=fr] .overtheroad-content p,
	html[lang=fr] .warehousing-content p,
	html[lang=fr] .logistics-content .logistics-content--text p,
	html[lang=fr] .intermodal-content p,
	html[lang=fr] .temp-control--content p {
		font-size: 15px
	}

	html[lang=fr] .overtheroad-boxes p {
		font-size: 20px
	}

	html[lang=fr] .footer-top {
		padding: 105px 0 0 41px
	}

	html[lang=fr] .footer-menu {
		margin-left: 0
	}

	html[lang=fr] .footer-menu p a {
		font-size: 17px;
		padding-left: 10%
	}

	html[lang=fr] #driver-wanted {
		font-size: 80px
	}

	html[lang=fr] #driver-drivers {
		font-size: 75px
	}

	html[lang=fr] #driver-crossborder {
		font-size: 48px
	}

	html[lang=fr] #driver-local {
		font-size: 43px
	}

	html[lang=fr] #driver-prov {
		font-size: 30px
	}
}

@media(min-width:1200px) {
	html[lang=fr] .topbar-nav--desktop {
		padding-right: 130px
	}

	html[lang=fr] .topbar-nav--desktop .topbar-link {
		padding: 15px 1.05rem;
		letter-spacing: 1px
	}

	html[lang=fr] .topbar-nav--desktop.scrolled {
		padding-right: 15px
	}

	html[lang=fr] .topbar-nav--desktop.scrolled .topbar-link {
		padding: .3rem .8rem
	}

	html[lang=fr] .contactpage .content-right-wrapper-img,
	html[lang=fr] .crossborderpage .content-right-wrapper-img,
	html[lang=fr] .dedicatedpage .content-right-wrapper-img,
	html[lang=fr] .domesticpage .content-right-wrapper-img {
		height: calc(18.8vw + 50px);
		left: calc(8.1vw + 20px)
	}

	html[lang=fr] .overtheroad-content {
		margin: calc(6.9vw + 6.66px) auto 166px auto
	}

	html[lang=fr] .overtheroad-content p,
	html[lang=fr] .warehousing-content p,
	html[lang=fr] .logistics-content .logistics-content--text p,
	html[lang=fr] .intermodal-content p,
	html[lang=fr] .temp-control--content p {
		font-size: 16px
	}

	html[lang=fr] .footer-menu p a {
		padding-left: 13%;
		font-size: 20px
	}

	html[lang=fr] .footer-top {
		padding: 105px calc(18.4vw - 221.6px) 0 calc(31vw - 333.3px)
	}

	html[lang=fr] .footer-menu {
		margin-left: 60px
	}

	html[lang=fr] #driver-wanted {
		font-size: calc(3vw + 44.3px)
	}

	html[lang=fr] #driver-drivers {
		font-size: calc(2.6vw + 44.3px)
	}

	html[lang=fr] #driver-crossborder {
		font-size: calc(1.8vw + 26.33px)
	}

	html[lang=fr] #driver-local {
		font-size: calc(1.6vw + 23px)
	}

	html[lang=fr] #driver-prov {
		font-size: calc(1.1vw + 16.6px)
	}

	html[lang=fr] .easy-content .easy-list-wrapper .easy-list li {
		font-size: calc(0.27vw + 8.66px);
		line-height: 1.2;
		margin: 15px 0
	}

	html[lang=fr] .easy-content .easy-list-wrapper .easy-list {
		padding-inline-start: 50px
	}

	html[lang=fr] .easy-content .easy-heading {
		font-size: calc(1.6vw + 45px)
	}

	html[lang=fr] .easy-content .easy-heading span {
		font-size: calc(1.3vw + 43.3px)
	}

	html[lang=fr] .easy-content .easy-heading {
		left: calc(20.22vw + 86.13px)
	}

	html[lang=fr] .contact-form iframe {
		height: 730px
	}
}

@media(min-width:1200px) and (max-width:1316px) {
	html[lang=fr] .sticky-menu .navbar-nav.nav-secondary .nav-item .nav-link {
		padding: 1.3rem .9vw
	}
}

@media(min-width:1200px) and (max-width:1350px) {
	html[lang=fr] .logistics-content .logistics-img {
		max-width: calc(123vw - 818px)
	}

	html[lang=fr] .extend-line {
		left: calc(124.6vw - 1213px)
	}
}

html[lang=fr] .benefits-heading span {
	font-size: 38px
}

html[lang=fr] .crossborder-bg {
	text-align: center
}

html[lang=fr] .crossborder-bg h2 {
	font-size: 34px
}

html[lang=fr] .crossborder-bg .crossborder-spn-1 {
	font-size: 45px;
	line-height: 45px
}

html[lang=fr] .crossborder-bg .crossborder-spn-2 {
	font-size: 41px
}

html[lang=fr] .crossborder-bg p {
	font-size: 16px;
	width: 310px
}

html[lang=fr] .easy-heading {
	font-size: 10vw
}

html[lang=fr] .easy-heading span {
	font-size: 9vw
}

html[lang=fr] .padr-mb-4 {
	padding-right: 0
}

html[lang=fr] .driver-feature .content-class h1 {
	font-size: 40px;
	line-height: .8
}

html[lang=fr] .driver-feature .content-class h1 div {
	font-size: 37px;
	line-height: .8;
	color: #fff
}

html[lang=fr] .driver-feature .content-class h1 .local {
	line-height: .8;
	font-size: 24px
}

html[lang=fr] .driver-feature .content-class h1 .locaux {
	font-size: 20px;
	color: #eeb22e;
	font-weight: 600;
	line-height: 1
}

html[lang=fr] .driver-feature .content-class h1 .loc {
	font-size: 15px;
	color: #fff
}

@media(max-width:575px) {
	html[lang=fr] .crossborder-bg {
		padding: 45px 10px 25px 10px
	}
}

@media(min-width:576px) {
	html[lang=fr] .easy-heading {
		line-height: 68px
	}

	html[lang=fr] .padr-mb-4 {
		padding-right: 1.5rem
	}

	html[lang=fr] .pad-r-4 {
		padding-right: 1.5rem
	}

	html[lang=fr] .driver-feature .content-class h1 {
		font-size: 48px;
		line-height: .5
	}

	html[lang=fr] .driver-feature .content-class h1 div {
		font-size: 47px;
		line-height: 1.2
	}

	html[lang=fr] .driver-feature .content-class h1 .local {
		line-height: .5;
		font-size: 31px
	}

	html[lang=fr] .driver-feature .content-class h1 .locaux {
		font-size: 26px;
		color: #eeb22e;
		font-weight: 600;
		line-height: 1.5
	}

	html[lang=fr] .driver-feature .content-class h1 .loc {
		font-size: 20px;
		color: #fff;
		line-height: .5
	}
}

@media(min-width:768px) {
	html[lang=fr] .benefits-heading span {
		font-size: 48px
	}

	html[lang=fr] .easy-heading {
		line-height: 88px
	}

	html[lang=fr] .padr-mb-4 {
		padding-right: 1.5rem
	}

	html[lang=fr] .pad-r-4 {
		padding-right: 1.5rem
	}

	html[lang=fr] .driver-feature .content-class h1 {
		font-size: 73px;
		line-height: .8
	}

	html[lang=fr] .driver-feature .content-class h1 div {
		font-size: 69px;
		line-height: .8
	}

	html[lang=fr] .driver-feature .content-class h1 .local {
		line-height: .8;
		font-size: 45px
	}

	html[lang=fr] .driver-feature .content-class h1 .locaux {
		font-size: 37px;
		color: #eeb22e;
		font-weight: 600;
		line-height: .8
	}

	html[lang=fr] .driver-feature .content-class h1 .loc {
		font-size: 28px;
		color: #fff;
		line-height: 1
	}
}

@media(min-width:992px) {
	html[lang=fr] .easy-heading {
		font-size: 65px;
		line-height: 58px
	}

	html[lang=fr] .easy-heading span {
		font-size: 59px
	}

	html[lang=fr] .padr-mb-4 {
		padding-right: 1.5rem
	}

	html[lang=fr] .pad-r-4 {
		padding-right: 1.5rem
	}

	html[lang=fr] .crossborder--content h2 {
		font-size: 40px;
		line-height: 45px
	}

	html[lang=fr] .crossborder--content .crossborder-spn-1 {
		font-size: 54px
	}

	html[lang=fr] .crossborder--content .crossborder-spn-2 {
		font-size: 50px
	}

	html[lang=fr] .crossborder--content p {
		font-size: 21.5px
	}
}

@media(max-width:1199px) and (min-width:992px) {
	html[lang=fr] .driver-feature .content-class h1 {
		font-size: 73px;
		line-height: .8
	}

	html[lang=fr] .driver-feature .content-class h1 div {
		font-size: 69px;
		line-height: .8
	}

	html[lang=fr] .driver-feature .content-class h1 .local {
		line-height: .8;
		font-size: 45px
	}

	html[lang=fr] .driver-feature .content-class h1 .locaux {
		font-size: 37px;
		color: #eeb22e;
		font-weight: 600;
		line-height: .8
	}
}

@media(min-width:1200px) {
	html[lang=fr] .benefits-heading {
		font-size: 159px
	}

	html[lang=fr] .benefits-heading span {
		font-size: 84px
	}

	html[lang=fr] .easy-content .easy-heading {
		font-size: calc(1.6vw + 51px)
	}

	html[lang=fr] .easy-content .easy-heading span {
		font-size: calc(1.3vw + 48.3px)
	}

	html[lang=fr] .padr-mb-4 {
		padding-right: 1.5rem
	}

	html[lang=fr] .pad-r-4 {
		padding-right: 1.5rem
	}

	html[lang=fr] .driver-feature .content-class h1 {
		font-size: 80px;
		line-height: 1
	}

	html[lang=fr] .driver-feature .content-class h1 div {
		font-size: 76px;
		line-height: .8
	}

	html[lang=fr] .driver-feature .content-class h1 .local {
		line-height: 1;
		font-size: 49px
	}

	html[lang=fr] .driver-feature .content-class h1 .locaux {
		font-size: 41px;
		color: #eeb22e;
		font-weight: 600;
		line-height: 1
	}

	html[lang=fr] .driver-feature .content-class h1 .loc {
		font-size: 30px
	}
}

@media(max-width:575px) {
	html[lang=fr] .intermodal-wrapper {
		background: url(../../content/images/intermodal-bkg-mobile.jpg) no-repeat 40% 75%/cover
	}

	html[lang=fr] .intermodal {
		height: 650px
	}
}