/*
Theme Name: www.pacwestmachinery.com
Theme URI: https://sandhills.com
Author: Sandhills
Author URI: https://sandhills.com
Description: Sandhills default template.
Version: 1.0
Text Domain: sandhills
Tags: Sandhills default
*/
/*--------------------------------------------------------------
## Editor class styles
--------------------------------------------------------------*/






/*--------------------------------------------------------------
   RESET
--------------------------------------------------------------*/
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
sub,
sup,
var,
i,
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;
   font-size: 100%;
   font: inherit;
   vertical-align: baseline
}

.container.body-content {
   margin-top: 70px;
}

.nav-footer {
   display: none;
}

.post-container-general {
   overflow: visible !important;
}

.site-archive article {
   width: 25%;
   padding: 15px;
}


.topinfo2 h2 {
   font-weight: bold;
   font-size: 32px;
   text-transform: uppercase;
   width: 100%;
   float: left;
   margin-bottom: 20px;
   line-height: 33px;
}

.topimg img {
   width: 100%;
   height: auto;
}

.brands-slide {
	display: flex;             
	align-items: center;        
	justify-content: center;   
	padding: 20px 10px;
	height: 130px;             
}


.brands-slide img {
	max-height: 100%;           
	max-width: 100%;            
	object-fit: contain;        
	margin: 0 auto;
	display: block;
}

.post-column-general3.col-sm-12.col-xs-12 {
   padding-bottom: 13px;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
   display: block;
}

nav.navigation.posts-navigation {
   display: none;
}

.page-header {
   margin: 0;
   padding: 0;
}

header.entry-header {
   display: none;
}






/*--------------------------------------------------------------
   BASE
--------------------------------------------------------------*/
html {
   -ms-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
   scroll-behavior: smooth;
   -webkit-font-smoothing: antialiased;
   /* overflow-x: hidden; */
}

html,
body {
   overflow-x: non;
}

body {
   font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
   margin: 0;
   padding: 0;
   letter-spacing: 0px;
   /* overflow-x: hidden; */
}

.post-container-our-brands {
   overflow: visible !important;
   display: flex;
   flex-wrap: wrap;
}

svg:not(:root) {
   overflow: hidden;
   display: inline-block
}

.clear {
   clear: both
}

.hideclear {
   display: none
}

.row:after {
   content: "";
   display: table;
   clear: both
}

* {
   padding: 0;
   margin: 0;
   box-sizing: border-box !important
}

.list-content {
   /* margin-top: 100px; */
}

.NextButton3.col-sm-6.nextButton-container-general {
   display: none;
}

.PrevButton3.col-sm-6.prevButton-container-general {
   display: none;
}

.actions {
   width: 30%
}

.mainslogin {
   width: 100%;
   float: left;
   padding-top: 20px;
   background: #fff
}

p {
   font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-size: 18px;
   line-height: 22px;
   color: #222c6a
}

.modelinfo p {
   font-size: 16px
}

#pad {
   padding: 25px 0
}

h2 {
   font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-size: 24px;
   color: #222c6a;
   font-weight: lighter;
   line-height: 24px
}

.main h2 {
   font-weight: bold
}

.mainhome h2 {
   font-weight: bold
}

.about h2 {
   font-weight: lighter
}

h1:not(.body-content h1) {
   font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-size: 30px;
   color: #222c6a;
   font-weight: bold;
   line-height: 30px
}

.main h3 {
   font-weight: 700
}

.mainhome h3 {
   font-weight: 700
}

h3 {
   font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-size: 32px;
   color: #222c6a;
   font-weight: 500;
   line-height: 30px
}

h4 {
   font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-size: 25px;
   color: #222c6a;
   font-weight: 500;
   line-height: 30px
}

.postTitle {
   font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-size: 24px;
   color: #222c6a;
   font-weight: lighter;
   line-height: 24px
}

a {
   color: #000
}

a:hover {
   color: #222c6a
}

.comingsoon {
   margin: 100px 0
}

#maincontent {
   padding-top: 95px
}

.main {
   width: 100%;
   float: left;
   background: #fff;
   padding-top: 40px;
   padding-bottom: 20px
}

.main p a {
   color: #222c6a;
   text-decoration: underline
}

.main p a:hover {
   text-decoration: none
}

.maintwo p a {
   color: #222c6a;
   text-decoration: underline
}

.maintwo p a:hover {
   text-decoration: none
}

.mainhome {
   width: 100%;
   float: left;
   background: #fff;
   padding-top: 15px;
   padding-bottom: 20px
}

.mainhome p a {
   color: #222c6a;
   text-decoration: underline
}

.mainhome p a:hover {
   text-decoration: none
}

.maintwo {
   width: 100%;
   float: left;
   background: #fff;
   padding-top: 0px;
   padding-bottom: 20px
}

.maintwo h2 {
   font-weight: bold;
   font-size: 32px;
   text-transform: uppercase;
   width: 100%;
   float: left;
   margin-bottom: 20px;
   line-height: 33px
}

.err {
   width: 100%;
   float: left;
   margin: 60px 0
}

.title {
   width: 100%;
   float: left
}

.title h1:not(.body-content h1) {
   width: 60%;
   float: left;
   border-bottom: 2px solid #222c6a;
   margin: 10px 0
}

#Form_EditForm {
   margin-top: 40px
}

.apphead {
   width: 100%;
   float: left;
   background: #222c6a;
   padding: 10px 0;
   color: #fff;
   font-size: 22px;
   text-transform: none;
   text-align: center;
   padding-bottom: 10px !important
}






/*--------------------------------------------------------------
   HEADER
--------------------------------------------------------------*/

/* header */
.header-spacer {
   height: 119px;
}

.header-wrap {
   width: 100%;
   
   background: #fff;
   border-top: 4px solid #222c6a;
   box-shadow: 0 0 10px #000;
   position: relative;
   z-index: 99999;
   position: sticky;
   height: 92px;
   top: 0;
}

.wrap {
   width: 90%;
   margin: 0 auto;
   max-width: 1400px
}

.logo {
   width: 16%;
   float: left;
   margin: 2px 3% 2px 0;
}

.logo img {
   width: 100%;
   float: left;
   height: auto
}


/* nav */

.navbar {
   min-height: auto !important;
   margin-bottom: 0 !important;
   margin-top: 20px !important
}

.navbar-default {
   background: transparent !important;
   border: none
}

.footerthird2 .navbar-default ul li a {
   all: unset !important;
   color: #fff !important;
   text-transform: uppercase !important;
}

.footerthird2 div#navbar-collapse-secondary {
   column-count: 2 !important;
}

.footerthird2 .navbar-collapse ul {
   column-count: 2 !important;
   column-gap: 20px;
}

.navbar-default .navbar-nav>li>a {
   color: #222c6a !important;
   font-family: 'Roboto-Condensed', sans-serif !important;
   font-size: 20px !important;
   font-weight: 600 !important
}

.nav>li>a {
   /* padding: 10px 25px !important; */
}






/*--------------------------------------------------------------
   CONTENT
--------------------------------------------------------------*/

/* home buttons */
.containertwo {
   width: 25%;
   float: left
}

.picbuttons {
   width: 100%;
   float: left;
   background: #fff;
   padding: 15px 0 0px
}

.caption {
   color: #222c6a;
   width: 100%;
   float: left;
   font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-size: 25px;
   text-align: center;
   width: 100%;
   float: left;
   line-height: 25px;
   -webkit-transition: all .2s ease;
   -moz-transition: all .2s ease;
   -ms-transition: all .2s ease;
   -o-transition: all .2s ease;
   transition: all .2s ease
}

.caption h1:not(.body-content h1) {
   font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-size: 35px;
   font-weight: bolder;
   font-stretch: condensed;
   color: #ff3333;
   text-shadow: 1px 1px 1px #000;
   text-align: center;
   text-transform: uppercase;
   color: #222c6a;
   width: 100%;
   float: left;
   line-height: 35px;
   -webkit-transition: all .2s ease;
   -moz-transition: all .2s ease;
   -ms-transition: all .2s ease;
   -o-transition: all .2s ease;
   transition: all .2s ease
}

.zoom-container:hover .caption h1:not(.body-content h1) {
   color: #fff;
   text-shadow: 1px 1px 3px #000
}

.zoom-container:hover .caption {
   color: #fff;
   text-shadow: 1px 1px 3px #000
}

.zoom-container:hover hr {
   border-top: 4px solid #fff;
   text-shadow: 1px 1px 3px #000
}

hr {
   width: 100%;
   float: left;
   border-top: 4px solid #222c6a;
   margin: 3px 0;
   -webkit-transition: all .4s ease;
   -moz-transition: all .4s ease;
   -ms-transition: all .4s ease;
   -o-transition: all .4s ease;
   transition: all .4s ease
}

.cap {
   width: 96%;
   padding: 0 2%;
   float: left;
   margin: 6% 0 0;
   position: relative;
   font-weight: 500
}

.arrow {
   font-size: 34px;
   color: #000;
   width: 20%;
   float: left;
   text-align: right;
   padding-top: 10px
}

.onefourth img {
   -webkit-filter: grayscale(100%);
   -moz-filter: grayscale(100%);
   -ms-filter: grayscale(100%);
   filter: grayscale(100%);
   filter: gray
}

.onefourth img:hover {
   -webkit-filter: none;
   -moz-filter: none;
   -ms-filter: none;
   filter: none
}

.image-zoom-container {
   list-style: none;
   font-size: 0px
}

.zoom-container {
   position: relative;
   overflow: hidden;
   display: inline-block;
   /* width: 23.5%; */
   margin: 0 1%;
   font-size: 16px;
   font-size: 1rem;
   vertical-align: top;
   box-sizing: border-box;
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   float: left;
   margin-top: 5px;
   position: relative;
   z-index: 99;
   border-radius: 10px;
   box-shadow: 5px 5px 10px #000
}

.zoom-container img {
   display: block;
   width: 100%;
   height: auto;
   -webkit-transition: all .4s ease;
   -moz-transition: all .4s ease;
   -ms-transition: all .4s ease;
   -o-transition: all .4s ease;
   transition: all .4s ease;
   background: rgba(255, 255, 255, .5);
   -webkit-filter: grayscale(100%);
   filter: grayscale(100%);
   filter: gray
}

.zoom-container:hover img {
   -webkit-filter: none;
   filter: none
}

.zoom-container .zoom-caption {
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 10;
   background: rgba(255, 255, 255, .7);
   -webkit-transition: all .4s ease;
   -moz-transition: all .4s ease;
   -ms-transition: all .4s ease;
   -o-transition: all .4s ease;
   transition: all .4s ease
}

