p.submenu-ord {
    /* margin-left: 10%;
    padding: 2%; */
    padding: 4px;
}
.navbar-nav.top-main-menu>li.first.has-sub span.primary-title {
    cursor: pointer;
}
.nav.top-main-menu li.first.has-sub:hover>ul {
    opacity: 0;
    visibility: hidden;
}
.nav.top-main-menu li.first.has-sub.open-menu>ul {
    opacity: 1;
    visibility: visible;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    left: 0;
    height: calc(100vh - 200px);
}
.nav.top-main-menu li.open-menu>ul li:nth-child(1) ul.sublevel.level2  {
    opacity: 1;
    visibility: visible;
}
.hover-menu .nav.top-main-menu li:hover>ul li:nth-child(1) ul.sublevel.level2 {
   opacity: 0;
   visibility: hidden;
}
.hover-menu .nav.top-main-menu li:hover>ul li:nth-child(1):hover ul.sublevel.level2 {
   opacity: 1;
   visibility: visible;
}
ul.nav.navbar-nav.top-main-menu .sublevel li.leaf.has-sub ul.sublevel {
    display: flex;
    flex-wrap: wrap;
    max-width: 100%;
    left: 420px;
    width: calc(98% - 420px);
    position: fixed;
    top: 165px !important;
    height: calc(100vh - 200px);
    padding: 20px;
    transition: unset;
}
.desktop-header.affix ul.nav.navbar-nav.top-main-menu .sublevel li.leaf.has-sub ul.sublevel {
    top: 90px !important;
    left: 550px;
    width: calc(98% - 550px);
}
ul.nav.navbar-nav.top-main-menu .sublevel li.leaf.has-sub ul.sublevel li>a {
    color: #000000;
    font-weight: 600;
}
ul.nav.navbar-nav.top-main-menu .sublevel li.leaf.has-sub ul.sublevel li {
    width: 25%;
    margin: 0;
    padding: 0;
}
.nav.top-main-menu li.first.has-sub.open-menu>ul>li {
    width: 400px;
    background-color: #ffffff;
}
ul.nav.navbar-nav.top-main-menu .sublevel li.leaf.has-sub ul.sublevel li a {
    padding-left: 0;
}
ul.nav.navbar-nav.top-main-menu .sublevel li.leaf.has-sub ul.sublevel li:hover a {
    background: transparent;
}







.product-details-info h1.title {
  background-color: #ebebeb;
   padding: 10px;
}

.offer-link>a {
 color: white;
  background-color: #2a7eba;
  padding: 8px;
}

.regular-button.regular-main-button {
    background: black !important;
}
.products-grid .product-photo:before, .products-list .product-photo:before {
	background: white;
}
.products-grid .product-photo  {
    border: 1px solid #ebebeb;
}
.products-grid .product-photo:hover  {
    border: white;
}
.products-grid .product:not(.prevent-hover):hover, .products-grid .product:not(.prevent-hover):focus, .products-grid .product:not(.prevent-hover):focus-within, .products-grid .product.touched {
    outline-color: #ebebeb;
}
.products-grid .product.csi-use-qty-box .csi-qty-block .qty-in-cart, .products-list .product.csi-use-qty-box .csi-qty-block .qty-in-cart {
    border: 2px solid black;
}

.desktop-header #logo, .desktop-header .company-logo {
    height: 110px;
}
#post-242 > div > div > div > a {
    border: 1px solid #ccc;
    border-radius: 3px;
    font-family: inherit;
    padding: 6px;
    padding: 0.428571rem;
}

.wp-block-button__link {
    color: #5e5e5e;
    background-color: #ebebeb;
}

#live_survey_view > div.container > div {
      overflow: hidden;
}
#header-area > div.desktop-header.affix-top > div > div.navbar.navbar-inverse.mobile-hidden > div > ul > li:nth-child(4) > a {
   color: #2a7eba;
}
.wpblog h1, .wpblog h2, .wpblog h3, .wpblog h4, .wpblog h5, .wpblog h6 {
    color: #2a7eba;
}

