/* ----------------------> Site Colors <---------------------- * /
Main: Red #DC251A
Secondary: Light Yellow #F6BD2D
Accent: Red #DC251A
/* ---------------------------------------------------------- * /


/* ----- CSS CODE FOR NIKHIL 6/16 to check in to style sheet? ------*/
@media (max-width: 767px) {
    /* Mobile Category Title */
    h1#categoryHead {
        margin-top: -2%;
        padding-top: 2%;
    }
    /* Mobile SubCategories Title */
    h2#catHead {
        margin-top: 8%;
        margin-bottom: -10%;
    }
}

/* Link Style */
#displayCartItems a, .CartProduct a, .pager a, #productDetails a, .rightSidebar a, #rentalQuickViewModal a {
	text-decoration: underline;
}


/* GLOBAL CODE FOR WIDGET ICONS  */
@media (max-width: 767px) {
    
    /* Navbar Icon Style */
    .navbar-header .navbar-toggle {
        background: #000;
        margin-top: 8%;
        margin-right: 6%;
        padding: 2%;
    }
    
    /* Cart Icon Style */
    button#shopCartMobile, button#rentalCartMobile {
        background: transparent;
        margin-right: 4%;
    }
    
    /* Shopping Cart Style */
    #rentalCartMobile i.fa.fa-shopping-cart.colorWhite {
        font-size: 25pt;
        padding-right:2pt;
        color: #000 !important;
        padding-left:10px;
        margin-top: -4px;
    }
    
    /* Removes Pricing & "R" from Rental Cart */
    .cartRespons .show-xs, .cartTotal, .caret {
        display: none;
    }
}




/* ------------- IF RENTAL CART ITEMS = 0 ...THEN USE THIS BADGE CODE:
@media (max-width: 767px) {
    .cartRespons .badge {
        display: none;
    }
}

*/

/* IF RENTAL CART ITEMS >= 1 ... THEN USE THIS BADGE CODE:
@media (max-width: 767px) {
    .cartRespons .badge {
        background: red !important;
        color: red !important;
        margin-top: -55%;
        margin-left: -15%;
        border-radius: 200px;
        font-size: 1px;
        padding: 5px;
    }
}

*/


/* ----------------------> Global Styles <---------------------- */
/* Mouse Highlight */
::selection {
	color: #fff;
	background: #000;
}
::-moz-selection {
	color: #fff;
	background: #000;
}
::-webkit-selection {
	color: #fff;
	background: #000;
}
/* Link Color */
a:hover, a:focus, a.link {
	color: #DC251A;
}
/* Link Style */
#displayCartItems a, .CartProduct a, .pager a, #productDetails a, .rightSidebar a, #rentalQuickViewModal a {
	text-decoration: underline;
}

.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background: rgba(52, 73, 94, 0.7) !important;
}
.full {
	width: 100%;
}
/* Modal Header */
.modal-header {
	background: #DC251A !important;
    box-shadow: inset 0px 0px 5px 0px #000;
}
.form-control:focus {
	border-color: #DC251A;
}
/* Sub Category Thumbnail */
.subCategoryList .thumbnail:hover {
	/* border: 1px solid #DC251A; */
}
/* Product Code Page Tabs */
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus,
	.nav-tabs>li:hover>a {
	background: #DC251A;
}
.nav-tabs>li>a {
    box-shadow: inset 0px 0px 0px 1px #000;
}
.nav-tabs {
	border-bottom: 3px solid #DC251A;
}
ul#navTabs {
    background: transparent;
}
.nav-tabs > li {
    background: #fff !important;
    margin-bottom: 0px;
}
/* Rental Site Checkout - Hide Tax Row in Table */
table#cart-summary tr.taxes-sec {
    display:none;
}
/* Selling Site Guest Checkout Order Step Icons */
ul#guest-checkout-tabs li:not(.activve) .fa {
    color: #DC251A;
}
ul#guest-checkout-tabs li.active .fa {
    color: #ffffff;
}
/* Marketing Highlight */
div#eRental_marketingHighlight h2 {
        font-size: 14pt;
}
.sp-thumbs a:hover, .sp-thumbs a:active, .sp-current, sp-current:visited
	{
	border: 2px solid #DC251A !important;
}
.promo-1 {
	background: none repeat scroll 0 0 #DC251A;
}
/* Removes Dup Price on Cart Page */
.price.eRental-cost {
    display: none;
}
/* Date Selection */
.bootstrap-datetimepicker-widget.dropdown-menu {
    width: 19em;
    padding: 5px;
}
/* Pay Invoice as Guest */
.guest-pay-invoice-sec {
    padding-top: 10px;
    padding-bottom: 5px;
}
/* Pay Invoice as Guest */
#ModalLogin .strike {
    color: #4A4B4F;
    font-weight: 400 !important;
}
/* You May Also Like Title */
.section-title.style2 span {
    font-weight: 300;
}
/* Landing Page Card Images */
.card-body img {
    object-fit: contain !important;
}
.card-body {
    box-shadow: 0px 2px 5px 1px;
    border-radius:15px;
}
.card-body h3, .card-body h3:hover {
    color:#000;
    font-size: 20pt;
    font-weight: 600;
    letter-spacing:0 !important;
}