.zoom-container .zoom-caption h3 {
   display: block;
   text-align: center;
   font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-weight: 700;
   font-size: 30px;
   text-transform: uppercase;
   color: #fff;
   margin: 60% 0 0;
   padding: 10px 0;
   background: rgba(0, 0, 0, 0.6);
   background: #000;
   text-align: center
}

.zoom-container:hover .zoom-caption {
   background: rgba(0, 0, 0, .05)
}

#one {
   margin: 5px 6% 0 0 !important;
}

#three {
   margin: 5px 0 0 1% !important
}


/* home intro */
.about {
   width: 100%;
   float: left;
   background: #fff;
   border-top: 7px solid #222c6a;
   border-bottom: 7px solid #222c6a;
   margin: 15px 0;
   padding: 40px 0 35px;
}

.lefthalf {
   width: 47.5%;
   float: left;
   margin: 10px 2.5%
}

.lefthalf h1:not(.body-content h1) {
   margin-bottom: 20px
}

.righthalf {
   width: 40%;
   float: left;
   margin: 20px 2.5% 20px 5%;
}

.righthalf img {
   width: 100%;
   float: left
}

.map {
   position: relative;
   /* margin-top: -13px; */
}

.lefthalf h1:not(.body-content h1) {
   margin-bottom: 10px
}






/*--------------------------------------------------------------
   CPT
--------------------------------------------------------------*/
.cpt-title-padding {
   padding: 60px 0 10px;
   border-bottom: 3px solid #e6e6e6;
   margin: 0 auto 10px auto;
   width: 94% !important
}

.post-container-specials {
   width: 94% !important
}

.border-specials {
   border: 3px solid #b20018 !important;
   box-shadow: none !important
}

.grey-bg {
   background: #e6e6e6;
   padding: 5px 20px
}

.post-specials-title {
   font-size: 24px;
   font-weight: 600;
   margin-top: 20px;
   text-align: left !important
}

.post-specials-normalprice {
   text-align: left !important
}

.post-specials-salepricing {
   font-weight: 600;
   text-align: left !important;
   margin-bottom: 20px
}

.post-specials-normalprice span {
   margin-right: 5px
}

.post-specials-salepricing span {
   margin-right: 5px
}

.staff-cpt-wrap,
.staff-cpt-wrap-grey {
   background: #f6f6f6;
   margin-bottom: 30px;
   width: 94% !important;
   left: 50%;
   transform: translatex(-50%)
}

.staff-title-padding .wrap {
   padding: 20px 20px 20px 20px;
   background: #f6f6f6
}

.border-staff {
   border: 1px #ddd solid !important;
   box-shadow: none !important;
   background: #f6f6f6 !important;
   padding-bottom: 30px
}

.post-div-staff-employee_image {
   margin-bottom: 30px;
   height: 20vw
}

.post-div-staff-employee_image img {
   object-fit: cover;
   object-position: center;
   width: 100%;
   height: 100%
}

.staff-text {
   text-align: left !important;
   padding: 0 20px
}

.post-staff-employeetitle {
   text-transform: uppercase;
   display: inline-block !important;
   margin-bottom: 10px;
   font-size: 22px !important;
   color: #b20018;
   font-weight: 700
}

.post-staff-employeename {
   font-weight: 600;
   margin-bottom: 20px
}

.post-div-staff-employee_email {
   margin-bottom: 10px
}

.post-staff-employeeemail {
   color: #000;
   font-weight: 600;
   font-size: 15px !important
}

.post-staff-employeephone {
   color: #000;
   font-weight: 600;
   font-size: 15px !important
}

.post-staff-employeeemail span {
   margin-right: 5px;
   color: #000 !important;
   font-weight: 400 !important
}

.post-staff-employeephone span {
   margin-right: 5px;
   color: #000 !important;
   font-weight: 400 !important
}

.post-staff-employeeemail:hover {
   color: #b20018 !important
}

.post-staff-employeephone:hover {
   color: #b20018 !important
}










/*--------------------------------------------------------------
   FOOTER
--------------------------------------------------------------*/

footer {
   width: 100%;
   float: left;
   background: #222c6a
}

footer.entry-meta {
   display: none;
}

.footerthird {
   width: 25%;
   margin: 20px 8.33% 20px 0;
   float: left
}

.footerthird img {
   width: 75%
}

.footerthird2 {
   width: 35%;
   margin: 20px 4% 20px 0;
   float: left
}

.footerthird3 {
   width: 25%;
   margin: 20px 0% 20px 0;
   float: left
}

.footerthird3 p {
   font-size: 14px;
   line-height: 18px
}

.footerul {
   width: 50%;
   float: left
}

.quick h1:not(.body-content h1) {
   color: #fff
}

.twoCol {
   column-count: 2 !important;
}

.quick ul {
   margin-top: 3px;
   list-style-type: none;
   column-count: 2;
}

.quick ul li a {
   color: #fff !important;
   font-size: 14px;
   text-transform: uppercase;
   line-height: 14px;
   margin-left: 5px;
   -webkit-transition: all .4s ease;
   -moz-transition: all .4s ease;
   -ms-transition: all .4s ease;
   -o-transition: all .4s ease;
   transition: all .4s ease
}

.quick ul li a:hover {
   color: #C3C3C3;
   margin-left: 15px
}

.locationfoot h1:not(.body-content h1) {
   color: #fff
}

.locationfoot p {
   color: #fff
}

