﻿/* RESET */
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, font, 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{background: transparent; border: 0; margin: 0; padding: 0;} ol, ul{list-style: none;} img{max-width: 100%; height: auto; image-rendering: -webkit-optimize-contrast;}


/* FRAMEWORK */
*{box-sizing: border-box;}
html, body{font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 1.8; -webkit-text-size-adjust: none; margin: 0; padding: 0; height: 100%;} 
::-moz-selection{background: #000; color: #fff; text-shadow: none} ::selection{background: #000; color: #fff; text-shadow: none;}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  /*margin: 0; /* 2 */
}
button,
input { /* 1 */
  overflow: visible;
}
button,
select { /* 1 */
  text-transform: none;
}
select,
button,
[type="button"],
[type="reset"],
[type="submit"],
[type="date"] {
  -webkit-appearance: button;
}



.content-width {margin: 0 auto; width: 90%; position: relative; z-index: 1;}
.flex-wrapper {display: flex; flex-wrap: wrap; align-items: center;}

.column12, .column11, .column10, .column9, .column8, .column7, .column6, .column5, .column4, .column3, .column2, .column1{float: left; padding: 0 25px 0 0;} .column12{width: 100%; padding: 0; box-sizing: border-box;} .column11{width: 91.6666%;} .column10{width: 83.3333%;} .column9{width: 75%;} .column8{width: 66.6666%; box-sizing: border-box;} .column7{width: 58.3333%; position: relative; box-sizing: border-box;} .column6{width: 50%; position: relative; box-sizing: border-box;} .column5{width: 41.6666%; box-sizing: border-box;} .column4{width: 33.3333%; box-sizing: border-box;} .column3{width: 25%; box-sizing: border-box;} .column2{width: 16.6666%; box-sizing: border-box;} .column1{width: 8.3333%;} .last{padding: 0;} .cf{zoom: 1;} .cf:before, .cf:after{content: ""; display: table;} .cf:after{clear: both;} .clear{clear: both;}

img{max-width:100%; height:auto;}

h1 {font-family: 'Open Sans', sans-serif; font-weight: 800;font-size:34px; line-height: 1.2;}
h2 {font-family: 'Open Sans', sans-serif; font-weight: 800;font-size:28px; text-transform: uppercase; line-height: 1.2;}
h3 {font-family: 'Open Sans', sans-serif; font-size:26px; color:#0f613f!important; font-weight:700; line-height: 1.2;}
h4 {font-family: 'Open Sans', sans-serif;font-size:26px;font-weight:700; display: block; line-height: 1.2; margin-bottom: .25em!important;}
h5 {font-family: 'Open Sans', sans-serif; font-weight: 800;font-size:24px; line-height: 1.2;}
h6 {font-family: 'Open Sans', sans-serif;font-size:23px;font-weight:700; line-height: 1.2;}

.contact-wrapper h2 {font-size: 22px; text-transform: none; font-weight: 700; display: block; margin-bottom: .25em;}

.light{font-family: 'Open Sans', sans-serif; font-weight: 300;}
.regular{font-family: 'Open Sans', sans-serif;}
.semibold{font-family: 'Open Sans', sans-serif;font-weight:600;}
.bold{font-family: 'Open Sans', sans-serif;font-weight:700;}
strong{font-family: 'Open Sans', sans-serif;}
.extrabold{font-family: 'Open Sans', sans-serif; font-weight: 800;}

p {font-weight: 500; line-height: 1.6;}
p strong{font-family: 'Open Sans', sans-serif;font-weight:700;}
.textdropshadow{text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.88);}
.textdropshadow-lg{text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.75);}

ul.list{list-style:inside;font-family: 'Open Sans', sans-serif; font-weight: 300;font-size:16px;}
ul.list li{padding:4px 0 10px 0;}
ul.list-nobullet{list-style:none;font-family: 'Open Sans', sans-serif; font-weight: 300;font-size:16px;}
ul.list-nobullet li{padding:2px 0 8px 0;}
ol{font-family: 'Open Sans', sans-serif; font-weight: 300;font-size:16px;margin:0 0 15px 25px!important;}
ol li{padding:3px 0;}

