@import url('https://fonts.googleapis.com/css?family=Oswald:500,700');

@import url("https://fast.fonts.net/lt/1.css?apiType=css&c=0983ca4d-00f0-42cb-981e-46653733f454&fontids=6018018,6018024,6018040,6018047,6018049,6053091");
    @font-face{
        font-family:"Calibri Italic";
        src:url("rico-fonts/6018018/aec0feae-b03f-4c08-a33e-c02828c74c0f.woff") format("woff");
    }
    @font-face{
        font-family:"Calibri Bold Italic";
        src:url("rico-fonts/6018024/546fc141-6f8e-4b37-a6e1-5755beac6f46.woff") format("woff");
    }
    @font-face{
        font-family:"Calibri Regular";
        src:url("rico-fonts/6018047/c905d629-4a94-4ec9-a6f4-3cd22619dae4.woff") format("woff");
    }
    @font-face{
        font-family:"Calibri Bold";
        src:url("rico-fonts/6018049/87748d6a-4116-47a6-bf03-513c883a8872.woff") format("woff");
    }

/*

Theme Name: X – Child Theme
Theme URI: http://theme.co/x/
Author: Themeco
Author URI: http://theme.co/
Description: Make all of your modifications to X in this child theme.
Version: 1.0.0
Template: x

*/
/*------------------------------------------------------------------
/*------------------------------------------------------------------
/*------------------------------------------------------------------
[Table of contents]

1. Global Styles
2. Header Styles
3. Content Styles
4. Footer Styles
5. Blog Styles
6. Styles Specific to Cornerstone Elements
7. Plugin Style Override
8. Custom Element Styles
9. Styles Specific to a Single Page
10. Media Queries

/*------------------------------------------------------------------
/*------------------------------------------------------------------
/*------------------------------------------------------------------
/*-----------------------------------START 1. Global Styles -----------------------------------*/
/*-----------------------------------START 1. Global Styles -----------------------------------*/
/*-----------------------------------START 1. Global Styles -----------------------------------*/




/*NOTE TO SELF*/
.selfNote {
	background: red;
	border: 3px solid green;
	color: #fff;
}

.selfNote2 {
	border: 12px solid red !important;
}
.hiddenSmall{display:block !important;}      
.hiddenLarge{display:none !important;}

.x-container.width {
    width: 93% !important;
}

.x-img {
	margin-bottom: 0;
}

.x-btn, .button, [type="submit"] {
    border: 0px !important; 
    padding: 0.563em 1.125em;
	line-height: 1.4;
    height: auto;
	text-shadow: none !important;
	font-size: 17px;
}

.x-btn:hover, .button:hover {
    border: 0 !important;
	text-shadow: none !important;
}

.x-btn.whiteBtn {
    color: #ffffff;
    background-color: transparent !important;
    border: 2px solid #fff !important;
	box-shadow: 0 0 5px rgba(0,0,0,0.5);
    text-shadow: 0 0 5px rgba(0,0,0,0.5) !important;
	margin-bottom: 10px;
}

.x-btn.whiteBtn:hover {
    color: #fff;
    background-color: #1559a0 !important;
    border: 2px solid #1559a0 !important;
}

.x-btn.cta-btn {
    background: #1559a0;
	cursor: pointer !important;
	font-style: normal;
	border: 2px solid #1559a0 !important;
}

.x-btn.cta-btn:hover {
    color: #1559a0;
    background: #fff;
    border: 2px solid #1559a0 !important;
}

