/*********************** STANDARD ELEMENTS ****************************/







html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure,footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video {



    margin: 0;



    padding: 0;



    border: 0;



    outline: 0;



    vertical-align: baseline;



	font-weight:400;







}



/* HTML5 display-role reset for older browsers */



article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {



    display: block;



}







body {



	font-family: 'Roboto', sans-serif;



	font-weight: 400;



	font-style: normal;



    font-size: 16px;



    color: #231f20;



    text-align: left;



    background: white;



	line-height: 1.45em;



	min-width: 320px;



}







/* for the admin page editing area */



.mceContentBody { background-color: #ffffff !important; background-image:none; }











table {



    border-collapse: collapse;



    border-spacing: 0;



}











/* GENERAL FORMATTING */







a, a:visited {



    text-decoration: none;



    color: #0069b4;



	font-weight: 400;



	transition: all .4s;



}







a:hover, a:active {



	color: #231f20;



	transition: all .4s;



}







strong {font-weight:500}



em {font-weight:unset;}







li {



	margin-left:1.7em;



}







hr {



	/* clear:both; */



	border-top: 1px solid #cccccc;



	margin-top:2em;



	margin-bottom:2em;







}











/* Headings */



h1, h2, h3, h4, h5, h6 {



    line-height: 1.45em;



    font-weight: 500;



}







h1 {



	margin-top: .5rem;



	margin-bottom: 1.5rem;



	line-height: 1.35em;



	color: #231f20;



	font-size: 2.2rem;



    font-weight: 500;



}















h2 {



    font-size: 1.8rem;



	font-weight: 500;



	color: #0069b4;



	margin-bottom: .5rem;



	line-height: 1.35em;



	}







h3 {



	color: #231f20;



    font-size: 1.4rem;



    margin: .5rem 0;



    font-weight: 400;



}















img,



embed,



object,



video {



    max-width: 100%;



    border: 0 none;



}







p {



	margin-bottom: .8em;



}











#content_area #contentContact p,



#content p,
.locations-grid-new p {



	font-family: 'Roboto', sans-serif;



	color: #231f20;



	margin-bottom: 1.4em;



	font-size: 1rem;



    font-weight: 300;



    line-height: 1.5em;



}







#content ul {



	margin-left: 1.1em;



	margin-bottom: 1.5em;



	margin-top: 1.5em;



	/* list-style-image:url(../../../images/bullet.png); */



	/* list-style: none; */



}







#content ul li,



#content ol li {



	/* list-style-image: url(../../../images/bullet.png); */



	color: #231f20;



    margin-bottom: 0.4em;



    font-size: 1rem;



    font-weight: 300;



    line-height: 1.5em;



	padding-left: 0.75em;



}







#content ul li {



	position: relative;



    /* display: inline-block; */



    padding: 0;



    margin-bottom: .75rem;



}







/* #content ul li:before {



    display: block;



    position: absolute;



    top: 0;



    left: -1.5rem;



    content: '+';



    color: #231f20;



    font-weight: 500;



} */











#content .grey-box,



#contentContact .grey-box {



	background: #e6e7e9;



	padding: 2rem;



	margin-bottom: 3rem;



}











.galleryWrap ul li:before,



.sliderWrap ul li:before,



ul.captionWrap li:before,



ul.HTMLcaptionWrap li:before {



	display: none !important;



}











ul.sliderInner li img:hover {



	border: 1px solid #cc2936 !important;



}















#content_area.wrap.homepage {



	padding: 3rem 0;



	background: #e6e7e9;



	max-width: 100%;



}







#content_area.wrap.homepage #content_wrap {



    max-width: 1220px;



    margin: 0 auto;



}











#content_area.wrap.homepage #content h1 {



	font-size: 2.2rem;



	font-weight: 400;



    text-align: center;



	width: 80%;



    margin: 0 auto 1rem;



    line-height: 2.8rem;



	padding: 0 .5rem;



	color: #0069b4;



}







#content_area.wrap.homepage #content h2 {



	text-align: center;



	width: 80%;



	margin: 0 auto 2rem;



	color: black;



}







#content_area.wrap.homepage #content h3 {



	text-align: center;



	width: 80%;



	margin: 0 auto 2rem;



	color: #0069b4;



	font-weight: 500;



}







#content_area.wrap.homepage #content p {



	width: 80%;



    margin: 0 auto 1rem;



    text-align: center;



    color: black;



    font-size: 1rem;



    font-weight: 300;



}







#content_area.wrap.homepage #content p a.btn {



	margin: 0 auto;



	width: fit-content;



	padding: .5em 1em;



}







#content_area.wrap.homepage #content p a.btn:hover {



    color: #393839;



	transition: all .4s;



}











/*********************** MAIN DIVS ****************************/



#top {



    min-width: 320px;



    width: 100%;



}







#middle {



    width: 100%;



    position: relative;



	min-width: 320px;







	overflow: hidden;



}







#bottom {



    width: 100%;



    position: relative;



    min-width: 320px;



	/* background: url("../../../images/bg-footer.jpg") no-repeat;



	background-size: cover; */



	background: #091d2f;



}















/* end main divs */











/* Main wrap: this defines the full width site limits */



.wrap {



	background: transparent;



    clear: both;



    display: block;



    margin: 0 auto;



    padding: 0;



    max-width: 1220px;



	/* min-width: 320px; */



}



.wrap::after{



	clear:both;



	display:table;



	content:'';



}







/* Unwrap: removes the max-width restriction */



.unwrap {



	max-width:unset;



}



/* end .wrap */







.fixedContainer-opacity {



	position: absolute;



    width: 100%;



    /* height: 120px; */
	height: 100%;



    top: 0;



    left: 0;



	background: white;



    opacity: .95;



}







.opacity-none {



	opacity: 1 !important;



	transition: all .1s;



}







.fixedContainer-opacity.opacity-none {



	/* height: 85px !important; */



	transition: all .1s;



}







#iconbar {



	display: none !important;



}



















.top-banner-text {



	width: 100%;



	height: calc(100% - 120px);



    position: absolute;



    top: 0;



	left: 0;



	display: flex;



    flex-direction: column;



	justify-content: center;



	margin-top: 119px;



}







.top-banner-text > .wrap {



	width: 100%;



}







.top-banner-text div.banner-header,



.top-banner-text p {



	width: 60%;



}







.top-banner-text div.banner-header {



	color: white;



    font-size: 2.4rem;



    font-weight: 500;



    line-height: 2.8rem;



	/* text-shadow: 0 0 8px #2d2d2d; */



}







.top-banner-text p {



    margin: 2rem 0 0;



    display: flex;



    flex-direction: row;



    color: white;



    font-weight: 300;



	font-size: 1.4rem;



	line-height: 2.1rem;



}















/* 



.insetLarge h1,



.insetSmall h1 {







	visibility: hidden;







}







.insetLarge p,



.insetSmall p {







	visibility: hidden;



} */























.topMenuBG > .wrap {



	display: flex;



}







/* #headerRight {



	display: flex;



    position: relative;



    align-items: center;



    margin: 0 0 0 1rem;



    flex-direction: column;



    justify-content: center;



} */







#headerRight {



    flex: 1;



    height: 120px;



    display: flex;



    position: relative;



    margin: 0;



    flex-direction: column;



    justify-content: center;



}







.topHeaderContact {



    display: flex;



    align-items: center;



    justify-content: flex-end;



    margin-top: 1rem;



}







.topHeaderContact a {



    color: #808285;



    font-size: .9rem;



    transition: all .4s;



}







.topHeaderContact a:hover {



    color: #cc2936;



    transition: all .4s;



}







a.link-default {



    cursor: default;



    margin: 0 .5rem;



}







a.link-default:hover {



    color: #808285;



}







.topHeaderContact a.btn {



	padding: .1rem .25rem 0;



    margin-left: 1rem;



    font-size: .9rem;



}







.topHeaderContact a.btn:hover {



	color: #cc2936;



}

.topHeaderContact a#btn1 {
	/* color: #cc2936; */
	/* background: transparent; */
}

.topHeaderContact a#btn3:hover,
.topHeaderContact a#btn2:hover,
.topHeaderContact a#btn1:hover {
	color: #0069b4;
	border-color: #0069b4;
}

/* .topHeaderContact a#btn2,
.topHeaderContact a#btn3 {
	background-color: #0069b4;
	border-color: #0069b4;
	padding-left: 20px;
	padding-right: 20px;
}
	*/

/* .topHeaderContact a#btn2:hover, 
.topHeaderContact a#btn3:hover {
	border-color: #cc2936;
	background: white;
}
*/








