#content > div > div > div.loyalty-program-details > div > ul > li > h2 {
    margin-bottom: 5px;
  font-weight: bold;
}
#content > div > div > div.loyalty-program-details > div > ul > li > div {
    margin-bottom: 25px;
}
#content > div > div > div.bannerBox.StandardBottom-box {
    margin-top: 55px;
}

#content > div > div > div.block.block-block > div > div > div.products > ul > li > div > div.infoBlock > div.description.product-description {
	color: #4a4a4a;
    font-weight: 700;
}
/* Header Styling */
#status-messages a.close:before,
#status-messages a.close:after {
  width: 2px;
  background-color: white;
}

#status-messages .info {
  background-color: #ff7000;
  color: white;
}

#status-messages a {
  color: white;
}

a.wishlist-link i.fa-heart {
    color: #2a7eba;
}
a.wishlist-link i {
    font-size: 24px;
}

h3,
.h3,
.head-h3 {
  color: #2a7eba;
  font-weight: 700;
  font-size: 24px;
  line-height: 26px;
}

h1 {
  font-weight: 600;
  color: #2a7eba;
}

#header-area .desktop-header.affix #logo, 
#header-area .desktop-header.affix .company-logo {
    height: 70px;
}

#header-area .desktop-header.affix #logo img, 
#header-area .desktop-header.affix .company-logo img {
    max-height: 65px;
}

#header-area > div.desktop-header.affix .header-bar-items {
    display: none;
}

#header-area > div.desktop-header.affix .navbar {
    margin-top: 35px;
    margin-bottom: 0;
}

#header-area > div.desktop-header.affix .header-right-bar {
    margin-top: 35px;
}

#header-area .desktop-header .container {
  width: 95%;
}

/* Logo Styling */
#logo,
.company-logo {
  height: 100px;
  width: 175px;
}

#logo img,
.company-logo img {
  max-height: 98px;
  padding-bottom: 0px;
}

@media only screen and (max-width: 992px) and (min-width: 250px) {
  #logo,
  .company-logo {
    height: 67px;
  }
  
  #logo img,
  .company-logo img {
    max-height: 65px;
  }
}

/*Header Bar My Account*/
#header-area .desktop-header {
  padding-top: 5px;
}

#header-bar .header_bar-my_account {
  align-items: flex-start;
}

#header-bar .header_bar-my_account a {
  color: #2a7eba;
  font-size: 1.2em;
  font-weight: 700;
  margin-right: 10px;
}

#header-bar .header_bar-my_account a:hover {
  color: #4a4a4a;
  font-size: 1.2em;
  font-weight: 700;
}
.header_bar-my_account .account-links.dropdown-menu {
    padding: 2px 20px;
    min-width: 275px;
}
#header-bar .header_bar-my_account a:active {
  color: #2a7eba;
  font-size: 1.2em;
  font-weight: 700;
}

/* Search Box Styling */
#header-bar > #search {
  display: inline-block;
  margin: 0 auto;
}

.simple-search-box.focus {
  border: 2px solid #2a7eba;
}