.locbutton {
   width: 100%;
   float: left;
   background: #BDBDBD;
   background: -webkit-linear-gradient(#DCDCDC, #606060);
   background: -o-linear-gradient(#DCDCDC, #606060);
   background: -moz-linear-gradient(#DCDCDC, #606060);
   background: linear-gradient(#DCDCDC, #606060);
   padding: 10px 0;
   text-align: center;
   color: #222c6a;
   font-weight: bold;
   font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-size: 16px;
   margin-top: 10px;
   -webkit-transition: all .4s ease;
   -moz-transition: all .4s ease;
   -ms-transition: all .4s ease;
   -o-transition: all .4s ease;
   transition: all .4s ease
}

.locbutton:hover {
   background: #BDBDBD;
   background: -webkit-linear-gradient(#F7F7F7, #929292);
   background: -o-linear-gradient(#F7F7F7, #929292);
   background: -moz-linear-gradient(#F7F7F7, #929292);
   background: linear-gradient(#F7F7F7, #929292)
}

.mapbutton {
   float: left;
   width: 30%
}

.mapbutton a {
   max-width: 250px;
   width: 100%;
   margin-top: 20px;
   padding: 10px;
   background: #222c6a !important;
   color: #fff !important;
   font-size: 19px;
   font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-weight: bold;
   text-align: center;
   border-radius: 6px;
   border: 1px solid #222c6a;
   -webkit-transition: all .4s ease;
   -moz-transition: all .4s ease;
   -ms-transition: all .4s ease;
   -o-transition: all .4s ease;
   transition: all .4s ease;
   float: left;
   text-decoration: none !important;
   box-sizing: border-box
}

.mapbutton a:hover {
   background: #fff !important;
   color: #222c6a !important;
   border: 1px solid #222c6a !important
}

.footerlinks {
   width: 97%;
   float: left;
   margin-top: 0px;
   color: #fff;
   margin-left: 3%
}

.footerlinks p {
   color: #fff;
   font-size: 14px;
   line-height: 18px
}

.footerlinks a {
   color: #fff;
   color: #fff;
   font-size: 14px;
   line-height: 18px;
   font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif
}






/*--------------------------------------------------------------
   RESPONSIVE CONTENT
--------------------------------------------------------------*/
@media screen and (max-width:1775px) {
   .navbar-default .navbar-nav>li>a {
      font-size: 14px !important
   }

   .nav>li>a {
      /* padding: 15px 10px !important; */
   }
}



@media screen and (max-width:1555px) {
   .header {
      margin: 20px 20px 0 20px
   }

   .logo img {
      /* max-width: 100px; */
   }

   .navbar {
      margin-top: 30px !important
   }

   .navbar-default .navbar-nav>li>a {
      font-size: 12px !important
   }

   .nav>li>a {
      /* padding: 15px 7px !important; */
   }
}



@media screen and (max-width:1150px) {
   .logo img {
      /* max-width: 70px; */
   }

   .navbar {
      margin-top: 10px !important
   }

   .navbar-default .navbar-nav>li>a {
      font-size: 11px !important
   }

   .nav>li>a {
      /* padding: 15px 5px !important; */
   }
}



@media screen and (max-width:1120px) {
   .top-bar {
      font-size: 12px
   }

   a.inv-thumb span {
      font-size: 40px
   }

   .typography .special-info p {
      font-size: 16px
   }
}



@media screen and (max-width:1024px) {
   .site-archive article {
      width: 50%;
   }

   .header-wrapper {
      position: relative;
      background: #383838;
      padding-bottom: 10px;
      margin-bottom: -1px
   }

   .entry-header {
      display: none
   }

   .header {
      background: #383838;
      margin: 0;
      padding: 5px 0 0 25px
   }

   .navbar {
      margin-top: 15px !important
   }

   .nav>li>a {
      padding: 2px 25px 0 !important;
      /* border-bottom: 1px solid rgba(255, 255, 255, 0.27); */
   }

   .navbar-default {
      background: transparent !important;
      border: none
   }

   .navbar-default .navbar-nav>li {
      transition: .3s ease
   }

   .navbar-default .navbar-nav>li>a {
      color: #fff !important;
      padding: 5px 0px 5px 30px;
      line-height: 40px;
      text-align: left;
      text-transform: capitalize
   }

   .navbar-nav .open .dropdown-menu>li>a {
      line-height: 30px !important;
      padding-left: 30px !important
   }

   .navbar-default .navbar-nav>.open>a,
   .navbar-default .navbar-nav>.open>a:focus,
   .navbar-default .navbar-nav>.open>a:hover {
      background-color: #4A1C7A !important;
      border: none !important
   }

   .navbar-default .navbar-nav>li:hover {
      background: #b20018
   }

   .navbar-default .navbar-nav>li>a:hover {
      color: #fff !important
   }

   .navbar-default .navbar-collapse {
      border: none !important
   }

   .navbar-nav {
      /* background: #383838; */
      width: 285px;
      margin-top: 0 !important
   }

   .navbar-collapse {
      background: #383838;
      height: 100%;
      position: fixed;
      bottom: 0;
      left: 0;
      z-index: 99999999 !important;
      box-shadow: 2px 0px 3px rgba(0, 0, 0, 0.4)
   }

   .navbar-collapse.collapse {
      display: block !important;
      height: 100% !important;
      padding-bottom: 0;
      overflow: visible !important
   }

   .navbar-nav .open .dropdown-menu {
      position: static;
      float: none;
      width: auto;
      margin-top: 0;
      background-color: transparent;
      border: 0;
      -webkit-box-shadow: none;
      box-shadow: none
   }

   .navbar-toggle {
      background: transparent !important;
      z-index: 99999999 !important
   }

   .navbar-toggle:hover {
      background: transparent !important
   }

   .hamburger {
      padding: 8px 30px 8px 0 !important
   }

   .hamburger-inner,
   .hamburger-inner::after,
   .hamburger-inner::before {
      width: 25px;
      height: 4px;
      background-color: #fff;
      border-radius: 4px;
      position: absolute;
      transition-property: transform;
      transition-duration: .15s;
      transition-timing-function: ease
   }

   .home-welcome {
      width: 100%;
      margin: 0 auto
   }

   .show-tablet {
      display: block
   }

   .hide-tablet {
      display: none
   }

   .hero-wrap,
   .hero-wrap-content {
      display: none
   }

   .column6-ht:nth-of-type(odd) {
      clear: left;
      content: "";
      display: block
   }

   .column1-ht {
      width: 8.33333%
   }

   .column2-ht {
      width: 16.66666%
   }

   .column3-ht {
      width: 25%
   }

   .column4-ht {
      width: 33.33333%
   }

   .column5-ht {
      width: 41.66666%
   }

   .column6-ht {
      width: 50%
   }

   .column7-ht {
      width: 58.33333%
   }

   .column8-ht {
      width: 66.66666%
   }

   .column9-ht {
      width: 75%
   }

   .column10-ht {
      width: 83.33333%
   }

   .column11-ht {
      width: 91.66666%
   }

   .column12-ht {
      width: 100%
   }

   .col-pad-lt-ht {
      padding: 0 0 0 2%
   }

   .col-pad-rt-ht {
      padding: 0 2% 0 0
   }

   .col-pad-center-ht {
      padding: 0 1%
   }

   .col-pad-clear-ht {
      padding: 0
   }

   header {
      padding: 5px 0
   }

   .logo {
      width: 70px
   }

   #simple-menu {
      float: right;
      height: 60px;
      width: 60px;
      text-align: center;
      display: block;
      cursor: pointer;
      line-height: 60px;
      font-size: 36px;
      color: #fff
   }

   a.wt-btn-bordered,
   a.wt-btn-bordered span {
      padding: 10px
   }

   .case-dealer {
      width: 60%
   }

   .employee {
      width: 48%;
      margin: 0 1% 25px 1%
   }

   .staff-photo {
      width: 50%;
      margin: 0 25% 10px 25%
   }

   .staff-info {
      width: 100%
   }

   .post-div-staff-employee_image {
      height: 80vw
   }
}



@media screen and (max-width:1000px) {
   .inv-link-padding {
      padding: 20px 0 0;
      width: auto !important;
      float: none !important
   }

   .inv-links a:active,
   .inv-links a:link,
   .inv-links a:visited {
      font-size: 16px
   }

   .inv-links {
      margin-bottom: 25px
   }

   .inv-links li {
      float: left;
      width: 31.33333%;
      margin-right: 2%
   }

   .inv-links a:active,
   .inv-links a:link,
   .inv-links a:visited {
      text-align: center
   }
}



@media screen and (max-width:768px) {
   .post-staff-employeetitle {
      font-size: 18px !important
   }

   .cpt-title-padding {
      padding: 20px 0 10px
   }

   .content-padding {
      padding-top: 20px;
      padding-bottom: 20px
   }

   label {
      font-size: 13px !important
   }

   .widget_sandhills_contact_form {
      margin: 0 0 20px
   }

   .hide-768 {
      display: none
   }

   .column1-vt {
      width: 8.33333%
   }

   .column2-vt {
      width: 16.66666%
   }

   .column3-vt {
      width: 25%
   }

   .column4-vt {
      width: 33.33333%
   }

   .column5-vt {
      width: 41.66666%
   }

   .column6-vt {
      width: 50%
   }

   .column7-vt {
      width: 58.33333%
   }

   .column8-vt {
      width: 66.66666%
   }

   .column9-vt {
      width: 75%
   }

   .column10-vt {
      width: 83.33333%
   }

   .column11-vt {
      width: 91.66666%
   }

   .column12-vt {
      width: 100%
   }

   .col-pad-lt-vt {
      padding: 0 0 0 2%
   }

   .col-pad-rt-vt {
      padding: 0 2% 0 0
   }

   .col-pad-center-vt {
      padding: 0 1%
   }

   .col-pad-clear-vt {
      padding: 0
   }

   .home-main {
      padding: 30px 0 50px 0
   }

   .mobile-specials {
      display: block;
      background: #b20018;
      padding: 65px 0 30px 0
   }

   .case-dealer {
      width: 80%;
      padding: 7px 5%
   }

   .case-logo {
      width: 28%
   }

   .case-text {
      width: 68%
   }

   .inv-boxes {
      padding: 25px 0 30px 0
   }

   a.inv-thumb span {
      font-size: 32px
   }

   .red-section {
      padding: 30px 0
   }

   .slider-margin {
      margin-bottom: 25px
   }

   .special {
      width: 49%;
      border-width: 2px
   }

   .special:nth-of-type(3n) {
      margin-right: 2%
   }

   .special:nth-of-type(even) {
      margin-right: 0
   }

   .special:nth-of-type(3n + 1) {
      clear: none
   }

   .special:nth-of-type(odd) {
      clear: left
   }

   .brand,
   .brand-lg {
      margin-bottom: 5px
   }

   .brand:nth-of-type(3n + 1) {
      clear: none
   }

   .brand:nth-of-type(odd) {
      clear: left
   }

   .copyright img {
      display: none
   }
}



@media screen and (max-width:640px) {
   .site-archive article {
      width: 100%;
   }

   .column1-hp {
      width: 8.33333%
   }

   .column2-hp {
      width: 16.66666%
   }

   .column3-hp {
      width: 25%
   }

   .column4-hp {
      width: 33.33333%
   }

   .column5-hp {
      width: 41.66666%
   }

   .column6-hp {
      width: 50%
   }

   .column7-hp {
      width: 58.33333%
   }

   .column8-hp {
      width: 66.66666%
   }

   .column9-hp {
      width: 75%
   }

   .column10-hp {
      width: 83.33333%
   }

   .column11-hp {
      width: 91.66666%
   }

   .column12-hp {
      width: 100%
   }

   .col-pad-lt-hp {
      padding: 0 0 0 2%
   }

   .col-pad-rt-hp {
      padding: 0 2% 0 0
   }

   .col-pad-center-hp {
      padding: 0 1%
   }

   .col-pad-clear-hp {
      padding: 0
   }

   .mobile-specials {
      padding: 60px 0 30px 0
   }

   a.inv-thumb {
      background: #b20018;
      width: 100%;
      margin-bottom: 15px;
      padding: 10px 0
   }

   .inv-boxes .column4:last-of-type a.inv-thumb {
      margin-bottom: 0
   }

   a.inv-thumb img {
      display: none
   }

   a.inv-thumb span {
      position: relative;
      font-size: 28px;
      transform: translateY(0);
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0)
   }

   .employee {
      width: 98%;
      margin: 0 1% 15px 1%
   }

   .typography .special-info p {
      font-size: 14px
   }

   .inv-links li {
      width: 48%
   }

   footer {
      padding: 25px 0
   }

   .copyright {
      font-size: 10px
   }
}



@media screen and (max-width:480px) {
   .column1-vp {
      width: 8.33333%
   }

   .column2-vp {
      width: 16.66666%
   }

   .column3-vp {
      width: 25%
   }

   .column4-vp {
      width: 33.33333%
   }

   .column5-vp {
      width: 41.66666%
   }

   .column6-vp {
      width: 50%
   }

   .column7-vp {
      width: 58.33333%
   }

   .column8-vp {
      width: 66.66666%
   }

   .column9-vp {
      width: 75%
   }

   .column10-vp {
      width: 83.33333%
   }

   .column11-vp {
      width: 91.66666%
   }

   .column12-vp {
      width: 100%
   }

   .col-pad-lt-vp {
      padding: 0 0 0 2%
   }

   .col-pad-rt-vp {
      padding: 0 2% 0 0
   }

   .col-pad-center-vp {
      padding: 0 1%
   }

   .col-pad-clear-vp {
      padding: 0
   }

   article.home-main {
      padding: 30px 0 40px 0
   }

   .case-dealer {
      width: 90%
   }

   .case-text {
      font-size: 12px
   }

   .cycle-prev,
   .cycle-next {
      width: 10%
   }

   .special {
      width: 100%;
      margin: 0 0 20px 0
   }

   .inv-links li {
      width: 100%;
      margin-right: 0
   }

   .event-date,
   .event-description,
   .event-description-lg {
      width: 100%;
      margin-right: 0
   }

   .event-link {
      width: 100%;
      text-align: left
   }

   .copyright {
      margin-top: 20px
   }
}



@media screen and (max-width:375px) {
   .mobile-specials {
      padding: 55px 0 30px 0
   }
}






/*--------------------------------------------------------------
   RESPONSIVE INVENTORY
--------------------------------------------------------------*/
@media only screen and (max-width:1350px) {
   .cf-wrapper {
      padding: 50px
   }
}



@media only screen and (max-width:1000px) {
   .body-wrapper {
      padding: 0px
   }

   .body-content {
      /* margin-top: -40px !important; */
   }

   .contact-options a,
   .contact-bar-btn,
   .collapsible-content a,
   a.buy-btn-link,
   fin-calc-btn-mobile {
      background-color: #000 !important
   }

   .contact-options a:hover,
   .contact-bar-btn:hover,
   .collapsible-content a:hover,
   a.buy-btn-link:hover {
      background-color: #121212 !important
   }

   .collapsible-content span,
   .collapsible-content a {
      color: #fff !important
   }

   .dealer-phone-container a {
      background-color: #f2f2f2 !important;
      border: none !important
   }

   .dealer-phone-container a:hover {
      background-color: #ddd !important
   }

   .faceted-search-content {
      margin-top: 17px
   }

   .purchase-today-link {
      background-color: #fff !important
   }

   .list-content .list-listing-mobile,
   .list-content .listing-description {
      color: #535353
   }

   .list-content .list-listing-mobile {
      box-shadow: none !important;
      border: 1px solid #E3E3E3 !important
   }

   .mobile-option-bar {
      display: block !important
   }

   .list-content .has-search-bar {
      width: 100% !important
   }

   .mobile-option-bar #option-bar-sort #sort-option-container {
      bottom: 70px !important;
      right: 50px !important;
      border: 1px solid #e7e7e7 !important;
      box-shadow: 0 0 0 0 transparent !important
   }

   .mobile-option-bar #option-bar-sort #sort-option-container .sort-option {
      border-color: #e7e7e7 !important
   }

   .list-content .list-top-section .sticky-top-menu {
      display: none !important
   }

   .list-content .listing-image .listing-image-container {
      margin-top: 15px;
      margin-bottom: 15px
   }

   .mobile-option-bar {
      box-shadow: 0 0 0 0 transparent !important;
      border-top: 1px solid #e7e7e7
   }

   .mobile-option-bar .option-bar-option {
      display: block !important;
      width: 50% !important;
      float: left
   }

   #option-bar-sort {
      float: right !important;
      border-left: 1px solid #e7e7e7
   }

   .faceted-search-content.visible {
      opacity: 1 !important;
      visibility: visible !important
   }

   .faceted-search-content {
      background-color: #fff !important;
      bottom: 0 !important;
      float: none !important;
      left: 0 !important;
      margin: 0 !important;
      opacity: 0 !important;
      overflow-y: auto !important;
      position: fixed !important;
      top: 0 !important;
      transition: opacity .3s 0s, visibility 0s .3s !important;
      visibility: hidden !important;
      width: 100% !important;
      z-index: 9999999999 !important;
      border: none !important;
      max-width: none !important;
      height: 100% !important;
      -webkit-overflow-scrolling: touch !important
   }

   .faceted-search-content .mobile-done-button-container {
      display: block !important;
      position: sticky !important;
      top: 0 !important;
      z-index: 999 !important;
      background: #fff !important
   }
}



@media only screen and (max-width :767px) {
   .mobile-option-bar {
      left: 0 !important
   }
}

@media only screen and (max-width :767px) {
   .body-wrapper {
      margin: 0px 15px !important
   }
}

@media only screen and (max-width :730px) {
   .cf-wrapper {
      margin: 40px auto
   }
}



@media only screen and (max-width: 600px) {
   .cf-wrapper {
      padding: 50px 30px
   }

   .mobile-option-bar #option-bar-sort #sort-option-container {
      right: 20px !important
   }
}



@media only screen and (max-width: 450px) {
   .cf-wrapper {
      padding: 50px 5px
   }

   .mobile-option-bar #option-bar-sort #sort-option-container {
      right: 0 !important
   }

   .list-content .list-title .list-title-text {
      font-size: 16px !important
   }
}





/*****************************************************************************************************************************************************************************************************
***************************************************************************************responsive**********************************************************************************************************************************************************************************************************************************************************************************************************/

@media screen and (max-width: 1545px) {
   #maincontent {
      padding-top: 80px;
   }
}