a.btn {



    color: white;



    font-weight: 400;



    white-space: nowrap;



    font-size: 1rem;



    background: #cc2936;



    border: 1px solid #cc2936;



    border-radius: .5rem;



    padding: .35rem .75rem;



    min-width: 130px;



    display: inline-block;



    text-align: center;



	text-transform: uppercase;



	transition: all .4s;



}







a.btn:hover {



	color: #0069b4;



	background: white;



	transition: all .4s;



}







/* #headerRight .topHeaderContact a {



    color: white;



    font-weight: 400;



    white-space: nowrap;



    font-size: 1rem;



	text-transform: uppercase;



	background: #0069b4;



	border: 1px solid #0069b4;



	border-radius: 1rem;



	padding: .35rem 1rem;



}







#headerRight .topHeaderContact a:hover {



	color: #0069b4;



	background: white;



} */











#footer-col4 .topHeaderContact a {



    display: inline-block;



    min-width: 165px;



    text-align: center;



}























#header-logo {



	width: 260px;



	height: 120px;



	position: relative;



}







#header-logo a {



    display: inline-block;



    width: 400px;



    height: 100%;



	position: relative;



	/* margin-top: 2.8rem; */



}







#header-logo a:hover {



	opacity: .7;



	transition: all .4s;



}







#header-logo.logoWidthSmall {



	/* width: 350px !important; */



	height: auto;



	transition: all .2s;



}







#header-logo.logoWidthSmall a {



	/* width: 205px !important; */



	/* margin-top: 1.6rem; */



	transition: all .4s;



}











#header-logo a img {



	position: absolute;



	top: 50%;



	-ms-transform: translateY(-50%);



	transform: translateY(-50%);



}







#topNav {



	flex: 1;



	display: flex !important;



	align-items: center;



	justify-content: flex-end;



}











.div-phone-icon {



	display: none;



}



















#content_area.wrap.homepage #content .uncmsInnerWrap {



	display: none !important;



}















.div-home-main-services {



	padding: 3rem 1.5rem;



	background: url("../../../images/texture_services.jpg");



}







.div-home-main-services h2 {



	color: #231f20;



	font-size: 2.2rem;



	font-weight: 700;



	text-align: center;



}



























/* 18wheelslogistics, services block - start */



.div-home-iac-services {



	padding: 1.5rem;







	/* -webkit-animation-duration: 2s;



	animation-duration: 2s;



	-webkit-animation-fill-mode: both;



	animation-fill-mode: both;



	opacity: .75;



	-webkit-transition: all 300ms ease-in-out;



    -o-transition: all 300ms ease-in-out;



    transition: all 300ms ease-in-out; */



}







.home-services-container {



	-webkit-animation-duration: 1s;



	animation-duration: 1s;



	-webkit-animation-fill-mode: both;



	animation-fill-mode: both;



	-webkit-transition: all 300ms ease-in-out;



    -o-transition: all 300ms ease-in-out;



    transition: all 300ms ease-in-out;



}











@-webkit-keyframes fadeInLeft {



	0% {



	   opacity: .75;



	   -webkit-transform: translateY(50px);



	}



	100% {



	   opacity: 1;



	   -webkit-transform: translateY(0);



	}



 }



 



 @keyframes fadeInLeft {



	0% {



	   opacity: .75;



	   transform: translateY(50px);



	}



	100% {



	   opacity: 1;



	   transform: translateY(0);



	}



 }



 



 .fadeInLeft {



	-webkit-animation-name: fadeInLeft;



	animation-name: fadeInLeft;



 } 















.div-home-iac-services h2,



.div-home-iac-services p {



    /* text-align: center; */



	color: black;



	width: 90%;



	/* margin: 0 auto 3rem; */



}







.div-home-iac-services p.p-btn-services {



	margin-top: 3rem;



	margin-bottom: 0;



}







.div-home-iac-services p a.btn {



    display: inline-block;



}







.home-services-container {



    display: flex;



    flex-direction: row;



    justify-content: space-between;



    margin: 3rem 0 1rem;



}







.services-article {



	flex-basis: 47%;



	display: flex;



	flex-direction: column;



}



.div-home-iac-services .services-article{



	position: relative;



	top: 5rem;



	transition: top .5s;



}







.div-home-iac-services .services-article.scrolled-in{



	top: 0;



}











.services-article-text {



    flex-basis: 100%;



	/* min-height: 305px; */



	/* text-align: center; */



}







.services-article-text h3,



.services-article-text p {



	margin-left: 2rem;



	position: relative;



}







.services-article-text p:not(.learn-more)::before {



	position: absolute;



    display: block;



    width: 1px;



    height: 6rem;



    background: #3c8dc4;



    content: '';



    top: -2rem;



    left: -1.25rem;



}







.services-article-text h3 {



	color: #0069b4;



	margin-top: 1rem;



	margin-bottom: .5rem;



	font-size: 1.4rem;



	font-weight: 500;



	text-transform: none;



}







.services-article-text p {



	color: #231f20;



    font-size: 1rem;



    font-weight: 300;



	line-height: 1.5rem;



	margin-bottom: .5rem;



}







.services-article-text p.learn-more {



	margin-top: 1rem;



}







.services-article-text p.learn-more a {



	color: #cc2936;



	font-weight: 300;



	text-decoration: underline;



}







.services-article-text p.learn-more a:hover {



	text-decoration: none;



}







.services-article-img {



	display: inline-block;



    margin: 0 auto;



	/* width: 88px;



	height: 68px; */


	



}



.div-home-iac-services .services-article-img:nth-of-type(1) {
	/* border: 1px solid red; */
	height: 130px;
}







.services-article-img > a {



    width: 100%;



    height: 100%;



    display: flex;



    align-items: center;



}







.services-article-img > a:hover {



    opacity: .7;



}







.services-article-img > a > img {



	min-width: 100%;



    transition: all .4s;



}



/* 18wheelslogistics, services block - finish */



.locations-grid-new {
    display: flex;
    gap: 40px;
}

@media screen and (max-width: 549px) {
    .locations-grid-new {
        flex-direction: column;
    }
}

.locations-grid-new.contact {
    justify-content: center;
}










/* 18wheelslogistics, stats block - start */



.bus-statistics.countup {



	cursor: pointer;



}











.div-home-stats {



	padding: 7rem 1.5rem 5rem;



    background: url(../../../images/bg-stats.jpg) center no-repeat;



    background-size: cover;



	min-height: 500px;



	display: flex;



}







.div-home-stats > .wrap {



	display: flex;



    flex-basis: 100%;



    flex-direction: column;



    justify-content: center;



}







.div-home-stats .home-services-container {



	margin: 0;



}







.div-home-stats .services-article-text h3,



.div-home-stats .services-article-text p {



	color: white;



	margin: 0 0 2rem;



}







.div-home-stats .services-article-text {



	position: relative;



	flex-basis: auto;



}







.div-home-stats .services-article {



	justify-content: center;



}







.div-home-stats .services-article:nth-of-type(1) .services-article-text {



	flex-basis: 100%;



	display: flex;



	flex-direction: column;



	justify-content: space-between;



}







.div-home-stats .services-article-text p:last-child {



	margin-bottom: 0;



}







.div-home-stats .services-article-text p::before {



	display: none;



}







.div-home-stats .services-article-text .bus-statistics-container {



	position: relative;



}







/* .div-home-stats .services-article-text .bus-statistics-container:nth-of-type(1) {



	margin-top: -2rem;



}







.div-home-stats .services-article-text .bus-statistics-container:nth-of-type(4) {



	margin-bottom: -6rem;



} */







.div-home-stats .services-article-text span.bus-statistics {



	position: absolute;



	display: block;



	left: -.5rem;



	top: -2.55rem;



	color: #0069b4;



	font-size: 3.5rem;



	font-weight: 600;



	opacity: .8;



}







/* .div-home-stats .services-article-text span.bus-statistics:nth-of-type(1) {



	top: -3.55rem;



}







.div-home-stats .services-article-text span.bus-statistics:nth-of-type(2) {



	top: 8.4rem;



}







.div-home-stats .services-article-text span.bus-statistics:nth-of-type(3) {



	top: 18.9rem;



} */



/* 18wheelslogistics, stats block - finish */



















.div-home-testimonials {



	background: #e6e7e9;



	padding: 3rem 1.5rem;



	display: flex;



	flex-direction: column;



	color: black;



}







.div-home-testimonials > .wrap {



	display: flex;



	flex-direction: column;



	justify-content: center;



}







/* .div-home-testimonials > .wrap:first-child {



	margin-bottom: 1.5rem;



} */







.div-home-testimonials > .wrap h2 {



	margin-bottom: 0;



	text-align: center;



}







.div-home-testimonials > .wrap > p {



	font-family: 'Roboto', sans-serif;



}







.div-home-testimonials > .wrap > p:first-child,