.white{color:#fff;} .black{color:#000;} .lightgrey{color:#e8e8e8;} .grey{color:#444444;} .darkgrey{color:#414143;} .green{color:#0f613f;} .darkgreen{color:#005429;}

::-moz-selection{color:#fff;background:#000;}
::selection{color:#fff; background:#000;}

a {text-decoration: none; color: inherit; transition: all .2s ease-in-out;} a:hover{color: inherit;}
a.underline{text-decoration:underline!important;}
a.white{color:#fff;}a.white:hover{color:#e8e8e8;}
a.black{color:#000;}
a.lightgrey{color:#e8e8e8;}
a.darkgrey{color:#414143;}
a.green{color:#0f613f;}
a.green:hover{color:#005429;}
a.darkgreen{color:#005429;}
a.no-opacity:hover{opacity:1!important;}
a img{transition:all .4s ease-in-out; -moz-transition:all .4s ease-in-out; -webkit-transition:all .4s ease-in-out;}

a.cta-btn button {margin: 1em 0 0; color: #fff; background: #0f613f; padding: .75em 2em; cursor: pointer; font-size: 16px; transition: 0.2s ease-in; text-align: center; width: 100%; max-width: 425px; border: 2px solid transparent; font-weight: 600; text-transform: uppercase; font-family: 'Open Sans', sans-serif; border-radius: 15px;}
a.cta-btn2 button {margin: 1em 0 0; color: #000; background: #f1f1f1; padding: .75em 2em; cursor: pointer; font-size: 16px; transition: 0.2s ease-in; text-align: center; border: 2px solid transparent; font-weight: 600; font-family: 'Open Sans', sans-serif; width: 100%; max-width: 425px; text-transform: uppercase; border-radius: 15px;}
a.cta-btn3 button {margin: 1em 0 0; color: #000; background: none; padding: .75em 2em; cursor: pointer; font-size: 16px; transition: 0.2s ease-in; text-align: center; border: 2px solid #000; font-weight: 600; font-family: 'Open Sans', sans-serif; text-transform: uppercase; width: 100%; max-width: 425px; border-radius: 15px;}
a.cta-btn button:hover, a.cta-btn2 button:hover, #form input[type="submit"]:hover {transform: translateY(-10px); transition: all .5s ease; background: #333;}
#form input[type="submit"] {color: #fff; background: #0f613f; font-family: 'Open Sans', sans-serif; font-size: 16px; padding: .75em 2em; cursor: pointer; font-weight: 600; transition: 0.2s ease-in; width: 100%; max-width: 425px; height: auto; line-height: 1.2; border: none; text-align: center; margin: 0 auto; display: block; text-transform: uppercase; border-radius: 15px;}

a.continue-btn button {color: #333; background: none; cursor: pointer; font-weight: 500; transition: 0.2s ease-in; width: 100%; line-height: 1.2; text-decoration: underline; border: none;}
a.continue-btn button:hover {color: #fae6c3; text-decoration: none;}


.shadow-hover{transition:all 0.5s ease;}
.shadow-hover:hover{-webkit-box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.82);-moz-box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.82);box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.82);opacity:1;}

a:focus{color:auto;}
a:link{color:auto; transition: all .2s ease-in-out;}
a:visited{color:auto;}
a.border-btn-2 {border:solid 4px #006833;background-color:#006833;padding:12px 0;font-size:18px;font-family:'Open Sans', sans-serif;margin:6px 0;
z-index:99; color:#fff;}
a.border-btn-2:hover {opacity:.8;}



a.border-btn{border:solid 4px #006833;color:#006833;padding:12px 0;font-size:18px;font-family:'Open Sans', sans-serif;margin:6px 0;
z-index:1;
list-style-type:none;	display: inline-block;vertical-align: middle;
-webkit-transform: translateZ(0);transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-backface-visibility: hidden;backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
position: relative;
-webkit-transition-property: color;transition-property: color;
-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
a.border-btn:before{
content: "";
position: absolute;z-index: -1;top: 0;left: 0;right: 0;bottom: 0;
background:#006833;
-webkit-transform: scaleX(0);transform: scaleX(0);
-webkit-transform-origin: 50% 0;transform-origin: 50% 0;-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
a.border-btn:active{color:#fff;}
a.border-btn:hover:before, a.border-btn:focus:before, a.border-btn:active:before {-webkit-transform: scaleY(1);transform: scaleY(1);}
a.border-btn:hover{border:solid 4px #005429;background:#fff;color:#fff;}
/**/
a.border-btn-grey{border:solid 2px #444444;color:#444444;padding:10px 0;font-size:15px;font-family:'Open Sans', sans-serif;margin:6px 0;
z-index:9999;
list-style-type:none;	display: inline-block;vertical-align: middle;
-webkit-transform: translateZ(0);transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-backface-visibility: hidden;backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
position: relative;
-webkit-transition-property: color;transition-property: color;
-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
a.border-btn-grey:before{
content: "";
position: absolute;z-index: -1;top: 0;left: 0;right: 0;bottom: 0;
background:#414143;
-webkit-transform: scaleX(0);transform: scaleX(0);
-webkit-transform-origin: 50% 0;transform-origin: 50% 0;-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
a.border-btn-grey:active{color:#fff;}
a.border-btn-grey:hover:before, a.border-btn:focus:before, a.border-btn:active:before {-webkit-transform: scaleY(1);transform: scaleY(1);}
a.border-btn-grey:hover{border:solid 2px #292929;background:#fff;color:#fff;}


/* --- bg color --- */
.white-bg{background-color:#fff;}.black-bg{background-color:#000;}.lightgrey-bg{background-color:#e3e3e3;}.grey-bg{background-color:#444444;}.darkgrey-bg{background-color:#414143;}.green-bg{background:linear-gradient(#0f613f, #0f593a);}.darkgreen-bg{background-color:#005429;}
.white-bg-trans{background:rgba(255,255,255,0.75);width:100%;} .ie8 .white-bg-trans{background:#fff;} .ie7 .white-bg-trans{background:#fff;} 
.black-bg-trans{background:rgba(0,0,0,0.8);} .ie8 .black-bg-trans{background:#000;} .ie7 .black-bg-trans{background:#000;} 
.lightgrey-bg-trans{background:rgba(147,147,147,0.8);} .ie8 .lightgrey-bg-trans{background:#e3e3e3;} .ie7 .lightgrey-bg-trans{background:#e3e3e3;} 
.darkgrey-bg-trans{background:rgba(0,0,0,0.35);} .ie8 .darkgrey-bg-trans{background:#414143;} .ie7 .darkgrey-bg-trans{background:#414143;} 
.green-bg-trans{background:rgba(0,104,51,0.8);} .ie8 .red-bg-trans{background:#006833;} .ie7 .red-bg-trans{background:#006833;}
.darkgreen-bg-trans{background:rgba(0,84,41,0.8);} .ie8 .darkred-bg-trans{background:#005429;} .ie7 .darkred-bg-trans{background:#005429;}
.texture-bg{background:url(../siteart/redox_01.png) repeat;}
.green-gradiant{background: rgb(0,104,51);background: -moz-linear-gradient(top,  rgba(0,104,51,1) 0%, rgba(0,84,41,1) 100%);background: -webkit-linear-gradient(top,  rgba(0,104,51,1) 0%,rgba(0,84,41,1) 100%);background: linear-gradient(to bottom,  rgba(0,104,51,1) 0%,rgba(0,84,41,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006833', endColorstr='#005429',GradientType=0 );}
.rock-texture{background:url(../siteart/rock-texture.jpg) fixed center;}


/* HEADER */
.header {width: 100%; background: linear-gradient(#0f613f, #0f593a); display: block; padding: 0; margin: 0 auto;}
.hdr-top {width: 100%; display: flex; justify-content: space-between; padding: 4em 2%;}
.hdr-socials i {color: #fff; font-size: 30px; margin-left: 1vw;}
.mobile-display {display: none;}
a#main-logo {width: 222px; height: auto; margin-bottom: -4.75em; position: relative; z-index: 1;}
a#main-logo img {width: 100%; height: auto; display: block;}


.flex-wrapper {display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
.inv-search {margin: 1em 5% 0; display: flex; align-items: center; justify-content: flex-end;}
.inv-search form {width: 60%; max-width: 500px; display: flex; justify-content: space-between; flex-wrap: nowrap;}
.inv-search form input[type="text"] {width: 100%; background:#fff; border:1px solid #dadada; padding:15px; border-radius:0; display:inline-block; height:50px; color:#000; font-size: 16px; font-family: 'Open Sans', sans-serif;}
.inv-search form button {background:transparent; border:none; display:inline-block; cursor:pointer; padding: 0;}
.inv-search form button i {font-size:16px; background:#0f613f; padding:16px; color:#fff; box-shadow: inset 0 0 0 1px #0f613f;}
.inv-search form button i:hover {box-shadow: inset 0 0 0 1px #444; background:rgba(68,68,68,0.15); color:#444; transition: all .2s ease-in-out;}


#video-cta {text-align: center; padding: .5em 5%; color: #fff; background: #444; display: block;}





/* HERO SLIDER */
.hero-wrapper {width: 100%; position: relative; z-index: 1; margin: 0 auto;}
.hero-txt {position: absolute; width: 100%; height: 100%; background: rgba(255, 255, 255, .8); margin: 0 auto; left: 0; right: 0; top: 0; z-index: 10; padding: 0 10%; color: #000; overflow: hidden; display: flex; justify-content: center; flex-wrap: wrap; text-align: center; flex-direction: column;}
.hero-txt h1 {font-size: 55px; letter-spacing: 1px; font-weight: 900; line-height: 1.1; font-family: 'Open Sans', sans-serif; animation: fadeInUp; animation-duration: 1s; text-transform: uppercase; color: #0f613f;}
.hero-txt h1 span {display: inline-block; margin: 0 2.5vw;}
.hero-txt p {width: 100%; margin-top: 1em!important; font-size: 20px; animation: fadeInUp; animation-duration: 1s; line-height: 1.4; font-weight: 700;}
.hero-txt p strong {font-weight: 900;}


.about-wrapper {width: 100%; background: #f4f4f4; padding: 4em 10%; color: #000; display: flex; flex-wrap: wrap; justify-content: center;}
.about-wrapper h2 {width: 100%; color: #0f613f; display: block; margin-bottom: 1em; animation: fadeInUp; animation-duration: 1s;}
.about-wrapper h3 {display: block; margin-bottom: .5em; animation: fadeInUp; animation-duration: 1s;}
.about-wrapper p {animation: fadeInUp; animation-duration: 1s;}

.homepage-ctas {width: 100%; background: #f4f4f4; padding: 3em 10%; color: #000; display: flex; flex-wrap: wrap; justify-content: center;}
.cta-wrapper {flex: auto; width: calc(50% - 3em); margin: 1.5em; animation: fadeInUp; animation-duration: 1s;}
.cta-wrapper img {width: 100%; height: auto; position: relative; z-index: 0; display: block;}
.cta-wrapper:hover p {background: #333; transition: .3s ease-in-out all;}
.cta-wrapper:hover img {opacity: .9; transition: .3s ease-in-out all;}
.cta-wrapper p {color: #fff; background: #0f613f; padding: .75em; text-transform: uppercase; font-weight: 700; text-align: center; width: 80%; margin: -2em auto 0; display: block; position: relative; z-index: 1; font-size: 20px;}


.news-wrapper {width: 100%; display: flex; justify-content: center; flex-wrap: wrap; padding: 4em 10%;}
.news-wrapper h3 {width: 100%; text-align: center; text-transform: uppercase; font-weight: 800; color: #0f613f; display: block; margin-bottom: 1em; line-height: 1.2;}
.blog-wrapper {width: calc(33.33% - 2em); margin: 1em; padding: 1em; background: #f4f4f4; animation: fadeInUp; animation-duration: 1s;}
.blog-wrapper p {text-transform: uppercase; font-weight: 800; line-height: 1.4;}
.blog-wrapper:hover {background: #e3e5e5; transition: .3s ease-in-out all;}

.homepage-ftr {width: 100%; display: flex; justify-content: center; flex-wrap: wrap;}
.homepage-ftr h3 {width: 100%; text-transform: uppercase; font-weight: 800; display: block; margin-bottom: .5em;}
.homepage-ftr p {font-weight: 700; text-transform: uppercase;}
.homepage-ftr .column6 {padding: 4em 5%; flex: auto;}
.members-wrapper {width: 100%; display: flex; justify-content: space-evenly; flex-wrap: wrap;}
.members-wrapper img {width: 100%; height: auto; max-width: 200px; padding: 1em;}
.members-wrapper img:hover {transform: translateY(-10px); transition: all .5s ease;}

.mission{width:100%!important; padding:20px 5% 10px 5%; background: rgb(191,191,191);}
.mission h1{font-size: 14px!important; letter-spacing: normal; font-weight: normal; color: #000; line-height: 1.6; display: block; margin-bottom: 10px;}
.mission img {margin-bottom: 15px; width: 100%; max-width: 555px!important; height: auto;}

.category-link{height:99px;}
.category-link h5{padding:35px 0 0 0;letter-spacing:-1.25px;}


.offer-wrapper {}
.offer-wrapper .flex-wrapper img {width: 100%; height: auto; padding: 10px; max-width: 600px;}
.offer-wrapper img {width: 100%; height: auto;}
.page-hero.volvo {width: 100%; background: url('/siteart/offers/volvo-hero2.jpg') center center; background-size: cover; padding: 12em 0; background-repeat: no-repeat;}
.page-hero.volvo-electric {width: 100%; background: url('/siteart/offers/volvo-electric-hero3.png') center center; background-size: cover; padding: 12em 0; background-repeat: no-repeat;}
.page-hero.link-belt {width: 100%; background: url('/siteart/offers/linkbelt-hero1.jpg') center center; background-size: cover; background-repeat: no-repeat; padding: 12em 0;}


/* ---- operators videos ---- */
.videos {
	width: 100%;
	margin: 0 auto 20px auto;
	text-align:center;
	float:left;
}
.half {
	width: 50%;
	display:inline-block;
	float:left;
	box-sizing: border-box;
	padding: 10px;
}
.half iframe {
	width: 100%;
	height: 400px;
}



/* ---- /slideshow ---- */

.desktop-categorylinks{display:block;}

.career-hold{width:630px;margin:0 auto;border:solid 2px #006833;background:#e6f1e1;}
.career-hold p{padding:12px 0 0 15px;}
.career-hold img.career-arrow{display:block;}

.mfg-hold{border-radius: 0;background:#fff;padding:15px; border-bottom: 1px solid #ddd;}
.mfg-hold img {width: 100%; padding: 0 15px; max-width: 200px!important;}

.announcement-wrapper{display:flex;flex-wrap:wrap;/*border:#ccc 1px solid;background:#fcf8cc;*/text-align:center;align-items: center;justify-content: center;padding:2em 5%;}
.announcement-wrapper img{max-width:100%;height:auto;}

.special-left{float:left;width:38%;}
#hero{position:relative;width:100%;height:370px;z-index:0;}
.special-right{float:left;width:62%;box-sizing:border-box;padding:0 0 0 20px;}
.special-right h2{font-size:1.5em;}

.special-right a{color:#003471;text-decoration:underline;font-weight:700;}
.maeda-logo{float:right;width:200px;height:auto;}

.rental-cat-height{min-height:353px!important;}


.loc-height{min-height:245px!important;}


.resumator-job-title{
	border-top: unset!important;
	padding-top: unset!important;
	margin: unset!important;
	padding: unset!important;
}



/* ---- Manu logos ---- */
.manu-logo{
	/*width: 8.3%;*/
	display: block;
	/*margin: 0 5px;*/
}
.manu-logo img{
	width: 100%;
	display: block;
}

/*----locations page----*/

.btn-shop-parts {
	background-color: #0f613f; 
	color: #ffffff;
	padding: 16px 45px;
	text-transform: uppercase;
	font-weight: bold;
	border: none;
	border-radius: 0; 
	display: inline-block;
	text-align: center;
	text-decoration: none;
	margin-bottom: 40px;
}
.btn-shop-parts:hover {
	background-color: #204E24; 
	color: #ffffff;
}


.ctn-wrap{
	display: flex;
	margin-bottom: 30px;
	margin-left: 1%;
}
.ctn-hlf{
	width: 50%;
	padding-right:35px;

}

.relative{
	position: relative;
}

.location-pg{
	margin-top: 30px;
	justify-content: space-between;
}

.flex-container{
	display: flex;
}

.location-side, .map-side{
	flex-basis: 50%;
}

.location-side ul li{
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	margin-left: 20px;
}

ul.location-side p{
	margin: 12px 0 0 0 !important;
}

.container table td{
	width: 25%;
}

.homepage-brands {width: 100%; display: flex; justify-content: flex-start; flex-wrap: wrap; padding: 4em 10%;}

.brands-wrapper {width: 100%; background: #fff; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
.brands-wrapper h3 {width: 100%; text-align: left; margin-bottom: 1em; display: block; font-size: 28px; color: #0f613f; font-weight: 800; letter-spacing: 1px; text-transform: uppercase;}
.brands-wrapper a {width: calc(20% - 1em); margin: .5em; padding: .5em; border: 1px solid #aaa;}
.brands-wrapper a:hover {border: 1px solid #0f613f; box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px;}
.brands-wrapper img.cutout {width: 100%; height: auto; display: block; margin: 0 auto; max-width: 225px;}
.brands-wrapper img.cutout-logo {width: 100%; height: auto; display: block; margin: 0 auto; max-width: 125px;}

.map-wrapper {width: 100%; display: flex; justify-content: center; flex-wrap: wrap; margin: 0 auto 3em;}
.map-wrapper .location {width: calc(25% - 2em); margin: 1em; padding: 1em; text-align: center; border: 1px solid #aaa; display: flex; justify-content: center; flex-wrap: wrap; align-items: center; flex-direction: column;}
.map-wrapper .location img {display: block; margin: 0 auto 2em; cursor: pointer; }
.map-wrapper .location img:hover {opacity: .9; transition: .3s ease-in-out all;}
.map-wrapper .location span {font-weight: 700; display: block; margin: 0 auto .5em; font-size: 20px; line-height: 1.4; color: #0f613f;}
.map-wrapper .location p {padding: 1em; line-height: 1.5; font-weight: 600; display: none;}

.social-icons {display: flex; justify-content: center; align-items: center; margin: 3em auto 0!important; clear: both;}
.social-icons a {margin: 0 3%; padding: 0;}
.social-icons img.icon {width: 100%; max-width: 40px; height: auto;}



/* FOOTER */
.footer * {box-sizing:border-box !important;}
.footer {width: 100%; padding: 3em 5%; display: flex; color: #fff; line-height: 1.6; text-transform: uppercase; justify-content: space-evenly;}
a#ftr-logo {margin-right: 1em;}
a#ftr-logo img {width: 100%; height: auto; max-width: 175px;}
.footer p a {color: #fff;}
.footer p strong {color: #fff; display: block; font-size: 18px; font-weight: 700;}
.ftr-location {width: 25%; padding: 0 1em;}
.ftr-location p {display: block; margin-bottom: 1em;}
ul.ftr-nav {width: 40%; column-count: 2; gap: 10%;}
ul.ftr-nav li {width: 100%;}
ul.ftr-nav li a {font-weight: 700;}


/* ---- inventory ---- */
.detail-content-mobile .contact-options a{background-color:#006833!important;}

/* --- Responsive Styles --- */

@media screen and (max-width:1630px){
.secondnav ul li a{color: #fff;font-size:20px;}
}

@media screen and (max-width:1366px){
.category-link h5 {font-family: 'Open Sans', sans-serif; font-weight: 800;font-size:24px;}
.category-link h5.twolines {padding:18px 0 0 0;}

.slide-bottom-insidepage .mission{border-radius:0px;}
	
}

@media screen and (max-width:1340px){
.secondnav ul li a{color: #fff;font-size:18px;}
.offer-wrapper .flex-wrapper img {max-width: none;}
}
@media screen and (max-width:1261px){
.category-link h5 {font-family: 'Open Sans', sans-serif;font-size:15px;letter-spacing:-1.5px;}
.category-link h5.twolines {padding:35px 0 0 0;}
	
.half iframe {
	width: 100%;
	height: 350px;
}
}

@media screen and (max-width:1200px){
	.ctn-wrap{
		display: block;
	}
.ctn-hlf{
	width: 100%;
	margin-bottom: 30px;
	}
.loc-height{min-height:auto;}
.secondnav ul li a{color: #fff;font-size:16px;}
	#video-cta {font-size: 24px; line-height: 30px;}
	
	.map-wrapper .location {width: calc(50% - 2em);}
	
	.half iframe {
		width: 100%;
		height: 300px;
	}
	.mfg-hold{text-align: center;}	
	ul.desktop-nav li a {padding: 30px 1.25vw;}
	
	.brands-wrapper h3 {font-size: 26px;}
	.brands-wrapper a {width: calc(33.33% - 1em);}
	
	.page-hero.volvo, .page-hero.link-belt {padding: 10em 0;}
	
	.divfooter {width:95%;padding:0; margin: 1em auto 0;}
	
	.location-pg{}
}

@media screen and (max-width:1085px){
	header.desktop{display:none;}	
	header.mobilehead{display:block;height:auto;background:url("../siteart/head-bg4.jpg") repeat-x center; background-size: cover; padding:5px 0 0 0;}
	.secondnav ul li{width:50%;border-bottom:#fff 1px solid;}
	.inv-search {justify-content: center; box-sizing: border-box; margin: 1em auto; width: 100%;}
	.inv-search form {width: 85%; max-width: none;}
	
	.hdr-top {padding: 1em 2% 1em;}	
	
	.page-hero.volvo, .page-hero.link-belt {padding: 8em 0;}
	
	a#main-logo {margin-bottom: -5em; width: 200px;}
	
	.hero-txt p {font-size: 18px;}
	
	.cta-wrapper {width: calc(100% - 2em); margin: 1em;}
	.blog-wrapper {width: calc(50% - 2em); margin: 1em;}
	
	.footer {flex-wrap: wrap;}
	a#ftr-logo {margin-right: 0; width: max-content;}
	a#ftr-logo img {display: block; margin: 0 auto;}
	.ftr-location {display: none}
	ul.ftr-nav {width: 100%; margin-top: 2em; text-align: center;}
	
	.cta-wrapper p {font-size: 18px;}
	
	.homepage-brands a.cta-btn {margin-bottom: 2em;}
	
	.column1, .column2, .column3, .column4, .column5, .column6, .column7, .column8, .column9, .column10, .column11, .column12 {margin: 0 auto!important; width: 100%!important; float: none; padding: 0;}
}

@media screen and (max-width:1062px){
.slidehold{height:450px;}
	
.slide-bottom{display:none;}
.desktop-categorylinks{display:none;}
.slide-bottom-mobile{display:block;}

.category-link{border-bottom:solid 1px #006833;}
.mission{width:100%!important;padding:20px 5% 10px 5%;
-webkit-border-top-left-radius:0px;-webkit-border-top-right-radius: 0px;-moz-border-radius-topleft:0px;-moz-border-radius-topright:0px;border-top-left-radius:0px;border-top-right-radius: 0px;}
}

@media only screen and (max-width: 1024px) {  
	.container table td {width: 100% !important;
}}

@media screen and (max-width:1000px){
	.location-side, .map-side{
		width: 100%;
	}
	.flex-container{
		display: block;
		margin: 0 20px;
	}
	
	.hero-txt h1 {font-size: 40px;}
}

@media screen and (max-width:994px){
ul.footer-nav li {display:block;width:33%;}
ul.footer-nav li a{padding:15px 0;}	
	
.half iframe {
	width: 100%;
	height: 250px;
}	
	.announcement-wrapper {flex-direction: column;}
	.announcement-wrapper .textbox {width: calc(100% - 20px); float: none;}
	
.slidehold-employment{display:block;height:400px;width:100%;}
	.op-img {padding-bottom: 10px;max-height: 130px;}
}
@media screen and (max-width:830px){
.slidehold-employment{display:block;height:400px;width:100%;}
	
	.secondnav ul li{width:50%;border-bottom:#fff 1px solid;}
	
	.brands-wrapper h3 {font-size: 24px;}
	.brands-wrapper a {width: calc(50% - 1em);}
}
@media screen and (max-width:768px){
.slidehold-inside{display:none;height:auto;}
.desktop-scroll{display:none;}
.slidehold-employment{display:block;height:280px;width:100%;}
.mobile-scroll{display:block;border-left:solid 8px #F6E313;border-right:solid 8px #F6E313;margin-left:auto;margin-right:auto;}
.partnernews {
    width: 100%;  
}	
	
	.page-hero.volvo, .page-hero.link-belt {padding: 6em 0;}
	.map-wrapper .location {width: calc(100% - 2em);}
	
.half {
	width: 100%;
	display:inline-block;
	float:left;
	box-sizing: border-box;
	padding: 10px;
}
.half iframe {
	width: 100%;
	height: 400px;
}
	
.blog-wrapper {width: calc(100% - 2em); margin: 1em; text-align: center;}
	
.hero-txt {position: relative; padding: 2em;}
.hero-txt h1 span {display: block; margin: 0;}
.hero-txt p {font-weight: 600;}
	
}

@media screen and (max-width:650px){
.career-hold{width:100%;margin:0 auto;border:solid 2px #006833;background:#e6f1e1;}
.career-hold p{padding:12px 0 0 3px;}
.special-left{float:none;width:100%;}
.special-right{float:none;width:100%;box-sizing:border-box;padding:0 0 0 0;}	
	
h1 {font-size:32px;}
h2 {font-size:22px;}
h3 {font-size:20px;}
h4 {font-size:20px;}
h5 {font-size:20px;}
h6 {font-size:18px;}
}

@media screen and (max-width:610px){
.career-hold .float-left{float:none;}
.career-hold p{text-align:center;}
.career-hold img.career-arrow{display:none;}
}

@media screen and (max-width:600px){
.slidehold-inv{display:block;height:200px;width:100%;margin:0 auto;}
}

@media screen and (max-width:570px){
	
.page-hero.volvo, .page-hero.link-belt {padding: 4em 0;}
	
.half iframe {
	width: 100%;
	height: 300px;
}
	.manu-logo{width: 24%;}
	
.divfooter {text-align:center;}
	
}


@media screen and (max-width:480px){
.slidehold-employment{display:block;height:200px;width:100%;}
	
	.video-wrapper button {transform: scale(1.08);}
	
	#video-cta {font-size: 22px; line-height: 28px; padding: .85em 5%;}
	ul.ftr-nav {column-count: 1; gap: 0;}
	.hdr-socials i {font-size: 22px;}
}

@media screen and (max-width:395px){
.location{text-align:center;}
}

@media screen and (max-width:360px){
.secondnav ul li{width:100%;border-bottom:#fff 1px solid;}
}