/* Product Code Page Frequently Bought With Slider Padding */
div#frequentlyProductDiv {
    padding-bottom: 30px;
}

/* Hide Mobile Content */
 .mobileHide { display: inline;}
   /* Smartphone Portrait and Landscape */
   @media only screen
   and (min-device-width : 320px)
   and (max-device-width : 480px) {  
       .mobileHide { 
           display: none; 
       }  
   }

  
/* Removes Bottom Body Gap & Results ribbon */
.gap {
    display:none;
}
/* Landing Page Cards
.card-body {
    margin: 15px;
    margin-bottom: 50px;
    height: 275px;
    padding-top: 10px;
}
.card-body img {
    scale: 85%;
    transition-duration: .8s;
}
.card-body img:hover {
    transform: scale(1.05);
    transition-duration: .6s;
    border-color:#dd1e36;
}
.card-body h3 a {
    padding-top: 25px;
    padding-bottom: 50px;
    font-size: 20pt;
    font-weight: 600;
}
.card-body h3 a:hover {
    color:#DC251A;
    letter-spacing:.5px;
}
.card-image {
    padding: 20px;
}
/* Slider Title */
h3.section-title.style2.text-center {
    margin-top: 60px;
}
/* --- Custom Landing Page Hero Size --- */
.hero-image {
    height: 40vh;
    min-height: 210px;
}


/* ----------------------> Search Feature <---------------------- */
.search-box:hover .form-control {
	background: #DC251A;
}

.search-box:hover .btn-nobg {
	color: #DC251A;
}

.searchInputBox .search-btn {
	color: #fff;
}

i.fa.fa-search {
    margin-left: -2px;
    padding: 0;
}

/* ----------------------> Buttons <---------------------- */
/* General Buttons */
.btn-action, .btn-primary, .btn-primary, .product:hover .add-fav:hover,
.product:hover .add-fav.active .btn-primary:active, .btn-primary.active,
.open .dropdown-toggle.btn-primary {
	background-color: #DC251A;
    border-color: #DC251A;
	color: #fff;
}
.btn-action:hover, .btn-action:focus, .btn-action:active,
	.btn-action.active, .open .dropdown-toggle.btn-action, .btn-primary:hover, .btn-primary:focus, .btn-primary:active,
	.btn-primary.active, .open .dropdown-toggle.btn-primary, .pagination>.active>a,
	.pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover,
	.pagination>.active>a:focus, .pagination>.active>span:focus {
	background-color: #DC251A;
	border-color: #DC251A;
	color: #fff;
    box-shadow: inset 0px 0px 6px 0px #fff;
}
.btn-primary[disabled], .btn-primary[disabled]:hover {
    background-color: #00000059;
}
/* Hides Site Selector Buttons */
.btnSiteSelector {
    display: none !important;
}
/* Quick View Button */
.btn-quickview {
	color: #000 !important;
	text-transform: uppercase;
	background: #F6BD2D;
	border: 1px solid #DC251A;
}
.btn-quickview:hover {
	-webkit-opacity:1;
}
/* Quick View > View Full Details */
a.btn.btn-sm.btn-warning, a.btn.btn-sm.btn-warning:hover {
    background: #DC251A;
    color:#fff !important;
    text-decoration: none !important;
}
.orderStep li.active a i {
	background: #d2d2d2;
	color: #DC251A;
}
.orderStep li:not(.active) .fa {
    color: #DC251A;
}
.orderStep li a span, .orderStep.orderStepLook2 a span {
    color: #3d3d3d;
}
.btn-site, .newsLatterBox .btn {
	background: #DC251A;
}
.btn-discover:hover, .btn-site:hover, .newsLatterBox .btn:hover {
	background: #DC251A;
}
.pager2 a {
	border: 1px solid #DC251A;
}
.pager2 a.selected {
	background: #DC251A;
}
#pager a.cycle-pager-active {
	background: rgba(52, 73, 94, 0.5);
}
/* -- Category / Group Panel Title -- */
div#leftSidePanel .panel-heading {
    border-top: 2px solid #000;
    border-bottom: 4px solid #000;
    background-color: #DC251A;
    padding-bottom: 10px !important;
    border-radius: 15px 15px 0px 0px;
}
/* -- Left Nav -- */
.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-radius: 0px 0px 15px 15px;
}
div#leftSidePanel span#categoryFilterTitle, div#leftSidePanel span#groupFilterTitle, div#leftSidePanel a.collapseWill.active {
    color: #fff;
    font-weight: 600;
    font-size: 15pt;
    text-transform: uppercase;
    padding-left: 5px;
}
.orderStep a {
    color: #fff;
    font-weight: 600;
    font-size: 15pt;
    text-transform: uppercase;
    padding-left:5px;
}