.div-home-testimonials > .wrap > p:last-child {



    margin: 0 auto .5rem;



    width: 80%;



    font-size: 1rem;



    line-height: 1.5rem;



    text-align: center;



    font-weight: 400;



    position: relative;



}







/* .div-home-testimonials p:first-child::before,



.div-home-testimonials p:last-child::after {



    position: absolute;



    display: block;



	font-family: 'Arial, Helvetica, sans-serif';



	font-size: 300%;



}







.div-home-testimonials p:first-child::before {



    top: -.7rem;



	left: -.9rem;



    content: '\201C';



}







.div-home-testimonials p:last-child::after {



    bottom: -.7rem;



	right: -.7rem;



    content: '\201D'



} */











.div-home-testimonials > .wrap .testim-author {



	text-align: center;



	margin-bottom: 1rem;



	text-transform: uppercase;



	font-family: 'Roboto', sans-serif;



}







.div-home-testimonials > .wrap .testim-btn {



	margin-bottom: 0;



}







.div-home-testimonials > .wrap > .testim-btn a:hover {



	background: white;



}







.div-home-testimonials > .wrap > .testim-btn a {



	margin: 0 auto;



    display: block;



    width: fit-content;



}



















/* fraservalleyrad, mobile service block - start */



.div-home-mobile-serv {



	padding: 3rem 0;



	background: url("../../../images/bg_mobile-serv.jpg") center no-repeat;



	background-size: cover;



	min-height: 435px;



	display: flex;



}







.div-home-mobile-serv .wrap {



	display: flex;



    flex-basis: 100%;



    flex-direction: column;



    justify-content: center;



}







.div-home-mobile-serv p a.btn {



	display: inline-block;



	margin: 2rem 0 0;



}







.div-home-mobile-serv h1,



.div-home-mobile-serv h2 {



    padding: 0 1.5rem;



    color: white;



    font-size: 1.8rem;



	font-weight: 500;



	margin-bottom: 1rem;



}







.div-home-mobile-serv p {



    padding: 0 1.5rem;



    color: white;



    font-size: 1rem;



	font-weight: 400;



	margin-bottom: 1rem;



}







.div-home-mobile-serv h2,



.div-home-mobile-serv .wrap > p {



	width: 60%;



}



/* fraservalleyrad, mobile service block - finish */















/* 18wheelslogistics, serving lm block - start */



.div-home-serving-lm {



	background: #0069b4;



	padding: 3rem 0;



}







.div-home-serving-lm h2,



.div-home-serving-lm p {



	width: 80%;



	margin: 0 auto;



	text-align: center;



	color: white;



	padding: 0 1.5rem;



}







.div-home-serving-lm h2 {



    font-size: 1.8rem;



	margin-bottom: 1rem;



	font-weight: 400;



}







.div-home-serving-lm p {



	font-size: 1rem;



	margin-top: 1.5rem;



	margin-bottom: 0;



	font-weight: 300;



}



/* 18wheelslogistics, serving lm block - finish */



















/* 18wheelslogistics, certificates - start */



.div-home-certif {



	padding: 3rem 1.5rem;



	background: #e6e7e8;



}







.div-home-certif h2 {



    text-align: center;



    color: #231f20;



    text-transform: uppercase;



    font-size: 1.2rem;



    font-weight: 400;



	letter-spacing: .2rem;



	margin-bottom: 2rem;



}





.div-certif-grid .div-certif-grid-aligned {

	margin-top: 3.5rem;

	display: grid;

    grid-gap: 2rem;

}



.div-certif-grid .div-certif-grid-aligned:nth-of-type(1) {

	grid-template-columns: repeat(auto-fit,minmax(200px,1fr));

}



.div-certif-grid .div-certif-grid-aligned:nth-of-type(2) {

	grid-template-columns: repeat(auto-fit,minmax(200px,1fr));

}



.div-home-certif .div-certif-grid-aligned.flex {
	display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 40px;
}



/* .div-certif-grid .div-certif-grid-aligned:nth-of-type(1) > p {

	flex-basis: 20%;

}



.div-certif-grid .div-certif-grid-aligned:nth-of-type(2) > p{

	flex-basis: 25%;

} */





.div-certif-grid {



	/* display: grid; */



    /* grid-gap: 2rem; */



    /* grid-template-columns: repeat(auto-fit,minmax(200px,1fr)); */



	padding: 0 1rem;



	



	-webkit-animation-duration: 2s;



	animation-duration: 2s;



	-webkit-animation-fill-mode: both;



	animation-fill-mode: both;



	opacity: .25;



	-webkit-transition: opacity 1;



    -o-transition: opacity 1s;



    transition: opacity 1s;



	transition-delay: 1s;



}



.div-certif-grid.scrolled-in{



	opacity:1;



}







.div-certif-grid p {



    display: flex;



	align-items: center;



	justify-content: center;



}











/* .home-services-container {



	-webkit-animation-duration: 1s;



	animation-duration: 1s;



	-webkit-animation-fill-mode: both;



	animation-fill-mode: both;



	opacity: .75;



	-webkit-transition: all 300ms ease-in-out;



    -o-transition: all 300ms ease-in-out;



    transition: all 300ms ease-in-out;



} */











@-webkit-keyframes fadeInCertif {



	0% {



	   opacity: .25;



	   /* -webkit-transform: translateY(50px); */



	}



	100% {



	   opacity: 1;



	   /* -webkit-transform: translateY(0); */



	}



 }



 



 @keyframes fadeInCertif {



	0% {



	   opacity: .25;



	   /* transform: translateY(50px); */



	}



	100% {



	   opacity: 1;



	   /* transform: translateY(0); */



	}



 }



 



 .fadeInCertif {



	-webkit-animation-name: fadeInCertif;



	animation-name: fadeInCertif;



 } 















/* 18wheelslogistics, certificates - finish */















/* 18wheelslogistics, map - start */



.div-home-map {



	padding: 1.5rem;



}







#content_area.wrap.default #content .services-article-text p::before,



.div-home-map .services-article-text p::before {



	display: none;



}







#content_area.wrap.default #content .services-article-text p {



	margin-left: 0;



}







.div-home-map .services-article-text h3,



.div-home-map .services-article-text p {



	margin-left: 0;



}







.div-home-map .services-article-text p {



	margin-top: 1.5rem;



}



















#content_area.wrap.contact #contentContact .locations-grid {



    display: grid;



    grid-gap: 0rem 1.5rem;



    grid-template-columns: repeat(auto-fit,minmax(47%,1fr));



    padding: 0;



    margin-top: 1rem;



}











#content_area.wrap.default #content .locations-grid,



.div-home-map .locations-grid {



    display: grid;



    grid-gap: 0rem .5rem;



    grid-template-columns: repeat(auto-fit,minmax(200px,1fr));



    padding: 0;



    margin-top: 1rem;



}





#content .location-address span,

#contentContact .location-address span,

.div-home-map .location-address span,
.locations-grid-new .location-address span {



	display: block;



	font-weight: 500;



}











.div-home-map .home-services-container {



	margin: 3rem 0;



}







#content_area.wrap.default #content .home-services-container .services-article:nth-of-type(2),



.div-home-map .home-services-container .services-article:nth-of-type(2) {



	justify-content: center;



}







#content_area.wrap.default #content .home-services-container .services-article:nth-of-type(2) .services-article-text,



.div-home-map .home-services-container .services-article:nth-of-type(2) .services-article-text {



	flex-basis: auto;



}



/* 18wheelslogistics, map - finish */































.div-home-contact-us {



	padding: 3rem 0;



	background: white;



}







.div-home-contact-us h1,



.div-home-contact-us h2 {



	font-size: 2.2rem;



	font-weight: 400;



	margin-bottom: 2rem;



	text-align: center;



	padding: 0 .5rem;



	color: #393839;



}







.div-home-contact-us p {



	margin-bottom: 2rem;



	text-align: center;



	font-size: 1.2rem;



	padding: 0 1.5rem;



}































.div-home-gallery {



	padding: 3rem 1.5rem;



	background: #e6e7e8;



}







.div-home-gallery h2 {



    text-align: center;



    color: #231f20;



    text-transform: uppercase;



    font-size: 1.2rem;



    font-weight: 400;



    letter-spacing: .2rem;



}







/* .div-home-gallery .home-gallery {



	margin: 0 auto;



}







.div-home-gallery .home-gallery .jsGallery .galleryWrap {



	display: none !important;



} */







.adv-grid {



	display: grid;



    grid-gap: 3rem 1.5rem;



    grid-template-columns: repeat(auto-fit,minmax(160px,1fr));



    padding: 0;



	margin-top: 3rem;



	justify-items: center;



	align-items: center;



}











/* 18wheelslogistics, register - start */



