/***** BEGIN 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;
}
table{border-collapse:collapse; width:100%;}
td{vertical-align:top;}
/* Make HTML 5 elements display block-level for consistent styling */
header, nav, article, footer, address {
display: block;
}
/*-------- COLORS --------
*/
/***** END RESET *****/
::-moz-selection {
background: #000;
color: #fff;
text-shadow: none;
}
::selection {
background: #000;
color: #fff;
text-shadow: none;
}
/* Clearfix */
.cf:before,
.cf:after {
content: " ";
display: table;
}
.cf:after {
clear: both;
}
.cf {
*zoom: 1;
}
/*-------- BODY STYLES --------*/
html {font-family: 'Gotham Narrow', sans-serif !important;}
a:link, a:visited, a:active {text-decoration:none;}
a:hover {text-decoration:none;}
hr{border:#000 1px solid;}
button:hover {cursor: pointer;}
/*--- HEADER STYLES ---------------------*/
.site-header {background: #102b4a; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
.site-header a {color: #fff; font-size: 15px; line-height: 40px; font-family: 'Gotham Narrow', sans-serif !important;}
.header-wrapper {display: flex; justify-content: space-between;}
.phone-email {display: flex; gap: 40px; padding-left: 80px;}
.header-location {background: #fff; clip-path: polygon(4.5% 0%, 100% 0%, 100% 100%, 0% 100%); padding: 0px 80px 0px 60px;}
.header-location a {color: #34498c;}
/*---BODY--------------------------------*/
/*---DEFAULT---*/
#hero-bkgrd {background: url("/siteart/new-desktop-hero.jpg") no-repeat; background-size: cover; background-position: right; margin-top: 15px; display: flex;}
.hero-callto {background: #34498c; clip-path: polygon(0% 0%, 100% 0%, 82% 100%, 0% 100%); width: 50%; padding: 60px 0px 71px 80px;}
.hero-callto h1 {color: #fff; font-size: 60px; text-shadow: 1px 5px 6px rgba(0, 0, 0, 0.35); line-height: 38px;}
.hero-callto h1 span {font-size: 22px; text-shadow: none;}
.hero-callto p {color: #fff; width: 75%; font-size: 16px; line-height: 24px; margin-top: 22px; margin-bottom: 50px;}
.hero-links {display: flex; align-items: center; gap: 10px; margin-bottom: 30px;}
.hero-links img {width: 70px;}
.hero-links a, .hero-links h2 {color: #fff;}
.hero-links h2, .hero-links i {text-shadow: 1px 5px 6px rgba(0, 0, 0, 0.35);}
.hero-links a {font-weight: 300;}
.hero-links i {font-size: 15px;}
.design-slant {position: relative; right: 10%; height: 512px;}
.design-slant img {height: 100%;}
.hero-callto .hero-links p {margin-top: 2px !important; margin-bottom: 0px !important;}
.hero-content-wrapper a:hover i {padding-left: 10px; transition: .5s;}
.inventory-search {background: #102b4a; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; text-align: center;}
.inventory-search form {display: flex; justify-content: center; gap: 7px; width: 90%; margin: 0 auto; padding: 30px 0 35px 0;}
.inventory-search button {margin-left: 15%; width: 145px; background: transparent; border: #fff 2px solid; color: #fff; font-family: 'Gotham Narrow', sans-serif; padding: 8px 0;}
.inventory-search button:hover {background: #fff; color: #102b4a;}
.inventory-search .condition {width: 18%;}
.inventory-search .manufacturer, .inventory-search .keywords {width: 23%;}
.inventory-search input {padding: 8px 0 8px 15px;}
.about-contact {display: flex; justify-content: space-between;}
.get-in-touch { background-color: #34498c; background-image: url("/siteart/get-in-touch-bkgrd.png"); background-repeat: no-repeat; background-size: cover; background-position: right; padding: 70px 50px 0 0; position: relative;}
.get-in-touch-wrapper {display: flex; width: 236px; padding-left: 15px; position: relative;}
.get-in-touch img {position: absolute; top: 0; right: 0; height: 100%;}
.about-us {padding: 70px 0 105px 80px; width: 54%;}
.about-us h3 {font-size: 32px; line-height: 28px; text-shadow: 1px 5px 6px rgba(0, 0, 0, 0.15); margin-bottom: 16px;}
.about-us h3 span {font-size: 21px; font-weight: 400; text-shadow: none;}
.about-us p {font-weight: 300; font-size: 15px; line-height: 20px;}
.about-us-buttons {margin-top: 25px; display: flex; gap: 10px;}
.about-us-buttons button {width: 180px; padding: 8px 0; text-transform: uppercase; font-family: 'Gotham Narrow', sans-serif; color: #102b4a; background: #fff; border: #102b4a 2px solid; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
.about-us-buttons button:hover {background: #102b4a; color: #fff;}
.get-in-touch-wrapper h3 {font-size: 32px; color: #fff; line-height: 30px; text-shadow: 1px 5px 6px rgba(0, 0, 0, 0.35); margin-bottom: 25px; display: flex; gap: 14px;}
.get-in-touch-wrapper h3 i {color: #fff; font-size: 48px; text-shadow: 1px 5px 6px rgba(0, 0, 0, 0.35);}
.get-in-touch-wrapper a {color: #fff; line-height: 21px;}
.get-in-touch-wrapper p {margin-bottom: 14px;}
.in-touch-hr {display: none;}
/*---ABOUT US---*/
.about-map {display: flex; justify-content: space-between; margin-top: 56px; margin-bottom: 4px;}
.about-page {width: 90%; margin: 0 auto; margin-top: 90px;}
.about-page p {width: 75%; font-size: 15px; line-height: 21px; font-weight: 300;}
.about-map img {width: 40%}
.about-page-button {margin-top: 25px; display: flex; gap: 10px;}
.about-page-button button {width: 180px; padding: 8px 0; text-transform: uppercase; font-family: 'Gotham Narrow', sans-serif; color: #102b4a; background: #fff; border: #102b4a 2px solid; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
.about-page-button button:hover {background: #102b4a; color: #fff;}
.about-map a {color: #fff; font-family: 'Gotham Narrow', sans-serif !important; line-height: 21px;}
.about-map p {margin-bottom: 10px;}
.about-map a:hover {color: #102b4a;}
.about-page-map {width: 60%; display: flex;}
.about-page-map hr {border: #34498c 8px solid !important; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px !important; height: 96.5%; width: 0px; margin-top: 0px; margin-bottom: 0px;}
.about-page-touch {background-color: #34498c; background-image: url("/siteart/about-page-bkgrd.jpg"); background-repeat: no-repeat; background-size: cover; width: 40%; padding-left: 80px; padding-top: 60px;}
.about-map h2 {color: #fff; font-size: 32px; line-height: 30px; text-shadow: 1px 5px 6px rgba(0, 0, 0, 0.35); margin-bottom: 17px;}
.about-page-touch button {width: 180px; padding: 8px 0; text-transform: uppercase; font-family: 'Gotham Narrow', sans-serif; color: #fff; background: #34498c; border: #fff 2px solid; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; margin-top: 15px;}
.about-page-touch button:hover { background: #fff; color: #34498c;}
.about-page h1 {margin-bottom: 10px;}
/*---CONTACT US---*/
.form-wrapper h1, .form-p {font-family: 'Gotham Narrow', sans-serif; color: #fff;}
.form-wrapper .submitselect {width: 180px; padding: 8px 0; text-transform: uppercase; font-family: 'Gotham Narrow', sans-serif; color: #fff; background: #34498c; border: #fff 2px solid; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; display: block; text-align: center;}
.form-wrapper .submitselect:hover {background: #fff !important; color: #34498c; cursor: pointer;}
.contact-page {background-color: #34498c; background-image: url("/siteart/contact-bkrgd.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center; width: 100%; margin-bottom: 5px; margin-top: 0px !important;}
.form-width {width: 90%; margin: 0 auto;}
.contact-hr hr {border: #34498c 10px solid !important; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px !important; height: 0px; margin-top: 40px; margin-bottom: 0px; position: relative; z-index: 600;}
.contact-page p {width: 75%; font-size: 15px; line-height: 21px; font-weight: 300;}
.contact-page h1 {margin-bottom: 10px;}
/*---THANK YOU---*/
.thank-you .button-flex {margin-top: 15px; display: flex; gap: 10px;}
.thank-you button {width: 180px; padding: 8px 0; text-transform: uppercase; font-family: 'Gotham Narrow', sans-serif; color: #102b4a; background: #fff; border: #102b4a 2px solid; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
.thank-you button:hover {background: #102b4a; color: #fff;}
.thank-you p {margin-top: 10px;}
.thank-you {margin-bottom: 100px;}
/*--------FORM STYLES--------------------*/
.form-wrapper {width: 75%; padding-bottom: 110px; padding-top: 55px;}
.form-wrapper h1 {padding-bottom: 10px;}
.form-wrapper tr {display: flex; gap: 26px;}
.form-wrapper td {width: 100%;}
.form-wrapper input {width: 99%;}
.form-wrapper input {padding: 8px 0px 8px 15px; margin-bottom: 8px;}
.form-p {padding-bottom: 8px;}
.form-wrapper .select {width: 50.35%;}
.form-wrapper select {width: 100%; padding: 8px 0px 8px 7px; margin-bottom: 8px;}
.form-wrapper h2 {font-size: 22px; padding-bottom: 0;}
.form-wrapper textarea {width: 100%; font-family: 'Arial', sans-serif; padding: 8px 0px 8px 12px;}
.form-wrapper .submitselect:hover {background: #2c2c2c;}
.form-wrapper .captcha-selected {margin-top: 55px; width: 100%;}
.form-wrapper .CaptchaAnswerPanel input, .form-wrapper .submit, .form-wrapper .reset {width: 200px !important;}
.form-wrapper .CaptchaWhatsThisPanel a {color: #fff !important; font-family: 'Gotham Narrow', sans-serif; font-size: 16px; font-weight: 400;}
.form-wrapper .CaptchaWhatsThisPanel a:hover {cursor: pointer; border-bottom: #fff 2px solid;}
.form-wrapper .CaptchaMessagePanel {font-weight: 600; font-family: 'Gotham Narrow', sans-serif; font-size: 15px; color: #fff;}
.form-wrapper .submit, .form-wrapper .reset {width: 180px; padding: 8px 0; text-transform: uppercase; font-family: 'Gotham Narrow', sans-serif; color: #fff; background: #34498c; border: #fff 2px solid; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
.form-wrapper .submit:hover, .form-wrapper .reset:hover {background: #fff; color: #34498c; cursor: pointer !important;}
.margin-top-send {margin-top: 13px;}
.form-wrapper .service-radio input {width: 2%;}
.form-wrapper .service-radio label {margin-right: 15px;}
.form-wrapper .service-radio p {margin-bottom: 4px;}
.captcha-selected {display: flex; justify-content: center;}
.form-wrapper .captcha-selected {width: 45%; margin: 0 auto !important; margin-top: 55px !important;}
/*-------- FOOTER STYLES ----------------*/
.footer {background: #34498c; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; position: relative; z-index: 900; margin-top: -60px;}
.footer-wrapper {width: 90%; margin: 0 auto; display: flex; justify-content: space-between; padding-top: 36px;}
.footer-nav {display: flex; justify-content: space-between; width: 370px;}
.footer a {color: #fff; font-family: 'Gotham Narrow', sans-serif !important;}
.footer ul li a {font-size: 15px; line-height: 28px;}
.footer-contact-links {margin-top: 50px;}
.footer-contact-links a {line-height: 21px;}
.footer-contact-links p {margin-bottom: 10px;}
.footer-location {margin-top: 24px !important; margin-bottom: 40px !important;}
.footer h4 {color: #fff; font-size: 18px; margin-bottom: 10px;}
.footer button { width: 180px; padding: 8px 0; font-family: 'Gotham Narrow', sans-serif; color: #fff; background: #34498c; border: #fff 2px solid; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; margin-bottom: 10px;}
.footer-button-flex {margin-top: 52px;}
.footer button:hover {background: #fff; color: #34498c;}
.hosted-by {background: #102b4a; text-align: center; padding: 18px 0;}
.hosted-by h5 {color: #fff; font-weight: 400; font-family: 'Gotham Narrow', sans-serif;}
/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/
.list-content, .detail-wrapper {margin-top: 40px !important; margin-bottom: 80px !important;}
.list-top-section .list-title .list-title-text, .list-content, .list-content .media-buttons .print-this, .list-content .media-buttons .email-this, .faceted-search-content .faceted-section-head, .faceted-search-content .faceted-section-box .faceted-search, .faceted-search-content .faceted-section-box .faceted-btn-container .faceted-show-all-btn, .list-content .listing-portion-title, .list-content .list-listing .listing-main-stats .spec-label, .list-content .price-container .price, .list-content .spec-value, .list-content .list-listing .dealer-name, .list-content .dealer-data, .list-content .list-listing .listing-top-right .listing-dealer-info .phone-link, .list-content .listing-description, .list-content .listing-widgets a, .breadcrumbs__link, .whiteoakequipmentsalescomhdev-xhioxp, .detail__title, .detail__category, .currency-selector .currency-select, .listing-prices__retail-price, .listing-prices__discount-formatted-price, .listing-prices__alternate-retail-price, .listing-prices__exclusive-wholesale-price, .whiteoakequipmentsalescomhdev-88jlbf, .detail__machine-location-label-text, .whiteoakequipmentsalescomhdev-1rt9xjc, .whiteoakequipmentsalescomhdev-9uiqsl, .dealer-contact__branch-name, .dealer-contact__label, .detail-shipping__branch-name, .detail-shipping__label, .whiteoakequipmentsalescomhdev-9gup2g, .whiteoakequipmentsalescomhdev-9b9i01, .whiteoakequipmentsalescomhdev-1cczsil, .detail__specs-heading, .detail__specs-label, .inspection__spec-label, .detail__specs-value, .detail__specs-value_showroom {font-family: 'Gotham Narrow', sans-serif !important;}
.list-top-section .list-title .list-listings-count, .list-top-section .sticky-top-menu .listing-option-bar-content .list-listings-count, .list-content .price-container .price, .listing-prices__retail-price, .listing-prices__discount-formatted-price, .listing-prices__alternate-retail-price, .listing-prices__exclusive-wholesale-price {color: #34498c !important;}
.faceted-search-content .faceted-section-box .faceted-search, .faceted-search-content .faceted-section-box .faceted-btn-container .faceted-show-all-btn, .contact-list a, .grouped-faceted-header, .whiteoakequipmentsalescomhdev-88jlbf {background: #102b4a !important;}
.list-content .list-listing .listing-top-right .listing-dealer-info .phone-link {padding-left: 5px;}
.list-content .listing-description, .disclaimer, .detail__specs-value, .detail__specs-value_showroom {font-weight: 300 !important;}
.view-listing-details-link {background: #34498c !important;}
.disclaimer {font-size: 15px; line-height: 21px;}
/*---------- RESPONSIVE STYLES ----------*/
@media only screen and (max-width: 1520px) {
.design-slant {right: 11%;}
}
@media only screen and (max-width: 1355px) {
.design-slant {right: 11.5%;}
}
@media only screen and (max-width: 1330px) {
.form-wrapper .captcha-selected {width: 56%;}
}
@media only screen and (max-width: 1310px) {
.design-slant {height: 536px; right: 12.5%;}
.hero-callto {clip-path: polygon(0% 0%, 100% 0%, 78% 100%, 0% 100%);}
}
@media only screen and (max-width: 1270px) {
.design-slant {right: 13.5%;}
}
@media only screen and (max-width: 1240px) {
.phone-email, .hero-callto, .about-us, .about-page-touch {padding-left: 30px;}
.header-location {padding-right: 30px;}
.hero-callto {width: 60%;}
.inventory-search .condition {width: 20%;}
.inventory-search button {margin-left: 10%;}
.inventory-search .manufacturer, .inventory-search .keywords {width: 25%;}
.get-in-touch {padding: 70px 15px 0 0;}
.about-us {width: 60%; padding-right: 50px;}
.hero-callto {clip-path: polygon(0% 0%, 100% 0%, 79% 100%, 0% 100%);}
.about-page-map {width: 55%;}
.footer-wrapper, .about-page {width: 95%;}
.about-page-touch {width: 43%;}
.about-page {margin-top: 90px;}
}
@media only screen and (max-width: 1180px) {
.design-slant {right: 14.5%;}
}
@media only screen and (max-width: 1100px) {
.design-slant {right: 15%;}
}
@media only screen and (max-width: 1085px) {
.get-in-touch {padding: 70px 39px 0 0;}
.about-us {width: 60%; padding-right: 100px;}
}
@media only screen and (max-width: 1060px) {
.hero-callto {clip-path: polygon(0% 0%, 100% 0%, 77% 100%, 0% 100%);}
.design-slant {right: 16%;}
}
@media only screen and (max-width: 1050px) {
.get-in-touch {padding: 70px 40px 0 0;}
.footer-wrapper {flex-wrap: wrap;}
.footer-contact-links {width: 100%; margin-top: 6px;}
.footer-wrapper {padding-bottom: 50px;}
.footer-location {margin-top: 12px !important;}
}
@media only screen and (max-width: 1031px) {
.form-wrapper .captcha-selected {width: 68%;}
}
@media only screen and (max-width: 1000px) {
.header-location {display: none;}
.inventory-search button {margin-left: 5%;}
.about-page-map {width: 50%;}
.about-page-touch {width: 47%;}
.about-page {margin-top: 75px;}
.about-page p {width: 100%;}
.form-wrapper {width: 98.5%;}
}
@media only screen and (max-width: 990px) {
.design-slant {right: 16.5%;}
}
@media only screen and (max-width: 960px) {
.hero-callto {clip-path: polygon(0% 0%, 100% 0%, 76% 100%, 0% 100%);}
.design-slant {right: 17%;}
}
@media only screen and (max-width: 950px) {
.about-us, .get-in-touch {width: 100%;}
.about-contact {flex-wrap: wrap;}
.about-us {padding-left: 0px; width: 90%; margin: 0 auto;}
.get-in-touch {background-color: #34498c; background-image: url("/siteart/get-in-touch-bkgrd-mobile.jpg"); background-repeat: no-repeat; background-size: cover; background-position: right; padding: 0px 0 50px 0;}
.get-in-touch img {display: none;}
.get-in-touch-wrapper {padding-left: 0px; width: 90%; margin: 0 auto;}
.message-bubble {right: 188px;}
.in-touch-hr {display: contents;}
.in-touch-hr hr {border: #34498c 10px solid !important; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px !important; height: 0px; margin-top: 0px; margin-bottom: 40px; position: relative; z-index: 600;}
.about-us {padding: 52px 0 80px 0;}
}
@media only screen and (max-width: 1160px) {
.design-slant {right: 17.5%;}
.about-map {flex-wrap: wrap; margin-top: 50px;}
.about-page-map {width: 100%; margin-top: 30px;}
.about-page-touch {width: 100%;}
.about-page-map hr {width: 100%; height: 0px;}
.about-page-map {flex-wrap: wrap; margin-top: 0px;}
.about-page-touch {padding-bottom: 40px; padding-left: 0px;}
.about-page-width {width: 95%; margin: 0 auto;}
.about-page {margin-top: 60px;}
.hero-callto {width: 100%; clip-path: none; background: rgba(49,76,144,0.92);}
.hero-callto p {width: 80%;}
.inventory-search button {margin-left: 0%;}
.design-slant {display: none;}
#hero-bkgrd {background-position: 100% 0;}
.hero-call-to {clip-path: none;}
#hero-bkgrd {background: url("/siteart/new-hero.jpg") no-repeat; background-size: cover; background-position: center;}
}
@media only screen and (max-width: 910px) {
.design-slant {right: 18%;}
}
@media only screen and (max-width: 880px) {
.design-slant {right: 18.5%;}
}
@media only screen and (max-width: 860px) {
.design-slant {right: 19%;}
}
@media only screen and (max-width: 708px) {
#hero-bkgrd {background-position: 91% 0;}
}
@media only screen and (max-width: 700px) {
.phone-email {width: 100%; justify-content: center; padding-left: 0px;}
.inventory-search form {flex-wrap: wrap; gap: 10px;}
.inventory-search .condition, .inventory-search .manufacturer, .inventory-search .keywords, .inventory-search button, .form-wrapper .submitselect, .thank-you button {width: 100%;}
.inventory-search input, .form-wrapper input, .form-wrapper textarea {padding: 12px 0 12px 15px;}
.inventory-search button, .about-us-buttons button, .about-page-button button, .about-page-touch button, .form-wrapper .submitselect, .thank-you button {padding: 12px 0;}
.about-us-buttons a, .about-us-buttons button, .about-page-button a, .about-page-button button, .about-page-touch a, .about-page-touch button, .thank-you .button-flex a {width: 100%;}
.about-us-buttons, .about-page-button, .button-flex {flex-wrap: wrap;}
.form-wrapper textarea {width: 98%;}
.form-wrapper input {width: 95%;}
.form-wrapper tr {gap: 12px;}
}
@media only screen and (max-width: 635px) {
.form-wrapper .captcha-selected {width: 84%;}
}
@media only screen and (max-width: 530px) {
.form-wrapper .submit, .form-wrapper .reset {width: 100% !important;}
.form-wrapper .CaptchaAnswerPanel input {width: 96% !important;}
.form-wrapper .submit, .form-wrapper .reset {padding: 12px 0;}
.form-wrapper .captcha-selected {width: 100%;}
}
@media only screen and (max-width: 500px) {
.hero-callto p, .hero-links {width: 90%;}
.hero-links img {width: 50px;}
.hero-links h2 {font-size: 22px;}
.hero-links a {font-size: 15px;}
.hero-links i { font-size: 13px;}
.form-wrapper {width: 97%;}
}
@media only screen and (max-width: 450px) {
.site-header a span {display: none;}
.phone-email {gap: 12px; width: 90%; margin: 0 auto; justify-content: flex-start;}
.hero-callto {padding-left: 0px;}
.hero-content-wrapper {width: 90%; margin: 0 auto;}
.message-bubble {display: none;}
}
@media only screen and (max-width: 430px) {
.hero-links img {display: none;}
}
@media only screen and (max-width: 400px) {
.footer-nav {flex-wrap: wrap; width: 100%;}
.footer-button-flex a, .footer-button-flex button {width: 100%;}
.footer-button-flex {width: 100%; margin-top: 20px;}
.form-wrapper tr {flex-wrap: wrap; gap: 0px;}
.form-wrapper textarea {width: 96%;}
}
@media only screen and (max-width: 350px) {
.hero-callto h1 {line-height: 55px;}
.hero-callto h1 span {position: relative; bottom: -12px;}
.hero-links h2 {font-size: 18px; margin-bottom: 3px;}
.hero-links a {font-size: 14px;}
.hero-callto {padding: 25px 0 40px 0px;}
}
@media only screen and (max-width: 290px) {
.hero-links h2 {font-size: 16px;}
.mobile-nav img {width: 70% !important;}
}