/*Navagation Bar*/
#header-area > div.desktop-header.affix-top > div > div.navbar.navbar-inverse.mobile-hidden > div > ul > li.leaf.first.has-sub,
#header-area > div.desktop-header.affix > div > div.navbar.navbar-inverse.mobile-hidden > div > ul > li.leaf.first.has-sub {
  font-size: 20px;
  line-height: 22px;
  background-color: #dadada;
}
.navbar-inverse .navbar-nav>li>a, .navbar-inverse .navbar-nav>li>span,
#header-area > div.desktop-header.affix > div > div.navbar.navbar-inverse.mobile-hidden > div > ul > li.leaf.first.has-sub > span {
    font-size: 26px;
    color: #2a7eba;
    font-weight:bold;
}
.navbar-inverse .navbar-nav > li > a {
    color: #dadada;
    font-size: 1.2em;
    font-weight: 700;
}
/*Products Menu*/
div.navbar.navbar-inverse.mobile-hidden > div > ul > li.leaf.first.has-sub > ul > li:nth-child(2) > ul,
.nav.top-main-menu li:hover ul li:nth-child(2) ul {
    top: -30px;
}
div.navbar.navbar-inverse.mobile-hidden > div > ul > li.leaf.first.has-sub > ul > li:nth-child(3) > ul,
.nav.top-main-menu li:hover ul li:nth-child(3) ul {
    top: -60px;
}
div.navbar.navbar-inverse.mobile-hidden > div > ul > li.leaf.first.has-sub > ul > li:nth-child(4) > ul,
.nav.top-main-menu li:hover ul li:nth-child(4) ul {
    top: -90px;
}
div.navbar.navbar-inverse.mobile-hidden > div > ul > li.leaf.first.has-sub > ul > li:nth-child(5) > ul,
.nav.top-main-menu li:hover ul li:nth-child(5) ul {
    top: -120px;
}
div.navbar.navbar-inverse.mobile-hidden > div > ul > li.leaf.first.has-sub > ul > li:nth-child(6) > ul,
.nav.top-main-menu li:hover ul li:nth-child(6) ul {
    top: -150px;
}
div.navbar.navbar-inverse.mobile-hidden > div > ul > li.leaf.first.has-sub > ul > li:nth-child(7) > ul,
.nav.top-main-menu li:hover ul li:nth-child(7) ul {
    top: -150px;
}
div.navbar.navbar-inverse.mobile-hidden > div > ul > li.leaf.first.has-sub > ul > li:nth-child(8) > ul,
.nav.top-main-menu li:hover ul li:nth-child(8) ul {
    top: -210px;
}
div.navbar.navbar-inverse.mobile-hidden > div > ul > li.leaf.first.has-sub > ul > li:nth-child(9) > ul,
.nav.top-main-menu li:hover ul li:nth-child(9) ul {
    top: -290px;
}
div.navbar.navbar-inverse.mobile-hidden > div > ul > li.leaf.first.has-sub > ul > li:nth-child(10) > ul,
.nav.top-main-menu li:hover ul li:nth-child(10) ul {
    top: -190px;
}
div.navbar.navbar-inverse.mobile-hidden > div > ul > li.leaf.first.has-sub > ul > li:nth-child(11) > ul,
.nav.top-main-menu li:hover ul li:nth-child(11) ul {
    top: -260px;
}
div.navbar.navbar-inverse.mobile-hidden > div > ul > li.leaf.first.has-sub > ul > li:nth-child(12) > ul,
.nav.top-main-menu li:hover ul li:nth-child(12) ul{
    top: -120px;
}


.simple-search-box.focus input[type="text"] {
  color: #2a7eba;
}

.simple-search-box.focus button[type="submit"] {
  color: #2a7eba;
}

.simple-search-box {
  border: 2px solid #4a4a4a;
  border-radius: 40px;
  margin-right: auto;
  margin-left: auto;
  margin-top: 25px;
}

.simple-search-box > button[type="submit"] {
  color: #2a7eba;
}

.simple-search-box.focus button[type="submit"] {
  color: #4a4a4a;
}
.simple-search-box > .table-value {
  width: 400px;
  height: 35px;
}
#header-area > div.desktop-header.affix .simple-search-box {
  width: 200px;
  margin-left: 24px;
}


@media only screen and (max-width: 1220px) and (min-width: 992px) {
  .simple-search-box > .table-value {
    width: 300px;
  }
}

@media only screen and (max-width: 991px) and (min-width: 275px) {
  .simple-search-box > .table-value {
    width: 175px;
  }
}

@media (max-width: 991px) {
  .header_search .header_search-panel {
    margin-left: -90px;
  }
}

.navbar {
  max-height: 24px;
  min-height: 22px;
  margin-bottom: 15px;
}

.navbar-inverse .navbar-nav > li > a {
  color: #4a4a4a;
  font-size: 1.2em;
  font-weight: 700;
}
/* Flyout Sub-categories*/
.navbar-nav > li > a,
.navbar-nav > li > span {
  text-decoration: none;
  font-size: 1.2em;
  padding: 2px 10px;
}