.div-home-register {



	padding: 3rem 1.5rem;



	background: #092b4a;



}







.div-home-register > .wrap {



	display: flex;



}







.div-home-register p {



    text-align: center;



    color: white;



    font-size: 1.6rem;



    font-weight: 400;



    margin-bottom: 0;



    line-height: 2.5rem;



}







.div-home-register p:nth-of-type(2) {



	flex: 1;



}







.div-home-register a.btn-register {



	color: #091d2f;



    background: white;



    text-align: center;



    text-transform: uppercase;



    font-size: 1rem;



    font-weight: 400;



    letter-spacing: .1rem;



    height: 40px;



    margin-left: 1rem;



    display: inline-block;



    border: 1px solid white;



    width: 7rem;



    vertical-align: bottom;



    transition: all .4s;



}







.div-home-register a.btn-register:hover {



	color: white;



	background: transparent;



	transition: all .4s;



}







.div-home-register input {



    background: transparent;



    border: 1px solid white;



    height: 100%;



    width: 90%;



    outline: none;



    color: white;



    font-size: 1rem;



    padding: 0 .5rem;



    margin-left: 2rem;



    margin-top: -1px;



    display: block;



}







.div-home-register input::placeholder {



	color: white;



	text-transform: uppercase;



}







/***   ***   ***/







.mailchimp_form {



	flex: 1;



}







.mailchimp_form label {



	text-align: center;



    color: white;



    font-size: 1.6rem;



    font-weight: 400;



    margin-bottom: 0;



	line-height: 2.5rem;



	display: block;



}







.mailchimp_form input[type="email"] {



	background: transparent;



    border: 1px solid white;



    height: 100%;



	width: 35%;



	height: 45px;



    outline: none;



    color: white;



    font-size: 1rem;



    padding: 0 .5rem;



    margin-left: 2rem;



    margin-top: -1px;



    display: block;



}







#mc-embedded-subscribe {



	color: #091d2f;



    background: white;



    text-align: center;



    text-transform: uppercase;



    font-size: 1rem;



    font-weight: 400;



    letter-spacing: .1rem;



    height: 45px;



    margin-left: 1rem;



    display: inline-block;



    border: 1px solid white;



    width: 7rem;



    vertical-align: bottom;



    transition: all .4s;



}



/* 18wheelslogistics, register - finish */











.logo-footer {



	width: 250px;



	margin-bottom: 2rem;



}







.logo-footer a {



	transition: all .4s;



}







.logo-footer a:hover {



	opacity: .7;



	transition: all .4s;



}



















#footer #footer-col1 p,



#footer #footer-col2 p,



#footer #footer-col3 p,



#footer #footer-col4 p {



	color: white;



	font-size: .9rem;



	font-weight: 300;



	margin-bottom: .25rem;



}











#footer #footer-col1 p a,



#footer #footer-col2 p a,



#footer #footer-col3 p a,



#footer #footer-col4 p a {



	color: white;



	font-weight: 300;



	transition: all .4s;



}







#footer #footer-col1 p a:hover,



#footer #footer-col2 p a:hover,



#footer #footer-col3 p a:hover,



#footer #footer-col4 p a:hover {



	color: #0069b4;



	transition: all .4s;



}







#footer #footer-col4 p a {



	color: #0069b4;



}







#footer #footer-col4 p a:hover {



	color: white;



}







#footer #footer-col4 > div {



	float: right;



}











.social-container {



	float: right;



	margin-top: 3rem;



}







.social-container p {



	float: left;



	margin: 1.5rem 0 0 1.5rem;



}







.social-container p a:hover {



	opacity: .7;



	transition: all .4s;



}















#footer .cmsInnerWrap {



	display: grid;



    grid-gap: 0 2rem;



    grid-template-columns: repeat(auto-fit, minmax(250px,1fr));



    padding: 2rem 1rem 0;



}











#footer #footer-col4 {



	padding-top: 3px;



}







#footer #footer-col2 {



	padding-left: 4rem;



}







#footer #footer-col3 {



	padding-left: 0;



}







#footer #footer-col2 p span.footer-hours {



	display: inline-block;



	color: #0069b4;



	margin-top: 1rem;



	font-weight: 500;



}











.copyrightContainer .copyright-p {



	font-size: .8rem;



	color: #a8aaad;



	font-weight: 400;



	margin: 0 1rem;



	padding: 1rem 0;



}







.copyrightContainer .copyright-p a {



	color: #a8aaad;



	font-weight: 400;



}







.copyrightContainer .copyright-p a:hover {



	color: #0069b4;



}







.copyrightContainer .copyright-p.customer-portal {



	text-transform: uppercase;



	text-align: right;



	color: #0069b4;



}







.copyrightContainer .copyright-p.customer-portal a {



	color: #0069b4;



}







.copyrightContainer .copyright-p.customer-portal a:hover {



	color: #a8aaad;



}







#content_area.wrap.default.hasSidebar #content .jsGallery {



	clear: none !important;



}















#content_area.wrap.contact.careers .error {



	color: red;



    font-style: italic;



    font-weight: 500;



	font-size: 1.2rem;



	border-bottom: 1px solid red;



    width: fit-content;



}



















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



	.topRowLI:nth-of-type(1) {



		margin-left: 0 !important;



	}



}











/* cmsInnerWrap: divs with this class will have consistent margins and padding



** Used to wrap #content and #sidebar divs. Also add it to any div that should 



** have the same padding as the main content. In the header and footer, for example



** Notes: must be inside .wrap



**		  Changes here must be reflected in uncmsInnerWrap (found below)



**		  Margins must be in percentages to be unwrapped later



*/



.cmsInnerWrap {



	/* margin: 0 3%; */



	position:relative;



}



.cmsInnerWrap::after{



	clear: both;



	display: table;



	content: '';



}



/* Undoes the innerwrap at each break 



** Useful for custom segments that need to fill the full site width instead of respecting padding



** eg   padding(.cmsInnerWrap)



** margin   |



** (.wrap)  |



**	   |    |



**	----------------------------------------



**  |     |   |inside cmsInnerWrap|   |     |  



**  |     |   |  Normal Content   |   |     |     



**  |     |   |                   |   |     |   



**  |     |    .uncmsInnerWrap        |     |



**  |     | lets us set content all   |     |



**  |     | the way to the margin.    |     |



**  |     | good for feature areas    |     |



**  |     | with full width images    |     |



**  |     | or backgrounds            |



**  |     |   |                   |   |     |  



**  |     |   |  Normal Content   |   |     |     



**  |     |   |                   |   |     |      



*/



.uncmsInnerWrap{



	margin-left: -3.2%;



	margin-right: 0;



	width:106.4%;



}



@media (min-width:600px){



	/* .cmsInnerWrap {



		margin: 0 2%;



	} */



	.uncmsInnerWrap{



		margin-left: -2.1%;



		width:104.2%;



	}



	.cms_desktop #content .uncmsInnerWrap { unwrap_in_content_with_sidebar:;



		margin-left:-3%;



		width:105%;



		



	}



}



@media (min-width:1220px){



	/* .cmsInnerWrap {



		margin: 0;



	} */



	.uncmsInnerWrap{



		margin-left: -1.4%;



		width:102.9%;



	}



	.cms_desktop #content .uncmsInnerWrap { unwrap_in_content_with_sidebar:;



		margin-left:-2%;



		width:103.6%;



		



	}



}



@media (min-width:1320px){



	.cmsInnerWrap {



		margin: 0;



	}



	.uncmsInnerWrap{



		margin:0;



		width:100%;



	}



}



/* end cmsInnerWrap */











.google-map-container {



	width: 100%;



	height: 450px;



	margin: 2rem 0;



}















@media only screen and (max-width: 1450px) {







}







@media only screen and (max-width: 1290px) {



	.top-banner-text .wrap {



		padding: 1.5rem;



		width: calc(100% - 3rem);



	}



}







@media only screen and (max-width: 1280px) {







}







@media only screen and (max-width: 1180px) {



	.home-services-left {



		width: 75%;



	}







	.div-home-register > .wrap {



		display: block;



	}







	.div-home-register p:nth-of-type(1),



	.div-home-register p:nth-of-type(2)	{



		margin-bottom: 2rem;



	}







	.div-home-register p:nth-of-type(2) {



		height: 40px;



	}







	.div-home-register input {



		width: 70%;



		margin: 0 auto;



	}







}







@media only screen and (max-width: 1142px) {



	#footer .cmsInnerWrap {



		grid-gap: 2rem 5rem;



	}



	



	#footer #footer-col4 #topHeaderContact {



		float: none;



		margin-left: 0;



	}







	.social-container-footer,



	#footer #footer-col4 p {



		float: none !important;



	}







	#footer #footer-col4 > div {



		float: none;



	}







	.div-home-stats .services-article-text span.bus-statistics {



		font-size: 4.2rem;



	}







}







