/* 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;  padding: 0;} ol, ul{list-style: none;} img{max-width: 100%; height: auto; image-rendering: -webkit-optimize-contrast;} @-ms-viewport{ width: auto !important;}
.entry-content{max-width: 100%; min-width: 300px;}

.column12, .column11, .column10, .column9, .column8, .column7, .column6, .column5, .column4, .column3, .column2, .column1{float: left; padding: 0 20px 0 0;} .column12{width: 100%;} .column11{width: 91.6666%;} .column10{width: 83.3333%;} .column9{width: 75%;} .column8{width: 66.6666%;} .column7{width: 58.3333%;} .column6{width: 50%;} .column5{width: 41.6666%;} .column4{width: 33.3333%;} .column3{width: 25%;} .column2{width: 16.6666%;} .column1{width: 8.3333%;} .last{padding: 0;} .cf{zoom: 1;} .cf:before, .cf:after{content: ""; display: table;} .cf:after{clear: both;} .clear{clear: both;} *{box-sizing: border-box;}
.main{padding: 50px 0;} 
.container{max-width: 1250px !important; margin: 0 auto; }

/* TYPOGRAPHY */

html, body{font-family: "Roboto", sans-serif; font-size: 16px; -webkit-text-size-adjust: none}
::-moz-selection{background: #ff3600; color: #fff; text-shadow: none} ::selection{background: #ff3600; color: #fff; text-shadow: none}

h1, h2, h3, h4, h5, h6{font-family: "Roboto Condensed", sans-serif; font-weight: 700;}
h1{font-size: 36px;} h2{font-size: 24px;} h3{font-size: 18px;} h4{font-size: 16px;}
p{font-size: 16px; line-height: 24px;}
a{color: inherit; transition: all .2s ease-in-out;} a:hover{color: inherit;}
.theme-color{color: #ff3600;}

a.button, a.btn{display: block; background: #ff3600; padding: 12px; font-family: "Roboto Condensed", sans-serif; font-size: 16px; font-weight: 700; text-transform: uppercase; text-align: center; color: #fff;} a.btn{display: inline-block;}
a.button:hover, a.btn:hover{background: #992100; color: #fff;}

/* HEADER */

.top-header{position: relative; background: #fff; color: #333; z-index: 99999999; margin: 0 auto !important;}
.top-header .orange-bar{float: left; width: 210px; height: 37px; background: #ff3600; border-bottom: 1px #000 solid;}
.top-header .nav{float: right; position: relative; font-size: 0; text-align: right; z-index: 99999;}
.top-header .nav img{position: relative; top: -2px; max-height: 15px; padding-right: 3px;}
.top-header .nav ul li{border-left: 1px #ccc solid;}
.top-header .nav ul li a{padding: 10px 15px; color: #333; border: none;}
.top-header .nav ul li:hover > a{border-bottom: none; background: #f5f5f5;}
.top-header .nav ul ul li a, .top-header .nav ul ul li:hover > a{color: #333;}
.top-header .search-toggle{float: right; position: relative; color: #333; padding: 8px 12px 9px; border-left: 1px #ccc solid; border-right: 1px #ccc solid; cursor: pointer;}
.top-header .search-toggle:hover, .top-header .search-toggle.active{color: #555;}
.top-header .search-toggle .quick-search{top: calc(100% + 2px);}

.header{position: relative; background: #000; border-bottom: 1px #fff solid; box-shadow: 0 0 5px 0 rgba(0,0,0,.25); margin: 0 auto !important;}
.header .logo{float: left; background: #ff3600; padding: 12px 50px 12px 25px; font-family: "Roboto Condensed", sans-serif; font-weight: 700;}
.header .logo a, .header .logo a:hover{color: #fff;}
.header .logo img{width: 135px;} .header .logo span{display: inline-block; text-indent: 45px; padding: 8px 0 2px;}
.header .nav{float: right; width: calc(100% - 250px); position: relative; font-size: 0; text-align: right; z-index: 99999;}




/* NAVIGATION */

.nav ul li{display: inline-block; position: relative;}
.nav ul li a{display: block; font-family: "Roboto Condensed", sans-serif; font-size: 14px; font-weight: 700; text-transform: uppercase; color: #fff; padding: 30px 10px; border-bottom: 5px transparent solid; text-decoration: none;}
.nav ul li:hover > a{border-bottom: 5px #ff3600 solid;}
.nav ul li:hover > ul{left: -1px;}
.nav ul ul{display: block; position: absolute; left: -9999px; border-bottom: 1px #fff solid; box-shadow: 0 0 5px 0 rgba(0,0,0,.25);}
.nav ul ul li{border: 1px #fff solid; border-bottom: none;}
.nav ul ul li a{background: #fff; width: 220px; text-transform: none; text-align: left; color: #333; padding: 12px 15px; border-bottom: none;}
.nav ul ul li:hover > a{background: #f5f5f5; border-bottom: none;}

.mobile-menu, .toggle-menu, .toggle-menu ul ul{display: none; position: relative;}
.mobile-menu .fa{margin: 0 5px 0 0;}
.mobile-menu a{float: left; width: 33.3333%; display: block; background: #ff3600; font-family: "Roboto Condensed", sans-serif; font-weight: 700; font-size: 12px; text-transform: uppercase; text-align: center; color: #fff; border: 1px solid #fff; padding: 10px 5px; cursor: pointer;} .mobile-menu a:hover{background: #444;}
.mobile-menu .quick-search{top: 100%; width: 100%;}
.mobile-menu .quick-search input[type="text"]{padding: 15px !important;}

.toggle-menu .has-sub{position: relative; cursor: pointer;}
.toggle-menu .has-sub:after{position: absolute; color: #fff; top: 20px; right: 20px;}
.toggle-menu .toggle-active:after{}
.toggle-menu ul li a{display: block; background: #333; font-family: "Roboto Condensed", sans-serif; font-weight: 700; font-size: 14px; text-transform: uppercase; border-bottom: 1px #777 solid; color: #fff; padding: 20px; width: 100%;}
.toggle-menu ul ul li a{background: #555; padding: 20px;}


/* FOOTER */

.footer{background: #000; padding: 50px 0 15px; font-family: "Roboto Condensed", sans-serif; font-size: 15px; font-weight: 700; text-transform: uppercase; line-height: 24px; color: #999; border-top: 1px #fff solid;}
.footer h3{margin-bottom: 10px; color: #fff;}
.footer .footer-links a{line-height: 24px; color: #999; text-decoration: none;} .footer .footer-links a.theme-color{color: #ff3600;} .footer .footer-links a:hover{color: #fff; }
.footer  .column3 ul{margin-left: 0;}
.footer .social{margin: 15px 0;} .footer .social ul li{display: inline;} .footer .social ul li a{font-size: 24px; padding: 0 5px;}
.footer .copyright{font-size: 12px; text-transform: uppercase; line-height: 18px; color: #999;}
.modal{color: #000;}
.footer .social img {width: 25px; height: auto;}
.hs-btn.hs-highlighted {background: #ff3600 !important; color:#fff !important;}

/* RESPONSIVE */

@media screen and (max-width: 1600px){
    .offer-image img{-webkit-mask-image: none;}
	.testimonials .request-container{ width: calc(100% - 100px);}
}
@media screen and (max-width: 1500px){
	.testimonials .request-container{margin: 50px auto; flex: none; display: block;}
    .testimonials .request-container .request-box{flex: none; margin: 10px 0; display: inline-block; width: 49.5%; height: 250px; vertical-align: top;}
}
@media screen and (max-width: 1200px){
    .nav ul li a{font-size: 12px; padding: 32px 5px;}
    .about-section{padding: 100px 15px 25px;}
    .about-section .about-image, .about-section .about-text{float: none; width: 100%; padding: 0;}
    .about-section .about-image{text-align: center;} .about-section .about-image img{top: 0; max-height: 100px;}
    
    .testimonials{padding: 25px 15px;}
    .testimonials .testimonial-container, .testimonials .request-container{float: none; width: 100%; display: block;}
    .testimonials .request-container{margin: 50px 0 0;}
    .testimonials .request-container .request-box{flex: none; margin: 10px 0; width: 100%; height: auto;}
    
    .promotions .promo-slider, .promotions .promo-links{float: none; width: 100%;}
    .promotions .promo-links{padding: 25px;}
    .search-form{padding: 25px;}
	
}
@media screen and (max-width: 1024px){
    .container{width: calc(100% - 30px) !important;}
    .top-header, .nav{display: none;}
    .header{display: table; margin: auto; box-shadow: none;}
    .header .container{width: 100% !important;}
    .header .logo{width: auto; white-space: nowrap;}
    .mobile-menu{display: block; box-shadow: 0 0 5px 0 rgba(0,0,0,.25);}
    
    .hero{display: block;}
    .hero .showroom-bg, .hero .new-bg{flex: none; padding: 50px 25px; margin: 0;}
    .categories .category-container{width: 100%; border-radius: 0; box-shadow: none; padding: 25px 0; top: 0;}
    .categories .category-row{display: block;} .categories .category{float: left; width: calc(50% - 2px);}
    .categories .category:nth-child(2n+1){clear: both;}
    
    .category-container{width: 100%; border-radius: 0; box-shadow: none; padding: 25px 0; top: 0;}
    .category-row{display: block;} .category{float: left; width: calc(50% - 2px);}
    .category:nth-child(2n+1){clear: both;}
    
    .title-container{padding: 25px 0;}
    .white-bg{width: 100%; border-radius: 0; box-shadow: none; padding: 25px 15px; top: 0;}
    .team-images .employee{width: calc(50% - 10px); margin: 10px 5px;}
    .team-images .employee img{margin: 0 auto 15px;}
    .team-images .employee:nth-child(2n+1){clear: both;} .team-images .employee:nth-child(4n+1){clear: none;}
    
    .offer-image{position: relative !important; left: 0; max-width: 100% !important; width: 100% !important; height: 75px !important; margin-bottom: 20px !important; text-align: center; box-shadow: none;}
    .offer-image img{max-width: 100% !important; width: 100% !important;}
}
@media screen and (max-width: 768px){
    .column9, .column8, .column6, .column4, .column3{float: none; width: 100%; padding: 0; margin: 10px 0;}
    
    .categories .category-title .category-main, .categories .category-title .category-sub{display: block; width: 100%; padding: 10px 15px;}
    .categories .category-title .container{width: 100% !important; margin: 0;}
    .categories .category-title .category-main .fa{display: none;}
    .auctions{padding: 50px 25px;}
    .auctions .auction-container{padding: 25px;}
    .auctions .auction-container .auction-title{font-size: 24px;}
    
    .locations{display: block;}
    .locations .location-sidebar{display: block; width: 100%; margin: 0 0 10px;}
    .locations .location-content{flex: none; width: 100%;}
    
    .dealer-container, .team-container{display: block;}
    .dealers-image, .team-text{width: 100%;}
    .dealers-text, .team-text, .team-images{padding: 15px; text-align: center;}
    .team-text h2{font-size: 28px;}
    
    .video-thumbnail{width: calc(50% - 10px);}
    .video-thumbnail:nth-child(2n+2){clear: both;}
    
    .widget_sandhills_bobcat_offers .offer{width: calc(50% - 20px);}
    .widget_sandhills_bobcat_offers .offer:nth-child(2n+1){clear: both;} .widget_sandhills_bobcat_offers .offer:nth-child(3n+1){clear: none;}
    
    .footer{padding: 25px 0 0; text-align: center;}
    .footer .quick-search, .footer-links{display: none;}
    .footer .column9{text-align: center;}
}
@media screen and (max-width: 480px){
	input, select{-webkit-appearance: none;}
	input[type="checkbox"]{-webkit-appearance: checkbox;}
    
    .about-section .button-container a{display: block; margin: 5px 0;}
    .promotions .promo-links .link-box{text-align: center;}
    .promotions .promo-links .link-box a{display: block; float: none; text-align: center;}
    
    .video-thumbnail{float: none; width: 100%; margin: 0 0 15px;}
    
    .widget_sandhills_bobcat_offers .offer{width: 100%; margin-left: 0 !important; margin-right: 0 !important;}
    .widget_sandhills_bobcat_offers .offer{clear: both;} .widget_sandhills_bobcat_offers .offer:nth-child(2n+1){clear: none;} .widget_sandhills_bobcat_offers .offer:nth-child(3n+1){clear: none;}
}