div#leftSidePanel i.fa.fa-caret-right {
    color: #fff;
    margin-top: 1px;
    font-size: 15pt;
}
/* -- Checkout Panel-Title -- */
div#accordion .panel-default>.panel-heading {
	border-bottom: 4px solid #000;
    background-color: #DC251A;
    /* padding-bottom: 30px; */
}
/* PC Page Availability, Checkout, Continue Buttons */
.cart-actions button, .cart-actions .wishlist, .cart-actions button:hover {
	background: none repeat scroll 0 0 #DC251A;
	border: 2px solid #DC251A;
}
/* Next Availabile Date Padding Fix */
div#eRental_next_availableDate_Section {
    padding-top: 5px !important;
}

.cart-actions button:hover {
	box-shadow: inset 0px 0px 10px 0px rgb(255,255,255,0.5);
    color:#fff;
}
#pager2 span.cycle-pager-active {
	background: #DC251A !important;
}
#pager2 span {
	border: 2px solid #DC251A;
}
.orderStep li.active a {
	background: #DC251A;
}
.orderStep li.active a:after {
	border-top-color: #DC251A !important;
}
.orderStep li a {
	background: #d2d2d2;
}
/* User Email Check Buttons */
button#loginBtn {
	background-color: green;
}
button#forgot-password {
	background-color: #ffb734;
    color:#000;
}
.btn-danger, .btn-danger:hover, .btn-danger:focus {
    background-color: #FFDE21;
    color: #000;
}

/* ----------------------> Category Navigation <---------------------- */
/* Base Categories in Nav Tree */
.nav.tree .open-tree>a, .nav.tree .open-tree>a:hover, .nav.tree .open-tree>a:focus,
.nav.tree>li.active, .nav.tree>li>a:hover, .nav.tree>li>a:focus, .nav.tree>li:hover>a {
	background: none;
	font-weight: bold;
	color: #000 !important ;
}
/* Nav Tree Links */
.nav-stacked.tree>li a {
    font-size: 12pt;
}
.category-level-2 {
    font-weight: normal !important;
    font-size: 11pt !important;
}
.category-level-2 li a.active {
    font-weight: bold;
}
/* Cat Title (non-active) */
ul.category-level-2.dropdown-menu-tree > li.dropdown-tree > a.dropdown-tree-a {
    font-weight: normal !important;
}
/* Cat Title - Active */
ul.category-level-2.dropdown-menu-tree > li.dropdown-tree.active > a.dropdown-tree-a {
    font-weight: bold !important;
    color: #000 !important;
}
/* Badge Default (non-active) */
.dropdown-tree > a .badge {
    background-color: #a1a1a1;
}
/* Badge Default - Active */
.dropdown-tree.active > a .badge {
    background-color: #DC251A;
}
/* -- Top Border Bar Above Categories -- 
.panel-default>.panel-heading {
	border-top: 4px solid #DC251A;
}
*/
/* Base Category Badges */
.nav-pills>li>a>.badge {
    margin-left: 3px;
    display: none;
}
.product:hover {
    box-shadow: inset 0px 0px 2px 2px #DC251A;
}
/* Breadcrumb Nav Ribbon */
.breadcrumb {
    margin-top: -2%;
}
/* Results ribbon above products on category page */
div#productSortingDiv {
    display: none;
}
@media (max-width:767) {
    h1#categoryHead {
        margin-top: 2%;
        padding-top: 8%;
    }
}
/* Category Results Ribbon Area Below Products */
.row.listView.xsResponse.clearfix {
    padding-top: 20px;
}

/* ----------------------> My Account <---------------------- */
/* Widget Thumbnails */
.myAccountList .thumbnail:hover {
    background: #fff;
    box-shadow: inset 0px 0px 2px 2px #DC251A;
}
/* My Account Buttons */
.pager .next>a, a.back-to-shopping {
    background-color: #DC251A !important;
    border: 1px solid #DC251A !important;
    color: #fff !important;
}
.pager li>a:hover, a.back-to-shopping:hover {
    box-shadow: inset 0px 0px 10px 0px rgb(255,255,255,0.5);
}
/* Pay Invoices Now Button */
.btn-success, .btn-success:hover, .btn-success:focus {
    background-color: #036704;
    border-color: #036704;
    color: #fff !important;
}
/* Pay Invoices Step Modals */
.orderStep li.active a i {
    background: #DC251A;
    color: #fff;
}
/* YTD Qty Report Dropdown */
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #DC251A;
}






/* ----------------------> Custom Header <---------------------- */
/* All of Header */
.navbar-tshop {
    border-bottom: 1px solid #b2b2b2;
    background: #fff;
    box-shadow: 0px 0px 6px 0px #3a3a3a;
}
/* Top Nav Bar */
.navbar-top {
	background: #F6BD2D;
}
/* Rental Cart */
.cartMenu:hover>a.dropdown-toggle {
    background: transparent;
}
/* -- Top Border on Rental Cart Dropdown -- */
.dropdown-menu {
	border-top: solid #DC251A;
}
/* Rental Cart */
.cartMenu a.dropdown-toggle, .cartMenu a#cart-sidebar-toggle {
    padding-bottom: 15px !important;
    padding-top: 22px !important;
    padding-left: 20px;
    padding-right: 20px;
    color: #000;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 35px;
    display: block;
    margin-top: 3px;
}
/* Menu Navbar Styles START ------------- */
.main-nav a, .main-nav a:not([class]) {
    color: #000 !important;
    text-decoration: none;
    padding: .5em .75em;
    display: block;
    text-transform: uppercase;
    font-size: 15px;
	line-height: 25px;
	font-weight: 600;
	border-radius: 3px;
    transition: none !important;
}