@media only screen and (max-width: 1125px) {







}







@media only screen and (max-width: 1100px) {







}







@media only screen and (max-width: 1080px) {



	.our-services-container {



		margin-top: 8rem;



	}







	.top-banner-text div.banner-header {



		font-size: 1.7rem;



		font-weight: 500;



		line-height: 2rem;



	}



}







@media only screen and (max-width: 1040px) {



	.top-banner-text p {



		margin-top: 1rem;



		font-size: 1rem;



	}



	



	#header .top-banner-text p a.btn {



		padding: .2rem .3rem .3rem;



		font-size: .85rem;



	}







}







@media only screen and (max-width: 979px) {



	.home-services-left {



		width: 100%;



	}







	.our-services-container {



		flex-direction: column;



		margin-top: 9rem;



	}







	.our-services-container > div {



		flex-basis: unset;



		width: 60%;



		margin: 7rem auto 10rem;



	}







	.our-services-container > div:last-child {



		margin-bottom: 0;



	}







	.services-img {



		text-align: center;



	}







	.services-img img {



		width: 100%;



	}







}







@media only screen and (max-width: 956px) {



	/* #footer .cmsInnerWrap {



		grid-gap: 0 5rem;



	} */



	



	#footer #footer-col2,



	#footer #footer-col3 {



		padding-left: 0;



	}







	.copyrightContainer .copyright-p.customer-portal {



		text-align: left;



    	margin-left: 4rem;



	}



}







@media only screen and (max-width: 1185px) {



	.fixedContainer-opacity {



		opacity: 1;



		height: 85px;



	}







	#topNav {



		display: block !important;



		order: 3;



	}











	#header-logo a {



		width: 305px;



	}



	



	.topHeaderContact {



		/* display: none; */



		position: absolute;



		right: 6rem;



		margin: 1px 0 0 0;



		z-index: 100;



	}







	#headerRight {



		/* flex: unset;



		float: none;



		display: block;



		position: absolute;



		right: 4rem; */







		height: 85px;



		margin-right: .5rem;



		float: right;



		flex: 1;



		position: relative;



		right: unset;



		display: block;



	}







	.topHeaderContact a {



		display: none;



	}



	











	.top-banner-text {



		height: 100%;



    	margin-top: 0;



	}







	#header .top-banner-text p a.btn {



		/* width: 150px; */



		padding: .2rem .3rem .25rem;



	}







	#content_area.wrap.homepage #content h1,



	#content_area.wrap.homepage #content p {



		width: 100%;



	}







	.home-content-wrap {



		display: block;



	}







	.home-content-left {



		margin-bottom: 2rem;



	}







	.home-content-right p {



		margin-left: 0 !important;



	}







	.home-content-right p:last-child {



		margin-bottom: 0 !important;



	}















	.home-services-left p.paragraph-home-btn {



		margin: 1rem 0 3rem;



	}















	.our-services-container > div {



		margin: 5rem auto 10rem;



	}







	#footer #footer-col4 .topHeaderContact {



		display: block;



	}







	.div-phone-icon {



		display: flex;

		height: 23px;

		/* float: right; */

		margin: 34px -25px 0 0;

		align-items: center;



	}







	.insetLarge h1 {



		margin-top: 0;



	}







	.topHeaderContact .div-phone-icon a {



		display: block;



	}



	.email-icon-header {

		margin-right: 1rem;

		width: 30px;

		display: inline-block !important;

	}



	.div-home-about-right p:last-child {



		text-align: center;



	}











	#mc_embed_signup_scroll {



		display: block;



	}







	.mailchimp_form label {



		margin-bottom: 1rem;



	}







	.mailchimp_form input[type="email"] {



		width: 90%;



		margin: 0 auto 1rem;



	}







	#mc-embedded-subscribe {



		margin: 0 auto;



	}











	.div-home-stats .services-article-text span.bus-statistics {



		font-size: 3.6rem;



		top: -2.65rem !important;



	}







}







@media only screen and (max-width: 767px) {











	.div-home-mobile-serv h2,



	.div-home-contact-us h2,



	#content_area.wrap.homepage #content h1,



	h1 {



		font-size: 1.8rem;



	}







	#content_area.wrap.homepage #content h2,



	h2 {



		font-size: 1.6rem;



	}







	#content_area.wrap.homepage #content {



		display: block;



	}







	#content_area.wrap.homepage #content .home-left p.paragraph-home-btn {



		display: none;



	}







	#content_area.wrap.homepage #content .home-right p.paragraph-home-btn-mobile {



		display: block;



		width: 100%;



	}







	#content_area.wrap.homepage #content .home-right p.home-right-text {



		width: 100%;



		margin: 0 0 2rem;



	}







	.paragraph-home-btn-mobile a.btn {



		display: inline-block;



	}







	.paragraph-home-btn-mobile a.btn:hover {



		border-color: #0069b4;



	}







	.home-left h2 {



		margin-bottom: 2rem;



	}















	.top-banner-text div.banner-header {



		width: 100%;



		font-size: 1.4rem;



		line-height: 1.6rem;



		/* text-shadow: 1px 1px 2px black; */



	}







	.top-banner-text p {



		margin-top: 1rem;



	}







	#header .top-banner-text p a.btn {



		padding: .1rem .2rem;



		font-weight: 500;



		font-size: .9rem;



	}











	.div-home-about-left {



		margin-left: calc(0px - 1.5rem);



		margin-right: calc(0px - 1.5rem);



	}







	.div-home-about-img {



		min-height: 300px;



	}







	.div-home-about-right {



		margin-bottom: 0;



	}















	.home-services-container {



		display: block;



	}







	.services-article {



		width: 90%;



		margin: 0 auto 3rem;



	}







	.div-home-stats .services-article {



		margin-bottom: 0;



	}







	.div-home-main-services h2 {



		text-align: center;



	}







	.div-our-serv {



		text-align: center;



	}







	.services-article-text {



		min-height: auto;



	}







	.services-article-text p {



		margin-bottom: 1.5rem;



	}







	.div-home-iac-services p {



		margin-top: 0 !important;



	}











	.home-services-left p.paragraph-home-btn {



		text-shadow: none;



	}







	.our-services-container > div {



		margin: 3rem auto 10rem;



	}







	.home-testimonials-left {



		flex: unset;



	}







	.home-testimonials-right {



		display: none;



	}







	.home-testimonials-left blockquote {



		margin: 0 auto;



		border: none;



	}







	.home-testimonials-left blockquote p {



		padding: 0;



	}















	.div-home-mobile-serv {



		padding: 2rem 0;



	}











	.div-home-additional p {



		font-size: 1.4rem;



	}







	.home-services-container {



		margin: 0;



	}







	.div-home-iac-services {



		padding-bottom: 0;



	}



















	.div-home-stats {



		min-height: auto;



	}







	.div-home-stats .services-article:last-child {



		margin-bottom: 0;



	}







	.div-home-stats .services-article:nth-of-type(1) .services-article-text {



		display: block;



	}







	.div-home-stats .services-article-text .bus-statistics-container:nth-of-type(1) {



		margin-top: 0;



	}







	.div-home-stats .services-article-text .bus-statistics-container:nth-of-type(4) {



		margin-bottom: 0;



	}







	.div-home-stats .services-article-text .bus-statistics-container {



		margin: 5.5rem 0;



	}







	.div-home-stats .services-article-text .bus-statistics-container:nth-of-type(1) {



		margin-top: 4.5rem;



	}







	.div-home-stats {



		padding: 3rem 1.5rem;



	}



}







@media only screen and (max-width: 679px) {



	.our-services-container > div {



		width: 70%;



	}







	#footer #footer-col2 p {



		white-space: normal;



	}







}











@media only screen and (max-width: 626px) {



	#footer-col4 .topHeaderContact a:first-child {



		margin-right: .5rem;



	}







	.top-banner-text div.banner-header, .top-banner-text p {



		width: 100%;



	}



}