@media screen and (max-width: 1522px) {
   .zoom-container2 {
      /* width: 23%; */
   }

   .zoom-container2 .zoom-caption2 h3 {
      font-size: 16px;
   }

   .zoom-container2:hover .zoom-caption2 h3 {
      font-size: 18px;
   }
}

@media screen and (max-width: 1500px) {
   .contactside {
      width: 32%;
   }

   .bigmap {
      width: 46%;
   }

   .locationhalf {
      width: 100%;
   }

   .halfpage {
      width: 51%;
   }

   .models p {
      font-size: 16px;
   }

   .models {
      margin: 0px;
      padding-bottom: 30px;
   }
}

@media screen and (max-width: 1355px) {
   /*.zoom-container2 {
width:33%;	
}*/

   .logo {
      margin: 9px 3% 2px 0;
   }

   .cap {
      margin: 2% 0 0;
   }


}

@media screen and (max-width: 1300px) {
   .models p {
      font-size: 14px;
   }

   /*.modelinfo {
	height:107px;	
	}*/




}

@media screen and (max-width: 1286px) {
   #maincontent {
      padding-top: 60px;
   }
}


@media screen and (max-width: 1250px) {
   p {
      font-size: 15px;
   }

   .halfpage {
      width: 50%;
   }

   .contactside {
      width: 45%;
      margin: 30px 0 30px 1%;
   }

   .bigmap {
      width: 48%;
      margin: 30px 0 10px 2%;
   }

   .location {
      margin: 30px 0 0 0;
   }

   .locinfos {
      width: 100%;
   }

   .mapbutton {
      width: 100%;
   }

   .mapbuttwo {
      width: 100%;
      padding: 5px;
      font-size: 16px;
      margin-top: 10px;
   }

   .popup {
      width: 100%;
   }

   .popuptwo {
      width: 100%;
   }

   .popupthree {
      width: 100%;
   }

   .popupfour {
      width: 100%;
   }

   .mapbutton a {
      padding: 5px;
      font-size: 16px;
      margin-top: 10px;
   }
}

@media screen and (max-width: 1245px) {
   .blues {
      width: 95%;
      margin-left: 0;
   }
}

@media screen and (max-width: 1270px) {
   .volvoheader {
      width: 6%;
      margin-top: 12px;
   }

   .logo {
      margin: 7px 0 2px 0;
   }

   .logo img {
      width: 150px;
   }

   .careerbox {
      width: 100%;
   }
}

@media screen and (max-width: 1285px) {
   #maincontent {
      padding-top: 75px;
   }



}


@media screen and (max-width: 1255px) {
   header {
      height: 80px;
   }

   .volvoheader {
      width: 6%;
      margin-top: 6px;
   }

   nav.primary {
      margin-top: 12px;
   }

   .logo {
      margin: 2px 3% 2px 0;
   }

   .inv-buttons a {
      font-size: 12px;
      letter-spacing: 0px;
      width: 14%;
      margin: 2px;
      padding: 15px 0
   }


}

@media screen and (max-width: 1225px) {
   .pager {
      margin: -178px 0 0px 1%;
   }

   header {
      height: 81px;
   }

   #homebutton {
      top: 76px;
   }

   #search {
      top: 76px;
   }

   #sideslide {
      top: 125px;
   }


}

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


   .n2-section-smartslider {
      margin-top: 20px;
   }

   .logo {
      width: 50%;
   }

   header {
      height: 123px;
   }

   #maincontent {
      padding-top: 123px;
   }

   .searchtwo {
      width: 50%;
      margin: 20px 0% 1% 0;
   }

   .righthead {
      width: 5%;
      float: right;
   }

}



@media screen and (max-width: 1100px) {
   #homebutton img {
      width: 35px;
   }

   #homebutton {
      width: 35px;
      height: 35px;
   }

   #search img {
      width: 35px;
   }

   #search {
      width: 35px;
      height: 35px;
   }

   .zoom-container {
      /* width: 48%; */
      margin: 0 1% 1%;
   }

   #one {
      margin: 0 1% 1% !important;
      width: 100%;
   }

   #three {
      margin: 0 1% 1% !important;
   }

   .cap {
      margin: 7% 0 0;
   }

   .newsection p {
      width: 75%;
   }

   .newsection a {
      width: 25%;
      padding: 5px 0;
   }

   .newsectiontwo p {
      width: 75%;
   }

   .newsectiontwo a {
      width: 25%;
      padding: 5px 0;
   }

   .newsection {
      height: 105px !important;
   }

}

@media screen and (max-width: 1040px) {
   .volvoheader {
      width: 6%;
      margin-top: 4px;
   }

   /*.caption h1:not(.body-content h1) {
font-size:27px;	
}*/

   .cap {
      margin: 4% 0 0;
   }

   /*.caption {
font-size:18px;	
line-height:20px;
}*/

   hr {
      border-top: 2px solid #222c6a;
   }

   .models {
      width: 50%;
      float: left;
      margin: 0;
      padding: 0 20px 20px;
      box-sizing: border-box;
   }

   .switcher-buttons .switch-btn1 {
      font-size: 16px;
      padding: 10px 0;
      line-height: 16px;
      margin-right: .5%;
      /* width: 19.6%; */
      /* width: calc(19.6%); */
   }


   .switcher-buttons .switch-btn1 {}

   .wears {
      width: 100%;
      float: left;
      margin: 20px 0%;
   }
}

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


   .halfpage {
      width: 100%;
   }

   .bigmap {
      width: 100%;
      margin: 30px 0 10px 0%;
      height: 300px;
   }

   .contactside {
      width: 100%;
      margin: 30px 0 30px 0%;
      padding: 3% 0%;
   }

   .location {
      margin: 30px 0 0 0;
   }

   .UserDefinedForm {
      width: 90%;
      margin-left: 4%;
   }

   .contactside h1:not(.body-content h1) {
      text-align: center;
   }

   .topimgtwo {
      width: 75%;
      float: left;
      margin: 0 12.5% 50px;
      height: auto !important;
   }

   .searchButton {
      width: 15% !important;
   }
}

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


   .zoom-container2 .zoom-caption2 h3 {
      font-size: 14px;
   }

   .zoom-container2:hover .zoom-caption2 h3 {
      font-size: 16px;
   }
}


@media screen and (max-width: 945px) {
   .righthalf {
      width: 60%;
      margin: 20px 20%;
   }

   .lefthalf {
      width: 90%;
      margin: 20px 5%;
   }

   .fiftytwo {
      width: 100%;
      margin-left: 0;
   }

   .fiftyone {
      width: 100%;
      margin-right: 0;
      margin-bottom: 10px;
   }

   .fiftyvideo {
      height: 480px;
   }
}

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



   .volvoheader {
      float: right;
      width: 67px;
      margin-top: 10px;
      margin-bottom: 10px;
   }

   .logo {
      width: 200px;
      margin-right: 0 !important;
   }

   .quick ul li a {
      font-size: 15px;
   }

   .locbutton {
      font-size: 16px;
   }

   .quick h1:not(.body-content h1) {
      font-size: 26px;
   }

   header {
      height: auto;
   }



   #search {
      display: none;
   }


}

@media screen and (max-width: 922px) {
   #maincontent {
      padding-top: 120px;
   }
}

@media screen and (max-width: 875px) {
   .zoom-container2 {
      /* width: 50%; */
      /* float: left; */
      margin: 0;
   }


}

@media screen and (max-width: 860px) {
   .servthird {
      width: 48%;
      margin: 10px 1%;
   }

   .servrows {
      width: auto;
      float: none;
      margin: none;
   }
}

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

   .sidebarinv {
      width: 35%;
   }

   .invwrap {
      width: 65% !important;
   }

   .sidebarinv ul li a {
      padding: 20px 0;
   }

   .manulogos {
      width: 25%;
      float: left;
   }

   .careerbox {
      width: 100%;
      margin: 2% 0;
   }

   .rentalcontactbutton {
      width: 100%;
      margin: 20px 0;
   }

   .newsection {
      width: 100%;
      border-right: 0;
      border-bottom: 3px solid #222c6a;
      margin-bottom: 0;
      padding-bottom: 30px;
   }

   .newsection {
      height: auto !important;
   }

   .newsectiontwo {
      width: 100%;

   }

}