.main-nav a:hover {
  background-color: #000;
  color: #fff !important;
  border-radius:15px 15px 0px 0px;
}

ul.sub-menu a:hover, .sub-menu-2 > li:hover > a, .sub-menu-2 > li:hover > a {
    color: #fff !important;
    background-color:#000;
    border-radius:0;

}
ul.sub-menu li:first-child > a:hover, ul.sub-menu-2 li:first-child > a:hover {
    border-radius: 0px 5px 0 0;
}
 
/* Last item in dropdown */
ul.sub-menu li:last-child > a:hover, ul.sub-menu-2 li:last-child > a:hover {
    border-radius: 0 0 5px 5px;
}

.menu-item-has-children:hover > a { 
    background-color: #000;
    color: #fff !important;
    border-radius: 15px 15px 0px 0px; 
}
.menu-item {
  position: relative;
}
/* NEW */
.sub-menu {
  position: absolute;
  top: 100%;
  left: 0;
  background: #fff;
  min-width: 220px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.25s ease;
  list-style: none;
  padding: 0;
  margin: 0;
  z-index: 99;
}
.menu-item-has-children:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
}
.sub-menu-2 {
  position: absolute;
  top: 0;
  /* right: 100%;  <-- Open on LEFT side */
  left: 100%; /* Open on Right Side */
  background: #fff; 
  min-width: 220px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.25s ease;
  list-style: none;
  padding: 0;
  margin: 0;
  z-index: 999;
  border-radius: 0px 5px 5px 5px;
  box-shadow: 0px 1px 1px 1px #00000050;
  border:1px solid #DC251A;
}
.sub-menu > li:hover > .sub-menu-2 {
  opacity: 1;
  visibility: visible;
}
.sub-menu li a,
.sub-menu-2 li a {
  display: block;
  padding: 10px 15px;
  /* color: #333; */
  text-decoration: none;
  white-space: nowrap;
  transition: background 0.2s ease;
}

@media (max-width: 992px) {
  .sub-menu,
  .sub-menu-2 {
    position: static;
    opacity: 1;
    visibility: visible;
    background: none;
    border: none;
    padding-left: 25px;
  }
  .sub-menu li a,
  .sub-menu-2 li a {
    padding-left: 25px;
  }
  .sub-menu-2 li a {
    padding-left: 40px;
  }
}

.main-nav .menu-item-has-children > a:after {
        /* content: ''; */    /* Removes Dropdown Caret */
        display: inline-block;
        width: 0.5em;
        height: 0.5em;
        border-bottom: 2px solid;
        border-right: 2px solid;
        transform: rotate(45deg);
        margin-left: 1em;
        margin-top: -0.1em;
        position: relative;
        top: -0.25em;
}
/* Move up top menu text a tad with line-height and  margin-top */
.userMenu>li>a, .userMenu>li>button {
    color: #000;
    display: block;
    float: left;
    font-size: 14px;
    margin-top: -10px;
    line-height: 1;
    padding: 0 20px 0 0;
    text-decoration: none;
    transition: opacity 0.2s ease-out 0s;
    -webkit-transition: opacity 0.21s ease-out 0s;
    -moz-transition: opacity 0.2s ease-out 0s;
    -ms-transition: opacity 0.2s ease-out 0s;
    -o-transition: opacity 0.2s ease-out 0s;
    border: none;
    cursor: pointer;
    background-color: transparent;
    outline: none;
    text-transform: uppercase;
}

.navbar .navbar-top {
    height: 35px;
    transition: all 0.1s ease-out 0s;
    -webkit-transition: all 0.1s ease-out 0s;
    -moz-transition: all 0.1s ease-out 0s;
    -ms-transition: all 0.1s ease-out 0s;
    -o-transition: all 0.1s ease-out 0s;
    font-size: 13px;
    font-weight: bold;
    line-height: 1;
    text-transform: uppercase;
    border-radius: 0px 0px 0px 14px;
    box-shadow: 0px 0px 10px 0px #00000050;
}
/* Ensure the top bar items are centered vertically */
.navbar-top .userMenu {
    display: flex;
    align-items: center;
    height: 35px; /* Matches your .navbar .navbar-top height */
    margin: 0 !important; /* Overrides the -10px margin causing issues */
    padding: 0;
}

/* Adjust the text links inside userMenu */
.userMenu > li > a, 
.userMenu > li > button,
.userMenu font {
    line-height: 35px !important; /* Centers text within the 35px bar */
    display: inline-block;
}
/* 1. Reset the padding that was pushing the right side down */
@media (min-width: 768px) {
    ul.userMenu {
        padding-top: 0 !important; /* Overrides the 11px padding */
        margin-bottom: 0;
    }
}

/* 2. Fix the vertical 'equator' for both sides */
.navbar-top .userMenu {
    display: flex;
    align-items: center; /* Vertically centers content */
    height: 35px;        /* Matches the parent .navbar-top height */
    margin: 0 !important; 
    padding: 0;
}