@media only screen and (max-width: 611px) {







	.our-services-container > div {



		margin: 1rem auto 10rem;



	}



	



	#footer .cmsInnerWrap {



		display: block;



	}







	#footer .cmsInnerWrap > div {



		padding: 0 !important;



	}







	#footer #footer-col4 .topHeaderContact {



		float: none;



		width: 220px;



		margin: 0 auto;



	}







	#footer #footer-col4 .topHeaderContact:first-child {



		margin-top: 0;



	}







	.social-container {



		float: none;



		margin: 0 auto;



		clear: unset;



		display: inline-block;



	}







	.social-container p {



		margin: 1.5rem 1.5rem 1.5rem 0;



	}







	#footer #footer-col1,



	#footer #footer-col2,



	#footer #footer-col3 {



		margin-bottom: 2rem;



	}







	#footer #footer-col4 #topHeaderContact:nth-of-type(2) {



		clear: both;



	}







	.social-container {



		clear: both;



		float: left;



	}







	.logo-footer {



		margin: 0 auto 2rem;



	}







	.copyrightContainer .copyright-p {



		text-align: center;



	}







	#footer #footer-col4 #topHeaderContact {



		margin: 0 auto 25px;



		width: 189px;



	}







	.copyrightContainer .copyright-p.customer-portal {



		text-align: center;



		margin-left: 1rem;



		padding-top: 0;



	}



}







@media only screen and (max-width: 550px) {



	.our-services-container > div {



		width: 80%;



	}











	#content_area.wrap.homepage #content h1,



	h1 {



		font-size: 1.6rem;



	}







	.div-home-mobile-serv h2,



	.div-home-contact-us h2,



	#content_area.wrap.homepage #content h2,



	h2 {



		font-size: 1.4rem;



	}







	h3 {



		font-size: 1.2rem;



	}







}







@media only screen and (max-width: 500px) {



	.top-banner-text p {



		margin-top: .5rem;



		line-height: 1.2rem;



    	font-size: .9rem;



	}







	/* .div-certif-grid {



		grid-template-columns: repeat(auto-fit,minmax(220px,1fr));



	} */



}







@media only screen and (max-width: 479px) {



	#header-logo a {



		width: 205px;



	}



	.fixedContainer-opacity {



		height: 85px !important;



	}







	.topMenuBG {



		height: 85px !important;



	}







	#header-logo {



		height: 85px !important;



	}







	.top-banner-text div.banner-header {



		font-size: 1.3rem;



		line-height: 1.4rem;



	}







	.top-banner-text p {



		margin-top: .5rem;



	}







	.insetLarge h1 {



		font-size: 1.7rem;



	}







	.div-home-about-img {



		min-height: 200px;



	}







	.div-home-about-right {



		margin-top: 2rem;



	}







	.our-services-container > div {



		border: none;



		padding: 0;



		width: 100%;



		margin-bottom: 0;



	}







	.our-services-container {



		margin-top: 0;



	}







	.services-img {



		margin-top: 0;



	}







	.services-img img {



		min-width: 100%;



	}







	.our-services-container > div h2,



	.our-services-container > div p {



		padding: 0 1.5rem;



	}







	.copyrightContainer .copyright-p {



		font-size: .7rem;



	}











	.div-home-stats .services-article-text span.bus-statistics {



		font-size: 2.6rem;



		top: -2.1rem !important;



	}







	.div-home-stats .services-article-text .bus-statistics-container:nth-of-type(1) {



		margin-top: 2.5rem;



	}











	.div-home-register input {



		width: 80%;



	}







}





@media only screen and (max-width: 385px) {

	.div-phone-icon {

		margin: 34px -36px 0 0;

	}



	.email-icon-header {

		margin-right: .5rem;

	}

}





@media only screen and (max-width: 360px) {



	/* #headerRight {



		right: 3rem;



	} */







	.div-phone-icon {



		margin: 34px -50px 0 0;



	}



}



@media only screen and (max-width: 340px) {

	#header-logo,

	#header-logo a {

		width: 190px;

	}

}















/* Stacked class is used with the iconbar but can be used anywhere this arrangement is needed



**	small screen:



**	{Top Left   }{    Top Right}



**	{Left       }{        Right}



**



**	and fullscreen:



**	{                   TopLeft}{Top Right}{Left}{Right}



*/



.stacked{



	width:100%;



	position:relative;



	background:black;	



}



.stacked::after {



    display: table;



    content: '';



    clear: both;



}







.stacked .stackedTop{



	width: 100%;



	text-align:center;



	background:black;



}



.stacked .stackedTop::after{



	display:table;



	content:'';



	clear:both;



}



.stacked .stackedTopLeft{



	float:left;



}







.stacked .stackedTopRight{



	float:right;



}







.stackedBottom {



	background:black;



	border-bottom: 6px solid #93304a;



}



.stacked .stackedBottom::after{



	display:table;



	content:'';



	clear:both;



}







.stacked .stackedLeft{



	width: 50%;



	float:left;



}







.stacked .stackedRight{



	width:50%;



	float:right;



	text-align:right;



}







@media (min-width:600px){







	.stacked {



		border-bottom: 6px solid #93304a;



	}



	



	.stacked .stackedGroup{



		float:right;



	}



	



	.stacked .stackedTop{



		float:left;



		text-align:right;



		width:unset;



		border-bottom:unset;



	}



	



	.stacked .stackedBottom{



		float:right;



		text-align:right;



		width:unset;



		border-bottom:unset;



	}







	.stacked .stackedLeft{



		float:left;



		text-align:right;



		width:unset;



	}







	.stacked .stackedRight{



		float:left;



		text-align:right;



		width:unset;



	}



}



/* end .stacked */











/*  CONTENT and Sidebar */







#content_area {



		text-align: left;



		padding: 1rem 0;



	}



	







@media (min-width: 550px) and (max-width: 1185px) {







}



	



@media (min-width: 1186px) and (max-width: 1230px) {







}	



	







#content_wrap {



	margin-top: 0;



	margin-bottom: 0;



	display:flex;



	flex-direction:column;



}











#content{



	order:2; /* put_in-middle_using_flex:; */



}







/* default sidebar behaviour (small screens or default if device has js disabled) */



.sidebarPart{ /*common class for sidebar-top and sidebar_bottom */



	box-sizing:border-box;



}



#sidebar-top{



	margin-top:0;



	margin-bottom:1em;



	margin-left: 1.5rem;



	margin-right: 1.5rem !important;



	order:1; /* above_content_w_flex:; */



}



#sidebar-bottom{



	margin-top:2em;



	order:3; /* below_content_w_flex:; */



}







/* Rules for Content and Sidebar for Desktop



	.cms_desktop_sidebar: class added to content_wrap with js when screen width >=900px and sidebar is present



	#jsSidebarWrap: added with js. This div wraps #sidebar_top/bottom iff screen width >= 900px and sidebar exists



	<div #jsSidebarWrap > <- only exists when sidebar exists and screen width >=900px



		<div #sidebar_top>



		<div #sidebar_bottom>



	



*/



#content_wrap.cms_desktop_sidebar{



	flex-direction:row;



	margin-left: 0;



}



#content_wrap.cms_desktop_sidebar #content{



	flex: 3 0px;



	order:1;



	padding-right:1em;



	



}



#content_wrap.cms_desktop_sidebar #jsSidebarWrap{



	order:2;



	width:20em;



	margin-top: 4em;



}







@media (min-width: 550px) and (max-width: 1185px) {



	



	#content_wrap.cms_desktop_sidebar #jsSidebarWrap{



	order:2;



	width:17em;



	margin-top: 4em;



	}



	



}







/*  end CONTENT and Sidebar */







/*********************** Utility CLASSES ****************************/



.clearAfter::after {display:'table';clear:'both';content:'';}



.clear { clear:both; }



.nobr, .nowr {white-space: nowrap;}



.whiteBG {background:white;}



.blackBG {background:black;}



.left {float:left;}



.right {float:right;}



.full {width:100%;}



.leftimg {clear:left; float:left;margin:.3em 2em 2em 0;font-style:italic;}



.rightimg {clear:right; float:right;margin:.3em 0 2em 2em;font-style:italic;}



.leftimg p, .rightimg p {margin:.5em 0 0 0;}



.fullimg {width:100%; margin-bottom:1em;}



.half {width:50%;}



.halfleftimg {float:left; width:48%;margin:1em 0;}



.halfrightimg {float:right; width:48%;margin:1em 0;}



.imgfullwidth {width: 100%;}



.side2sideleft {width: 49%; margin-right:1%; float:left; text-align: center; margin-bottom:2%;}



.side2sideright {width: 49%; margin-left: 1%; float:left; text-align: center; margin-bottom:2%; }



.side2sideleft p, .side2sideright p  {margin-bottom:0.5em !important; margin-top:1.5em}







.side3sideleft {width: 32%; margin-right:1%;}



.side3sidemid {width: 32%; margin-left: 1%; margin-right: 1%;}



.side3sideright {width: 32%; margin-left: 1%;}



.third {width:35%;}



.center {display:block;margin:2em auto;text-align:center;font-style:italic;width:auto;}



.noscale {max-width:none;}



@media (max-width: 549px) {



	.left, .right {float:none;}



	.leftimg, .rightimg {float:none;margin:2em auto;display:block;text-align:center;font-style:italic;}



	.half, .third  {width:auto;}



	.hideinmobile {display:none;}



}