@media screen and (max-width: 775px) {
   .caption h1:not(.body-content h1) {
      /* font-size: 23px; */
      /* line-height: 20px; */
   }

   .cap {
      margin: 10% 0 0;
   }

   .caption {
      /* font-size: 13px; */
      line-height: 15px;
   }


   .servthird {
      height: 300px;
   }

   .activeright {
      width: 100%;
      float: left;
      margin-left: 0;
   }

   .activeleft {
      width: 100%;
      float: left;
      margin-right: 0;
   }

   .activevideoleft {
      width: 100%;
      margin-right: 0;

   }


   .activevideoright {
      width: 100%;
      margin-left: 0;

   }

   .smartvideo {
      width: 100%;
      margin: 0 0 35px;

   }


   .switcher-buttons .switch-btn1 {
      font-size: 16px;
      padding: 8px 0;

      line-height: 16px;
   }

   .wearthirds {
      width: 50%;
      padding: 10px;
   }



   .inv-buttons {
      display: block;
   }

   .inv-buttons a {
      justify-content: flex-end;
      width: 31%;
      display: inline-block;
      padding: 20px 0;
      font-size: 14px;
   }




}

@media screen and (max-width: 750px) {
   .wrap {
      width: 85%;
   }

   .topimgtwo {
      width: 100%;
      float: left;
      margin: 0 0% 50px;
      height: auto !important;
   }
}

@media screen and (max-width: 720px) {
   .abouthalf {
      width: 100%;
      margin-right: 0;
   }

   .abouthalftwo {
      width: 100%;
   }

   .volvofoot h1:not(.body-content h1) {
      font-size: 35px;
      line-height: 35px;
   }

   .volvofoot p {
      font-size: 18px;
      line-height: 40px;
   }

   .volvofoot a {
      font-size: 24px;
   }

   .volvofoot {
      padding: 50px 0;
   }

   .fiftyvideo {
      height: 357px;
   }

   .frames td {
      width: 100%;
   }

}

@media screen and (max-width: 705px) {
   .locationhalf {
      width: 100%;
   }
}

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

   .popframe {
      height: 411px;
      padding: 10px;
   }

   .popstitle {
      font-size: 20px;
      line-height: 20px;
   }

   .popupthree .popuptext {
      padding: 40px 0 0;
   }

   .popuptwo .popuptext {
      padding: 40px 0 0;
   }

   .popup .popuptext {
      padding: 40px 0 0;
   }

   .popupfour .popuptext {
      padding: 40px 0 0;
   }

}

@media screen and (max-width: 680px) {
   .righthalf {
      width: 90%;
      margin: 20px 5%;
   }

   #homebutton img {
      width: 35px;
   }

   #homebutton {
      width: 35px;
      height: 35px;
   }

   #search img {
      width: 35px;
   }

   #search {
      width: 35px;
      height: 35px;
   }

   .fullsearch {
      margin-top: 6px;
   }

   #searchthree h3 {
      font-size: 16px;
      line-height: 16px;
   }

   #sideslide {
      width: 175px !important;
   }

   .pager {
      display: none;
   }


}

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

   .main-menu-item a i {
      position: absolute;
      top: 10px;
      right: -100px;
   }

   .main-menu-item a {
      position: relative;
   }

   #search {
      top: 137px;
   }

   #homebutton {
      top: 137px;
   }
}

@media screen and (max-width: 900px) {
   .footerthird {
      width: 32%;
      margin: 20px 1% 20px 0;
   }

   h1:not(.body-content h1) {
      font-size: 25px;
   }

   .quick ul li a {
      font-size: 15px;
      line-height: 5px;
   }

   .locbutton {
      font-size: 18px;
      padding: 5px 0;
   }
}


@media screen and (max-width: 800px) {
   #maincontent {
      padding-top: 110px;
   }

   .servicefoot h1:not(.body-content h1) {
      font-size: 32px;
   }

   .servicefoot p {
      font-size: 20px;
      line-height: 26px;
   }

   .servicefoot {
      padding: 50px 0;
   }

   .switcher-buttons .switch-btn1 {
      /* width: 50% !important; */
      margin-right: 0 !important;
      border-radius: 0 !important;
      border: 2px solid #fff;
      box-sizing: border-box;
   }

   .switcher-buttons .switch-btn1:hover,
   .switcher-buttons .switch-btn1.start {
      border-radius: 0;
      border: 2px solid #222c6a;
   }

}

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

   .quick ul li a {
      text-align: center !important;
   }

   .navbar-nav {
      width: 100%;
   }

   .footerthird {
      width: 100%;
      text-align: center;
   }

   .footerthird img {
      width: 50%;
      margin: 0px 23% 0 27%;
   }

   .locbutton {
      width: 50%;
      margin: 20px 25% 0;
   }

   .fourth {
      width: 48%;
      margin-bottom: 10px;
   }

   .fourthfirst {
      width: 48%;
      margin-bottom: 10px;
   }

   .fourthlast {
      width: 47%;
      margin-bottom: 10px;
   }

   .footerthird2 {
      width: 80%;
      margin: 20px 10%;
      text-align: center;
   }

   .footerthird3 {
      width: 100%;
      margin: 20px 0% 20px 0;
      float: left;
      text-align: center;
   }



}

@media screen and (max-width: 645px) {
   .zoom-container2 {
      /* width: 49%; */
   }

   .zoom-container2:hover img {
      -webkit-transform: scale(1);
      /* Safari and Chrome */
      -moz-transform: scale(1);
      /* Firefox */
      -ms-transform: scale(1);
      /* IE 9 */
      -o-transform: scale(1);
      /* Opera */
      transform: scale(1);
   }

   .zoom-container2:hover .zoom-caption2 h3 {
      font-size: 14px;
      margin-top: 62%;
   }




}

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

   .zoom-container {
      width: 90%;
      margin: 10px 5% !important;
   }

   .navbar-nav {
      width: 100% !important;
   }

   #one {
      margin: 10px 0px !important;
   }

   #three {
      margin: 10px 5% !important;
   }

   .caption h1:not(.body-content h1) {
      font-size: 45px;
      line-height: 45px;
   }

   .cap {
      margin: 6% 0 0;
   }

   .caption {
      font-size: 25px;
      line-height: 25px;
   }

   /*.modelinfo {
	height:125px;	
	}*/


}

@media screen and (max-width: 550px) {
   .models {
      width: 100%;
      float: left;
      margin: 0;
      text-align: center;
   }

   .modelinfo {
      height: auto;
   }

   .searchtwo {
      width: 100%;
   }

   .logo {
      width: 100%;
   }

   .righthead {
      display: none;
   }

   .logo img {
      display: block;
      float: none;
      margin: 0 auto;
   }

   .searchtwo {
      max-width: none;
      margin: 5px 0 10px 0;
   }

   .searchbar {
      max-width: none;
   }

   #maincontent {
      padding-top: 117px;
   }


}

@media screen and (max-width: 525px) {
   .servthird {
      height: auto;
      width: 100%;
      margin: 10px 0;
   }

   .sidebarinv {
      width: 100%;
      height: auto;
      min-height: 0;
   }

   .invwrap {
      width: 100% !important;
   }

   .lastone {
      border-bottom: none !important;
   }

   .switcher-buttons .switch-btn1 {
      width: 100% !important;
      height: auto;
   }

   #gal_container img {
      height: auto;
      width: 100%;
   }

   .inv-buttons {
      padding: 10px 0;
   }

   .inv-buttons a {
      width: 47%;
      padding: 10px 0;
      font-size: 12px;
      margin: 3px
   }

   .inv-buttons a#all {
      width: 96%;
      display: block;
      margin: 3px
   }

}

@media screen and (max-width: 500px) {
   .zoom-container {
      width: 100%;
      margin: 7px 0% !important;
   }

   #one {
      margin: 7px 0% !important;
   }

   #three {
      margin: 7px 0% !important;
   }

   .caption h1:not(.body-content h1) {
      font-size: 36px;
      line-height: 36px;
   }

   .caption {
      font-size: 20px;
      line-height: 20px;
   }

   .righthalf {
      width: 100%;
      margin: 10px 0%;
   }

   .about {
      margin: 15px 0;
   }

   .blues {
      width: 95%;
   }

   .servicefoot h1:not(.body-content h1) {
      font-size: 25px;
   }

   .servicefoot p {
      font-size: 16px;
      line-height: 26px;
   }



   .volvofoot h1:not(.body-content h1) {
      font-size: 28px;
      line-height: 28px;
   }

   .volvofoot p {
      font-size: 15px;
      line-height: 40px;
   }

   .volvofoot a {
      font-size: 20px;
   }

   .volvofoot {
      padding: 50px 0;
   }



   .fiftyvideo {
      height: 230px;
   }

   #homebutton {
      display: none;
   }

   #search {
      display: none;
   }

   .wrap {
      width: 90%;
   }

   .manulogos {
      width: 33.33%;
      float: left;
   }

   .careerbox td {
      font-size: 12px;
   }

   .careerbox td p {
      font-size: 12px;
   }
}

@media screen and (max-width: 450px) {
   .lefthalf h1:not(.body-content h1) {
      font-size: 25px;
   }

   .lefthalf h2 {
      font-size: 20px;
      font-weight: 600;
   }
}

@media screen and (max-width: 445px) {
   .zoom-container2 {
      width: 100%;
   }
}

@media screen and (max-width: 400px) {
   .careerbox td {
      width: 100%;
      border-bottom: 1px solid #D9D9D9;
   }

   .careerbox tr {
      border-bottom: 2px solid #222c6a
   }
}

@media screen and (max-width: 340px) {
   .volvoheader {
      width: 45px;
   }
}

@media screen and (max-width: 310px) {
   .logo img {
      width: 151px;
   }

   .inv-buttons {
      display: none
   }

}


/***map***/

.map {
   position: relative;
   /* margin-top: -13px; */
   height: 155px;
}

.marker:hover #dynamicContent {
   text-align: left;
   background: #fff;
   border: 2px #111111 solid;
   border-radius: 5px;
   padding: 15px 15px;
   line-height: 24px;
   position: relative !important;
   margin-top: -245px;
   width: 45%;
   display: inline !important;
}

#dynamicContent {
   display: block;
   /* margin-top: -7px; */
   -webkit-transition: all 1s ease;
   /* Safari and Chrome */
   -moz-transition: all 1s ease;
   /* Firefox */
   -ms-transition: all 1s ease;
   /* IE 9 */
   -o-transition: all 1s ease;
   /* Opera */
   transition: all 1s ease;
}