body.skin-crisp_white-customer .multicol-menu .multicol-block ul li.active-trail > a,
body.skin-crisp_white-customer #top-main-menu-with-hor-fly-cats.horizontal-flyout-menu > li.active-trail > a,
body.skin-crisp_white-customer #top-main-menu.horizontal-flyout-menu > li.active-trail > a {
  color: #2a7eba;
}

body.skin-crisp_white-customer #top-main-menu-with-hor-fly-cats.horizontal-flyout-menu > li:hover > a,
body.skin-crisp_white-customer #top-main-menu.horizontal-flyout-menu > li:hover > a {
  color: #52aae8;
}

body.skin-crisp_white-customer .horizontal-flyout-menu.top-main-menu li ul {
  margin-top: -15px;
}

#header-area .desktop-header {
  box-shadow: 0 0 10px 0 rgba(74, 73, 74, 0.2);
}

.target-main #header-area .desktop-header:not(.affix),
.target-main .mobile_header .nav:not(.affix) {
  box-shadow: 0 0 10px 0 rgba(74, 73, 74, 0.2);
}

.product-details .product-photo,
.products-sidebar-small-thumbnails .product .product-photo .product-thumbnail {
    background: white;
}
ul.subcategory-view-icons.subcategory-list.grid-list .subcategory-icon_wrapper {
    background: white;
}

.product-details-info .product-buttons .buttons-row .product-in-stock {
    color: #2a7eba;
}
.product-details-info .product-buttons select.quantity {
  width: 90px;
}

.product-quicklook div.product-price, .product-details div.product-price {
    width: calc(100% - ((30px*3) + 10px)); 
}
.product-details-info .product-buttons input.quantity {
    border-color: black;
}
.products span.product-price {
    font-size: 15px;
    font-weight: 600;
}
.product-details-info .product-in-stock {
    color: #2a7eba;
}
.product-details-info .product-tags-list li a {
    color: #fff;
    background-color:#2a7eba;
}
.product-details-info h2.title {
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 30px;
}
.product-quicklook div.wholesale-prices .wholesale-price-header, .product-details div.wholesale-prices .wholesale-price-header {
    margin-bottom: 5px;
    color: orangered;
    font-size: 14px;
}
.sidebar h3 {
	color: #2a7eba;
  font-weight: 600;
}

.product-details-info .reward-points-promo div {
    display: none;
}

.products-grid .reward-points-promo {
    display: none;
}
.products-grid .product-sku {
 display: grid;
}
/*Pop Up*/
.ui-widget.ui-widget-content {
border: 1px solid #dadada;
}

/*Banners*/
.regular-button.regular-main-button {
    background: rgba(218,218,218,0.8);
    border-color: rgba(218,218,218,0.6);
}
.regular-button.regular-main-button, 
.regular-button.regular-main-button span {
     color: #2a7eba;
}

/* Footer*/
#footer-area .container {
  width: 100%;
  background-color: black;
  color: #2a7eba;
  font-weight: bold;
}

#footer-area h4,
.h4,
.head-h4 {
  color: white;
  font-weight: bold;
}

#secondary-menu .footer-menu > .leaf > a,
#secondary-menu .footer-menu > .leaf > span.footer-title {
  color: white;
}

#footer-area .footer_contacts {
  margin-left: 0.94em;
}

#secondary-menu .footer-menu .leaf ul {
  margin-top: 0.625em;
  margin-bottom: 1.25em;
}