/* 3. Ensure the font/text on the left side inherits the height */
.userMenu font {
    display: flex;
    align-items: center;
    height: 100%;
    line-height: normal !important; /* Prevents line-height from pushing text up/down */
}

/* 4. Remove the negative margin that is pulling the right side up */
.userMenu > li > a, 
.userMenu > li > button {
    margin-top: 0 !important; /* Overrides the -10px */
    line-height: 35px;        /* Centers text via line-height */
}
.userMenu a {
    color:#000;
    font-size: 14px;
}
/*
.navbar-header .navbar-toggle {
    margin-right: 10px;
    padding: 9px 2px;
    background-color: #DC251A !important;
}
*/
.subFilters .panel.panel-default {
    border-radius: 15px 15px 0px 0px;
}
.erental_checkout_terms, .selling_checkout_terms {
    border: 1px solid #DC251A;
}
.cartMiniTable {
    border: 1px solid #000
}


/* ---------------------------------------------------> DESKTOP <--------------------------------------------------- */
@media (min-width: 768px) {
    /* Category Left Panel
    div#categoryPanel {
        margin-top: -10%;
    }
    */
    /* div#accordionNo {
        margin-top: -10%;
    }
    */
    div#categoryPanel, div#locationModal .modal-dialog {
        margin-top: 0px;
        border-radius: 15px 15px 0px 0px;
    }
    /*
    ul.userMenu {
        margin-top: 4%;
    }
    */
    /* Logo Styling */
    .logo-responsive {
		width: 75% !important;
        margin-top: 2px !important;
        margin-left: 40px !important;
        margin-top: 25px !important;
	}
    .navbar-brand img {
        margin-top: -10%;
        width: 85% !important;
    }
    ul.userMenu {
        padding-top: 11px;
    }
    /* Main Navigation Style */
    .main-nav {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }
    .main-nav .menu-item {
        position: relative;
    }
    #menu-item-410 a:hover {
        background-color: transparent !important;
        color: #DC251A !important;
    }
    /* Dropdown Sub Menu */
    .main-nav .sub-menu {
        position: absolute;
        background-color: #fff;
        top: 100%;
        left: 0em;
        white-space: nowrap;
        visibility: hidden;
        opacity: 0;
        transition: opacity .25s, visibility 0s .25s;
		border-radius: 0px 5px 5px 5px;
		box-shadow: 0px 1px 1px 1px #00000050;
        border:1px solid #000;
    }
    .main-nav .menu-item:hover .sub-menu, .main-nav .menu-item:focus .sub-menu {
        opacity: 1;
        visibility: visible;
        transition-delay: 0s;
    }
    .main-nav .menu-item:focus-within .sub-menu {
        opacity: 1;
        visibility: visible;
        transition-delay: 0s;
    }
    .navbar-collapse nav {
        width: auto;
        float: left;
        z-index: 11;
        margin-top: 20px;
    }
    /* Sign In / Need An Account */
    #ModalLogin.signUpContent .modal-dialog.modal-lg {
        border-radius: 15px;
        border: 2px solid #DC251A;
    } 
    /* START Search-default Big Search Style */
    .search-full, .search-input {
        padding-top: 65px;
        background: #DC251A;
        padding-right: 5px;
    }
    .search-close {
        color: #fff;
        background-color: #DC251A;
    }
    .search-close:hover {
        color: #fff;
        background-color: #DC251A;
    }
    .btn-nobg {
        line-height: 20px;
        background: none;
        color: #000;
        font-size: 16px;
    }
    /* END Search-default Big Search Style */
    /* Search-expand Style */
    div#searchWidget {
        margin-top: 15px;
        width: 15%;
    }
    /* Removes Search-expand Icon Button Fuzz */
    span.input-group-addon.searchicon.navbar-top.pointer {
        box-shadow: -2px 2px 5px 1px #fff;
        border-radius: 0px 10px 10px 0px;
        height: 0px;
    }
    /* Fixes Height Issue with Sign Out UserMenu */
    i.glyphicon.glypicon-log-out {
        margin-top: -5%;
    }
    /* Rental Cart */
    .cartRespons {
        font-size: 11pt;
    }
    /* Sub Category H3 Title */
    .subCategoryTitle h3 {
        font-size: 14pt !important;
    }
    /* Sub Category Thumbnail */
    .subCategoryList .thumbnail:hover {
        box-shadow: 0px 0px 4px .5px #DC251A; 
    }
    /* Product Code Rate Ribbon */
    #eRental_rateList {
        font-size: 12pt;
        font-style: normal;
    }
    /* Rental Cart Badge */
    span#totalCartItem, span#totalCartItem:hover {
         background: #DC251A;
         margin: 2px;
         margin-bottom: 5px;
    }
    /* Cart Icon in Header */
    div#eRentalCartWidget i.fa.fa-shopping-cart {
        font-size: 18pt;
        margin-right: 2px;
    }
    /* Rental Cart Caret */
    b.caret {
        display: none;
    }
    /* Rental Cart Expanded Asset Title */
    h4.eRental-cartDropdown-desc {
        font-size: 14pt;
        font-weight: 600;
        margin-bottom: 5px;
        margin-top: 10px;
    }
    /* Rental Cart Start/End Labels */
    .eRental-dates.eRental-cart-dropdown {
        font-size: 12pt;
        padding-bottom: 3pt;
    }
    /* Rental Cart Dates */
    .eRental-startDate-val, .eRental-endDate-val {
        font-weight: 500;
        font-size: 13pt;
    }
    /* Rental Cart Qty */
    td.miniCartQuantity {
        font-size: 14pt;
    }
    /* Rental Cart Trash Icon */
    i.fa.fa-trash {
        font-size: 16pt;
    }
    /* Rental Cart SubTotal */
    span#cartWidgetAmountDetails {
        font-size: 12pt;
    }
    /* Rental Cart Buttons */
    .cartMenu .btn {
        margin-top: 10px;
        margin-bottom: 3px;
        margin-right: 5px;
    }
    /* Checkout Button */
    .miniCartFooter .btn:last-child {
        font-weight: 600;
        margin-left: 10px;
        background-color: green;
    }
    /* Hide Icon on View Cart */
    .miniCartFooter i.fa.fa-shopping-cart {
        display: none;
    }
    /* Rental Cart PC Image */
    .cartMenu img {
        max-width: 150px;
    }
    /* PC Thumbnail */
    .thumbnail {
        margin-top: 8px;
    }
    /* Padding above Thumbnail */
    .row.subCategoryList.clearfix {
        margin-top: 0px;
    }
    /* Category Title */
    h2#catHead {
        padding-top: 20px;
    }
    /* Guest Invoice Payment Title */
    label#guestInvoice-msg {
        font-size: 19pt;
        padding-top: 20px;
    }
    /* PC Estimated Cost Price */
    #eRental_PriceSection .price-sales, #eRental_PriceSection .product-price {
        padding-left: 15px;
    }
    /* Requested Added to stylesheet.css code via TFS #69422*/
    /*
    span#eRental_available, span#eRental_next_available {
        margin-left: 5px;
    }
    */
    /* Product Code Thumbnail Image */
    .product.erental-thumbnails img.img-responsive, .product.product-shopping img.img-responsive {
        padding-top: 5%;
        padding-bottom: 5%;
        max-width: 85% !important;
    }
    /* Product Code Thumbnail Title */
    .item h3 {
        margin-top: 0%;
        margin-bottom: -5%;
    }
    .item h3 a {
        font-size: 14px;
    }
    /* Availability Calendar */
    .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover {
        background-color: #DC251A;
        color: #fff;
    }
    /* Main Content Margins 
    div#category-sections {
        margin-top: -3%;
    }
    div#landing-page-sections {
       margin-top: -3%;
    }
    */
}