.blues {
   width: 88%;
   float: left;
   background: #222c6a;
   padding: 1% 2.5%;
   color: #fff;
   margin-left: 5%;
   border: 1px solid #A8A8A8;
   box-shadow: 0 0 5px #4B4B4B;
   border-radius: 7px;
   /* margin-top: -7px; */
}

.blues p {
   color: #fff;
   font-size: 13px !important;
   line-height: 20px !important;
}

.blues a {
   color: #fff !important;
   font-size: 13px !important;
   line-height: 20px !important;
}

.blues a:hover {
   color: #fff;
   margin-left: 10px;
   margin-right: -10px;
}

.about p {
   font-size: 17px;
}

.about a {
   font-size: 17px;
   line-height: 17px;
   color: #222c6a;
   padding: 5px;
   border: 1px solid #222c6a;
   border-radius: 3px;
}

a.n2-ow:hover {
   background: none !important;
}

.about a:hover {
   background: #222c6a;
   color: #fff;
   -webkit-transition: all .4s ease;
   /* Safari and Chrome */
   -moz-transition: all .4s ease;
   /* Firefox */
   -ms-transition: all .4s ease;
   /* IE 9 */
   -o-transition: all .4s ease;
   /* Opera */
   transition: all .4s ease;
}

.lefthalf h1:not(.body-content h1) {
   margin-bottom: 10px;
}

#dynamicContent[title*="/blog-posts/seattle-wa-branch/"] {
   display: block
}

#dynamicContent {
   display: none
}


.intro {
   width: 90%;
   margin: 30px auto;
   max-width: 1300px;
}

.intro * {
   font-size: 16px;
}

.advancedresults21 .post-container-photo {
   display: flex;
   flex-direction: row;
}

.column-padding-photo {
   /* position: relative; */
   /* display: flex; */
   margin: 0 3px;
}

.column-padding-photo .item {
   /* position: absolute; */
}

/*! CSS Used from: /themes/SandhillsTemplate/css/layout.css?m=1630689495 */
p {
   font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-size: 18px;
   line-height: 22px;
   color: #222c6a;
}

h1:not(.body-content h1) {
   font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-size: 30px !important;
   color: #222c6a;
   font-weight: bold;
   line-height: 30px;
}

h1.page-title {
   display: none;
}

a {
   color: #000;
}

a:hover {
   color: #222c6a;
}

.main p a {
   color: #222c6a;
   text-decoration: underline;
}

.main p a:hover {
   text-decoration: none;
}

.mapbutton {
   float: left;
   width: 30%;
}

.mapbutton a {
   max-width: 250px;
   width: 100%;
   margin-top: 20px;
   padding: 10px;
   background: #222c6a !important;
   color: #fff !important;
   font-size: 19px;
   font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-weight: bold;
   text-align: center;
   border-radius: 6px;
   border: 1px solid #222c6a;
   -webkit-transition: all .4s ease;
   -moz-transition: all .4s ease;
   -ms-transition: all .4s ease;
   -o-transition: all .4s ease;
   transition: all .4s ease;
   float: left;
   text-decoration: none !important;
   box-sizing: border-box;
}

.mapbutton a:hover {
   background: #fff !important;
   color: #222c6a !important;
   border: 1px solid #222c6a !important;
}

.location {
   /* width: 100%; */
   float: left;
   margin: 30px 0 0 0;
}

.location h1:not(.body-content h1) {
   width: 100%;
   float: left;
   padding: 10px 0;
   border-bottom: 3px solid #222c6a;
}

.locationhalf {
   width: 100%;
   float: left;
   margin: 20px 0;
}

.locinfos {
   width: 70%;
   float: left;
   text-align: left;
}

.location a {
   color: #222c6a;
   text-decoration: underline;
}

.location a:hover {
   text-decoration: none;
}

@media screen and (max-width: 1500px) {
   .locationhalf {
      width: 100%;
   }
}

@media screen and (max-width: 1250px) {
   p {
      font-size: 15px;
   }

   .location {
      margin: 30px 0 0 0;
   }

   .locinfos {
      width: 100%;
   }

   .mapbutton {
      width: 100%;
   }

   .mapbutton a {
      padding: 5px;
      font-size: 16px;
      margin-top: 10px;
   }
}

@media screen and (max-width: 1020px) {
   .location {
      margin: 30px 0 0 0;
   }
}

@media screen and (max-width: 705px) {
   .locationhalf {
      width: 100%;
   }
}

@media screen and (max-width: 900px) {
   h1:not(.body-content h1) {
      font-size: 25px;
   }
}

/*! CSS Used from: /themes/SandhillsTemplate/css/layout.css?m=1630689495 */
p {
   font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-size: 18px;
   line-height: 22px;
   color: #222c6a;
}

a {
   color: #000;
}

a:hover {
   color: #222c6a;
}

.main p a {
   color: #222c6a;
   text-decoration: underline;
}

.main p a:hover {
   text-decoration: none;
}

.wrap {
   width: 90%;
   margin: 0 auto;
   max-width: 1400px;
}

.rentalleft {
   width: 50%;
   float: left;
   margin-top: 30px;
}

.rentalleft img {
   width: 95%;
   display: block;
   margin: 0 auto;
   max-width: 400px;
}

.rentalcontactbutton {
   text-align: center;
   color: #fff !important;
   float: left;
   width: 30%;
   margin: 20px 35%;
   background: #222c6a;
   padding: 10px 40px;
   box-sizing: border-box;
   border-radius: 5px;
   border: 1px solid #222c6a;
   text-decoration: none !important;
   font-weight: bold;
}

.rentalcontactbutton:hover {
   background: #fff;
   color: #222c6a !important;
   border: 1px solid #222c6a;
}

@media screen and (max-width: 1250px) {
   p {
      font-size: 15px;
   }
}

@media screen and (max-width: 850px) {
   .rentalcontactbutton {
      width: 100%;
      margin: 20px 0;
   }
}

@media screen and (max-width: 750px) {
   .wrap {
      width: 85%;
   }
}

@media screen and (max-width: 500px) {
   .wrap {
      width: 90%;
   }
}

/*! CSS Used from: /themes/SandhillsTemplate/css/layout.css?m=1630689495 */
p {
   font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-size: 18px;
   line-height: 22px;
   color: #222c6a;
}

a {
   color: #000;
}

a:hover {
   color: #222c6a;
}

.main {
   width: 100%;
   float: left;
   background: #fff;
   padding-top: 40px;
   padding-bottom: 20px;
}

.main p a {
   color: #222c6a;
   text-decoration: underline;
}

.main p a:hover {
   text-decoration: none;
}

.wrap {
   width: 90%;
   margin: 0 auto;
   max-width: 1400px;
}

.wrapstuff {
   display: flex;
   width: 90%;
   margin: 0 auto;
   max-width: 1400px;
   flex-wrap: wrap;
}

.partul {
   margin-bottom: 20px;
   margin-top: 10px;
   padding-left: 30px;
   box-sizing: border-box;
}

.partul li {
   list-style: disc !important;
   font-size: 18px;
   font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
   line-height: 22px;
   color: #222c6a;
   margin: 5px 0;
}

.rentalcontactbutton {
   text-align: center;
   color: #fff !important;
   float: left;
   width: 30%;
   margin: 20px 35%;
   background: #222c6a;
   padding: 10px 40px;
   box-sizing: border-box;
   border-radius: 5px;
   border: 1px solid #222c6a;
   text-decoration: none !important;
   font-weight: bold;
}

.rentalcontactbutton:hover {
   background: #fff;
   color: #222c6a !important;
   border: 1px solid #222c6a;
}

.wearthirds {
   width: 33.33%;
   float: left;
   padding: 15px;
   box-sizing: border-box;
}

.wearthirds img {
   width: 100%;
   float: left;
}

.wears {
   width: 75%;
   float: left;
   margin: 20px 12.5%;
}

@media screen and (max-width: 1250px) {
   p {
      font-size: 15px;
   }
}

@media screen and (max-width: 1040px) {
   .wears {
      width: 100%;
      float: left;
      margin: 20px 0%;
   }
}

@media screen and (max-width: 850px) {
   .rentalcontactbutton {
      width: 100%;
      margin: 20px 0;
   }
}

@media screen and (max-width: 775px) {
   .wearthirds {
      width: 50%;
      padding: 10px;
   }
}

@media screen and (max-width: 750px) {
   .wrap {
      width: 85%;
   }
}

@media screen and (max-width: 500px) {
   .wrap {
      width: 90%;
   }
}

/*! CSS Used from: /themes/SandhillsTemplate/css/layout.css?m=1630689495 */
.clear {
   clear: both;
}

p {
   font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-size: 18px;
   line-height: 22px;
   color: #222c6a;
}

a {
   color: #000;
}

a:hover {
   color: #222c6a;
}

.maintwo p a {
   color: #222c6a;
   text-decoration: underline;
}

.maintwo p a:hover {
   text-decoration: none;
}

.customer {
   width: 100%;
   float: left;
   margin-top: 20px;
}

.customer strong {
   text-transform: uppercase;
   font-size: 22px;
}

.topsmart {
   width: 100%;
   float: left;
   margin-top: 15px;
   margin-bottom: 35px;
}

.activeleft {
   width: 48.5%;
   float: left;
   margin-right: 1.5%;
   margin-bottom: 50px;
}

.activeleft img {
   width: 100%;
   height: auto;
}

.activeright img {
   width: 100%;
   height: auto;
}

.activeright {
   width: 48.5%;
   float: left;
   margin-left: 1.5%;
   margin-bottom: 50px;
}

.activevideoleft {
   width: 48.5%;
   float: left;
   margin-bottom: 30px;
   margin-right: 1.5%;
}

.activevideoleft img {
   width: 100% !important;
   float: left;
}

.rentalcontactbutton {
   text-align: center;
   color: #fff !important;
   float: left;
   width: 30%;
   margin: 20px 35%;
   background: #222c6a;
   padding: 10px 40px;
   box-sizing: border-box;
   border-radius: 5px;
   border: 1px solid #222c6a;
   text-decoration: none !important;
   font-weight: bold;
}

.rentalcontactbutton:hover {
   background: #fff;
   color: #222c6a !important;
   border: 1px solid #222c6a;
}

@media screen and (max-width: 1250px) {
   p {
      font-size: 15px;
   }
}

@media screen and (max-width: 850px) {
   .rentalcontactbutton {
      width: 100%;
      margin: 20px 0;
   }
}

@media screen and (max-width: 775px) {
   .activeright {
      width: 100%;
      float: left;
      margin-left: 0;
   }

   .activeleft {
      width: 100%;
      float: left;
      margin-right: 0;
   }

   .activevideoleft {
      width: 100%;
      margin-right: 0;
   }
}