.width25{



	max-width:25%;display:block;



}



.width50{



	max-width:50%;display:block;



}



.width75{max-width:75%;display:block;}















#content .toggleExpandable,



#content .toggleExpandable p {



	cursor: pointer;



	



	color: #0069b4;



    font-size: 1rem;



    margin: .5rem 0;



    font-weight: 600;



    text-transform: unset;



}



.toggleExpandable::before {



    content: '\0025BC';



    margin-right: 1rem;



	float:left;



}



.toggleExpandable.open::before {



    content: '\0025B2';



}



.expandableItem {



    display: none;



}











/* JUSTIFY FLOATING DIVS */







ul.justify {



    font-size: 0 !important;



    line-height: 0;



    list-style-type: none;



    margin: 0;



    padding: 0;



    text-align: justify;



    text-justify: distribute-all-lines;



}







ul.justify:after {



    content: "";



    display: inline-block;



    width: 100%;



}







ul.justify li {



    display: inline-block;



    font-size: 1rem;



    line-height: 1rem;



    margin: 0 auto !important; this-will-center-single-objects:;



    padding: 0 !important;



}







/* (untested) IE hacks to make li's line up */



*+html ul.justify li {display: inline;}



* html ul.justify li {display: inline;}











@media screen and (max-width: 549px) {



	#content ul {



    margin-left: 0;



	}



	



	#content ul.longList {



	-webkit-column-count: 1; /* Chrome, Safari, Opera */



    -moz-column-count: 1; /* Firefox */



    column-count: 1;



	}







.side2sideleft, .side2sideright {width: 90%; margin-left:5%; float:left}



	



}







/** FORMS **/



form {



    display: flex;



    display: -webkit-flex;



    flex-direction: column;



    -webkit-flex-direction: column;



}

#form-bottom{
	flex-direction: column;
}

#captcha-image-box img {
	width: unset!important;
}

form div {



    display: flex;



    display: -webkit-flex;



    flex-direction: row;



    -webkit-flex-direction: row;



    justify-content: space-between;



}




form label .fmrequire, .fmrequire {



    color: #ff0000;



    margin-left: 3px;



}



form input[type=submit] {



    padding: 3px;



}



#fmMessage {



    padding: 1em;



    text-align: center;



    font-size: 1rem;



    font-weight: 600;



    display: none;



}



#fmMessage.fmError {



    background: #fc6c6c;



}



#fmMessage.fmSuccess {



    background: #7cff8c;



}



form div.fmCheckboxRow, form div.fmRadioRow {



    justify-content: flex-start;



    -webkit-justify-content: flex-start;



    margin-bottom: 1rem;



}







form div.fmCheckboxRow label, form div.fmRadioRow label {



    margin-left: 0;



}







form div.fmRadioRow input[type=radio] {



    margin-left: 1em;



}







form input[type=text], form input[type=email], form input[type=date], form textarea {



	width:100%;



	background: #ffffff;



	padding:.5rem;



	margin:0 0 1rem 0;



	vertical-align:middle;



	border:1px solid #c0c0c0;



    font-family: 'Roboto', sans-serif;



	font-weight:400;



	font-style:normal;



    font-size: 15px;



	-moz-box-sizing: border-box;



	-webkit-box-sizing: border-box;



	box-sizing: border-box;



	outline: none;



}







form .selectType  {



    width:100%;



    ppheight:2em;



    pppadding-left:1em;



    padding:1rem;



    margin:0 0 1rem 0;



    vertical-align:middle;



    border:1px solid #c0c0c0;



    color: #757579 !important;



    font-family: 'Roboto', sans-serif;



    font-weight:400;



    font-style:normal;



    font-size: 15px;



    -moz-box-sizing: border-box;



    -webkit-box-sizing: border-box;



    box-sizing: border-box;



    line-height: 1.8em;



}



    



form .selectType select, form select {



    color: #757579;



    padding: .5em;



    margin-bottom: 1rem;



}







form textarea {



    margin-bottom: 1rem !important;



    min-height:12em;



}







form #captchaContainer {



    display: block;



    max-width: 330px;



}







form #captcha-image-box {



    display: block;



}







form img#captcha {



    width: 100%;



}







form input[type=submit], form input#button {



	padding: .7rem 1.5rem;



	background: #0069b4;



	font-size:1.15em;



	border: 1px solid transparent;



	color: white;



	font-weight:400;



	xmargin:1rem 0 0 0;



	font-family: 'Roboto', sans-serif;



}







form input[type=submit]:hover, form input#button:hover, form input[type=submit]:active, form input#button:active {



	background:#ebeae8;



    color: #0069b4;



	cursor: pointer;



	border: 1px solid #0069b4;



	transition: all .4s;



}





















@media (min-width: 900px) {

	#sidebar-bottom.sb_blog.sidebarPart {

		padding-right: 1.25rem;

	}

}



@media (min-width: 550px) and (max-width: 915px) {

	#sidebar-top.sb_blog.sidebarPart {

		display: none;

	}



	#content_area.wrap.blog.hasSidebar {

		display: flex;

		flex-direction: row-reverse;

	}



	#content_area.wrap.blog.hasSidebar #sidebar-bottom {

		flex: 1;

	}



	#content_area.wrap.blog.hasSidebar #sidebar-bottom .blog-list.sidebarIntro {

		padding: 0 1em 0 0;

	}



	.blogposttext {

		word-break: break-word;

	}

}



@media only screen and (max-width: 600px) {
		.hide-on-mobile {
			display: none;
		}

}



@media only screen and (max-width: 549px) {

	.blogposttext {

		word-break: break-word;

	}


}







/* .div-login-portal-form .fmFormContainer input[type='submit'] {

    color: transparent;



	display: inline-block;

	position: relative;

}



.div-login-portal-form .fmFormContainer input[type='submit']::after {

    content: 'NEXT STEP';

    position: absolute;

    display: block;

    color: white;

    top: 50%;

    left: 50%;

	-ms-transform: translate(-50%, -50%);

  	transform: translate(-50%, -50%);

} */







#content_area.wrap.contact #sidebarContact #inquiry form div:nth-of-type(3) {

	position: relative;

}



#content_area.wrap.contact #sidebarContact #inquiry form div:nth-of-type(3)::after {

	position: absolute;

    display: block;

    content: '*';

    color: red;

    font-size: 2rem;

    top: 0;

    right: -1rem;

}



#content_area.wrap.contact #sidebarContact #inquiry form #captchaContainer div:nth-of-type(3)::after {

	display: none;

}





	.threecols {

	width:30%;

	margin:0 1%;

	float:left;

}



@media only screen and (max-width: 599px) {



	.threecols {

	width:80%;

	margin-left:0 0 0 10%;

	}

}

.column-text.hp-intro {
	align-items: center;
}

#content_area.wrap.homepage #content .column-text.hp-intro p {
    width: unset;
}

.home-page-vancouver-warehousing {
	display: flex;
    align-items: center;
	gap: 10px
}

.home-page-vancouver-warehousing > div:first-child{
	max-width: 350px;
}

@media only screen and (max-width: 1024px) {
	.home-page-vancouver-warehousing {
		flex-direction: column;
	}
	.home-page-vancouver-warehousing > div:first-child{
		max-width: unset;
	}
}

@media only screen and (max-width: 899px) {
    .column-text.hp-intro {
        flex-direction: column-reverse;
    }
}





/* LANDING PAGE, start */


.column-text {
    display: flex;
    grid-gap: 2rem;
}

.column-text > div {
    flex: 1;
	padding: 0;
}


.wrap-landing p {
	text-align: center;
	font-size: 2rem !important;
    font-weight: 700 !important;
}
.wrap-landing .landing-btn a {
	background: #0069b4;
	border: 1px solid #0069b4;
	font-size: 1.05rem !important;
    font-weight: 700 !important;
}
.wrap-landing .landing-btn a:hover {
	color: white;
}
.wrap-landing p:nth-of-type(1) {
	font-size: 3.75rem !important;
	line-height: 1.05em;
}


.lp-contact-form {
	padding: 1.5rem 0;
	border-bottom: 1px solid #ccc;
	/* background: #f6f6f6; */
	/* background-image: linear-gradient(to bottom, #f6f6f6, #ffffff); */
}

.lp-contact-form h3 {
	text-align: center;
}
.lp-contact-form ul.ul-fancy {
	list-style-type: none;
}
.lp-contact-form .ul-fancy li {
	position: relative;
}
.lp-contact-form ul.ul-fancy li::before {
	position: absolute;
	display: block;
	content: '';
    width: 15px;
    height: 17px;
    top: 2px;
    left: -28px;
	background: url(../../../images/lp-bullet-1.svg) center no-repeat;
    background-size: cover;
	/* border: 1px solid red; */
}