/* ---------------------------------------------------> MOBILE <----changed from 767 to 1526------------------------ */
@media (max-width:767px) {
    /* Header Container */
    .navbar-tshop {
        border-bottom: 3px solid #DC251A;
        box-shadow: 0px 0px 10px 0px rgb(31,31,31,0.5);
    }
    /* Menu */
    .main-nav .sub-menu {
        padding-left: .5em;
        margin-left: 0.75em;
        border-left: 2px solid #DC251A;
        margin-top: .25em;
        margin-bottom: 0.25em;
    }
    /* Mobile Menu Nav Style */
    .main-nav a, .main-nav a:not([class]) {
        border-bottom: 1px solid rgb(190,190,190,0.5);
    }
    /* Menu Padding */
    ul#menu-main-menu {
        margin-top: -3%;
        margin-bottom: 2%;
    }
    /* Mobile Sign In */
    li#signIn {
        background: transparent !important;
        font-size: 17pt;
        list-style: none;
        margin-left: -5%;
        margin-right: 5%;
    }
    /* Sign In Icon */
    i#mobileSignInIcon {
        color: #000;
    }
    /* Company Logo */
    .navbar-brand {
        margin-left: 0 !important;
    }
    .main-nav a:hover, .menu-item-has-children:hover > a {
        border-radius:8px 8px 8px 8px;
    }
    /* Menu/Cart Buttons
    .navbar-header .navbar-toggle {
        background: #DC251A;
        margin-top: 8%;
        margin-right: 6%;
        padding: 2%;
    }
    /* Removes Pricing & "R"from Rental Cart
    .cartRespons .show-xs, .cartTotal, .caret {
        display: none;
    }
    /* Rental Cart Icon
    i.fa.fa-shopping-cart.colorWhite {
        font-size: 18pt;
        padding-right: 2pt;
        color: #000 !important;
        padding-left: 10px;
    }
    button#shopCartMobile {
        background: none !important;
    }
    /* Rental Cart Button
    button#rentalCartMobile {
        background: transparent !important;
    }
    */
    /* Mobile Locations Popup */
    div#locationsTableDiv h4 a {
        color: #fff;
    }
    /* Landing Page Hero */
    .hero-image {
        margin-top: -10vh;
    }
    /* Landing Page Hero */
    .hero-text h1, .category-hero-text h1 {
        line-height: 1;
    }
    .navbar-brand img {
        padding-bottom: 10px;
        margin-top: -5px;
        max-width: 180px;
    }
    /* Expanded Cart Footer */
    .miniCartFooter {
		background: #e2e2e2 !important;
        margin-bottom: 2%;
        border-top: 3px solid #DC251A !important;
	}
    /* Checkout Btn */
    .miniCartFooter .btn:last-child, .miniCartFooter .btn:last-child:hover {
        font-weight: 600;
        background: green;
        margin-right: 20%;
    }
    /* View Cart Left Center
    a.btn.btn-sm.btn-primary.view-cart {
        margin-right: 40px;
    } */
    /* Expanded Cart Buttons */
    .cartMenu .btn {
        margin-top: 5%;
        margin-right: 15%;
        padding: 10px;
    }
    .cartMenu {
        border-top: 2px solid #DC251A;
        padding-top: 10px;
        background-color:#e2e2e2;
        margin-bottom: 20px;
    }
    /* Cart Asset Title */
    .cartMenu h4 {
        font-size: 18px;
        font-weight: 600;
        padding-bottom: 5px !important;
        margin-left: -2%;
    }
    /* Shows price below dates in mobile cart */
    .miniCartProduct .price {
        color: #000;
        margin-left: -2%;
        font-size: 10pt;
        font-weight: 400;
        font-style: italic;
        padding-top: 2%;
    }
    /* Start/End Dates */
    .eRental-dates label, .eRental-dates span {
        font-size: 14px;
        padding-top: 5px;
    }
    /* Asset Qty */
    td.miniCartQuantity {
        font-size: 18px;
    }
    /* Asset Image */
    .cartMenu img {
        max-width: 100px;
        max-height: 300px;
    }
    /* Cart Details */
    .eRental-cart-dropdown {
        margin-left: -2%;
        padding-top: 2%;
    }
    /* Trash Icon */
    .cartMenu i.fa.fa-trash {
        font-size: 18pt;
        margin-left: -25%;
    }
    /* Reservation Request Total */
    span#cartWidgetAmountDetails {
        font-size: 13pt;
        padding-right: 25px;
    }
    /* Expanded Menu Height & Top Border */
    .navbar-fixed-top .navbar-collapse {
       max-height: 680px;
       border-top: 3px solid #DC251A;
       padding-bottom: 5px;
    }
    /* Widget Links in Expanded Menu */
    .navbar-nav>li>a {
       color: #fff;
       background:#DC251A;
       margin-top:-2%;
       margin-bottom: 2%;
       border-bottom: 1px solid rgb(225 225 225 / 20%);
       font-size: 10pt;
       font-style: italic;
       padding-bottom:1%;
       padding-top: 4px;
       text-align: left;
       padding-right: 7%;
    }

    /* Mobile Product Code Thumbnails */
    .product.erental-thumbnails {
        margin-top: 5%;
        margin-bottom: -5%;
        border: 1px solid rgb(0 0 0 / 50%);
    }
    /* START Search-default Big Search Style */
    .search-input {
        background: #DC251A;
        max-width: 100%;
        padding-top: 30px;
        margin-left: -40px;
    }
    .search-close {
	    color: #FFFFFF;
        background-color:#DC251A;
        padding-top: 15px;
    }
    .search-close:hover {
	    color: #d2d2d2;
        background-color:#DC251A;
        padding-top: 25px;
    }
    .search-full.active {
        background: #DC251A;
    }
    .btn-nobg {
        line-height: 25px;
        background: none;
        color: #000;
        font-size: 20px;
    }
    input[type="search"] {
        font-size: 14pt;
        padding-right: 5px;
    }
    span.input-group-addon.searchicon.navbar-top.pointer {
        box-shadow: -2px 2px 5px 1px #fff;
        border-radius: 0px 10px 10px 0px;
        height: 0px;
    }
    /* END Search-default Big Search Style */
    /* Product Code Page Title */
    .product-title {
        font-size: 28px !important;
    }
    /* Word wrap for long product titles & breadcrumb */
    h1#productTitle {
        width: 100%;
        overflow-wrap:anywhere;
    }
    /* Word wrap for long product titles & breadcrumb */
    ul#breadcrumb {
        width: 100%;
        overflow-wrap: anywhere;
    }
    /* Word wrap for long product titles & breadcrumb */
    .product-title {
        word-wrap: break-word;
    }
    /* Category Results Ribbon */
    .productFilter {
        margin-top: 25px;
        margin-bottom: 25px;
        padding-top: 3px !important;
    }
    /* Product Code Rate Ribbon */
    #eRental_rateList {
        font-size: 12pt;
        font-style: normal;
        padding-bottom: 10px;
    }
    /* Padding Fix on End Date Selection */
    div#eRentalEndDate_Section {
        padding-top: 8px;
    }
    /* PC Estimated Cost Price */
    #eRental_PriceSection .price-sales, #eRental_PriceSection .product-price {
        padding-left: 2px;
    }
    /* Availability Message */
    span#eRental_available {
        font-size:18px !important;
    }
    /* Damage Waiver */
    span#damageWaiverText, span#damageWaiverPercentage {
        font-size: 12pt;
    }
    #eRental_prodDetailsSection .form-group {
        font-size: 13pt;
    }
    /* Guest Invoice Payment Title */
    label#guestInvoice-msg {
        font-size: 15pt;
        padding-top: 20px;
    }
    /* Guest Invoice Form Labels */
    .form-horizontal .form-group {
        font-size: 12pt;
    }
    /* Logo grid Mobile Optimization */
    a.ha-logo-grid-item.ha-logo-grid-link {
            width: 100% !important;
    }
    /* Menu Bottom Margins */
    div#category-sections {
        margin-top: -11% !important;
    } 
    div#landing-page-sections {
        margin-top: -5% !important;
    }
    /* Product Code Thumbnail Image */
    .product.erental-thumbnails img.img-responsive {
        padding-top: 10px;
    }
    /* Product Code Thumbnail Title */
    .item h3 {
        margin-top: 2%;
    }
    /* Spacing Below Product Code Tab Contents */
    div#tabContents {
        margin-bottom: 5%;
    }
    .category-hero-image {
        margin-top:10%;
    }
    
}