.contactbutton {
   text-align: center;
   color: #fff !important;
   background: #222c6a;
   padding: 10px 40px;
   text-decoration: none !important;
   box-sizing: border-box;
   border-radius: 5px;
   border: 1px solid #222c6a;
   font-weight: bold;
}

.contactbutton:hover {
   background: #fff;
   color: #222c6a !important;
   border: 1px solid #222c6a;
}

/*! CSS Used from: /themes/SandhillsTemplate/css/layout.css?m=1630689495 */
p {
   font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-size: 18px;
   line-height: 22px;
   color: #222c6a;
}

h2 {
   font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-size: 24px;
   color: #222c6a;
   font-weight: lighter;
   line-height: 24px;
}

.main h2 {
   font-weight: bold;
}

a {
   color: #000;
}

a:hover {
   color: #222c6a;
}

.newsection {
   width: 50%;
   float: left;
   border-right: 3px solid #222c6a;
   box-sizing: border-box;
   padding: 0 20px;
   margin: 30px 0;
}

.newsection a {
   background: #222c6a;
   color: #fff !important;
   text-decoration: none !important;
   border-radius: 5px;
   padding: 5px 0px;
   box-sizing: border-box;
   text-align: center;
   float: right;
   margin: 10px 0;
   width: 20%;
   border: 1px solid #222c6a;
   font-weight: bold;
}

.newsection a:hover {
   background: #fff;
   color: #222c6a !important;
}

.newsection p {
   width: 80%;
   float: left;
   padding-right: 20px;
   box-sizing: border-box;
   border-bottom: none;
}

.newsection {
   width: 100%;
   float: left;
   border-bottom: 1px solid #BCBCBC;
   padding: 20px;
   box-sizing: border-box;
   height: 88px;
   text-align: left;
}

@media screen and (max-width: 1250px) {
   p {
      font-size: 15px;
   }
}

@media screen and (max-width: 1100px) {
   .newsection p {
      width: 75%;
   }

   .newsection a {
      width: 25%;
      padding: 5px 0;
   }

   .newsection {
      height: 105px !important;
   }
}

@media screen and (max-width: 850px) {
   .newsection {
      width: 100%;
      border-right: 0;
      border-bottom: 3px solid #222c6a;
      margin-bottom: 0;
      padding-bottom: 30px;
   }

   .newsection {
      height: auto !important;
   }
}

h2 {
   font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-size: 24px !important;
   color: #222c6a;
   font-weight: lighter;
   line-height: 24px;
   font-weight: bold;
}

.main h2 {
   font-weight: bold;
}

/*! CSS Used from: /themes/SandhillsTemplate/css/layout.css */
.switcher-buttons .post-container-photo {
   /* width: 100%; */
   display: flex;
   /* float: right; */
   margin-top: 0px;
   border-bottom: 3px solid #222c6a;
   margin-bottom: 20px;
}

.switcher-buttons .post-container-photo div:first-of-type {}

.gallery-surround .surroundgal {
   display: none
}


.gallery-surround .column-padding-photo:first-of-type .surroundgal {
   display: block
}

.switcher-buttons:after {
   display: block;
   clear: both;
   content: "";
   height: 0;
}

.switcher-buttons .switch-btn1 {
   display: block;
   background: #fff;
   float: left;
   /* width: 15.66% !important; */
   /* width: calc(15.66%); */
   border-left: 1px #ccc solid;
   font-size: 20px;
   line-height: 22px;
   padding: 7px 10px;
   text-align: center;
   color: #fff;
   font-weight: normal;
   font-family: roboto-condensed, sans-serif;
   font-weight: 600;
   font-size: 17px;
   background: #222c6a;
   box-sizing: border-box;
   border-radius: 5px 5px 0 0;
   margin-right: 1% !important;
   border: 3px solid #222c6a;
   border-bottom: none;
}

/* .switcher-buttons .column-padding-photo:first-of-type .switch-btn1 {
    background: white;
    color: #252d6c;
} */
.switcher-buttons .switch-btn1:hover,
.switcher-buttons .switch-btn1.start {
   color: #222c6a;
   background: #fff;
   border: 3px solid #222c6a;
   border-bottom: none;
   border-radius: 5px 5px 0 0;
}

.switcher-buttons .switch-btn1:hover {
   cursor: pointer;
}

.switcher-buttons .switch-btn1:last-child {
   margin-right: 0;
}

.switcher-buttons .switch-btn1 span {
   width: auto;
}

.switcher-buttons .switch-btn1 span:after {
   content: "";
   display: inline-block;
   width: 0;
   height: 0;
   margin: 0 0 2px 6px;
}

@media screen and (max-width: 1040px) {
   .switcher-buttons .switch-btn1 {
      font-size: 16px;
      padding: 10px 0;
      line-height: 16px;
      margin-right: 0.5%;
      /* width: 19.6%; */
      /* width: calc(19.6%); */
   }
}

@media screen and (max-width: 775px) {
   .switcher-buttons .switch-btn1 {
      font-size: 16px;
      padding: 8px;
      line-height: 16px;
   }
}

@media screen and (max-width: 800px) {
   .switcher-buttons .switch-btn1 {
      /* width: 50% !important; */
      margin-right: 0 !important;
      border-radius: 0 !important;
      border: 2px solid #fff;
      box-sizing: border-box;
   }

   .switcher-buttons .switch-btn1:hover,
   .switcher-buttons .switch-btn1.start {
      border-radius: 0;
      border: 2px solid #222c6a;
   }
}

@media screen and (max-width: 1365px) {
   .switcher-buttons .post-container-photo {
      flex-direction: column
   }
}

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

.switcher-buttons .switch-btn1 {
   width: 100% !important;
   height: auto;
}
}

/*! CSS Used from: /themes/SandhillsTemplate/css/layout.css */

.zoom-container2 {
   position: relative;
   /* overflow: hidden; */
   display: inline-block;
   /* width: 24%; */
   font-size: 16px;
   font-size: 1rem;
   margin: 0 0.4%;
   vertical-align: top;
   box-sizing: border-box;
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   vertical-align: middle;
}

.zoom-container2 img {
   display: block;
   width: 100%;
   height: 145px;
   /* -webkit-transition: all 0.5s ease; */
   -moz-transition: all 0.5s ease;
   -ms-transition: all 0.5s ease;
   -o-transition: all 0.5s ease;
   /* transition: all 0.5s ease; */
   max-width: 180px;
   margin: 0 auto;
   object-fit: scale-down;
}

.zoom-container2 .zoom-caption2 {
   /* position: absolute; */
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 10;
   -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -ms-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
}

.zoom-container2 .zoom-caption2 h3 {
   display: block;
   text-align: center;
   font-size: 18px;
   font-weight: 700;
   text-transform: uppercase;
   color: #222c6a;
   /* margin-top: 62%; */
   padding: 10px 0;
   -webkit-transition: all 0.4s ease;
   -moz-transition: all 0.4s ease;
   -ms-transition: all 0.4s ease;
   -o-transition: all 0.4s ease;
   transition: all 0.4s ease;
}

.zoom-container2 a {
   display: flex;
   flex-direction: column-reverse;
}

.zoom-container2:hover img {
   /* -webkit-transform: scale(1.2); */
   -moz-transform: scale(1.2);
   -ms-transform: scale(1.2);
   -o-transform: scale(1.2);
   /* transform: scale(1.2); */
}

.zoom-container2:hover .zoom-caption2 h3 {
   display: block;
   text-align: center;
   font-size: 20px;
   font-weight: 700;
   text-transform: uppercase;
   color: #222c6a;
   /* margin-top: 68%; */
   padding: 10px 0;
}

.zoom-container2:hover .zoom-caption2 {
   background: none;
}

@media screen and (max-width: 1522px) {
   .zoom-container2 {
      /* width: 23%; */
   }

   .zoom-container2 .zoom-caption2 h3 {
      font-size: 16px;
   }

   .zoom-container2:hover .zoom-caption2 h3 {
      font-size: 18px;
   }
}

@media screen and (max-width: 990px) {
   .zoom-container2 .zoom-caption2 h3 {
      font-size: 14px;
   }

   .zoom-container2:hover .zoom-caption2 h3 {
      font-size: 16px;
   }
}

@media screen and (max-width: 875px) {
   .zoom-container2 {
      /* width: 50%; */
      /* float: left; */
      /* margin: 0; */
   }
}

@media screen and (max-width: 645px) {
   .zoom-container2 {
      /* width: 49%; */
   }

   .zoom-container2:hover img {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1);
   }

   .zoom-container2:hover .zoom-caption2 h3 {
      font-size: 14px;
      margin-top: 62%;
   }
}

@media screen and (max-width: 445px) {
   .zoom-container2 {
      width: 100%;
   }
}

@media screen and (max-width: 922px) {
   .header-wrap .wrap {
      width: 100%;
      display: flex;
      flex-direction: column;
      align-items: center;
   }


}

/*! CSS Used from: /themes/SandhillsTemplate/css/layout.css */

.models {
   width: 33.33%;
   /* float:left; */
   margin: 10px 0;
   padding-bottom: 20px;
   /* border-bottom:1px solid #aaa; */
   -webkit-transition: all .4s ease;
   -moz-transition: all .4s ease;
   -ms-transition: all .4s ease;
   -o-transition: all .4s ease;
   transition: all .4s ease;
}

.grouparchive .models {
   width: 100%;
}

.models img {
   width: 100%;
   float: left;
   margin-bottom: 10px;
}

.models h3 {
   font-weight: bold;
}

.models p {
   margin: 6px 0;
}

.brosec {
   width: 100%;
   float: left;
   color: #222c6a;
   font-size: 18px;
   font-weight: bold;
}

.brosec a {
   color: #222c6a;
   font-size: 18px;
   font-weight: bold;
   text-decoration: underline;
}

.brosec a:hover {
   color: #5B5B5B;
}

@media screen and (max-width: 1500px) {
   .models p {
      font-size: 16px;
   }

   .models {
      margin: 0px;
      padding-bottom: 30px;
   }
}

@media screen and (max-width: 1300px) {
   .models p {
      font-size: 14px;
   }
}

@media screen and (max-width: 1250px) {
   p {
      font-size: 15px;
   }
}

@media screen and (max-width: 1040px) {
   .models {
      width: 50%;
      float: left;
      margin: 0;
      padding: 0 20px 20px;
      box-sizing: border-box;
   }
}

@media screen and (max-width: 550px) {
   .models {
      width: 100%;
      float: left;
      margin: 0;
      text-align: center;
   }

   .modelinfo {
      height: auto;
   }
}

/* INVENTORY STYLES  */