#footer > div > div > p.powered-by-label > a {
  display: none;
}
.powered-by .powered-by-label {
display: none;
}
button#addjob {
    background: #000;
    border: 2px solid #838383;
    border-radius: 0;
    font-size: 14px;
    padding: 8px 18px;
}
button#addjob:hover {
    border: 2px solid #1cb5fc;
}
button#addjob i.fa.fa-star {
    color: #fff;
    margin-right: 4px;
}
button#addjob span.wishlist-link-label {
    color: #1f72b4;
}
button#addjob:hover span {
    color: #fff;
}
#content .card {
    border: 1px solid #ccc;
    padding: 24px;
    box-shadow: 0 0 4px 0 rgb(0 0 0 / 10%),0 4px 4px 0 rgb(0 0 0 / 5%);
    margin-left: 20px;
    margin-right: 20px;
}
#content .card > a {
    display: flex;
    flex-direction: row;
    text-align: left;
    align-items: center;
}
#content .card > a svg {
    width: 60px;
    height: 60px;
}
#content .card > a h3 {
    margin: 0 0 0 12px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    color: #333;
}
#content .card-body h3 {
    color: #333;
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
    text-align: right;
    margin: 0 0 4px;
}
#content .card a:last-child {
    color: #2a7eba;
    border: 2px solid rgba(218, 218, 218, 0.6);
    background: #000;
    border-radius: 2px;
    font-size: 14px;
    padding: 8px 18px;
}
#content .card a:last-child:hover {
    border: 2px solid #1cb5fc;
    color: #fff;
}
.card-body {
    text-align: right;
}
div#jobModal,
div#jobModal1 {
    top: 0;
    left: 0;
    transform: none;
    background: rgba(0,0,0,0.5);
    z-index: 999999;
    width: 100%;
    height: 100%;
    padding: 0 !important;
}
.nav.top-main-menu li.first.has-sub.open-menu>ul {
    position: relative;
    z-index: 999999;
}
#jobModal .modal-header,
#jobModal1 .modal-header {
    display: flex;
    flex-direction: row;
}
#jobModal .modal-header .close,
#jobModal1 .modal-header .close {
    margin-left: auto;
}
#jobModal .modal-header .modal-title,
#jobModal1 .modal-header .modal-title {
    text-transform: capitalize;
    font-size: 20px;
}
#content .modal .card {
    margin-bottom: 0;
    margin-top: 0;
}
#content .modal #loadcontent {
    margin-top: 20px;
}
#jobModal1 .modal-body .col-md-9 {
    padding-right: 10px;
}
#jobModal1 .modal-body .col-md-3 {
    padding-left: 0;
}
#jobModal1 .modal-body .col-md-3 button#addjoblists1 {
    margin-top: 10px;
    padding: 8px 18px;
}
#content .selected-products .item-title a {
    background: transparent;
    border: none;
    color: #333;
    font-weight: bold;
    padding: 0;
}
.selected-products td.item-thumbnail {
    width: 100px;
    padding: 20px;
    text-align: center;
}
#content .list-container h3 {
    font-size: 20px;
}
#content .list-container td.item-price {
    text-align: center;
    font-weight: bold;
    color: #8b8989;
}
#content .list-container td a.removeproduct i.fa-trash {
    color: #333;
    margin-right: 15px;
}
button#addjob1 {
    color: #2a7eba;
    border: 2px solid rgba(218, 218, 218, 0.6);
    background: #000;
    border-radius: 2px;
    font-size: 14px;
    padding: 8px 18px;
}
button#addjob1:hover {
    border: 2px solid #1cb5fc;
    color: #fff;
}

@media (max-width: 1800px) {
.desktop-header.affix ul.nav.navbar-nav.top-main-menu .sublevel li.leaf.has-sub ul.sublevel {
    left: 535px;
    width: calc(98% - 535px);
}

}
@media (max-width: 1379px) {
ul.nav.navbar-nav.top-main-menu .sublevel li.leaf.has-sub ul.sublevel {      
    left: 410px;
    width: calc(98% - 410px);       
}

}
@media (max-width: 1199px) {
.nav.top-main-menu li.first.has-sub.open-menu>ul>li {
    width: 260px;
}
ul.nav.navbar-nav.top-main-menu .sublevel li.leaf.has-sub ul.sublevel {
    left: 270px;
    width: calc(98% - 270px);
}
.desktop-header.affix ul.nav.navbar-nav.top-main-menu .sublevel li.leaf.has-sub ul.sublevel {
    left: 390px;
    width: calc(98% - 390px);
}

}
@media (max-width: 991.98px) {
p.submenu-ord {
    padding: 4px 20px;
}

}
button#addjob i.fa {
    margin-right: 5px;
}