/* -------------- Footer ------------------------------------------------------------------------- */
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');
@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
section {
    padding-top: 25px;
    padding-bottom: 0px;
    text-align: left;
}

section .section-title {
    color: #FFFFFF;
    margin-bottom: 30px;
    text-transform: uppercase;
    text-align: left;
}
#footer {
    background: #DC251A !important;
    border-top: 5px solid #F6BD2D;
    text-align: left;
}
#footer .fa {
    color:#fff !important;
}
#footer h4, #footer h5 {
    border-left:none !important;
    padding-top: 10px;
    /* padding-left: 5px; */
    /* padding-bottom: 2px; */
    /* margin-bottom: 15px; */
    font-size: 22px;
    color:#fff;
}
#footer h6, #footer span{
    padding-left: 5px;
    border-left:none !important;
    /* padding-bottom: 2px;
    margin-bottom: 5px; */
    padding-top:12px;
    font-size: 16px;
    color:#fff;
}
/* integraRental Copyright Tag Color */
a#integraRentalh6  {
    color: #F6BD2D;
}
a#integraRentalh6:hover {
    color: #F6BD2D !important;
}
#footer p {
    color: #fff;
    margin: 0 0 0px;
    font-size: 16px;
}
#footer a {
    color: inherit;
    text-align: left;
    text-decoration: none !important;
    background-color: transparent;
    /* -webkit-text-decoration-skip: objects; */
    font-size: 16px;
    padding: 2px;
}
#footer ul.social li{
        padding: 3px 0;
        margin-top: 4px;
        margin-right: 20px;
}
#footer .social li:hover {
border: 2px solid #000;    
background: #000;

}
#footer ul.social li a i {
    margin-right: 8px;
        font-size:23px;
        -webkit-transition: .5s all ease;
        -moz-transition: .5s all ease;
        transition: .5s all ease;
}
#footer ul.social li:hover a i {
        font-size:30px;
        margin-top:-10px;
}
#footer ul.social li a, #footer ul.quick-links li a {
        color:#fff;
}
#footer ul.quick-links li a:hover, #footer a:hover {
    color: #c7c7c7;
}
ul.list-unstyled.quick-links-1 p {
    text-align: left !important;
}
#footer ul.social li a:hover{
        color:#F6BD2D;
}
#footer ul.quick-links li{
        margin-bottom: 10px;
}
#footer ul.quick-links li:hover{
         margin-bottom: 10px;
}
#footer ul.quick-links li a i{
        margin-right: 5px;
}
#footer ul.quick-links li:hover a i {
    font-weight: 700;
    text-align: left;
}
/* -------------------------------------------------------------------------------- */
@media (max-width:767px){ 
    #footer h5 {
        padding-top: 20px;
        padding-left: 0;
        padding-bottom: 0px;
        margin-bottom: 10px;
        border-left: transparent;
    }
}
.social li {
        background: none repeat scroll 0 0 #DC251A;
        border: 2px solid #DC251A;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -o-border-radius: 50%;
        -ms-border-radius: 50%;
        border-radius: 50%;
        float: left;
        height: 36px;
        line-height: 36px;
        margin: 0 0px 0 0;
        padding: 0;
        text-align: center;
        width: 36px;
        transition: all 0.5s ease 0s;
        -moz-transition: all 0.5s ease 0s;
        -webkit-transition: all 0.5s ease 0s;
        -ms-transition: all 0.5s ease 0s;
        -o-transition: all 0.5s ease 0s;
}

/* ----------------------> Unknown <---------------------- */
/*
.navbar-tshop {
	background: #fff;
}
.navbar-nav>li>a {
	color: #000;
}
.nav>li.active, .nav>li>a:hover, .nav>li>a:focus, .nav>li:hover>a {
	background: #DC251A;
}
.nav .open>a, .nav .open>a:hover, .nav .open>a:focus {
	background: #fff;
    margin-top: 3px;
}
.site-color {
	color: #DC251A !important;
}
.action-control a:hover, .action-control a.active {
	color: #fff;
	background: #DC251A;
}
.new-product {
	background: rgba(52, 73, 94, 0.95) !important;
}
*/