.body-wrapper>div:not(.detail-wrapper) .list-main-section .list-container .list-listing .listing-top-right .buy-now-link,
.body-wrapper>div:not(.detail-wrapper) .list-main-section .list-container .list-listing .listing-top-right .check-availability-link,
.body-wrapper>div:not(.detail-wrapper) .list-main-section .list-container .list-listing .listing-top-right .email-seller-link,
.body-wrapper>div:not(.detail-wrapper) .faceted-section-box .show-all-modal .show-all-modal-content-container .show-all-modal-content .title-close-row .apply-button,
.body-wrapper>div:not(.detail-wrapper) .show-all-modal .show-all-modal-content-container .show-all-modal-content .title-close-row .apply-button,
.body-wrapper>div:not(.detail-wrapper) button.page-nav {
   background: #222c6a !important;
   color: #000 !important;
}

.body-wrapper>div:not(.detail-wrapper) .view-listing-details-link,
.body-wrapper>div:not(.detail-wrapper) .contact-options a,
.body-wrapper>div:not(.detail-wrapper) .fin-calc-mobile>a,
.body-wrapper>div:not(.detail-wrapper) button.g-recaptcha.button,
.body-wrapper>div:not(.detail-wrapper) .show-all-modal .apply-button,
.body-wrapper>div:not(.detail-wrapper) .show-all-modal .nuf-button,
.body-wrapper>div:not(.detail-wrapper) .list-error-container .info button,
.body-wrapper>div:not(.detail-wrapper) .mobile-done-button-container .mobile-done-button,
.body-wrapper>div:not(.detail-wrapper) a.buy-btn.gtm-buynow.des-buy-now,
.body-wrapper>div:not(.detail-wrapper) a.buy-btn.des-buy-now,
.body-wrapper>div:not(.detail-wrapper) button.selected-facet.ts-button,
.body-wrapper>div:not(.detail-wrapper) .detail-contact-bar .contact-bar-btn {
   background: #222c6a !important;
   color: #fff !important;
}

.body-wrapper>div:not(.detail-wrapper) .view-listing-details-link:hover,
.body-wrapper>div:not(.detail-wrapper) .contact-options a:hover,
.body-wrapper>div:not(.detail-wrapper) .fin-calc-mobile>a:hover,
.body-wrapper>div:not(.detail-wrapper) button.g-recaptcha.button:hover,
.body-wrapper>div:not(.detail-wrapper) .email-seller-link:hover,
.body-wrapper>div:not(.detail-wrapper) .mc-nav-controls .mc-icon-navarrow span,
.body-wrapper>div:not(.detail-wrapper) a.buy-btn.gtm-buynow.des-buy-now:hover,
.body-wrapper>div:not(.detail-wrapper) a.buy-btn.des-buy-now:hover,
.body-wrapper>div:not(.detail-wrapper) .detail-contact-bar .contact-bar-btn:hover {
   background: #014f30 !important;
   color: #fff !important;
   /*----Border----*/
}

.body-wrapper>div:not(.detail-wrapper) .faceted-section-box .show-all-modal .show-all-modal-content-container .show-all-modal-content .title-close-row .back-button,
.body-wrapper>div:not(.detail-wrapper) .show-all-modal .show-all-modal-content-container .show-all-modal-content .title-close-row .back-button,
.body-wrapper>div:not(.detail-wrapper) .show-all-modal .back-button,
.body-wrapper>div:not(.detail-wrapper) .parts-listing-container .mobile-parts-detail-container .dealer-phone-container a {
   color: #000 !important;
   border: 1px solid #000 !important;
   /*-----------------------OTHER TEXT STYLES-----------------------*/
   /*----Page Title----*/
}

.body-wrapper>div:not(.detail-wrapper) .list-title .list-title-text,
.body-wrapper>div:not(.detail-wrapper) .parts-top-section .parts-title-and-breadcrumbs .parts-title .parts-title-text span,
.body-wrapper>div:not(.detail-wrapper) .title-media-buttons-heading h1 {
   color: #000 !important;
   line-height: 28px !important;
}

.body-wrapper>div:not(.detail-wrapper) .list-main-section .list-container .list-listing .listing-top-right .listing-dealer-info .dealer-name,
.body-wrapper>div:not(.detail-wrapper) .list-main-section .list-container .fin-calc,
.body-wrapper>div:not(.detail-wrapper) .list-listing-mobile .listing-dealer-info .spec-value,
.body-wrapper>div:not(.detail-wrapper) .fin-calc,
.body-wrapper>div:not(.detail-wrapper) .fin-calc p,
.body-wrapper>div:not(.detail-wrapper) .list-main-section .list-container .list-error .info,
.body-wrapper>div:not(.detail-wrapper) .parts-bottom-section .parts-list-view .parts-list-content .error-message,
.body-wrapper>div:not(.detail-wrapper) .info,
.body-wrapper>div:not(.detail-wrapper) .list-title .list-listings-count,
.body-wrapper>div:not(.detail-wrapper) .parts-top-section .parts-title-and-breadcrumbs .parts-title .parts-listings-count,
.body-wrapper>div:not(.detail-wrapper) .list-top-section .listing-option-bar .list-listings-count,
.body-wrapper>div:not(.detail-wrapper) span.part-list-price.bold,
.body-wrapper>div:not(.detail-wrapper) .dealer-company-header,
.body-wrapper>div:not(.detail-wrapper) .dealer-info h3,
.body-wrapper>div:not(.detail-wrapper) .listing-description-text,
.body-wrapper>div:not(.detail-wrapper) .paging-container .list-page-number,
.body-wrapper>div:not(.detail-wrapper) .paging-container .page-number,
.body-wrapper>div:not(.detail-wrapper) .listing-main-stats .price,
.body-wrapper>div:not(.detail-wrapper) .list-container-flexrow .price-container .price,
.body-wrapper>div:not(.detail-wrapper) h2.listing-portion-title,
.body-wrapper>div:not(.detail-wrapper) .list-listing-mobile .price-container .price,
.body-wrapper>div:not(.detail-wrapper) .compare-listings-container .compare-container .comp-header-img .comp-title-close-cont .compare-title,
.body-wrapper>div:not(.detail-wrapper) .compare-listings-container .compare-container .compare-price,
.body-wrapper>div:not(.detail-wrapper) .rent-title,
.body-wrapper>div:not(.detail-wrapper) .rent-title-details,
.body-wrapper>div:not(.detail-wrapper) span.list-title-text,
.body-wrapper>div:not(.detail-wrapper) a.search-results-link,
.body-wrapper>div:not(.detail-wrapper) h3.listing-portion-title {
   color: #000 !important;
}

.body-wrapper>div:not(.detail-wrapper) .mobile-option-bar .mobile-option-bar-filter,
.body-wrapper>div:not(.detail-wrapper) span.listing-prices__retail-price,
.body-wrapper>div:not(.detail-wrapper) span.parts-listings-count {
   color: #000 !important;
   /*-----------------------MEDIA QUERIES-----------------------*/
}

.inv-buttons {
   display: flex;
   align-items: center;
   width: 100%;
   margin: 0 auto;
   padding: 20px 0;
}

.inv-buttons a {
   justify-content: flex-start;
   width: 13%;
   background: #222c6a;
   color: #fff;
   padding: 20px 0;
   text-transform: uppercase;
   margin: 3px;
   text-align: center;
   border-radius: 4px;
   font-weight: 700;
   font-size: 14px;
   letter-spacing: .75px;
}

.inv-buttons a:hover {
   background: #0d1546;
}

@media screen and (max-width: 1255px) {
   .inv-buttons a {
      font-size: 12px;
      letter-spacing: 0px;
      width: 14%;
      margin: 2px;
      padding: 15px 0;
   }
}

@media screen and (max-width: 775px) {
   .inv-buttons {
      display: block;
   }

   .inv-buttons a {
      justify-content: flex-end;
      width: 31%;
      display: inline-block;
      padding: 20px 0;
      font-size: 14px;
   }
}

@media screen and (max-width: 525px) {
   .inv-buttons {
      padding: 10px 0;
   }

   .inv-buttons a {
      width: 47%;
      padding: 10px 0;
      font-size: 12px;
      margin: 3px;
   }

   .inv-buttons a#all {
      width: 96%;
      display: block;
      margin: 3px;
   }
}

@media screen and (max-width: 310px) {
   .inv-buttons {
      display: none;
   }
}

/*! CSS Used from: /themes/SandhillsTemplate/css/reset.css?m=1353967484 */
div {
   margin: 0;
   padding: 0;
   border: 0;
   font-size: 100%;
   font: inherit;
   vertical-align: baseline;
}

.NextButton5.col-sm-6.nextButton-container-blog-posts {
   display: none;
}

.PrevButton5.col-sm-6.prevButton-container-blog-posts {
   display: none;
}

a:hover,
a:active {
   outline: none;
}

/*! CSS Used from: /themes/SandhillsTemplate/css/layout.css?m=1630689495 */
a {
   color: #000;
}

a:hover {
   color: #222c6a;
}

.inv-buttons {
   display: flex;
   align-items: center;
   width: 100%;
   margin: 0 auto;
   padding: 20px 0;
   justify-content: center;
   margin-top: 50px;
}

.inv-buttons a {
   justify-content: flex-start;
   width: 13%;
   background: #222c6a;
   color: #fff;
   padding: 20px 0;
   text-transform: uppercase;
   margin: 3px;
   text-align: center;
   border-radius: 4px;
   font-weight: 700;
   font-size: 14px;
   letter-spacing: .75px;
}

.inv-buttons a:hover {
   background: #0d1546;
}

@media screen and (max-width: 1255px) {
   .inv-buttons a {
      font-size: 12px;
      letter-spacing: 0px;
      width: 14%;
      margin: 2px;
      padding: 15px 0;
   }
}

@media screen and (max-width: 775px) {
   .inv-buttons {
      display: block;
   }

   .inv-buttons a {
      justify-content: flex-end;
      width: 31%;
      display: inline-block;
      padding: 20px 0;
      font-size: 14px;
   }
}

@media screen and (max-width: 525px) {
   .inv-buttons {
      padding: 10px 0;
   }

   .inv-buttons a {
      width: 47%;
      padding: 10px 0;
      font-size: 12px;
      margin: 3px;
   }

   .inv-buttons a#all {
      width: 96%;
      display: block;
      margin: 3px;
   }
}

@media screen and (max-width: 310px) {
   .inv-buttons {
      display: none;
   }
}

/*! CSS Used from: /themes/SandhillsTemplate/css/typography.css?m=1510952959 */
body a {
   text-decoration: none;
}

body a:link {
   -webkit-tap-highlight-color: #b80000;
}

::-moz-selection {
   background: #222c6a;
   color: #fff;
   text-shadow: none;
}

::selection {
   background: #222c6a;
   color: #fff;
   text-shadow: none;
}