.lp-contact-form .lp-from-wrapper {
	padding: 1rem;
	border-radius: 10px;
	box-shadow: 0 0 15px 0 rgba(0,0,0,0.15);
	width: 75%;
    margin: 0 auto;
}

.lp-contact-form .lp-from-wrapper h3 {
	text-align: center;
	margin: 1rem 0 2rem;
}
.lp-contact-form form input[type=text],
.lp-contact-form form input[type=email] {
	background: #fafafa;
	border: 1px solid #e5e5e5;
	border-radius: 6px;
}

.lp-contact-form p.fmrequire {
	display: none;
}

.lp-contact-form button {
	color: white;
    font-weight: 400;
    white-space: nowrap;
    font-size: 1rem;
    background: #cc2936;
    border: 1px solid #cc2936;
    border-radius: 0.5rem;
    padding: 0.35rem 0.75rem;
    min-width: 130px;
    display: inline-block;
    text-align: center;
    text-transform: uppercase;
    transition: all .4s;
	cursor: pointer;
}

.lp-contact-form #captcha-button-box {
	justify-content: center;
	margin: 1.25rem 0;
}



.lp-ship-bob {
	padding: 3rem 0;
	border-bottom: 1px solid #ccc;
}
.lp-ship-bob h2 {
	text-align: center;
	margin-bottom: 2rem;
}
.lp-ship-bob .lp-marks span {
	display: block;
	font-weight: 500;
	color: #0069b4;
}
.lp-ship-bob .column-text > div {
	text-align: center;
	padding: 1rem;
	border-radius: 10px;
	box-shadow: 0 0 15px 0 rgba(0,0,0,0.15);
}
.lp-ship-bob .lp-percent {
	font-weight: 700;
}





.lp-connect {
	padding: 3rem 0;
	border-bottom: 1px solid #ccc;
}
.lp-connect h2 {
	text-align: center;
	margin-bottom: 2rem;
}
.lp-connect .column-text > div {
	text-align: center;
	padding: 1rem;
	background: #f0f0f0;
	border: 1px solid #3c8dc4;
	border-radius: 10px;
}
#content .lp-connect .column-text + p {
	margin: 25px 0 0;
	text-align: center;
}



.lp-more {
	padding: 3rem 0;
}
.lp-more h2 {
	text-align: center;
}
#content .lp-more ul.ul-fancy {
	list-style-type: none;
	margin: 55px auto;
	width: 80%;
}
.lp-more .ul-fancy li {
	position: relative;
}
.lp-more ul.ul-fancy li::before {
	position: absolute;
	display: block;
	content: '';
    width: 25px;
    height: 25px;
    top: 0;
    left: -35px;
	background: url(../../../images/lp-bullet-2.png) center no-repeat;
    background-size: cover;
	/* border: 1px solid red; */

	display: none;
}

.lp-more .fa-check-circle:before {
	color: #1df081;
}

.lp-more .fa-check-circle {
	margin-right: .5rem;
}

.ul-fancy.ul-fancy-2-cols {
	columns: 2;
}

#content .lp-more .ul-fancy + p {
	margin: 25px 0 0;
	text-align: center;
}

p.btn-call-wrapper,
#content p.btn-call-wrapper {
	margin: 3rem auto;
	text-align: center;
}
p.btn-call-wrapper > a {
	display: inline-block;
	width: fit-content;
	padding: 1rem 2rem 1rem 4rem;
	background: #0069b4;
	color: white;
	font-weight: 700;
	font-size: 1.5rem;
	position: relative;
}
p.btn-call-wrapper > a::before {
	display: block;
	position: absolute;
	content: '';
	width: 24px;
	height: 22px;
	top: 50%;
	left: 23px;
	transform: translateY(-50%);
	background: url(../../../images/_phone_icon_.png) center no-repeat;
}



@media only screen and (max-width: 899px) {
	.column-text {
		flex-direction: column;
		grid-gap: 1rem;
	}

	.lp-ship-bob .column-text > div {
		width: 50%;
    	margin: 0 auto;
	}

	.lp-connect .column-text > div {
		width: 50%;
    	margin: 0 auto;
	}

	.ul-fancy.ul-fancy-2-cols {
		columns: 1;
	}

	.wrap-landing p {
		text-align: center;
		font-size: 1.15rem !important;
		font-weight: 600 !important;
		margin: .25rem 0 !important;
	}

	.wrap-landing p:nth-of-type(1) {
		font-size: 2.5rem !important;
	}
}

@media only screen and (max-width: 500px) {

	.lp-ship-bob .column-text > div {
		width: 80%;
	}

	.lp-connect .column-text > div {
		width: 80%;	}

		.lp-contact-form .lp-from-wrapper {
			width: 90%;
		}
}

/* LANDING PAGE, finish */

/* Alert bar */
#header #alert-bar {
	background-color: #0069b4;
    z-index: 999;
    position: sticky;
}

#header #alert-bar p {
	text-align: center;
	margin: 0;
	color: white;
	padding: 5px;
	font-size: .9rem;
}

#header #alert-bar a {
	color: white;
}

.quick-quote-wrapper {
    display: flex;
    gap: 20px;
  }

  @media (max-width: 650px) {
    .quick-quote-wrapper {
      flex-direction: column-reverse;
    }
  }

  /* logo gallery for page: /food-grade-warehousing */
  #proud-warehousing-partner {
	padding: 30px 0;
	display: flex;
	gap: 30px;
  }

  @media (max-width: 760px) {
    #proud-warehousing-partner {
		flex-wrap: wrap;
	}

	#proud-warehousing-partner > div {
		max-width: 45%;
	}
  }

  @media (max-width: 420px) {
    #proud-warehousing-partner {
		flex-wrap: unset;
		flex-direction: column;
	}

	#proud-warehousing-partner > div {
		max-width: unset;
	}
  }

#live-chat.desktop-support {
	display: none!important;
}

/* Table for Warehouse Locations Start */

      /* ── Table wrapper ── */
      .table-wrapper {
        max-width: 1200px;
        margin: 0 auto;
        overflow-x: auto;
        border-radius: 10px;
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
      }

      /* ── Table ── */
      .table-wrapper table {
        width: 100%;
        border-collapse: collapse;
        background: #ffffff;
        font-size: 0.875rem;
      }

      /* ── Header ── */
      .table-wrapper thead tr {
        background: #1a3a5c;
        color: #ffffff;
      }
      .table-wrapper thead th {
        padding: 14px 16px;
        text-align: left;
        font-weight: 600;
        letter-spacing: 0.04em;
        text-transform: uppercase;
        font-size: 0.78rem;
        white-space: nowrap;
      }

      /* ── Body rows ── */
      .table-wrapper tbody tr {
        border-bottom: 1px solid #e8ecf0;
        transition: background 0.15s ease;
      }
      .table-wrapper tbody tr:last-child {
        border-bottom: none;
      }
      .table-wrapper tbody tr:hover {
        background: #eef4fb;
      }

      /* Zebra striping */
      .table-wrapper tbody tr:nth-child(even) {
        background: #f8fafc;
      }
      .table-wrapper tbody tr:nth-child(even):hover {
        background: #eef4fb;
      }

      .table-wrapper tbody td {
        padding: 12px 16px;
        vertical-align: top;
        line-height: 1.5;
      }

      /* ── Region badge ── */
      .table-wrapper .region-badge {
        display: inline-block;
        padding: 3px 10px;
        border-radius: 20px;
        font-weight: 700;
        font-size: 0.75rem;
        letter-spacing: 0.05em;
        white-space: nowrap;
      }
      .table-wrapper .region-BC {
        background: #dbeafe;
        color: #1d4ed8;
      }
      .table-wrapper .region-MB {
        background: #fef9c3;
        color: #854d0e;
      }
      .table-wrapper .region-AB {
        background: #dcfce7;
        color: #166534;
      }
      .table-wrapper .region-ON {
        background: #fce7f3;
        color: #9d174d;
      }
      .table-wrapper .region-NS {
        background: #ede9fe;
        color: #5b21b6;
      }

      /* ── Size column ── */
      .table-wrapper .size-cell {
        white-space: nowrap;
        font-variant-numeric: tabular-nums;
      }

      /* ── Certifications ── */
      .table-wrapper .cert-cell {
        color: #374151;
        font-style: italic;
      }

      /* ── Address ── */
      .table-wrapper .address-cell {
        color: #4b5563;
      }

      /* ── Caption / heading above table ── */
      .table-title {
        max-width: 1200px;
        margin: 0 auto 1rem;
        font-size: 1.4rem;
        font-weight: 700;
        color: #1a3a5c;
      }

	  /* Table for Warehouse Locations End */