html, body, input, button, select, textarea {
    font-family: "Calibri Regular",sans-serif;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6
{margin:0px; text-transform: uppercase; font-style: normal !important; font-family: 'Oswald', sans-serif; margin-bottom: 10px;}

h1 { font-size:250% !important;
}

h2 { font-size:210% !important;
}

h3 { font-size:165% !important;
}

h4, .h4 {
    letter-spacing: 0em;
    font-weight: 400 !important;
	font-size:140% !important;
}

h5 { font-size:120% !important;
}

h6 { font-size:100% !important;
}

p {
	line-height: 140%;
	margin: 0 0 20px;
}

p a {
	border-bottom: 2px solid #111 !important;
}

p a:hover {
	border-bottom: 2px solid #555 !important;
}

strong {
	font-weight: 900;
	color: #000 !important;
}

ul li {
	line-height: 140%;
	margin-bottom: 5px;
}

h3.headerH3 {
	color: rgba(255,255,255,1);
    letter-spacing: 1px;
    padding: 5px 0px 10px;
    text-transform: uppercase;
    font-style: italic;
    text-shadow: -4px -1px 4px #000;
    font-family: 'Oswald', sans-serif;
    font-weight: bold;
}

table th, table td {border: 0px !important;}

.x-content-band.bg-image{background-size: inherit !important; background-position: center top !important;}

.orange {color: #fd6a00 !important;}


.gradient1 {

background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 53%, rgba(246,246,246,1) 89%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 53%,rgba(246,246,246,1) 89%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,1) 53%,rgba(246,246,246,1) 89%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
}

.gradient2 {
background: -moz-linear-gradient(-45deg, rgba(0,0,0,0.98) 28%, rgba(0,0,0,0.98) 47%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(0,0,0,0.98) 28%,rgba(0,0,0,0.98) 47%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(0,0,0,0.98) 28%,rgba(0,0,0,0.98) 47%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fa000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

/*-----------------------------------START 2. Header Styles -----------------------------------*/
/*-----------------------------------START 2. Header Styles -----------------------------------*/
/*-----------------------------------START 2. Header Styles -----------------------------------*/
/*Remove Integrity Shadows (from Bottom Header & Above Footer)*/
.x-navbar, .entry-wrap, .x-logobar, .has-post-thumbnail .entry-featured, .x-colophon, .x-colophon.bottom {
	border: none;
    box-shadow: 0px 0px 0px #ffffff00;
}

/*style top bar text*/
.x-topbar .x-social-global {
	display: none !important;
}

/*Logo Styles*/

.x-brand img {
	width:200px !important;
}


/*Topbar styles*/
.x-topbar {
	min-height: 0;
	margin: 0 !important;
	border: 0;
    background-color: #000;
    border-bottom: 1px solid #191919;
    padding-top: 0;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#191919+34,000000+54 */
background: rgb(25,25,25); /* Old browsers */
background: -moz-linear-gradient(left, rgba(25,25,25,1) 34%, rgba(0,0,0,1) 54%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(25,25,25,1) 34%,rgba(0,0,0,1) 54%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(25,25,25,1) 34%,rgba(0,0,0,1) 54%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#191919', endColorstr='#000000',GradientType=1 ); /* IE6-9 */

}

.x-topbar .p-info {
	margin: 5px 19px 3px !important;
	float: right;
    background: transparent !important;
}

.x-topbar a, .x-topbar .phone {
	color: #fff !important;
}
.x-topbar a:hover {
	color: #d0d3d4 !important;
}

.x-topbar .hiddenSmall {
	padding-top: 5px;
}

.x-topbar .quoteButton {
    background: #1559a0; 
	display: inline-block;
	border: 2px solid #1559a0;
    padding: 8px 20px;
	margin: 0px 0px 0px 5px; 
    font-size: 12px;
    color: #fff;
    text-decoration: none;
	top: -5px;
	position: relative;
}

.x-topbar .quoteButton.alt {
    margin-right: 5px;
    border: 2px solid #1559a0;
    background: transparent;
}

.x-topbar .quoteButton:hover, 
.x-topbar .quoteButton.alt:hover {
    color: #fff !important; 
	background: #5e7bb7;
	text-decoration: underline !important;
	border: 2px solid #5e7bb7;
}


.vehicleTabs {padding-top: 10px;}

.vehicleTabs a {margin-right:5px;}

/*Nav hover and active styles*/


.x-navbar {
	background-color: #000 !important;
    padding: 15px 0;
}

.x-navbar .desktop .x-nav > li:last-of-type > a:hover {
	border-bottom: 0 solid #d0d3d4 !important;
}

.x-navbar .desktop .x-nav > .current-menu-item > a {
    box-shadow: none !important; 
    color: #fff !important;
}

.x-navbar .desktop .x-nav > .current-menu-item > a:hover {
	color: #d0d3d4 !important;
}
.x-navbar .desktop .x-nav > li > a:hover {
	box-shadow: inset 0 -5px 0 0 #d0d3d4 !important;
}

.masthead-inline .desktop .x-nav {
    padding-top: 15px;
}

.desktop .sub-menu {
    background-color: #000;
    top: auto !important;
    border-radius: 0;
}

.desktop .sub-menu a {
    font-family: 'Oswald', sans-serif;
    font-size: 1.2em;
    text-transform: uppercase;
}


 /* Style the sticky-navbar  */
.sticky + .el19 .active, .sticky + .el23 .active{
  padding-top: 30px !important;
}

#stickyNavbar {
	overflow: hidden;
	padding:0px;
	z-index:999;
	margin-bottom:0px;
	background-color: #d0d3d4;
	border-top: 3px solid #1559a0;
	height: 40px !important;
}

/* Navbar links */
#stickyNavbar a {
    float: none;
    color: #000;
    padding: 12px;
    font-size: 15px;
    text-align: center;
    text-decoration: none;
    border-bottom: none;
    line-height: 40px !important;
    height: 40px !important;
}

#stickyNavbar a:hover, #stickyNavbar a.active {
    text-decoration: none;
    color: #fff;
    background: #1559a0;
}

.el19, .el23 {
  padding: 16px;
}

.sticky {
    position: fixed;
    top: 0;
    width: 100%;
}

.stickyMenuHolder {margin-top: 0;}




 /*

.stickyMenuHolder p{display:none !important;}
 */
/* Navbar links
#stickyNavbar .stickyMenuHolder a {
  float: left;
  display: block;
  color: #f2f2f2;
  padding: 5px 10px 0px ;
  font-size:15px;
  text-align: center;
  text-decoration: none;
  border-bottom: 10px solid transparent;
}

#stickyNavbar .stickyMenuHolder a:hover, #stickyNavbar .stickyMenuHolder a.active {
    text-decoration:none;
    color: #f9f9f9;
    background: #ff6900;

}

 */

/* The sticky class is added to the navbar with JS when it reaches its scroll position 
.sticky {
  position: fixed;
  top: 0px;
  width: 100%
}
.fixed {
  position:fixed;
  top:0px;
  right:0;
  left:0;
  z-index:999;
}
.stickyMenuHolder {
    margin-top: 0px !important;
} */
/* Add some top padding to the page content to prevent sudden quick movement 
(as the navigation bar gets a new position at the top of the page 
(position:fixed and top:0)
.sticky + .content {
  padding-top: 60px;
}  */
/*-----------------------------------START 3. Content Styles -----------------------------------*/
/*-----------------------------------START 3. Content Styles -----------------------------------*/
/*-----------------------------------START 3. Content Styles -----------------------------------*/
/*Page headers*/
.headerSection {
	padding: 15% 0 10% !important;
	text-align: left !important;
}

.headerSection h1 {
	color: rgba(255,255,255,1);
	letter-spacing: 1px;
	padding: 60px 5px 5px;
	text-transform: capitalize;
	max-width: 1100px;
	margin: 0 auto;
	font-size: 45px;
    font-style: italic;
}

.headerSection .x-text {
	color: #fff;
	font-size: 18px;
}

.headerSection_innerPage {
	padding: 3% 0 3% !important;
	text-align: left !important;
    text-shadow: 2px 2px 5px #111;
}

.headerSection_innerPage a:not(.x-btn) {
    color: #d0d3d4;
}

.headerSection_innerPage a:hover:not(.x-btn) {
    color: #888b8d;
}

.headerSection_innerPageSmall {
	padding: 3% 0 2% !important;
	text-align: left !important;
    text-shadow: 2px 2px 5px #111;
}

.headerSection_innerPageSmall h1,
.headerSection_innerPage h1 {
	color: rgba(255,255,255,1);
	letter-spacing: 1px;
	padding: 5px 0px 10px;
	text-transform: uppercase;
	font-size: 42px !important;
    font-style: italic;
	text-shadow: -4px -1px 4px #000;
	font-family: 'Oswald', sans-serif;
    font-weight:bold;;
}

.headerSection_innerPageSmall h2,
.headerSection_innerPage h2,
.headerSection_innerPageSmall h3,
.headerSection_innerPage h3 {
	color: #fff;
}

.headerSection_innerPageSmall .x-text,
.headerSection_innerPage .x-text {
	color: #fff;
	font-size: 18px;
}

.headerSection_innerPageSmall .headerTitle,
.headerSection_innerPage .headerTitle {font-style: italic; }



.headerSection .x-img {
	margin: 80px 0 0;
}

.headerSection .x-btn {
	margin: 10px;
}

.sectionOverlapper {
	background: #fff !important;
	margin-top: -150px !important;
	border-top: 5px solid #eee !important;
	padding-top: 60px !important;
}

.linkbackto {
	font-size: 14px; 
	text-shadow:none; 
	position: relative; 
	bottom: -15px; 
	text-transform: capitalize;
}

.linkbackto a {
	border-bottom: 0px solid #333 !important; 
	margin-top:-3px; 
	position: relative;
    top: -2px;
	color: #fff;
}

.linkbackto a:hover {
	text-decoration: underline; 
	color: #d0d3d4 !important; 
	border-bottom: 0px solid #d0d3d4 !important;
}

.linkbackto::before{
	content: "\f100";
    display: inline-block;
    font-family: 'FontAwesome';
    padding-right: 5px;
}


.whiteText {color:#fff; padding: 20px; height: 200px;}
.whiteText h3 {color:#fff;}
.whiteText .x-btn {margin-top: 9px;}



/*Long Landing Pages*/


.stagger .x-column, .staggerDark .x-column {
	padding:10px;
}


.staggerDark {
    color: #fff !important; letter-spacing:0.05em;
    background-image: url('/wp-content/uploads/2018/03/blacktopper.png');
    background-color: #535861 !important;
}

.staggerDark h1, .staggerDark h2, 
.staggerDark h3, .staggerDark h4, 
.staggerDark h5, .staggerDark h6 {
	color:#fff !important;
}


.staggerText {padding:70px 40px; background:#fff;}

.staggerText h2 {font-size: 250% !important; margin-bottom:10px; font-style: normal !important}

/*Content Styles*/
.contentBox img {max-width:300px; margin:15px;}


/*Side Menu Styles*/
.sideMenuContainer {
    padding: 20px;
    border-top: 5px solid #888b8d;
    text-shadow: none !important;
    background-color: #d0d3d4 !important;
    background-image: url(https://www.ricoequipment.com/wp-content/uploads/2021/02/RICO_Texture_LightGray_RGB.jpg);
}

.sideMenuContainer h4 {
    color: #53565a !important;     
    text-shadow: none !important;
}

.widget_nav_menu ul li a, .sideMenuContainer .widget ul li a,
.widget ul li a, .widget_nav_menu ul li a, .widget_meta ul li a, .widget_pages ul li a, .widget ul li, .widget ol li, .sidebarNav li {
    border: 0px solid #d0d3d4 !important;
/*     border-bottom: 0px solid #d0d3d4 !important;
    box-shadow: 0px 1px 1px #888b8d !important; */
    color: #000 ;
}

.widget_nav_menu ul li a:hover,  .sideMenuContainer .widget ul li a:hover,
.widget_nav_menu ul li a:hover, .widget_meta ul li a:hover, .widget_pages ul li a:hover, .sidebarNav li a:hover {
	background: transparent;
    text-decoration: underline;
	color: #888b8d !important;
}

.widget {margin: 10px 0px !important; text-shadow: none !important;}
.widget ul { border: 0px solid #d0d3d4; box-shadow: none !important; }
.widget_nav_menu ul li a {border: 0px solid #d0d3d4; }
.widget_nav_menu .current-menu-item>a {background-color: transparent !important;}

.widget_nav_menu ul li a:before,
.sidebarNav li a:before, .sideMenuContainer .widget ul li a:before {
content: "\f111";
    padding-right: 0.4em;
    line-height: 1;
    text-decoration: inherit;
    font-family: "FontAwesome" !important;
    position: absolute;
    left: 0;
    opacity: 1 !important;
    font-size: 6px;
    padding-top: 6px;
}

.sideMenuContainer .sub-menu a:before {
    left: 3em !important;
}
.sideMenuContainer .sub-menu a {
    padding-left: 2.5em !important;
    position: relative;
}

ul.sidebarNav {
    margin: 0;
}

ul.sidebarNav li {
	list-style-type: none;
}

ul.sidebarNav li a, .sideMenuContainer .widget ul li a {
	padding: 0.65em 0.85em 0.65em 1em;
	display: block;
    line-height: 1.2;
	color: #000 !important;
	position: relative;
	box-shadow: none !important;
}

ul.sidebarNav li a:hover {
	color: #888b8d !important;
}

.sidebarWhatsNew, .sidebarWhatsNext {
	padding: 20px;
    margin: 20px 0;
    background-repeat: no-repeat !important;
    background-position: left top !important;
    background-size: cover !important;
    color: #000 !important;
	border-top: 5px solid #888b8d;
    background-color: #d0d3d4 !important;
    background-image: url(/wp-content/uploads/2021/02/RICO_Texture_LightGray_RGB.jpg);
}

.sidebarWhatsNew ul li, .sidebarWhatsNext ul li  {
    box-shadow: none !important;
	color: #000 !important;
}

.sidebarWhatsNew ul li a, .sidebarWhatsNext ul li a {
	color: #000 !important;
}

.sidebarWhatsNew ul li a:hover, .sidebarWhatsNext ul li a:hover {
	text-decoration: underline !important;
	color: #888b8d !important;
}

/*-----------------------------------START 4. Footer Styles -----------------------------------*/
/*-----------------------------------START 4. Footer Styles -----------------------------------*/
/*-----------------------------------START 4. Footer Styles -----------------------------------*/
footer {
    background-image: url("/wp-content/uploads/2021/02/RICO_Texture_Black.jpg");
}

/* override x-theme footer column width */
footer .x-column.x-md.x-1-2.last {
    width: 65%;
	text-align: right;
}

footer .x-column.x-md.x-1-2 {
    width: 30%;
}

footer .logo {
    padding: 40px 0 20px;
}

.footerMenuBlock {
	color: #fff;
	padding: 40px 0 20px;
}

.footerMenuBlock a {
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-size: 15px;
    padding: 0 7px;
}

.footerMenuBlock a:hover {
    color: #d0d3d4 !important;
}

.partnerLogos {
    text-align: right;
}

.copyright {
    font-size: 14px;
    color: #7a7a7a;
}

.copyright a {
    font-size: 14px;
    color: #53565a !important;
	text-decoration: none;
	border-bottom: none !important;
}

.copyright a:hover {
    color: #53565a !important;
	border-bottom: 2px solid #53565a !important
}

@media (max-width: 979px) {
	footer .x-column.x-md.x-1-2.last,
	footer .x-column.x-md.x-1-2 {
		width: 100%;
		text-align: center;
	}
	.partnerLogos {
		text-align: center;
	}
}

.x-colophon.top {
    padding: 0px;
}

.x-colophon.top a {
	color: #fff;
}

.footerCTAHolder {
    max-width: 670px;
    margin: 0 auto 0;
    text-align: center;
    padding-top: 10px;
}
.footerCTAs {
    text-align: center;
    float: left;
    padding: 10px 10px 40px;
    width: 33%;
}
.footerCTAs img {
	max-width:75px; 
	margin-bottom:20px;
}

.footerCTAs h6 {
	color: #fff !important; 
	margin-top:-10px;
}

.footerCTAs:hover h6 {
	text-decoration: underline;
}

.x-colophon.bottom .footerCTAs h6 {
    font-size: 18px !important;
}

.widget .footerNavBlock ul.menu li {
    border: 0px solid #ddd !important;
    border-bottom: 0px solid #eee !important;
    box-shadow: none !important;
    color: #f86c00 !important;
    padding: 2px;
    margin-bottom: 5px;
    margin-left: -20px;
    list-style: none;
}

.footerNavBlock {
    margin: 40px 0 20px;
}

.footerNavBlock h4 {
    color: #fff;
    font-size: 18px !important;
}

.widget .footerNavBlock ul.menu li a:before {
    content: '\f0da';
    padding-right: 0.4em;
}

.x-colophon.bottom {
    padding: 0px 10px 20px;
	background-color: #000;
}

.x-colophon.bottom .x-nav li a {
	padding: 0px 10px;
}


footer .social a {
	font-size: 25px; 
	color: #fff !important; 
	margin: 0px 10px;
}


/* END FOOTER REVEAL STYLE */




/*-----------------------------------START 5. Blog Styles -----------------------------------*/
/*-----------------------------------START 5. Blog Styles -----------------------------------*/
/*-----------------------------------START 5. Blog Styles -----------------------------------*/
/*Blog Posts*/


.gallery-Machine{padding:45px 0 !important; text-align:left !important;}
.highlightFeature{text-align:left !important;}
.gallery-Machine ul{
    list-style-type: none !important;
    padding: 10px !important;
    margin: 0 auto !important;
}
.gallery-Machine li {
    display: inline-block;
    margin: 0px 5px !important;
}

.p-meta {display:none !important;}

.category-news-articles header.x-header-landmark.x-container.max.width {
    display: none;
}

.category-news-articles article .entry-wrap {
    box-shadow: 0 0 11px rgba(0, 0, 0, 0.1);
    border-top: 6px solid #1559a0;
    border-radius: 0;
    padding: 40px;
}

.category-news-articles article .entry-wrap {
    box-shadow: 0 0 11px rgba(0, 0, 0, 0.1);
    border-top: 6px solid #1559a0;
    border-radius: 0;
    padding: 40px;
}

article.post .entry-footer {
    display: none;
}

.blog .entry-featured img, .archive .entry-featured img, .category .entry-featured img  {
    object-fit: cover;
    max-height: 280px;
    align-items: center;
    display: flex;
    overflow: hidden;
    width: 100%;
    min-width: 100%;
}

/*-----------------------------------START 6. Styles Specific to Cornerstone Elements -----------------------------------*/
/*-----------------------------------START 6. Styles Specific to Cornerstone Elements -----------------------------------*/
/*-----------------------------------START 6. Styles Specific to Cornerstone Elements -----------------------------------*/
.x-nav-tabs { border: 0px solid #fff !important; box-shadow: 0px 0px 0px #eee; }

.x-nav-tabs>li {
	border-bottom: 0px solid #fff !important;
	border-right: 0px solid #fff !important;
	border-left: 0px solid #fff !important;
	border-top: 0px solid #fff !important;
    cursor: hand;
}
.x-nav-tabs>li>a {
    background: #d0d3d4;
    color: #53565a;
}

.x-nav-tabs>li>a:hover {
    color: #53565a;
    background-color: #888b8d;
}

.x-nav-tabs > .active > a, .x-nav-tabs > .active > a:hover {
	background: #1559a0 !important;
    color: #fff; 
	box-shadow: none !important;
}

.x-tab-content {
	border: 0px solid #fff;
    box-shadow: 0px 0px 0px #fff;
}

.tab-video {width: 50%; float:left;}


.x-accordion-group {box-shadow: 0px 0px 0px #eee; border: 0px solid #eee;}

.x-accordion-heading {
    text-transform: capitalize;
    font-size: 15px;
}

.x-accordion-heading .x-accordion-toggle.collapsed,
.x-accordion-heading .x-accordion-toggle {	
    background-color: #eee !important;
    color: #555 !important;
    border-left: 3px solid #fff;

}

.x-accordion-heading .x-accordion-toggle,
.x-accordion-heading .x-accordion-toggle:hover {
    border-left: 3px solid #1559a0;
    color: #000 !important;
}

.x-accordion-heading .x-accordion-toggle:hover {
	color: #000 !important;
}



/*-----------------------------------START 7. Plugin Style Override -----------------------------------*/
/*-----------------------------------START 7. Plugin Style Override -----------------------------------*/

/*Homepage Models Slider*/
.modelSlider {border:1px solid #333;}
.modelSlider .white {background: #111 !important; background-color: #111 !important;}
.owl-item {border: 1px solid #444; margin: 0px; text-align:center; font-size: 13px; line-height: 130%;}
.owl-item img {margin: 0px;}
.sa_hover_container {background: #222 !important; background-color: #222 !important;}
.sa_hover_container strong {color: #fff !important;}
.sa_owl_theme .owl-nav div, .sa_owl_theme .owl-nav button {height: 30% !important; margin-top: -6% !important;}
.white .sa_owl_theme .owl-nav .owl-next {background: rgba(0,0,0,0.9) url('/wp-content/plugins/slide-anything/images/icon_next.png') no-repeat center center !important}
.white .sa_owl_theme .owl-nav .owl-next:hover {background: rgb(254, 104, 0)  url('/wp-content/plugins/slide-anything/images/icon_next.png') no-repeat center center !important}
.white .sa_owl_theme .owl-nav .owl-prev {background: rgba(0,0,0,0.9) url('/wp-content/plugins/slide-anything/images/icon_prev.png') no-repeat center center !important}
.white .sa_owl_theme .owl-nav .owl-prev:hover {background: rgb(254, 104, 0) url('/wp-content/plugins/slide-anything/images/icon_prev.png') no-repeat center center !important}
.owl-prev {margin-left: -30px !important;}
.owl-next {margin-right: -30px !important;}
.rev_slider_wrapper .x-btn {
    padding: 0.563em 1.125em !important;
}
/*END Homepage Models Slider*/



.resultsModel {
	width: 33%;
	/*height: 300px;*/
    max-width: 33%; margin: 0%; 
    /*border: 1px solid #d0d3d4; */
	/*border-bottom: 2px solid #d0d3d4;*/
    border: 1px solid #eeeeee;
	border-bottom: 2px solid #eeeeee;
    float: left; 
    text-align:center; height: 270px; 
/*     padding: 20px 3% 0; */
	padding-right: 20px;
	padding-left: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    /*z-index: 999 !important;*/
    position: relative;
    background: #fff;
    transition: transform 0.2s linear;
}
.resultsModel:last-of-type {margin-bottom: 50px;}
.resultsModel:hover {
    background:#f2f2f2; box-shadow: 0px 0px 33px #eee; 
    border-bottom: 3px solid #1559a0;
    z-index: 999 !important;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+53,f6f6f6+89 */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 53%, rgba(246,246,246,1) 89%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 53%,rgba(246,246,246,1) 89%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,1) 53%,rgba(246,246,246,1) 89%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
transform: translateY(-15px);
/*transform: scale(1.05);*/
} 
.resultsModel img {width: auto;max-height: 150px;}
/* .resultsModel:hover img {width: 51%;} */
.resultsModel h2 {font-size: 16px !important; text-shadow: 1px 1px 0px #fff;}

.gallery-Machine li {
    margin: 0px 4px !important;
}

.ngg-gallery-thumbnail a {margin:0px !important;}
.slideshowlink {display:none !Important;}

/*--------------------- Search n filter Styleing ---------------------*/
.sf-field-post-meta-vahicle_model label, .sf-field-post-meta-rental_available label, .sf-field-post-meta-pre_owned label,.sf-field-post-meta-operator_type label,.sf-field-post-meta-steering label,.sf-field-post-meta-vehicle_type label {width: 90% !important;}

#search-filter-form-10948 select.sf-input-select,
#search-filter-form-10947 select.sf-input-select,
#search-filter-form-10939 select.sf-input-select,
#search-filter-form-9891 select.sf-input-select {
	min-width: 100% !important; 
	width:100% !important;
}

/*-----------------------------------START 7. Plugin Style Override -----------------------------------*/
/*-----------------------------------START 8. Custom Element Styles -----------------------------------*/
/*-----------------------------------START 8. Custom Element Styles -----------------------------------*/

/*--------------Slider Rev-Homepage------------------*/
/*--------------Slider Rev-Homepage-----------------*/
#slide-46-layer-7,#slide-46-layer-8{text-align:center !important;}
#slide-46-layer-9 .x-btn{font-size: 16px !important;}

/*Form Holder*/
.formHolder {
	background:#fff !important; 
	padding: 30px;
    border-top: 3px solid #1559a0;
	box-shadow: 0px 0px 5px #ccc;
}

/*singleCTA Block*/
.ctaBlock { 
	margin: 1%; 
	padding: 5% 5% 1%; 
	background: #d0d3d4 !important; 
	text-decoration: none !important;
}

.ctaBlock:hover {
	background: #1559a0 !important;
}

.ctaBlock h4, .ctaBlocks h4 a {
	color: #53565a !important; 
	margin-bottom:15px;
}

.ctaBlock a {
	border-bottom:0px solid #fff !important;
}

.ctaBlock:hover a, .ctaBlock:hover h4 {
	color:#fff !important; 
}

/*2 up CTA Blocks*/
.ctaBlocks {
	float:left; 
	margin: 1%; 
	width: 46%;
	padding: 5% 5% 1%; 
	background: #d0d3d4 !important; 
	text-decoration: none !important;
}

.ctaBlocks:hover {
	background: #1559a0 !important;
}

.ctaBlocks h4, .ctaBlocks h4 a {
	color: #53565a !important; 
	margin-bottom: 15px;
}

.ctaBlocks a {
	border-bottom:0px solid #fff !important;
}

.ctaBlocks:hover a, .ctaBlocks:hover h4, .ctaBlocks:hover p {
	color: #fff !important; 
}


/*videoBox*/
.videoBox {
    background: #111; padding: 5px; 
    box-shadow: 0px 0px 20px #000; 
    background-color: #fff !important;
}

/*displayBlocks*/
.displayBlocks {
    color: #000;
    margin-bottom: 20px;
    padding: 13px;
    background-color: #fff !important;  
    font-family: "Oswald", sans-serif;
}

.displayBlocks:hover {
    background:#f2f2f2; 
	box-shadow: 0px 0px 33px #d0d3d4; 
    border-bottom: 3px solid #1559a0;
    z-index: 999 !important;
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 53%, rgba(246,246,246,1) 89%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 53%,rgba(246,246,246,1) 89%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,1) 53%,rgba(246,246,246,1) 89%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
} 


.displayBlocks img { 
	max-width:80%;
	margin: 0px auto; 
}

.displayBlocks p {    
	font-family: "Oswald", sans-serif; 
	margin: 15px 0px 5px; 
}

.displayBlocks a {
    color: #000; 
	text-decoration: none; 
    padding-top: 10px; font-weight: 900; 
    border-bottom: 0px solid #888b8d !important;
    font-size: 17px;
}

.displayBlocks a:hover {
	color: #000; 
	text-decoration: none; 
	padding-top:10px;
}


/*START GravityForms Edits*/
/*START GravityForms Edits*/
.gform_fields {
	font-size: 15px;
}

.gform_wrapper .gform_page_footer {
	border:0px solid #fff;
}
/*END GravityForms Edits*/
/*END GravityForms Edits*/


.form-right, .form-left{width:50% !important; float:left !important;padding: 2% !important;box-sizing: border-box !important;}
#wpcf7-f6383-p6384-o1 .wpcf7-list-item, #wpcf7-f6398-p6384-o10 .wpcf7-list-item, #wpcf7-f6396-p6384-o8 .wpcf7-list-item, #wpcf7-f6397-p6384-o9 .wpcf7-list-item {display: inline-block; margin: 0 0 0 1em;}






/*-----------------------------------START 9. Styles Specific to a Single Page -----------------------------------*/
/*-----------------------------------START 9. Styles Specific to a Single Page -----------------------------------*/
/*-----------------------------------START 9. Styles Specific to a Single Page -----------------------------------*/

.search-results #post-10185 { display: none; }

/*START Homepage*/

h1.heroh1 {
    text-align: center !important;
    line-height: 1 !important;
}

.heroMessage.hiddenSmall {
    text-align: center !important;
}

.heroBox {width: 700px; margin: 0px auto !important;}
.sliderText { padding: 10px; text-align:center;}
.sliderText h1 { color: #fff !important;
    font-size: 60px !important; line-height: 120% !important;  
    text-shadow: 7px 6px 0px #000, -4px 1px 6px #000;
    font-family: "Oswald",sans-serif !important;
    text-align:center !important;
}
.sliderText h2 {
    color:#fff !important;
    font-size:25px !important; line-height: 120% !important;  
    text-shadow: 1px 1px 1px #000,-1px -0px 5px #444;
    font-family: "Oswald",sans-serif !important;
    text-align:center !important;
}

.heroButtons {max-width: 430px;    margin: 0px auto;}
.heroButtons .x-btn {float:left; margin: 5px;}

.homepageLeadingButtons {width: 430px; margin: 0px auto;}
.homepageLeadingButtons p {display:none;}
.homepageLeadingButtons a {float:left;
    background: #fff;
    margin: 30px 10px 0px 0px;
    padding: 10px;
    border-radius: 5px;
}

.homepageLeadingButtons a h2 {font-size: 21px !important;}
.homepageLeadingButtons h2 img {    
    width: 22px !important;   height: 20px !important;
    margin: -5px 0px 0 15px;
}

.homepageLeadingButtons a:hover { 
	background: #000; 
}

.homepageLeadingButtons a:hover h2 { 
	color: #fd6a00; 
}

.home h3.iconHeadline {
    font-size: 20px !important;
}

.home h3.iconHeadline .x-icon {
	background: #53565a;
    padding: 5px;
    border-radius: 100px;
    width: 30px;
    height: 30px;
    color: #fff;
    font-size: 18px;
    line-height: 26px;
	margin-right: 8px;
}

.homepageIndustries {
	margin: 9px;
}

.homepageIndustries:hover {
	opacity:.8; 
}

.trucksList li {
	list-style-type: none; 
	margin-bottom:30px; 
	line-height:150%; 
	border-bottom: 2px solid #d0d3d4;
}
.trucksList li:hover {
	border-bottom: 2px solid #1559a0;
}

.trucksList li::after {
    content: '\f101';
    font-family: 'FontAwesome';
    position: absolute;
    right: 0;
    color: #1559a0;
    font-size: 20px;
}

.trucksList a {
	font-size: 15px; 
	text-transform:uppercase;
}
.trucksList a:hover {
	color:#1559a0;
}

@media (max-width: 931px) {
	.trucksList a {font-size: 12px;}
}

.featuredVehicles a, .featuredVehicles a:hover {border: 0px solid #fff !important;}
.featuredVehicles img {max-width: 50%;}

/* .featureArticle {
	padding:4px; 
	border: 1px solid #333; 
	max-height: 360px; 
	overflow: hidden; 
	margin-top: 10px; 
} */

.featureContent {
	display: flex;
    align-items: center;
    justify-content: center;
    min-height: 160px;
    padding: 20px 20px 10px;
    background: linear-gradient(135deg, rgba(0,0,0,0.5) 28%,rgba(0,0,0,0.5) 47%,rgba(0,0,0,0) 100%);
    color: #fff;
}

.featureContent a {
	color: #fff;
}

.featureContent a:hover {
	color: #d0d3d4;
}

span.featureHeadline {
    display: block;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-weight: 800;
}



/*START Product Search Page*/
.searchVehiclesPage .formHolder {padding: 30px 30px 30px 10px !important;}
/*END Product Search Page*/

/*START  MACHINES*/
.single-machines .x-section {padding: 0px 10px;}
.model-Cutout {margin-top:-190px;}
/* .productHighlights  {border-bottom:1px solid #ccc;} */
.productHighlights h2  {margin-bottom: 10px;}
.productHighlights p {margin-bottom: 10px;}

/* 
.ex.rental .entry-title::after {
	content: "RENTAL VEHICLES";
    display: block;
    font-size: 19px;
    margin: 20px 0;
    color: #fd6a00;    
} */

.type-machines .headerSection_innerPage .headerTitle {
    font-size: 19px;
    margin: 20px 0;
    color: #d0d3d4 !important;    
}

.highlight-rental {
    position: absolute;
    top: 50%;
    left: 10%;
    transform: rotate(-50deg);
    -webkit-transform: rotate(-20deg);
    -o-transform: rotate(-50deg);
    -moz-transform: rotate(-50deg);
    font-size: 9rem !important;
    color: #888b8d;
    border: 3px solid #888b8d;
    padding: 10px;
    border-radius: 10px;
    line-height: .7;
    letter-spacing: 0 !important;
}

@media(max-width: 1075px) {
	.highlight-rental {
    font-size: 7rem !important;
	}
}
@media(max-width: 850px) {
	.highlight-rental {
    font-size: 6rem !important;
	}
}
@media(max-width: 767px) {
	.highlight-rental {
    font-size: 10rem !important;
	}
}
@media(max-width: 625px) {
	.highlight-rental {
    font-size: 7rem !important;
	}
}
@media(max-width: 515px) {
	.highlight-rental {
    font-size: 6rem !important;
	}
}
@media(max-width: 450px) {
	.highlight-rental {
    font-size: 5rem !important;
	}
}
@media(max-width: 400px) {
	.highlight-rental {
    font-size: 4rem !important;
	}
}

.RPhighlight-rental {
    position: absolute;
    top: 43%;
    left: 50%;
    transform: rotate(-7deg);
    -webkit-transform: rotate(-7deg);
    -o-transform: rotate(-7deg);
    -moz-transform: rotate(-7deg);
    font-size: 1rem;
    color: #fa9000;
    border: 2px solid #fa9000;
    padding: 5px;
    border-radius: 5px;
    line-height: .8;
}

.page-id-3466 .RPhighlight-rental{display:none;}
/*END  MACHINES*/


/*START Search Results*/

.search .hentry {
    margin: 0% !important;
    border: 1px solid #eee;
    border-bottom: 2px solid #eee;
    height: 100px;
    padding: 20px 3% 0;
    z-index: 999 !important;
    position: relative;

}

.search .hentry:hover {
    background:#f2f2f2; 
    box-shadow: 0px 0px 33px #eee; 
    border-bottom: 3px solid #f86c00;
    z-index: 999 !important;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+53,f6f6f6+89 */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 53%, rgba(246,246,246,1) 89%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 53%,rgba(246,246,246,1) 89%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,1) 53%,rgba(246,246,246,1) 89%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
} 

.search .entry-wrap {box-shadow: 0px 0px 0px #fff !important;}
.search .entry-title {font-size: 21px !important; }
.search .entry-thumb img {display: none;}
.search .excerpt{display:none;}
.search .entry-wrap {padding: 20px; background: none; }

.search-no-results .hentry {border: 0px solid #fff; height: auto;}
.search-no-results .hentry:hover {background:#fff; box-shadow: 0px 0px 0px #fff; border-bottom: 0px solid red;}

/*END Search Results*/

.brochuresBlock a {width:22%;margin:1%; min-width: 250px;float:left;}

.gallery {margin:0px;}


/*Dealers Pages*/
.dealersBlock {background: #eee; padding: 20px; margin-bottom: 30px;}


/*-----------------------------------START 9. Styles Specific to a Single Page (SnF Page)-----------------------------------*/
.searchandfilter>ul>li[data-sf-combobox="1"] label {
    display: inline-block !important;
}

.searchandfilter select.sf-input-select {
    min-width: 170px;
    width: 100%;
}


.mk-title-box {
    background-image: url(/qdc/wp-content/uploads/sites/4/2016/11/boxbg.jpg);
    background-position: center center;
    background-repeat: no-repeat;

}

.timeline .x-column:nth-child(1) { 
    background-color: #fff!important;
}

/*-----------------------------------START 10. Media Queries -----------------------------------*/
@media screen and (min-width: 1200px) {
	
}

@media screen and (max-width: 1199px) {
    .heroMessage {display:none !important;;}
.heroBox {
    	width: 2100px;
   	 min-width: 190% !important;
   	 margin-left: -40% !important;
   	 height: 700px;
   	 min-height: 700px !important;
   	 background: #ffcd0077 !important;
   	 margin-top: -50px !important;
    }
    .heroMessage {display: none !important;}
    .heroh1 {font-size: 320% !important; line-height: 120% !important; max-width: 550px !important; margin: 0 auto !important;}
    .heroButtons {display: block !important; margin: 0 auto !important;}
}

@media screen and (max-width: 1035px) {
	.x-navbar .desktop .x-nav > li > a:not(.x-btn-navbar-woocommerce) {
		padding-left: 10px !important;
		padding-right: 10px !important;
	}
}

@media screen and (max-width: 979px) {
	.hiddenSmall { display:none !important;} 
	.hiddenLarge { display:block !important;}  
	
	.x-topbar { border-bottom: none !important; }
	.x-navbar ul li { margin-bottom: 0; }
	.x-topbar .p-info {
		margin: 15px auto 5px !important;
		float: none !important;
		text-align: center !important;
	}
	.heroBox {
		width: 2100px;
		min-width: 190% !important;
		margin-left: -40% !important;
		height: 500px;
		min-height: 500px !important;
		background: #ffcd0077 !important;
		margin-top: -10px !important;
	}
     .heroh1 {font-size: 350% !important; line-height: 120% !important; max-width: 600px !important; margin-top: -5% !important;}
	
	.processBox {
		width: 24% !important;
		margin-top: 10px !important;
		min-height: 229px !important;
		padding: 15px !important;
		background: #fafafa;
	}

	.processBox .circle {
		width: 50px !important;
		height: 50px !important;
	}

	.processBox img {
		height: 30px !important;
	}

    .x-topbar .p-info a {border-bottom: 0px solid #ccc !important}    
    
	.vehicleTabs{ display:none; }

    .x-topbar .x-brand{padding:20px 0 !important;}
	.x-topbar-inner a.btn .x-btn {
		font-size: 100%;
		text-align: center;
    }
	.x-navbar-wrap .x-brand:not(body.page-template-template-webriver .x-navbar-wrap .x-brand) { display:none !important; }
	.x-btn-navbar, .x-btn-navbar.collapsed  { width: 100%; }
    
	.x-icon-bars {
		text-align:center; 
		color: #53565a; 
		text-shadow: 0px 0px;
	} 
    
	.x-navbar-wrap .x-btn-navbar.collapsed [data-x-icon]::after, 
	.x-navbar-wrap .x-btn-navbar.collapsed [class*="x-icon-"]::after {
		content: "MENU";
		font-size: 24px !important;
		margin-left: 10px;
		color: #53565a;
	}
    
	.x-btn-navbar {
		margin-top: 0px !important;
		background: transparent;
	}

	.x-navbar:not(body.page-template-template-webriver .x-navbar) {
		background-color: #d0d3d4 !important;
		background-image: none;
		padding: 0px !important;
		margin-top: 10px;
		border-bottom: 3px solid #888b8d !important;
	}
    .masthead-inline .x-btn-navbar { text-align: center; }
    
    .x-topbar-inner { text-align:center; }    

	.x-topbar .phone {
		font-family: "Calibri Regular", sans-serif !important;
		color: #fff !important;
		font-weight: 400 !important;
		font-size: 13px !important;
    }
	.x-topbar a.btn {     
		background: #1559a0;
		color: #fff !important;
		margin: 0 5px 10px !important;
	}
	
	.x-topbar a.btn:hover {     
		background: #5e7bb7;
		color: #fff !important;
	}
	
.vehicleTabs a {margin:5px !important;}  
.x-btn-navbar.collapsed {
    margin-top: 0 !important;
    background-color: transparent !important;
    box-shadow: none !important;
    text-shadow: none !important;
}
    
    
    .x-navbar .mobile .x-nav  {background: #1a1a1a; margin: 0px;}
    .x-navbar-inner .x-container.width:not(body.page-template-template-webriver .x-navbar-inner .x-container.width) {width: 100% !important;}
    .x-btn-navbar a {padding-left: 20px;}
 
    
    .x-icon-navicon:after, .x-icon-reorder:after, .x-icon-bars:after {
        content: "CLOSE";
    margin-left: 10px;
        font-family: "Oswald",sans-serif;
    }
  
    .x-navbar .x-nav-wrap .x-nav > li > a {padding-left: 30px; text-align: left;}
    
    .x-navbar .mobile .x-nav>li.x-menu-item-search {
        margin: 0; text-align: left;
    }
    .x-navbar .mobile .x-nav>li.x-menu-item-search>a {
    border: 0px; border-radius: 0px; 
    }
        
    .x-block-grid.three-up>li{
    width: 100% !important;
}
    
    .homepageIndustries {
    width:46% !important;
    float:left !important;
}
    .el49 br {
    display:none !important;
}
    
    .trucksList li {
    line-height: 1 !important;
}

.el50 .x-text > div{
	max-height: 420px !important;

}

.el50 .whiteText{
	height: 380px !important;

}
.el50 .whiteText > div{
    padding-top: 120% !important;
	}
    
.el62.x-column .whiteText > div{max-width:100% !important;}

.el52 .x-block-grid-item{
	margin-top: 0px !important;
}
}

@media screen and (max-width: 767px) {
    /* ---header section---*/
 
   
    
#stickyNavbar{display:none !important;}
.staggerText {padding: 30px 10px !important; }
.staggerText h2 {font-size:25px !important;}   
 
.sf-field-post-meta-vehicle_series_engineeredspeciaity, .sf-field-post-meta-vehicle_series_ex ,.sf-field-post-meta-vehicle_series_qdc, .sf-field-post-meta-vehicle_model_counterbalance, .sf-field-post-meta-capacity {
    display: none !important;
    }
	.resultsModel { width: 50% !important; height: 275px; max-width: 50%; padding-top: 10px; padding-bottom: 10px; }
.model-Cutout {margin-top: 0px !important;}
.gallery-Machine li {
    margin: 0px 4px !important;
    width: 30% !important;
    box-sizing: border-box !important;
    float: left !important;
}    
.page-id-17 .displaySmall{margin-top:20px !important;}
.page-id-17 .displaySmall :first-child{float:left !important}
.page-id-17 .displaySmall :nth-child(2){float:right !important}
footer .x-nav{display: none !important;}
	
	
	.heroButtons {
		display: block !important;
		margin: -30px auto 0 !important;
		max-width: 100% !important;
		text-align: center !important;
		min-width: 100% !important;
	}
	
	.heroButtons a {
		display: block;
		margin-bottom: 10px !important;
	}

    
    /*----- Homepage Special----*/
.x-section-1{
        padding: 45px 5% 30px !important;
}

	.heroh1 {
    font-size: 40px !important;
	}
	.processBox {
		width: 49% !important;
		margin-top: 10px !important;
		min-height: 200px !important;
		padding: 15px !important;
		background: #fafafa;
	}

.message {
    font-size: 13px !important;
    text-shadow: none !important;
    line-height: 1.3 !important;
}

.el38.x-section {
    padding: 45px 7.5% !important;
}

.trucksList li{width:100% !important}
.whiteText {
    height: auto !important;
}

.el50.x-column .whiteText >div {
		padding-top: 20% !important;
	}
	
.el62.x-column .whiteText{
    padding: 10px !important;
    text-align: left !important;
}

.el62.x-column .whiteText h3 {
    line-height: 1.2 !important;
    margin-bottom: 10px !important;
}

.el62.x-column .whiteText p{
    margin: 0 !important;
}

.el62.x-column .whiteText .x-btn {
    margin-bottom: 0px !important;
    margin-top: 15px !important;
}
	
.el62.x-column .x-block-grid>li {
    height: auto !important;
    margin: 10px 0 0 0 !important;
    box-sizing: border-box !important;
}
    
.el62.x-column .x-block-grid.two-up>li {
    width: 100% !important;
    padding:1% !important;
}   
    
.x-block-grid.three-up>li:nth-child(-n+3) {
    margin-top: 0 !important;
}
    

#slide-46-layer-8 >div{margin-top: 15px !important;
    line-height: 1 !important;
    font-size: 12px !important;}
    .heroButtons .x-btn{float:none !important;}
.heroButtons{padding-top:10px !important;}
}

@media (min-width: 768px){
  .timeline {
    position: relative;
    z-index: 1;
  }
  .timeline::before {
    content:"";
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    display: block;
    left: 50%;
    border-left: 1px solid #000; /*change these border values to suit your liking*/
  }
  .timeline .x-container:nth-child(odd)::after {
    content:"";
    z-index: 99999;
    position: absolute;
    right: 50%;
    top: 50%;
    width: 15px;
    height: 15px;
    transform: translateX(50%);
    border-radius: 12px;
    background: #000;
    border: 2px solid rgb(224,224,224);
  }
  .timeline .x-container:nth-child(odd)::before {
    content:"";
    z-index: -1;
    position: absolute;
    right: 50%;
    top: calc(50% + 7px);
    width: 150px;
    height: 1px;
    background: #000;
  }
  .timeline .x-container:nth-child(even)::after {
    content:"";
    z-index: 99999;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 15px;
    height: 15px;
    transform: translateX(-50%);
    border-radius: 12px;
    background: #000;
    border: 2px solid rgb(224,224,224);
  }
  .timeline .x-container:nth-child(even)::before {
    content:"";
    z-index: -1;
    position: absolute;
    left: 50%;
    top: calc(50% + 7px);
    width: 150px;
    height: 1px;
    background: #000;
  }
  .timeline .x-container {
    display:flex!important;
  }
  .timeline .x-container:nth-child(even) {
    flex-direction: row-reverse;
  }
  .timeline .x-container:nth-child(even) .x-column {
    margin-right: 0;
  }
  .timeline .x-container:nth-child(odd) .x-column:nth-child(1) {
    text-align: right;
  }
  .timeline .x-container .x-column:nth-child(1) {
    box-shadow:0px 5px 20px rgba(0,0,0 ,0.2);
  }
}

@media screen and (max-width: 560px){
.homepageIndustries {
    width: 45% !important;
    padding: 0 10px;
}
	
	.heroButtons .x-btn {
/* 		margin: -20px auto 0 !important; */
		display: block !important;
		float: none !important;
		padding: 5px!important;
		line-height: 1 !important;
		text-align: center !important;
	}
	
	
	.heroh1 {
		max-width: 100% !important;
		margin-top: -10% !important;
		font-size: 30px !important; 
	}

}


@media screen and (max-width: 480px) {
	
	.processBox {
		width: 100% !important;
		min-height: auto !important;
		float: none !important;
	}
	
	.heroButtons {
		display: none !important;
	}
	
	.heroh1 {
		max-width: 100% !important;
		margin-top: -10% !important;
		font-size: 450% !important;
	}
	
	#slide-46-layer-7 {
		min-width: 280px !important;
		max-width: 320px !important;
		position: absolute;
		left: 0 !important;
		left: 50% !important;
		top: 25px;
	}
	
	.resultsModel {
		width: 100% !important;
		height: 250px;
		max-width: 100%;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	
	.gallery-Machine li {
		width: 47% !important;
	}
    
	.page-id-17 .displaySmall:first-child{ 
		width: 100% !important;
	}
	.page-id-17 .displaySmall :nth-child(2){
		width: 100% !important;
		text-align: center !important;
		margin: 0 auto !important;
	}
	.page-id-17 .displaySmall :nth-child(2) img{
		width: 90% !important;
		margin: 0 auto !important;
		float: none !important;
    }
	.page-id-17 .displaySmall :nth-child(2) a{
		text-align:center !important;     
		float: none !important;
	}

	.x-topbar a.btn {
		text-align: center !important;
		margin: 5px auto !important;
		display: inline-block;
	}

	.x-topbar .phone {
		font-size: 12px !important;
	}
	
	.headerSection_innerPage h1 {
		font-size: 35px !important;
	}

	.headerSection_innerPageSmall .x-text, .headerSection_innerPage .x-text {
		font-size: 15px;
	}	
	
	.vehicleTabs {padding-top:20px !important;}
    
	.homepageIndustries {
		width: 100% !important;
		padding: 2.5% !important;
	}

	.el62.x-column .x-block-grid.two-up>li {
		width: 100%;
		padding: 1% !important;
	}
}


.highlight-rental {
    position: absolute;
    top: 50%;
    left: 10%;
    transform: rotate(-50deg);
    -webkit-transform: rotate(-20deg);
    -o-transform: rotate(-50deg);
    -moz-transform: rotate(-50deg);
    font-size: 8rem;
    color: #888b8d;
    border: 3px solid #888b8d;
    padding: 10px;
    border-radius: 10px;
    line-height: .7;
    letter-spacing: 10px;
}

.RPhighlight-rental {
    position: absolute;
    top: 70%;
    left: 55%;
    transform: rotate(-50deg);
    -webkit-transform: rotate(-50deg);
    -o-transform: rotate(-50deg);
    -moz-transform: rotate(-50deg);
    font-size: 2rem;
    color: #888b8d;
    border: 2px solid #888b8d;
    padding: 5px;
    border-radius: 5px;
    line-height: .8;
}

/* Pre-Footer CTA Section */
#pre-footer {
    background: #d0d3d4;
    padding: 30px 40px;
    background-image: url(/wp-content/uploads/2021/02/RICO_Texture_LightGray_RGB.jpg);
    background-size: cover;
    text-align: center;
    border-top: 4px solid #888b8d;
}

#pre-footer h3 {
	font-family: 'Oswald', sans-serif !important;
	color: #1559a0 !important;
    letter-spacing: 1px;
	margin-bottom: 0 !important;
}

#pre-footer a.x-btn {
    font-family: Calibri,Candara,Segoe,"Segoe UI",Optima,Arial,sans-serif;
    border-radius: 0;
    padding: 0.563em 1.125em;
    font-size: 17px;
    line-height: 1.4;
    color: #fff;
    background-color: #1559a0;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0.2px;
	margin: 20px;
}

#pre-footer a.x-btn:hover {
    color: #fff;
    background-color: #5e7bb7;
}

@media screen and (max-width: 785px){
	#pre-footer a.x-btn {
		display: block !important;
		width: 50%;
		margin: 20px auto;
	}
}

@media screen and (max-width: 400px){
	#pre-footer a.x-btn {
		display: block !important;
		width: 70%;
		margin: 20px auto;
	}
}



/* CTA Styles */

p.alertBanner {
	color: #000; 
	padding: 5px 0; 
	background: #ffcd00; 
	margin-bottom: 9px; 
	margin-left: calc(50% - 50vw); 
	margin-right: calc(50% - 50vw); 
	text-align: center;
}

p.alertBanner span {
	display: block; 
	width: 80%; 
	margin: 0 auto;
}

.CTAblock {
    background-color: #fff !important;
    border-top: 5px solid #ff6900;
    box-shadow: 0 0 5px rgba(0,0,0,0.3);
	margin-bottom: 30px;
}


.CTAblock p,
.CTAblock h3{
    padding: 10px;
}

.CTAblock h3{
    background: #eee;
}


.x-btn.landPageCTABtn {
	margin-bottom: 20px !important;
}

.landPageCTABtn {
	border: 2px solid #1559a0 !important;
	padding: 10px 20px;
	background: #1559a0 !important;
	font-style: normal;
}

.landPageCTABtn:hover {
	border: #1559a0 !important;
	background: transparent !important;
	padding: 10px 20px;
	border: 2px solid #1559a0 !important;
}

.warrantyBox {
    margin: 20px 0;
    padding: 20px;
    text-align: center;
    border: 1px solid #000;
}

.preOwnedResults .resultsModel {
    width: 25%;
}

.purchase_options-pre-owned .model-Cutout {
    margin-top: -170px;
}

.machines-template-default.counterbalance .x-root {
    display: block;
}

.purchase_options-rentals .button.large.primary {
    background: #1559a0;
    cursor: pointer !important;
    margin-top: 20px;
}

.purchase_options-rentals .button.large.primary:hover {
    color: #1559a0;
    background: #fff;
    border: 2px solid #1559a0 !important;
}

.homeCTAboxes {
    text-align: center;
    padding: 20px 20px;
    border-right: 1px solid #000;
    margin-left: -4%;
}

.homeCTAboxes-last {
    border-right: none !important;
}

@media screen and (max-width: 480px) {
    .resultsModel {
        width: 100% !important;
    }
}


.homeCTAboxes {
    text-align: center;
    padding: 20px 20px;
    border-right: 1px solid #000;
    margin-left: -4%;
}

.homeCTAboxes-last {
	text-align: center;
    padding: 20px 20px;
    margin-left: 0;
}

.homeCTA .x-column {
	margin-right: 0 !important;
}

.homeCTA .x-column.x-sm.x-1-3 {
	width: 33.3%;
}

@media (max-width: 907px) {
	.homeCTA .x-column.x-sm.x-1-3 {
		width: 100%;
	}
	.homeCTAboxes {
		border-right: none !important;
		margin-left: 0;
		border-bottom: 1px solid #000;
		margin-bottom: 10px;
	}
	.homeCTAboxes-last {
		border-bottom: none !important;
	}
	.homeCTAboxes .x-btn {
		margin-top: 0 !important;
	}
}


/* Fixes break on Machines Template Layout when adding new items */
.machines-template-default .x-root {
    display: block !important;
}


/* Resources Page Updates */

.resourceLink, .resourceMenuHeader {
    display: block;
    box-shadow: 0 0 8px rgb(0 0 0 / 20%);
    font-family: "Oswald", sans-serif;
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
    transition: ease 0.5s;
    color: #53565a;
    background: #1559a0;
    margin-bottom: 30px;
    padding: 20px;
    border-top: 5px solid #888b8d;
    text-shadow: none !important;
    background-color: #d0d3d4 !important;
    background-image: url(/wp-content/uploads/2021/02/RICO_Texture_LightGray_RGB.jpg);
}

.resourceMenuHeader {
	margin-bottom: 0 !important;
}

.resourceLink:hover {
	box-shadow: 0 0 8px rgb(0 0 0 / 20%);
    color: #fff;
    background: #1559a0 !important;
}

.resourceMenu {
	box-shadow: 0 0 8px rgba(0,0,0,0.2);
	background: #fff;
	margin-bottom: 30px;
}

.resourceMenu li {
	list-style: none;
}

.resourceMenu ul {
	margin: 0;
}

.resourceMenu li a {
	display: block;
	padding: 14px 20px;
	background: #fff;
	border-bottom: 1px solid #d0d3d4;
}

.resourceMenu li a:hover {
	background: #d0d3d4;
	color: #1559a0;
}

.resourceMenu li a:before {
	content: "\f101";
    padding-right: 0.4em;
    font-family: "FontAwesome" !important;
}


/* Homepage Styles - Communication Road Map */
.processBox.roadMap {
    text-align: center;
    min-height: 125px;
}

.processBox.roadMap .circle {
    background: transparent;
    box-shadow: 0 0 5px rgba(0,0,0,0.2);
    width: 100px;
    height: 100px;
	overflow: hidden;
}

.processBox.roadMap img {
    height: 80px;
}

@media screen and (max-width: 979px) {
	.processBox.roadMap {
		width: 24% !important;
		margin-top: 10px !important;
		min-height: 192px !important;
		padding: 15px !important;
		background: #fafafa;
	}
	.processBox.roadMap .circle {
		width: 100px !important;
		height: 100px !important;
	}
	.processBox.roadMap img {
		height: 80px !important;
	}
}

@media screen and (max-width: 767px) {
	.processBox.roadMap {
		width: 48% !important;
		margin-top: 10px !important;
		min-height: 192px !important;
		padding: 15px !important;
		background: #fafafa;
	}
	.processBox.roadMap .circle {
		width: 100px !important;
		height: 100px !important;
	}
	.processBox.roadMap img {
		height: 80px !important;
	}
}

@media screen and (max-width: 480px) {
	.processBox.roadMap {
		width: 100% !important;
		margin-top: 10px !important;
		min-height: 150px !important;
		padding: 15px !important;
		background: #fafafa;
	}
}

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



/* Homepage Video Styles - updated ====================== */
/* ====================================================== */
h1.videoHeroTitle {
    text-align: center !important;
    text-transform: uppercase;
    color: #fff;
    font-size: 2.5em !important;
    line-height: 1 !important;
}

.videoHeroContent {
	text-align: center !important;
    font-size: 20px !important;
    line-height: 1.3 !important;
    font-family: Calibri,Candara,Segoe,"Segoe UI",Optima,Arial,sans-serif;
}

a.x-btn.videoButton {
    border: none !important;
    background: #1559a0 !important;
    font-size: 18px !important;
    font-weight: 500 !important;
	transition: 0.5s ease;
	margin-bottom: 15px !important;
	font-family: Calibri,Candara,Segoe,"Segoe UI",Optima,Arial,sans-serif;
}

a.x-btn.videoButton:hover {
    border: none !important;
    background: #5e7bb7 !important;
}

.homeCTAbox li a {
	color: #000;
}

.homeCTAbox li a:hover {
	color: #53565a;
	text-decoration: underline;
}


@media(max-width: 777px) {
	.videoHeroContent {
		font-size: 16px !important;
	}

}

@media(max-width: 515px) {
	h1.videoHeroTitle {
		font-size: 35px !important;
	}

}

@media(max-width: 384px) {
	h1.videoHeroTitle {
		font-size: 28px !important;
	}

}



/* Interior Page Styles - updated ======================= */
/* ====================================================== */

.processCircle {
    background: #191c25;
    width: 100px;
    margin: 0px auto;
    border-radius: 200px;
    height: 100px;
    padding: 10px;
    border: 5px solid #fff;
    box-shadow: 0 0 20px rgba(0,0,0,0.2);
	margin-bottom: 10px;
}

h3.popover-title {
    background: #ffcc00;
    padding: 10px;
    font-size: 18px !important;
}

@media(max-width: 1199px) {
	.processRow .x-col {
		flex-basis: 25% !important;
		margin: 0 0 30px !important;
		flex-grow: 0 !important;
	}
}

@media(max-width: 600px) {
	.processRow .x-col {
		flex-basis: 50% !important;
		margin: 0 0 30px !important;
		flex-grow: 0 !important;
	}
}

@media(max-width: 350px) {
	.processRow .x-col {
		flex-basis: 100% !important;
		margin: 0 0 20px !important;
		flex-grow: 0 !important;
	}
}
	

/* Interior Page Styles - updated ======================= */
/* ====================================================== */	

.sliderAd .x-flexslider {
    margin: 0 auto;
}

.x-flexslider-shortcode-container.sliderAd.with-container {
    border: none !important;
    padding: 0 !important;
    background-color: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    text-align: center;
}

.x-section .x-container.marginless-columns > .x-column.wr-classic-image-column {
	vertical-align: top;
	padding: 70px 0;
}

.x-section .x-container.marginless-columns > .x-column.wr-classic-youtube-column-left {
	vertical-align: top;
	padding: 70px 20px 0 0;
}

.x-section .x-container.marginless-columns > .x-column.wr-classic-youtube-column-right {
	vertical-align: top;
	padding: 70px 0 0 20px;
}

@media (max-width: 767px) {
	.x-section .x-container.marginless-columns.wr-classic-row-reverse {
		display: flex;
		flex-direction: column-reverse;
	}
	
	.x-section .x-container.marginless-columns > .x-column.wr-classic-image-column {
		padding: 30px 10px 10px 10px;
	}

    .x-section .x-container.marginless-columns > .x-column.wr-classic-youtube-column-left,
    .x-section .x-container.marginless-columns > .x-column.wr-classic-youtube-column-right {
		padding: 30px 10px 10px 10px;
	}
}

/*.search-filter-results {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 30px;
}

.search-filter-results > div > h2 {
    font-size: 12px !important;
}*/

.page-id-17841 .searchandfilter ul {
    display: flex;
    flex-flow: row wrap;
    padding-bottom: 20px;
    margin: 0;
}

.page-id-17841 .searchandfilter ul li {
    flex: 0 0 50%;
}

.page-id-17841 .resultsModel {
    width: 33.33%;
}

@media (max-width: 768px) {
    .page-id-17841 .searchandfilter ul li {
        flex: 0 0 100%;
    }
}

.wr-resource-section .x-img-thumbnail {
    transition: transform 0.2s linear;
}

.wr-resource-section .x-img-thumbnail:hover {
    transform: translateY(-15px);
}

@media (max-width: 768px) {
    .machines .x-bg {
        position: static;
    }
}

.wr-dealer-banner {
    display: block;
    position: relative;
    margin-bottom: 20px;
}

.wr-dealer-banner-image {
    width: 100%;
}

.wr-dealer-banner-content {
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0.5);
    padding: 15px 20px;
    width: 100%;
}

.wr-dealer-banner-title {
    font-family: Oswald, sans-serif;
    font-size: 24px;
    line-height: 24px;
    font-weight: 700;
    color: #fff;
    text-shadow: 2px 2px 2px #000;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.wr-dealer-banner-details {
    font-size: 16px;
    line-height: 16px;
    color: #fff;
    text-shadow: 2px 2px 2px #000;
}

.wr-dealer-banner-arrow {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 100%;
    background: url('wr-dealer-banner-arrow.png') no-repeat;
    aspect-ratio: 1/1;
    background-size: 31px 36px;
    background-position: center center;
}

table.dataTable>tbody>tr.child span.dtr-title {
    min-width: 120px !important;
}

li.col-display_order_explosion_proof,
li.col-display_order_specialty_vehicles {
    display: none !important;
}

body.page-template-template-webriver .entry-content {
	margin-top: 0;
}

body.page-template-template-webriver .footerMenuBlock {
	visibility: hidden;
}

body.page-template-template-webriver #pre-footer {
	display: none;
}

body.page-template-template-webriver #pre-footer {
	display: none;
}

/* -- WR EX Update 03-24-2025 -- */
.wr-ex {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
}

.wr-ex-product {
    background-color: #ebebeb;
    display: flex;
    flex-flow: column nowrap;
}

.wr-ex-product-header {
    padding: 10px 15px;
    background-color: #0149aa;
    color: #fff;
    text-transform: uppercase;
    font-size: 24px;
    font-weight: bold;
    font-family: proxima-nova, sans-serif;
    line-height: 1em;
    flex: 0 0 auto;
}

.wr-ex-product-content {
    display: flex;
    padding: 15px;
    min-height: 250px;
    position: relative;
    flex: 1 0 auto;
}

.wr-ex-product-text {
    width: 55%;
    font-family: proxima-nova, sans-serif;
    display: flex;
    flex-flow: column nowrap;
    font-size: 19px;
    z-index: 50;
}

.wr-ex-product-text-title {
    font-size: 21px;
    font-weight: 700;
    margin-bottom: 1em;
    line-height: 1.1em;
}

.wr-ex-product-text p {
    line-height: 1.2em;
}

.wr-ex-product-text ul {
    margin-left: 15px;
    flex-grow: 1;
}

.wr-ex-product-text ul li {
    line-height: 1.1em;
}

.wr-ex-product-button {
    display: block;
    width: 150px;
    padding: 10px 5px;
    font-size: 16px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    background-color: #000;
    line-height: 1em;
    font-family: proxima-nova, sans-serif;
}

.wr-ex-product-button:hover {
    color: #fff;
    background-color: #0149aa;
}

.wr-ex-product-image {
    position: absolute;
    right: 15px;
    height: 100%;
    width: auto;
    max-width: 50%;
    object-fit: contain;
    z-index: 40;
    padding-bottom: 15px;
}

.wr-ex-product-image.wr-ex-product-image-extra-space {
    max-width: 60%;
    padding-bottom: 30px;
}

.wr-ex-fm {
    display: flex;
    flex-flow: row nowrap;
    background-color: #ff7800;
    color: #fff;
    padding: 15px;
    font-size: 19px;
    font-family: proxima-nova, sans-serif;
    height: fit-content;
    justify-content: space-evenly;
    align-items: center;
}

.wr-ex-fm-title {
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 25px;
    line-height: 1.1em;
}

.wr-ex-fm-text ul {
    list-style: none;
    margin: 0;
}

.wr-ex-fm-text ul li {
    line-height: 1.1em;
}

@media (max-width: 1024px) {
    .wr-ex {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .wr-ex-product-text {
        font-size: 14px;
        width: 50%;
    }

    .wr-ex-fm {
        flex-flow: column nowrap;
        gap: 25px;
        text-align: center;
    }
}