@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap');
html, body{ font-family: 'Open Sans', sans-serif; font-size: 14px; letter-spacing: 0; color: #1b1b1b;}
*{ font-family: 'Open Sans', sans-serif;}
img{ max-width: 100%;}
h1, h2, h3, h4, h5, h6{ font-family: 'Gelasio', serif; font-weight: 600; color: #1b1b1b;}
h1.main-title{ font-weight: normal;}
h1{ font-size: 2.286em;}
h2{ font-size: 1.7em /*1.5em*/;}
a:active, a:focus, a:hover, a:link, a:visited{ color: #1b1b1b;}
button:focus, input[type="submit"]:focus, a:focus{ outline: none;}
html .btn{ box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none;}
a.blue-btn, .blue-btn, a.blue-btn:link{ color: #fff; background: #26a4fb;}
.radius-btn{ padding: 8px 20px; border-radius: 35px;}
a.blue-btn:active, a.blue-btn:focus, a.blue-btn:hover, a.blue-btn:visited, .blue-btn:hover, .blue-btn:focus{ background: #1983cd; color: #fff;}
.grey-btn{ background: #e3e3e3; color: #444444;}
.grey-btn:hover{ background: #b3b0b0; color: #444444;}
button:focus{ outline: none;}
::-webkit-scrollbar {
width:5px
}
::-webkit-scrollbar-track {
-webkit-box-shadow:inset 0 0 6px hsla(0,0%,100%,.3);
border-radius:10px
}
::-webkit-scrollbar-thumb {
border-radius:10px;
-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.5)
}
::placeholder{ opacity: 1; color: #1b1b1b}
p {font-size: 1.2em; line-height: normal;}

.no-margin{ margin: 0;}
select.supreme-select-field{ background: #fff url(../images/arrow-down-icon.png) no-repeat right 10px center !important; cursor: pointer; padding-right: 25px; appearance: none; -webkit-appearance: none; -moz-appearance: none;}

.badge.badge-pending,
.badge.badge-active{ background-color: #10D3C6;}
.badge.badge-success{ background-color: #ccc;}
.badge.badge-danger,
.badge.badge-inactive,
.badge.badge-failed,
.badge.badge-cancelled{ background-color: #f23e49;}
.badge.badge-warning{ background-color: #FFC107;}
.badge.badge-quote-request{ background-color: #f7892f;}
.badge.badge-sage{ background: #ff7b66;}

.control-group .control { border: 1px solid #ccc; height: 54px; border-radius: 5px; padding: 0 12px; width: 100%;}
.btn.blue-btn.btn-wth-plus-icon { font-weight: normal;}
.sup-custom-btn{ font-size: 1.143em; font-weight: 700; padding: 11px 15px; border: none; border-radius: 30px; display: inline-block; min-width: 185px; text-align: center;}

.featured-products .slick-track,
.home-prods-slider-right .slick-track{ margin-left: 0; margin-right: 0;}

.main-header{ background: #1b1b1b; position: fixed; top: 0; left: 0; width: 100%; z-index: 100;}
.main-header + div, .main-header + section{ margin-top: 151px;}
.main-header figure{ margin: 0;}
.main-header figure a img{ max-width: 145px; height: auto;}
.main-header aside{ position: static;}
.main-header .header-top{ text-align: right; padding: 0 0 5px; position: relative;}
.main-header .header-top:after { content: ""; background: #484848; width: 100%; height: 1px; display: block; margin-top: 8px; position: absolute; right: 0; max-width: 1700px;}
.header-top .form-group{ position: relative;}
.header-top .form-group input{ height: 36px; padding: 0 53px 0 15px; min-width: 535px; font-size: 1em; color: #888888;}
.header-top .form-group span{ position: absolute; right: 0; top: 0; height: 36px; line-height: 36px; padding: 0 20px; background: #f7c200; border-top-right-radius: 5px; border-bottom-right-radius: 5px; cursor: pointer;}
.header-top form, .header-top .header-account-info{ display: inline-block; vertical-align: middle;}
.header-top .header-account-info{ color: #fff; padding: 10px 20px 2px 35px;}
.header-account-info i{ margin: 0 5px 0 0;}
.header-account-info span{ display: block; letter-spacing: 0.4px; text-align: left; font-size: 1em; font-weight: 500;}
.header-account-info span.name i { margin: 0 0 0 5px;}
/*.header-account-info span + span{ font-size: 1.071em; font-weight: 700;}*/
ul.header-top-nav-items{ display: inline-block; vertical-align: bottom;}

ul.header-top-nav-items li{ display: inline-block; position: relative; border-left: 1px solid #484848; padding: 10px 0;}
ul.header-top-nav-items li a{ font-size: 0.9em; color: #fff; padding: 0 12px; display: inline-block;}
ul.header-top-nav-items li a.cart-link{ position: static; font-size: 1.2em;}
ul.header-top-nav-items li.dolor-sec a, ul.header-top-nav-items li.cart-dropdown-container a{ font-size: 1.2em;}
ul.header-top-nav-items li .dropdown-footer a{ font-size: 0.9em;}
ul.header-top-nav-items li .dropdown-cart .dropdown-footer a{ color: #1b1b1b; width: 45%;}
ul.header-top-nav-items li .dropdown-cart .dropdown-footer a:hover{ color: #fff;}

ul.header-top-nav-items li .header-cart{ position: absolute; font-size: 0.786em; background: #f7c200; color: #1b1b1b; border-radius: 50px; width: 18px;
    left: 26px; text-align: center; top: 0;}
ul.header-top-nav-items li #dollar-sign{ left: 18px !important; top: 11px !important;}
ul.header-top-nav-items li.dolor-sec .header-cart{ top: 0;}
ul.header-top-nav-items li.cart-dropdown-container{ padding-right: 8px;}
.main-header .navbar-nav{ align-items: center; -ms-flex-direction: row; flex-direction: row; margin-left: auto;}
.main-header ul.navbar-nav li{ padding: 0 28px; margin: 0; text-align: center; line-height: 53px;}
.main-header ul.navbar-nav li a{ font-size: 0.95em; color: #fff; font-weight: 600; letter-spacing: 0.4px; line-height: normal; padding: 35px 0 25px; display: table-cell; height: 96px; vertical-align: middle; transition: 0.3s all ease;}
.main-header ul.navbar-nav li ul a { display: unset; height: auto; vertical-align: top;}
.main-header ul.navbar-nav ul li{ line-height: normal;}
.main-header .header-main-nav{ padding: 0; position: static;}
.header-top form{ vertical-align: top; padding-top: 10px;}
/*.main-header ul.navbar-nav ul li{ text-align: left;}*/
.main-header ul.navbar-nav ul .row{ width: 100%; align-items: initial; justify-content: flex-start;}
.main-header ul ul.nav-dropdown-main{ position: absolute; left: 0; /*left: -9999px;*/ width: 100%; background: #fff; text-align: left; visibility: hidden; opacity: 0; transition: visibility 0s, opacity 0.1s linear; transition-delay: 0.1s;}
.main-header ul.navbar-nav li.flyout-menu ul{ position: absolute; right: 0; /*left: -9999px;*/ background: #eaedf2; width: 100%; min-width: 352px; padding: 10px 13px 6px; visibility: hidden; opacity: 0; transition: visibility 0s, opacity 0.1s linear; transition-delay: 0.1s;}
#cssmenu li:hover > ul, #cssmenu li.flyout-menu:hover > ul { /*left: 0;*/ visibility: visible; opacity: 1; transition-delay: 0.5s; box-shadow: 0px 1px 6px #ccc; -webkit-box-shadow: 0px 1px 6px #ccc; -moz-box-shadow: 0px 1px 6px #ccc;}
.nav-dropdown-main h2, .main-header ul.navbar-nav li.flyout-menu h2{ color: #333333; font-size: 1.571em; border-bottom: 1px solid #eaeaea; padding: 0 0 8px;}
.main-header ul.navbar-nav li.flyout-menu h2{ border-bottom: 1px solid #ced1d6;}
.nav-dropdown-main h2 em, .main-header ul.navbar-nav li.flyout-menu h2 em{ font-style: normal; font-family: 'Gelasio', serif;}
.main-header ul.nav-dropdown-main h2 a, .main-header ul.navbar-nav li.flyout-menu ul li h2 a{ font-weight: 600; color: #0e43a7; font-size: 0.9em; text-align: left; text-decoration: underline;
    background: #ffffff; padding: 0 0 0 4px; font-family: 'Open Sans', sans-serif;}
.nav-dropdown-main aside{ padding-top: 15px; padding-bottom: 20px;}
.main-header ul ul.nav-dropdown-main:after{ content: ""; width: 30%; height: 100%; position: absolute; right: 0; top: 0; background: #eaedf2;}
.main-header .nav-dropdown-left ul li{ -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; text-align: center; padding: 0 15px; margin: 15px 0 0;}
.main-header .nav-dropdown-left ul li a span{ display: block; padding: 8px 0 0; line-height: 16px; font-size: 1.143em; color: #1b1b1b; font-weight: 600; letter-spacing: 0;}
.main-header aside.nav-dropdown-right{ background: #eaedf2; position: relative; z-index: 1;}
.main-header ul.navbar-nav .nav-dropdown-right li, .main-header ul.navbar-nav li.flyout-menu ul li{ text-align: left; padding: 0; margin: 0 0 8px;}
.main-header ul.navbar-nav .nav-dropdown-right li a, .main-header ul.navbar-nav li.flyout-menu ul li a{ font-size: 1.143em; color: #1b1b1b; letter-spacing: 0; font-weight: normal;}
.nav-dropdown-main .nav-dropdown-right h2{ border-bottom: 1px solid #ced1d6;}
.main-header .nav-dropdown-img{ display: table-cell; vertical-align: middle; height: 150px;}
.main-header .nav-dropdown-img img{ max-height: 100%;}
.main-header ul.navbar-nav ul li > a { padding: 0; display: initial;}
.main-header ul.navbar-nav span.submenu-button{ position: relative; cursor: pointer; float: right;}
.main-header ul.navbar-nav span.submenu-button:before{ content: "\f107"; font-family: "Font Awesome 5 Pro"; display: block; font-size: 0.938em; color: #fff;
    position: absolute; right: -20px; line-height: 20px; margin-top: -52px; cursor: pointer;}
.main-header ul.navbar-nav li.flyout-menu{ position: relative;}
.main-header aside.nav-dropdown-right span.submenu-button{ display: none;}

.brands-slider-sec{ padding: 0 0 50px;}
.brands-slider-sec h2{ color: #333333; margin: 0 0 10px;}
.brands-slider{ background: #f7f7f7; }
ul.brands-slider li{ height: 162px; line-height: 162px; width: 100%; position: relative; display: block !important; text-align: center; border-right: 1px solid #e7e7e7; padding: 0 20px;}
ul.brands-slider li a{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; display: block;}
ul.brands-slider li img{ /*position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto;*/ display: inline-block;}
.brands-slider-sec .slick-arrow{ top: 50%; margin-top: -58px; padding: 48px 13px; z-index: 2;}
.brands-slider.slick-slider{ border-radius: 5px;}
.brands-slider-sec .brands-btn{ text-align: center; margin: 28px 0 0;}
.footer-top{ background: #e6eaec; padding: 20px 0;}
.footer-top-left h2{ color: #1b1b1b; font-size: 1.786em; padding-right: 38px;}
.footer-top-left h2, .footer-top-left form{ display: inline-block; margin: 0; vertical-align: middle;}
.footer-top-left form .subscribe-field-main{ display: inline-block;}
.footer-top-left form .subscribe-field{ font-size: 1.2em; color: #7d7b7b; background: #ffffff; border: none; height: 55px; padding: 0 22px; border-radius: 5px; min-width: 560px;}
.footer-top-left form button{ height: 54px; font-size: 1.5em; border-radius: 30px; padding: 0 40px; margin: 0 0 0 20px;}
.footer-top .footer-top-right{ text-align: right;}
.footer-top-right .need-help-sec{ padding: 0 0 0 82px; border-left: 1px solid #bcbcbd; display: inline-block; text-align: left;}
.need-help-sec h3{ color: #1b1b1b; font-size: 1.929em; font-family: 'Open Sans', sans-serif; font-weight: 700; padding: 0 0 0 8px;}
.need-help-sec a{ color: #1b1b1b; font-size: 1.714em;}
.main-footer{ background: #f1f4f6; padding: 30px 0 0;}
.main-footer .row{ align-items: flex-start;}
.main-footer h3{ color: #1b1b1b; font-family: 'Open Sans', sans-serif; font-weight: 700; margin: 0 0 10px; font-size: 1.4em;}
.main-footer ul li{ margin: 0 0 10px;}
.main-footer ul li a{ font-size:  1.2em; color: #1b1b1b;}
.social-icons{ text-align: right;}
.social-icons a{ font-size: 2em; color: #1b1b1b; margin: 0 0 0 23px;}
.copyright-left {font-size: 1.2em;}
.copyright{ border-top: 1px solid #bcc7cf; padding: 15px 0; margin: 15px 0 0;}
.copyright a{ color: #1b1b1b; padding: 0 13px; font-size: 1.2em;}}
.copyright a + a{ border-left: 1px solid #1b1b1b;}
.copyright-right{ text-align: right;}
.home-four-leads{ padding: 21px 0 10px;}
ul.supreme-slide-dots li button:focus { outline: none;}
.supreme-featured-products .home-prods-slider-left{ background-repeat: no-repeat; background-position: 0 bottom; background-size: cover;
    padding: 0 0 30px 20px; height: 326px; vertical-align: bottom; border-top-left-radius: 8px; border-bottom-left-radius: 8px;
    width: 30%;}
.home-prods-slider-left .home-prods-slider-left-cont{ background-repeat: no-repeat; background-position: 0 0; background-size: cover; padding: 5px 0 0 0; font-size: 2.214em; font-family: 'Gelasio', serif; color: #ffffff; font-weight: 700;
    line-height: 36px; text-align: center; max-width: 254px; min-height: 89px; text-shadow: 0px 3px 5px rgba(0, 0, 0, 0.36);}
.supreme-featured-products .row{ margin: 0;}
.table-wrap{ display: table; width: 100%; table-layout: fixed;}
.table-wrap aside{ display: table-cell; vertical-align: middle; float: none;}
.product-image{ border: 1px solid #e7e7e7; background: #fff; max-height: 140px; margin: 0 0 24px;}
.product-image img{ display: block; max-height: 120px; width: auto; margin: auto; /*height: 120px;*/}
.product-name { padding: 0 5px;}
.product-name a{ font-size: 0.929em; line-height: 17px; display: block; text-transform: capitalize;}
.product-name a:hover{ text-decoration: none;}
#model-number{ font-size: 0.929em;}
.product-price{ margin: 10px 0; text-transform: uppercase;}
.product-price span{ font-size: 1.5em;}
.product-card{ padding: 20px 15px;}
.price-without-log-text {font-size: 0.9em;}
.featured-products .sus-next-button, .featured-products .sus-prev-button{ top: 50%; margin-top: -105px; z-index: 2;}
.price-without-log-text a,
.price-without-log-text button{ color: #00ae08; text-decoration: underline;}
.product-card .supremehrs-btn{ max-width: 100%; min-width: 124px; margin-bottom: 6px;}
.supreme-featured-products .home-prods-slider-right{ border: 1px solid #e7e7e7; border-left: none;}
.header-account-info .mobile-user-icon{ display: none;}
.price-without-log-text{ background: #fff; border: 1px solid #ccc; border-radius: 5px; padding: 6px 8px 10px;}
.price-without-log-text span{ display: block;}
.prod-cat-grid .row{ height: 325px; margin: 0; border: 1px solid #ccc; border-radius: 10px; padding: 10px 15px; position: relative; overflow: hidden; background: #4c9ca2; background: -moz-linear-gradient(left,  #4c9ca2 0%, #a3cccf 100%); background: -webkit-linear-gradient(left,  #4c9ca2 0%,#a3cccf 100%); background: linear-gradient(to right,  #4c9ca2 0%,#a3cccf 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c9ca2', endColorstr='#a3cccf',GradientType=1 );}
.prod-cat-grid .row:before{ content: ""; display: block; width: 0; height: 0; border-bottom: 336px solid #ffffff; border-right: 690px solid transparent; position: absolute; top: -10px; right: -30px; border-radius: 10px; border-bottom-left-radius: 0;}
.prod-cat-grid .row:after{ content: ""; display: block; position: absolute; width: 30%; height: 110%; background: #ffffff; left: -60px;}
.prod-cat-grid .prod-cat-grid-left, .prod-cat-grid .prod-cat-grid-right { z-index: 2;}
.prod-cat-main h1{ font-weight: normal;}
.page-breadcrumb{ border-bottom: 1px solid #ccc; padding: 20px 0 10px; font-size: 1em; font-weight: 700; color: #1b1b1b;}
.page-breadcrumb a{ color: #1b1b1b;}
.page-content{ padding: 25px 0 30px;}
.page-content h1{ margin: 0 0 18px;}
.prod-cat-grid h2{ font-size: 1.786em; font-weight: normal; max-width: 280px; line-height: normal;}
.prod-cat-grid a.supremehrs-btn{ padding: 7px 42px;}
.prod-cat-main .prod-cat-grid{ margin: 0 0 16px;}
.prod-cat-main .prod-cat-grid:nth-child(2) .row{ background: #3a365e; background: -moz-linear-gradient(left,  #3a365e 0%, #8f85af 100%); background: -webkit-linear-gradient(left,  #3a365e 0%,#8f85af 100%); background: linear-gradient(to right,  #3a365e 0%,#8f85af 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a365e', endColorstr='#8f85af',GradientType=1 );}
.prod-cat-main .prod-cat-grid:nth-child(3) .row{ background: #c6273a; background: -moz-linear-gradient(left,  #c6273a 0%, #e25d8c 100%); background: -webkit-linear-gradient(left,  #c6273a 0%,#e25d8c 100%); background: linear-gradient(to right,  #c6273a 0%,#e25d8c 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c6273a', endColorstr='#e25d8c',GradientType=1 );}
.prod-cat-main .prod-cat-grid:nth-child(4) .row{ background: #43addb; background: -moz-linear-gradient(left,  #43addb 0%, #9dd5ec 100%); background: -webkit-linear-gradient(left,  #43addb 0%,#9dd5ec 100%); background: linear-gradient(to right,  #43addb 0%,#9dd5ec 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#43addb', endColorstr='#9dd5ec',GradientType=1 );}
.prod-cat-main .prod-cat-grid:nth-child(5) .row{ background: #4ba151; background: -moz-linear-gradient(left,  #4ba151 1%, #a4d0a7 100%); background: -webkit-linear-gradient(left,  #4ba151 1%,#a4d0a7 100%); background: linear-gradient(to right,  #4ba151 1%,#a4d0a7 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4ba151', endColorstr='#a4d0a7',GradientType=1 );}
.prod-cat-main .prod-cat-grid:nth-child(6) .row{ background: #ed8928; background: -moz-linear-gradient(left,  #ed8928 1%, #f6c362 100%); background: -webkit-linear-gradient(left,  #ed8928 1%,#f6c362 100%); background: linear-gradient(to right,  #ed8928 1%,#f6c362 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed8928', endColorstr='#f6c362',GradientType=1 );}
.prod-cat-main .prod-cat-grid:nth-child(7) .row{ background: #8c2f91; background: -moz-linear-gradient(left,  #8c2f91 1%, #c573c7 100%); background: -webkit-linear-gradient(left,  #8c2f91 1%,#c573c7 100%); background: linear-gradient(to right,  #8c2f91 1%,#c573c7 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8c2f91', endColorstr='#c573c7',GradientType=1 );}
.prod-cat-main .prod-cat-grid:nth-child(8) .row{ background: #233284; background: -moz-linear-gradient(left,  #233284 1%, #5577c1 100%); background: -webkit-linear-gradient(left,  #233284 1%,#5577c1 100%); background: linear-gradient(to right,  #233284 1%,#5577c1 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#233284', endColorstr='#5577c1',GradientType=1 );}
.prod-cat-main .prod-cat-grid:nth-child(9) .row{ background: #4e9da3; background: -moz-linear-gradient(left,  #4e9da3 1%, #a4cdd0 100%); background: -webkit-linear-gradient(left,  #4e9da3 1%,#a4cdd0 100%); background: linear-gradient(to right,  #4e9da3 1%,#a4cdd0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e9da3', endColorstr='#a4cdd0',GradientType=1 );}
.prod-cat-main .prod-cat-grid:nth-child(10) .row{ background: #3e3962; background: -moz-linear-gradient(left,  #3e3962 2%, #8f85ae 100%); background: -webkit-linear-gradient(left,  #3e3962 2%,#8f85ae 100%); background: linear-gradient(to right,  #3e3962 2%,#8f85ae 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e3962', endColorstr='#8f85ae',GradientType=1 );}
.prod-cat-main .prod-cat-grid:nth-child(11) .row{ background: #c52538; background: -moz-linear-gradient(left,  #c52538 2%, #e25c8c 100%); background: -webkit-linear-gradient(left,  #c52538 2%,#e25c8c 100%); background: linear-gradient(to right,  #c52538 2%,#e25c8c 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c52538', endColorstr='#e25c8c',GradientType=1 );}
.prod-cat-main .prod-cat-grid:nth-child(12) .row{ background: #42adda; background: -moz-linear-gradient(left,  #42adda 2%, #9dd5ec 100%); background: -webkit-linear-gradient(left,  #42adda 2%,#9dd5ec 100%); background: linear-gradient(to right,  #42adda 2%,#9dd5ec 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#42adda', endColorstr='#9dd5ec',GradientType=1 );}
.prod-cat-main .prod-cat-grid:nth-child(13) .row{ background: #4da253; background: -moz-linear-gradient(left,  #4da253 2%, #a4d0a7 100%); background: -webkit-linear-gradient(left,  #4da253 2%,#a4d0a7 100%); background: linear-gradient(to right,  #4da253 2%,#a4d0a7 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4da253', endColorstr='#a4d0a7',GradientType=1 );}
.prod-cat-main .prod-cat-grid:nth-child(14) .row{ background: #ed8928; background: -moz-linear-gradient(left,  #ed8928 2%, #f6c463 100%); background: -webkit-linear-gradient(left,  #ed8928 2%,#f6c463 100%); background: linear-gradient(to right,  #ed8928 2%,#f6c463 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed8928', endColorstr='#f6c463',GradientType=1 );}
/*ul.header-top-nav-items li.dolor-sec span.fas{ font-size: 1.6em;}*/

.all-products{ align-items: normal; border-top: 1px solid #cccccc; margin: 0;}
.all-products .all-products-left{ background: #f6f6f6; padding-top: 22px; padding-bottom: 22px;}
.all-products-left h2{ font-size: 1.5em; font-weight: normal; border-bottom: 1px solid #ccc; padding: 0 0 14px;}
.filter-attributes-item{ margin: 17px 0 0; border-bottom: 1px solid #ccc; padding: 0 0 20px;}
.filter-attributes-item h3{ font-size: 1.214em; font-weight: normal; position: relative; cursor: pointer; margin: 0; padding: 0 110px 0 0;}
.filter-attributes-item h3:after{ content: "\f107"; font-family: "Font Awesome 5 Pro"; position: absolute; top: 50%; right: 10px; font-size: 1.286em; margin-top: -12px; transition: 0.3s all ease; -webkit-transition: 0.3s all ease; -moz-transition: 0.3s all ease;}
.filter-attributes-item h3.active:after{ transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg);}
.filter-attributes-item h3 span{ position: absolute; right: 40px; font-size: 0.9em; top: 2px;}
.filter-attributes-content{ display: none; padding: 0 0 20px;}
.filter-attributes-content ul li span{ font-size: 0.929em; display: inline-block; padding-left: 20px;}
.checkbox .checkbox-view{ margin: 4px 8px 0 0; vertical-align: top; background: url(../images/checkbox.svg) no-repeat 0 0; background-size: cover; width: 12px; height: 12px;}
.checkbox input:checked+.checkbox-view{ background:url(../images/checkbox-checked.svg) no-repeat 0 0; background-size: cover; left: 0;}
.filter-attributes-content .checkbox .checkbox-view{ background-size: 12px 12px; width: 100%; position: absolute; left: 0; cursor: pointer;}
.filter-attributes-content .checkbox input:checked+.checkbox-view{ background-size: 12px 12px;}
.filter-attributes-content ul li span em{ font-style: normal;}
.all-products .all-products-right{ padding-top: 24px; padding-bottom: 24px;}
.sort-pagin-sec .select-custom{ min-width: 175px; border: 1px solid #ccc; padding: 0 0 0 15px; box-shadow: none; height: 31px; font-size: 0.857em; border-radius: 7px; vertical-align: top;}
.sort-pagin-sec .inline-select{ display: inline-block; margin: 0 15px 0 0;}

.pagination-sec{ text-align: right;}
.pagination-sec .pagination{ display: inline-block;}
.pagination-sec em{ color: #555555; font-style: normal; font-size: 0.929em;}
.pagination-sec a{ color: #2d2b50; display: inline-block; font-size: 0.857em; width: 24px; height: 24px; line-height: 24px; border-radius: 50%; background: #e6eaec; margin: 0 0 0 13px; text-align: center;}
.pagination-sec span{ border-radius: 10px; box-shadow: 0px 0px 7px 0px rgba(225, 229, 237, 1); width: 60px; height: 46px; text-align: center; padding: 0 10px; display: inline-block; line-height: 46px; font-size: 1.143em; margin: 0 10px 0 16px; background: #fff;}
.pagination-sec input[type="text"]{ border-radius: 7px; width: 45px; height: 30px; line-height: 30px; text-align: center; padding: 0 10px; display: inline-block; font-size: 0.857em; margin: 0 10px; background: #fff; border: 1px solid #ccc; color: #2d2b50;}

.all-products .all-products-in{ padding: 24px 0 30px; margin: 0; justify-content: flex-start;}
.all-products-in .product-card{ border-right: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; margin: 0;}
.req-quote-txt, a.req-quote-txt{ background: none; border: none; text-decoration: underline; margin: 0; color: #1b1b1b; display: inline-block;}
.mob-sort-pagin-sec, .mob-filter-sort-top, .mob-sort-sec{ display: none;}

.single-prod-gallery .single-prod-gallery-img{ border: 1px solid #eaeaea; text-align: center;}
/*.single-prod-gallery-img img{ width: 100%;}*/
.single-prod-description{ padding-left: 40px; padding-right: 40px;}
.single-prod-description h1{ font-weight: normal; line-height: 1.143em; margin: 0 0 5px; text-transform: capitalize;}
.single-prod-description h1 span{ font-size: 0.65em; line-height: 20px; display: block; font-family: 'Gelasio', serif; margin: 0 0 8px;}
.single-prod-description em{ font-style: normal; font-size: 1em; color: #7c7c7c;}
.single-prod-description .price-with-log,
.single-prod-description .price-without-log{ border-top: 1px solid #eeeeee; margin-top: 16px;}
.single-prod-description .product-price{ font-size: 1.5em; padding: 20px 0 15px; font-weight: normal;}
.single-prod-description .product-price span{ font-size: 1.75em;}
.single-product-top{ align-items: flex-start; padding-bottom: 40px;}
.single-prod-qty-sec .single-prod-qty-sec-in{ background: #f6f6f6; border: 1px solid #eaeaea; border-radius: 8px; padding: 25px 30px;}
.single-prod-qty-sec-in form .form-row{ display: table; width: 100%;}
.single-prod-qty-sec-in form label{ font-size: 1.214em; font-weight: 700; display: table-cell; vertical-align: middle; width: 90px;}
.single-prod-qty-sec-in form input{ display: table-cell; vertical-align: middle; border: 1px solid #cccccc; width: 100%; background: #fff; border-radius: 7px; height: 30px; padding: 0 10px;}
.single-prod-qty-sec-in form .btn{ font-size: 1.5em; display: block; width: 100%; margin: 21px 0 5px; line-height: 43px; border-radius: 50px; padding: 0 10px;}
.single-prod-qty-sec-in .price-with-log{ text-align: center;}
.single-prod-qty-sec-in .price-with-log a{text-decoration: underline; color: #1b1b1b; display: inline-block;}
.single-prod-qty-sec-in .price-without-log-text{ margin-top: 21px; text-align: center;}

.single-prod-qty-sec-in h3{ font-size: 1.214em; font-family: 'Open Sans', sans-serif;}
.product-reviews-sec p i{ letter-spacing: 1px; color: #f7c300;}
.product-reviews-sec p a{ color: #1073fa; text-decoration: underline;}
.product-reviews-sec p em{ font-style: normal;}
.product-share-sec a{ display: inline-block; width: 43px; height: 43px; line-height: 43px; font-size: 1.214em; color: #fff; text-align: center; margin-right: 2px;}
.product-reviews-sec{ padding-top: 15px;}
.product-share-sec a{ background: #4267b2;}
.product-share-sec a + a{ background: #1da1f2;}
.product-share-sec a + a + a{ background: #cccccc;}
.product-share-sec a + a + a + a{ background: #c13584;}
.product-share-sec .fa-stack .fa-circle{ display: none;}
.product-specs{ padding: 25px 0 0;}
.product-specs ul{ background: #f6f6f6; border-radius: 8px; padding: 30px 30px 30px 15px; max-width: 858px;}
.product-specs ul li{ display: table; width: 100%; padding: 8px 0;}
.product-specs ul li + li{ border-top: 1px solid #a4a4a4;}
.product-specs ul li span{ width: 50%; display: table-cell; vertical-align: middle; font-size: 1.071em;}
.product-specs ul li span + span{ text-align: right;}
.cust-reviews-sec{ padding: 28px 0 0;}
.cust-reviews-sec-in{ margin: 0; background: #f7f7f7; border-radius: 8px; padding: 26px 0 22px; align-items: flex-start;}
.cust-reviews-sec-in aside{ padding: 0 53px;}
.cust-reviews-left p strong{ display: block;}
.cust-reviews-left a.btn{ padding-left: 28px; padding-right: 28px;}
.cust-reviews-right{ border-left: 1px solid #e7e7e7;}
.cust-reviews-right article{ padding-bottom: 36px; border-bottom: 1px solid #e7e7e7;}
.cust-reviews-right article + article{ padding-top: 24px;}
.cust-reviews-right article p{ margin: 0;}
.cust-reviews-right .cust-reviews-head{ padding: 0 0 13px;}
.cust-reviews-head img{ float: left; border-radius: 50%; width: 39px; height: 39px; display: inline-block; margin: 0 10px 0 0;}
.cust-reviews-head h3{ font-family: 'Open Sans', sans-serif; margin: 0; font-size: 1em; font-weight: 700; padding-top: 1px;}
.cust-reviews-head span{ color: #ffd800; letter-spacing: 2px;}
.cust-reviews-sec-in .pagination-sec{ padding-top: 30px;}
.product-mobile-img{ display: none;}
.single-product-main h2, .review-pop-cont h2{ margin: 0 0 15px;}
.review-popup{ padding: 0 20px !important;}
.review-pop-cont-top{ padding: 0 0 26px; display: table; width: 100%; font-size: 1.286em; font-family: 'Gelasio', serif;}
.review-pop-cont-top span:first-child{ width: 120px;}
.review-pop-cont-top span{ display: table-cell; vertical-align: middle; line-height: normal;}
.review-pop-cont-top img{ max-width: 110px; border: 1px solid #ccc; padding: 10px; margin: 0 15px 0 0;}
.review-pop-cont h3{ margin: 0 0 15px;}
.review-pop-cont textarea{ border: 1px solid #cccccc; display: block; width: 100%; height: 140px; border-radius: 7px; margin: 0 0 36px; padding: 10px;}
.review-pop-cont .review-form-btn{ text-align: right;}
.review-popup .modal-dialog{ max-width: 868px; padding: 0;}
.review-popup .modal-header{ border: none; padding: 10px 15px 0 0; text-align: right; display: block;}
.review-popup .modal-header button{ font-size: 2em;}
.review-popup .modal-content{padding: 0}
.review-form-btn button{ font-size: 1.286em; padding: 13px 40px;}
.review-popup .modal-body{ padding: 0 40px 45px;}
.rating-stars{ padding: 0 0 25px;}
.rating-stars ul{ list-style-type:none; padding:0; -moz-user-select:none; -webkit-user-select:none;}
.rating-stars ul > li.star{ display:inline-block;}
.rating-stars ul > li.star > i.far{ font-size: 2.143em; letter-spacing: 11px; color:#ffd800;}
.rating-stars ul > li.star.hover > i.far,
.rating-stars ul > li.star.selected > i.far{ color:#ffd800; font-weight: 700;}
.login-form-main{ max-width: 653px; display: block;}
.auth-content .shadow-box, .shadow-box{ border: none; box-shadow: 0px 0px 7px 0px rgba(225, 229, 237, 1); max-width: 100%; border-radius: 10px; min-width: auto; padding: 25px 0 34px;}
.shadow-box h1, .shadow-box .nav-tabs .nav-link{ font-size: 1.286em; font-family: 'Open Sans', sans-serif; text-transform: uppercase; font-weight: 700; margin: 0; padding: 0 20px 23px; border-bottom: 1px solid #f6f6f8;}
.login-form .control-group input, .login-form .control-group select{ height: 50px; border: 1px solid #ccc; border-radius: 6px; margin: 0; padding: 0 15px; font-size: 1.143em; color: #555555; width: 100%;}
.auth-content .login-form .control-group { margin: 20px 0 0 !important; width: 100%;}
.login-form p.forgot-pwd-txt{ text-align: right; font-size: 1.071em; margin: 7px 0 0; text-decoration: underline;}
.login-form p{ margin: 20px 0;}
.login-form p a{ text-decoration: underline;}
.login-form .btn{ font-size: 1.143em; font-weight: 700; padding: 0 64px; line-height: 44px; border-radius: 35px; display: inline-block;}
.login-footer{ text-align: center;}
.login-footer a.btn{ font-size: 1.143em; line-height: 46px; padding: 0 56px; border-radius: 35px;}
p.border-text{ text-align: center; position: relative; font-size: 1.143em; margin: 36px 0 23px;}
p.border-text:before{ content: ""; position: absolute; width: 100%; height: 1px; background: #eaeaea; left: 0; top: 9px;}
p.border-text span{ padding: 0 11px; position: relative; background: #fff;}
.login-form .login-form-in{ padding: 0 20px;}
.log-wrapper{ padding: 33px 0 60px;}
.register-wrapper{ max-width: 365px;}
.register-wrapper .register-cont{ padding: 20px 20px 10px;}
.register-cont button{ display: block; width: 100%;  border-radius: 35px; padding: 13px 20px; font-size: 1.143em; font-weight: 700;}
.register-cont p.border-text{ margin: 16px 0;}

.company-loc-users-sec{ max-width: 1290px; margin-bottom: 50px; padding-top: 15px;}
.register-tabs{ margin-top: 35px;}
.register-tabs .nav-tabs{ border-bottom: 1px solid #f6f6f8;}
.register-tabs .nav-item:after{ display: none;}
.register-tabs .nav-tabs .nav-link{ color: #aaaaaa; border: none; height: auto;}
.register-tabs .nav-tabs .nav-link.active{ color: #2d2b50;}
.register-tabs .nav-tabs .nav-item{ margin-bottom: 0; margin-right: 10%;}
.register-tabs .tab-content{ padding: 20px 20px 134px; max-width: 910px;}
.register-tabs .control-group.has-error .control-error{ position: absolute; font-size: 0.8em; margin: 0;}
.register-tabs .form-row{ margin: 0 -15px;}
.register-tabs .form-row .control-group{ padding: 0 15px;}
.register-tabs.login-form .btn{ margin: 10px 20px 0 0; padding: 0 32px; min-width: 186px; }
.auth-content .login-form .select-company .control-group{ max-width: 450px;}
.loc-user-list address p{ margin: 0; line-height: 30px; font-size: 1.286em; display: inline-block; position: relative;}
.loc-user-list address p strong{ padding-right: 40px;}
.loc-user-list address p i{ position: absolute; right: 0; top: 6px;}
.form-left-right-btns{ padding-top: 25px; align-items: center;}
.form-left-right-btns.form-row aside{ padding: 0 15px;}
.register-tabs .form-left-right-btns aside button.btn{ margin: 0;}
.form-left-right-btns aside.add-txt-btn{ text-align: right;}
.form-left-right-btns aside.add-txt-btn button{ border: none; background: none; border-bottom: 1px solid #555; font-size: 1.286em; padding: 0;}
.forgot-btn{ margin-top: 20px;}
.forgot-btn a{ font-size: 1.2em;}
.forgot-btn a i{ font-size: 1.5em; margin: 0 8px 0 0; vertical-align: middle;}
.account-wrapper.row{ align-items: inherit;}
.account-main .account-sidebar{ background: #f9f9f9; padding: 34px 40px 50px 15px;}
.account-main{ position: relative;}
.account-main:before{ content: ""; width: 20%; height: 100%; left: 0; top: 0; display: block; position: absolute; background: #f9f9f9;}
.account-sidebar h2{ margin: 0 0 22px;}
.account-sidebar .menu-block-content{ border-radius: 10px; background: #fff; box-shadow: 0px 0px 10px 0px rgba(225, 229, 237, 1); -webkit-box-shadow: 0px 0px 10px 0px rgba(225, 229, 237, 1);-moz-box-shadow: 0px 0px 10px 0px rgba(225, 229, 237, 1); padding: 10px 0;}
.account-sidebar ul li{ padding: 4px 0; margin: 0 20px; border-bottom: 1px solid #eaeaea;}
.account-sidebar ul li:last-child{ border-bottom: none;}
.account-sidebar ul li a{ padding: 12px 15px; font-size: 1em; display: block; color: #1b1b1b; position: relative;}
.account-sidebar ul li a:after, .account-sidebar ul li a:hover:after { content: "\f105"; font-family: "Font Awesome 5 Pro"; color: #fff; font-size: 1.2em; font-weight: 600; position: absolute; right: 16px;}
.account-sidebar ul li.active a,
.account-sidebar ul li a:hover{ background: #26a4fb; color: #fff; position: relative; font-weight: 700; border-radius: 8px;}
.account-sidebar ul li:last-child a{ border-bottom: none;}
.account-head h1{ font-weight: normal;}
.account-main .account-right{ padding: 30px;}
.search-filter .control{ font-size: 1.143em; color: #555555; border-radius: 10px; box-shadow: 0px 0px 7px 0px rgba(225, 229, 237, 1); border: none; height: 48px; padding: 0 15px; min-width: 382px; font-weight: 500;}
.search-filter .icon-wrapper{ width: 78px; height: 42px; border: none; background: #169bff; font-size: 1.286em; line-height: 42px; color: #fff; text-align: center; border-radius: 30px; margin: 2px 0px 0 12px; cursor: pointer; display: inline-block;}
.search-filter .icon-wrapper:hover{ background: #1983cd;}
.search-filter .icon-wrapper .search-icon{ margin-top: 3px; margin-left: 3px; background: none; border: none; display: inline-block;}
.filter-pagination{ padding: 20px 0 15px;}
p.items-per-page{ margin: 0; font-size: 1.143em;}
p.items-per-page a{ padding: 0 10px; display: inline-block; color: #007bff; text-decoration: none;}
p.items-per-page a + a{ border-left: 1px solid #ccc;}
.filter-actions .grid-dropdown-header{ background: #fff; border-radius: 10px; box-shadow: 0px 0px 7px 0px rgba(225, 229, 237, 1); border: none; color: #555555; min-width: 240px; height: 45px; padding: 0 16px; font-size: 1.143em;}
.filter-actions .grid-dropdown-header i { font-size: 1.286em; color: #959595;}
.filter-pagination .items-per-page,
.filter-pagination .dropdown-filters{ display: inline-block;}
.supreme-table, .normal-sup-table{ overflow-x: auto; box-shadow: 0px 0px 7px 0px rgba(225, 229, 237, 1); -webkit-box-shadow: 0px 0px 7px 0px rgba(225, 229, 237, 1); -moz-box-shadow: 0px 0px 7px 0px rgba(225, 229, 237, 1);}
.supreme-table table.table, .normal-sup-table table.table{ margin: 0;}
.supreme-table table.table tr input[type="checkbox"]{ width: 23px; height: 23px;}
.supreme-table tr td img{ /*width: 69px;*/ width: 240px; border: 1px solid #ccc;}
.supreme-table table.table, .normal-sup-table table.table{ box-shadow: 0px 0px 7px 0px rgba(225, 229, 237, 1); border-radius: 10px; width: 100%;}
.supreme-table table.table tfoot th { padding: 20px 15px; text-transform: uppercase; font-size: 1em}
.supreme-table table.table thead th,
.normal-sup-table table.table thead th{ background: #f9f9fb; font-size: 1em; text-transform: uppercase; padding: 20px 15px; vertical-align: middle; cursor: pointer; border: none;}
.supreme-table table.table thead tr th:first-child,
.normal-sup-table table.table thead tr th:first-child{ border-top-left-radius: 10px;}
.supreme-table table.table thead tr th:last-child,
.normal-sup-table table.table thead tr th:last-child{border-top-right-radius: 10px;}
.supreme-table table.table tbody td,
.normal-sup-table table.table tbody td{ padding: 20px 15px; border: none; color: #555555; vertical-align: middle; font-size: 1em; background: #f9f9fa;}
.supreme-table table.table tbody tr:nth-child(2n+1) td,
.normal-sup-table table.table tbody tr:nth-child(2n+1) td{ background: #ffffff;}
.supreme-table table.table tbody tr td .badge{ min-width: 135px; display: inline-block; text-align: center; font-weight: 700; border-radius: 10px; padding: 12px 0; font-size: 1.143em;}
.npa-design-wrapper .normal-sup-table tr td.main-title{ font-size: 1.5em; font-family: 'Gelasio', serif;}
.npa-design-wrapper .normal-sup-table tr td.title{ font-weight: 700;}
.normal-sup-table table.table tbody td{ font-size: 1.2em;}
.normal-sup-table { max-width: 600px;}
.profile-table{ max-width: 686px; padding: 28px;}
.profile-edit-btn{ max-width: 686px; text-align: right; padding: 15px 0 0;}
.profile-table table{ width: 100%;}
.profile-table table tr td{ font-size: 1.143em; padding: 10px 10px; width: 50%;}
.prof-del-btn{ padding: 20px 0 0 10px;}
.prof-del-btn .btn{ padding: 8px 20px; border-radius: 35px;}
.profile-edit-btn a{ text-decoration: underline;}
.auth-content .edit-form.login-form.shadow-box{ padding-left: 20px; padding-right: 20px;}
.edit-login-form .login-form-main{ max-width: 700px;}
.edit-login-form .login-form { padding-left: 20px; padding-right: 20px;}
.edit-login-form .control-group{ width: 100%; margin-bottom: 15px;}
.edit-login-form .button-group{ margin: 10px 0 0;}
.edit-login-form .login-form .btn{ padding: 0 32px; line-height: 39px;}
.account-head{ padding: 0 0 20px;}
.account-right .account-table-content,
.account-right .account-items-list .grid-container{ margin: 0;}
.action a{ cursor: pointer; margin: 5px 10px 5px 0;}
.action span, .action i{ font-size: 1.2em; color: #555555;}
.cart-main .cart-content{ border-top: 1px solid #ccc;}
.cart-main .quantity.control-group .control{ width: auto; display: inline-block; max-width: 60px;}
.cart-main .table .quantity label{ display: none;}
.cart-table table.table thead tr th{ background: #f6f6f6; border: none;}
.cart-table table.table thead tr th + th,
.cart-table table.table tbody tr td + td{ border-left: 1px solid #eaeaea;}
.cart-table table.table tbody tr + tr td{ border-top: 1px solid #eaeaea;}
.supreme-table.cart-table table.table tbody tr td{ background: #f6f6f6;}
.supreme-table.cart-table table.table tbody tr:nth-child(2n) td{ background: #fff;}
.supreme-table.cart-table tr td img{ width: 70px;}
/*.cart-table table.table tbody tr td{ background: #fff;}
.cart-table table.table tbody tr:nth-child(2n) td{ background: #fdfdfd;}*/
.supreme-table.cart-table{ margin-top: 10px;}
.cart-table table tr td .item-title a{ color: #1b1b1b;}
.remove a{ color: #f23e49; font-size: 1.286em;}
.cart-controls{ padding-top: 20px; }
.cart-controls .cart-controls-btns{ text-align: right;}
.cart-controls-btns a{ margin-left: 15px; }
.cart-controls-btns button, .cart-controls-btns a, .coupon-container button{ font-size: 1.2em; line-height: 50px; padding: 0 35px; border-radius: 50px;}
.cart-controls .link{ text-decoration: underline; color: #169bff; font-size: 1.143em;}
.cart-order-summary{ float: right; width: 594px; margin: 57px 0 0;  border-radius: 6px; box-shadow: 0px 0px 7px 0px rgba(225, 229, 237, 1);}
.order-summary h3{ font-size: 1.286em; margin: 0; font-family: 'Open Sans', sans-serif; font-weight: 700; background: #f6f6f6; padding: 25px 30px; text-transform: uppercase;}
.order-summary .item-detail{ margin: 0; padding: 25px 30px; border-bottom: 1px solid #eaeaea;}
.order-summary .item-detail label{ font-size: 1em; margin: 0;}
.order-summary .payable-amount{ margin-top: 0; border-top: 0; padding: 25px 30px 0;}
.order-summary .payable-amount label{ text-transform: uppercase;}
.cart-order-summary .coupon-container{ padding: 0 30px 30px;}
.coupon-container button{ float: right;}
.discount-control input.control{ border: 1px solid #ccc; border-radius: 8px; height: 54px; padding: 0 20px;}
.coupon-container:after{ content: ""; clear: both; display: block;}
.order-summary .payable-amount label{ font-size: 1.143em;}
.req-controls-btns{ text-align: right; padding-top: 20px;}
.req-controls-btns a{ margin-right: 10px;}
.quote-table input{ border: 1px solid #ccc; height: 40px; border-radius: 5px; padding: 0 10px; width: 100%}
.dropdown-cart .item-image{ min-width: 70px;}
.dropdown-cart .item{ padding: 12px 10px 12px 0; margin: 0; border-bottom: 1px solid #eaeaea;}
.dropdown-cart .item .item-image{ border: 1px solid #ccc; margin: 0 20px 0 0; height: 60px;}
.dropdown-cart .item-name{ font-size: 1em;}
.dropdown-cart .dropdown-header{ padding: 0; border-bottom: 1px solid #eaeaea; margin: 0 0 15px; font-size: 1.143em; color: #1b1b1b; font-weight: 700;}
.dropdown-cart .dropdown-header b{ float: right;}
.dropdown-cart .dropdown-footer{ text-align: center;}
.dropdown-cart .dropdown-footer a{ line-height: 32px; padding: 0 22px; margin: 0 2px;}
.cart-dropdown-container .dropdown-list{ display: none; top: 52px; right: 0px; width: 310px; z-index: 999;}
.cart-dropdown-container .dropdown-container{ width: 100%;}
a.cart-link.dropdown-open.active + .dropdown-list{ display: block !important;}
.cart-dropdown-container .dropdown-content{ max-height: 306px; overflow: auto; margin: 20px 0;}
.pager .sorter, .pager .limiter { display: inline-block; margin: 0;}
.category-block .top-toolbar .page-info{ display: none;}
.category-block .top-toolbar:after{ content: ""; clear: both; display: block;}
.dropdown-cart #close{ position: absolute; right: 10px; top: 10px; font-size: 1.2em; cursor: pointer; color: #c7c7c7;}
.dropdown-cart .item-image img{ height: 56px; width: auto; margin: auto; display: block;}
p.no-search-res{ font-size: 1.5em;}
p.no-search-res a{ font-weight: 700;}
.items-with-search-sec .items-with-search-right{ text-align: right; order: 2;}

.filter-tag{ margin: 5px 0 20px 15px; display: inline-block; font-size: 1.143em;}
.filter-tag .wrapper{ display: inline-block; padding: 0 10px 0 10px; margin-left: 30px;}
.filter-tag .wrapper .icon.cross-icon{ position: relative; top: 4px;}
.account-table-content .filter-row-two{ margin: 0;}
.supreme-table.cart-table table thead th{ cursor: inherit;}
.checkout-process{ border-top: 1px solid #ccc; padding: 20px 0 0; display: block;}
.checkout-process .col-main{ width: auto; margin: 0}
.checkout-process .col-right{ width: auto; padding-left: 5px;}
.checkout-process .checkout-process-in{ align-items: inherit;}
.checkout-steps li i.far.fa-check-circle, .checkout-steps li.completed i.far{ display: none;}
.checkout-steps li.completed i.far.fa-check-circle{ display: block;}
.checkout-process .col-main ul.checkout-steps li{ align-items: center;}
.checkout-process .col-main ul.checkout-steps li, .checkout-process .col-main ul.checkout-steps li.active{ color: #aaaaaa; height: auto; padding: 22px 15px; font-size: 1em; height: auto;}
.checkout-process .col-main ul.checkout-steps li span{ text-transform: uppercase; font-weight: 700; margin: 0 0 0 7px; display: inline-block;}
.checkout-process .col-main ul.checkout-steps li.active{ color: #2D2B50;}
.checkout-process .col-main ul.checkout-steps li.completed{ color: #aaa;}
.checkout-process-left{ padding: 0 0 40px;}
.checkout-process .col-main ul.checkout-steps{ padding: 0; border-bottom: 1px solid #f6f6f8; max-width: 90%;}
.checkout-add-form{ padding: 0 65px 22px 0; border-bottom: 1px solid #f6f6f6; margin: 0 0 24px;}
.checkout-add-form h2{ font-weight: normal;}
.checkout-process .col-main .step-content .form-container{ padding: 25px 0 0; border-bottom: 1px solid #f6f6f6;}
.checkout-add-form a.txt-btn{ color: #169bff; text-decoration: underline; font-size: 1em; cursor: pointer; margin-top: 5px;}
.address-holder{ margin: 0; justify-content: flex-start; align-items: inherit;}
.address-holder .checkout-address-content{ border: 1px solid #e1e5ed; margin: 0 0 20px; border-radius: 5px; padding: 15px 15px 15px 45px; position: relative;}
.checkout-process label.radio-container{ position: absolute; left: 15px; top: 18px;}
.address-box-list li{ margin: 0 0 4px; font-size: 1em;}
.checkout-address-content ul{ padding: 0 0 25px;}
.address-summary ul li.phone, .checkout-address-content ul li.phone{ margin: 31px 0 0;}
.checkout-process .radio-container .checkmark{ border: 1px solid #ccc; width: 18px; height: 18px;}
.checkout-process .radio-container .checkmark:after{ width: 10px; height: 10px; top: 3px; left: 3px; background: #f7c200;}
.ship-diff-checkbox{ margin: 0; padding: 0 0 20px 20px; font-size: 1em;}
.step-content .button-group{ margin: 0; padding: 20px 0 0 20px;}
.checkout-process-in .supremehrs-btn{ min-width: 196px; line-height: 44px; font-size: 1.143em; padding: 0; text-align: center; cursor: pointer}
.checkout-process .col-main .step-content { padding-top: 0;}
.checkout-process .shadow-box{ padding-top: 0;}
.checkout-process .order-summary .item-detail{ padding: 15px 20px;}
.checkout-process .order-summary h3 { font-size: 1.7em; margin: 0 0 12px; font-family: 'Gelasio', serif; font-weight: normal; background: #f6f6f6; padding: 15px; text-transform: capitalize;}
.checkout-process .order-summary .payable-amount{ padding: 15px 20px 0;}
.checkout-process .control-group.has-error{ padding-left: 0 /*15px*/;}
.ship-payment-methods .checkout-method-group{ padding: 0 0 25px 30px; position: relative;}
.select-ship-methods{ padding: 0 0 0 15px;}
.select-ship-methods b{ font-size: 1.143em; display: block; margin: 0 0 4px;}
.checkout-process .select-ship-methods label.radio-container{ top: 0; left: 15px;}
.ship-payment-methods .control-group{ width: 100%; margin: 0; padding: 0 0 0 20px;}

.header-account-info .dropdown-list{ padding: 21px 8px 15px; right: 0; margin-top: 20px;}
.header-account-info label{ color: #1b1b1b; font-weight: 700; font-size: 1.286em; margin: 0; padding: 0 6px 10px 6px; border-bottom: 1px solid #f6f6f8; display: block;}
.header-account-info ul li a { padding: 0 10px; color: #1b1b1b; font-size: 1em; margin: 8px 0 0; display: inline-block;}
.header-account-info .dropdown-list li ul li:last-child{ margin-top: 10px; border-top: 1px solid #f6f6f8;}

.address-summary .card-title b{ font-size: 1.143em;}
.checkout-process .col-main .step-content .address-summary div.billing-address{ margin: 0 }
/*.address-summary .billing-address{ padding: 0;}*/
.checkout-process .address-summary { padding: 0 0 25px; border-bottom: 1px solid #f6f6f6;}
.checkout-process .col-main .step-content.review .order-description { display: flex; align-content: inherit; padding: 50px 30px 30px; align-items: inherit;}
.checkout-process .col-main .step-content.review .order-description .coupon-container{ padding: 0 20px;}
.checkout-process .col-main .step-content .order-description .text{ margin-left: 10px;}
.billing-form-main{ padding: 0 15px; max-width: 900px;}
.billing-form-main aside .control-group { margin: 0 0 10px; width: 100%;}
.control-group.has-error .control-error { display: block; font-size: 0.8em; margin: 0; position: absolute;}
.checkout-process .col-right .coupon-container { padding: 0 20px;}
.order-success-content{ padding: 30px 0 40px;}
.header-account-info ul li a.supremehrs-btn{ line-height: 31px; padding: 0 40px; font-size: 1em; margin: 0 5px;}
.header-account-info ul li a.supremehrs-btn:first-child{ line-height: 35px; padding: 0 42px;}
.header-account-info .dropdown-list.guest{ padding: 21px 15px 20px; width: 320px; border-radius: 6px;}
.header-account-info ul li a.supremehrs-btn + a.supremehrs-btn{ background: #fff !important; border: 2px solid #f7c200;}
.header-account-info ul li a.supremehrs-btn + a.supremehrs-btn:hover{ text-shadow: none; color: #1b1b1b;}
.header-account-info .dropdown-list.guest span{ color: #1b1b1b; padding: 15px 0; line-height: normal;}
.guest .sign-btns{padding-top: 24px;}
.address-summary aside { padding: 0 40px;}
.req-quote-checkout.checkout-process{ border-top: none;  padding: 0;}
.req-quote-btns button{color: #169bff; text-decoration: underline; font-size: 1em; cursor: pointer; background: none; border: none; padding: 0;}
.req-quote-checkout .address-holder{ width: auto; margin: 0 -15px;}
/*.billing-form-main{ padding: 0;}*/
.req-quote-main .supremehrs-btn{ min-width: 196px; line-height: 44px; font-size: 1.143em; padding: 0; text-align: center; cursor: pointer; margin-top: 20px;}
.review-methods .review-method{ vertical-align: middle; margin: 0 30px 0 0; display: inline-block;}
.review-methods .review-method span{ display: table-cell; vertical-align: middle; padding-right: 15px;}
.review-methods .review-method b{ display: block;}
.checkout-process .col-main .step-content .review-address-summary{ align-items: flex-start;}
.filter-actions .control.supreme-select-field{ height: 40px;}
.profile-edit-btn a{ color: #26a4fb;}
.edit-form .control-group label{ font-size: 1.143em;}
.account-table-content .billing-form-main{ padding: 0;}
.address-edit-del:after{ content: ""; clear: both; display: block;}
.address-edit-del span a{ color: #26a4fb; text-decoration: underline;}
.address-edit-del span + span{ float: right;}
.account-table-content .address-holder{ padding: 10px 10px 0;}
.account-table-content .address-holder .checkout-address-content{ padding: 15px;}
.account-table-content.shadow-box{ padding-bottom: 15px;}
.account-right .checkout-add-form{ padding: 0; border: none;}
.country-state-field{ width: 100%; margin: 0;}
.step-content.information .has-error{ padding-left: 15px; padding-bottom: 25px;}

.page-banner-video{ height: 350px;position: relative;z-index: 0; margin-top: 5px;}
.page-banner-video h1{ position: absolute; color: #fff; font-size: 3.429em; text-shadow: 1px 1px 3px #1b1b1b; max-width: 855px; line-height: 40px; top: 42%; left: 0; right: 0; margin: auto; text-align: center;}
.page-banner-video h1 span, .page-banner-image h1 span{display: block; font-size: .5em;}
.backgroundContainer {position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: #1b1b1b; z-index: -1;}
.page-banner-video video{ width: 100%; height: 100%; display: block; object-fit: cover;}

.center-text-sec{ text-align: center; padding: 50px 0; border-bottom: 1px solid #ccc;}
.center-text-sec .center-text-sec-in{ max-width: 85%; margin: auto;}
.center-text-sec h2{ font-size: 2.286em; margin: 0 0 14px; line-height: 36px;}
.center-text-sec h2 span { display: block; font-size: 1.429em; color: #0343a7;}
.center-text-sec p { font-size: 1.143em; line-height: 25px;}



/* Time Line */

.cd-timeline { overflow: hidden; padding: 2em 0;}
.cd-timeline__container { position: relative; padding-top: 50px;}
.cd-timeline__container:before{ content: ''; position: absolute; top: 0; left: 18px; height: 100%; width: 3px; background: #333333;}
.about-timeline{ padding-top: 70px; padding-bottom: 40px; border-bottom: 11px solid #f6f6f6; background: #fff;}
.timeline-cont { background: #e6f2ff; padding: 22px 26px 28px 26px; border-radius: 6px; margin-left: 30px;}
.timeline-cont h3{ font-size: 2.12em; font-family: "Open Sans",sans-serif; font-weight: 700; margin: 0 0 20px;}
.timeline-cont p{ font-size: 1.62em; line-height: 1.5em;}
.timeline-img img{ width: 100%;}
.cd-timeline__date:after{ content: ""; display: block; width: 0; height: 0; border-top: 14px solid transparent; border-right: 16px solid #e6f2ff; border-bottom: 14px solid transparent; position: absolute; top: 20px; left: 14px;}
.cd-timeline__container .cd-timeline__block:nth-child(2n) .cd-timeline__date:after{ width: 0; height: 0; border-right: 0; border-top: 14px solid transparent; border-left: 16px solid #e6f2ff; border-bottom: 14px solid transparent; display: block; right: -15px; left: auto;}
.cd-timeline__container .cd-timeline__block:nth-child(2n) .cd-timeline__date .timeline-cont{ margin-left: 0;}

@media (min-width: 768px) {
.cd-timeline__container:before{ left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%) }
}
.cd-timeline__block{ display: -ms-flexbox; display: flex; position: relative; z-index: 1; margin: 0 0 33px;}
.cd-timeline__block:last-child { margin-bottom: 0 }

@media (min-width: 768px) {
.cd-timeline__block:nth-child(even) { -ms-flex-direction: row-reverse; flex-direction: row-reverse }
}
.cd-timeline__img { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; -ms-flex-negative: 0; flex-shrink: 0; width: 40px; height: 40px; border-radius: 50%; box-shadow: 0 0 0 4px hsl(0, 0%, 100%), inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05); box-shadow: 0 0 0 4px var(--color-white), inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05) }
.cd-timeline__img img { width: 24px; height: 24px }

@media (min-width: 768px) {
.cd-timeline__img { width: 90px; height: 90px; background: #efb207; font-size: 2.12em; color: #ffffff; font-family: "Open Sans",sans-serif; font-weight: 600; -ms-flex-order: 1; order: 1; margin-left: calc(5% - 45px);}
.cd-timeline__block:nth-child(even) .cd-timeline__img { margin-right: calc(5% - 45px) }
}
.cd-timeline__content { -ms-flex-positive: 1; flex-grow: 1; position: relative; margin-left: 1.25em;}

@media (min-width: 768px) {
.cd-timeline__content{ width: 45%; -ms-flex-positive: 0; flex-grow: 0; will-change: transform; margin: 0; font-size: 0.8em;}
.cd-timeline__content:before{ top: 24px; display: none;}
.cd-timeline__block:nth-child(even) .cd-timeline__content:before{ right: auto; left: 100%; width: 0; height: 0; border: 7px solid transparent;}
}

@media (min-width: 768px) {
.cd-timeline__date { position: absolute; width: 100%; left: 122%; top: 0;}
.cd-timeline__block:nth-child(even) .cd-timeline__date { left: auto; right: 124%; width: 98%;}
}

@media (min-width: 768px) {
/*.cd-timeline__img--hidden,  .cd-timeline__content--hidden { visibility: hidden }*/
.cd-timeline__img--bounce-in { -webkit-animation: cd-bounce-1 0.6s; animation: cd-bounce-1 0.6s }
.cd-timeline__content--bounce-in { -webkit-animation: cd-bounce-2 0.6s; animation: cd-bounce-2 0.6s }
.cd-timeline__block:nth-child(even) .cd-timeline__content--bounce-in { -webkit-animation-name: cd-bounce-2-inverse; animation-name: cd-bounce-2-inverse }
}

.img-cont-sec{ padding-top: 30px; padding-bottom: 30px; border-bottom: 1px solid #ccc;}
.img-cont-sec .row{ align-items: flex-start;}
.img-cont-sec h2{ font-size: 2.143em; font-weight: 700; color: #333333; margin: 0 0 20px;}
.img-cont-sec .cont-sec{ padding-top: 20px;}
.img-cont-sec p{ font-size: 1.143em; line-height: 1.5em;}
.img-map-sec{ padding: 25px 0 0;}
.img-map-sec .row{ align-items: inherit; margin: 0;}
.img-map-sec aside{ padding: 0;}
.img-map-sec .img-sec{ background-repeat: no-repeat; background-position: 0 0; background-size: cover;}
.img-map-sec .img-sec img{ display: none;}
.map-sec .map-address-sec-left, .map-sec .map-address-sec-right{ padding: 0;}
.map-sec .map-address-sec-left{ background: #f6f6f6;}
.img-map-sec iframe{ display: block; width: 100%; height: 445px;}
.mobile-num a{ color: #fff; font-family: 'Gelasio', serif; font-size: 1.714em; text-align: center; background: #1b1b1b; display: block; padding: 43px 15px 45px;}
.address-direction{ text-align: center; padding: 90px 10px 0;}
.address-direction h3{ font-size: 1.571em; font-weight: normal; margin: 0 0 10px;}
.address-direction p{ font-size: 1.143em; margin: 0 0 34px; line-height: normal;}
.address-direction a{ font-size: 1.286em; padding: 0 41px; line-height: 50px;}
.hours-sec{ background: #e6eaec; padding: 26px 33px; display: flex; align-items: center; justify-content: center;}
.hours-sec h4{ font-size: 2.143em; margin: 0 33px 0 0; font-weight: normal;}
ul.days li{ min-width: 260px; padding: 27px 0; background: #fff; display: inline-block; vertical-align: top; margin: 0 23px 0 0; border-radius: 5px; text-align: center; border: 1px solid #d2d7da;}
ul.days li span{ font-size: 1.714em; line-height: 28px; font-family: 'Gelasio', serif; font-weight: normal; margin: 0 0 10px; display: block;}
ul.days li em{ display: block; font-style: normal; font-size: 1.143em;}
.location-wrapper{ padding-bottom: 44px;}
.affiliations-wrapper .img-cont-sec{ border: none;}
.page-banner-img{ min-height: 349px; background-repeat: no-repeat; background-position: center; background-size: cover; text-align: center; color: #fff; display: table; width: 100%; margin-top: 5px; padding: 0 15px;}
.page-banner-text{ vertical-align: middle; display: table-cell; height: inherit;}
.page-banner-text h1{ color: #fff; font-size: 3.429em;}
.top-review-grid-list{ text-align: center; border-top: 1px solid #ccc; padding: 36px 0 48px;}
.top-review-grid-list .row{ flex-wrap: wrap; align-items: inherit; margin: 0;}
.top-review-grid-list h2{ font-size: 2.571em; color: #333; font-weight: 700; margin: 0 0 40px;}
.top-review-grid-list h2 i{ font-size: 1.358em; color: #f7c200; font-style: normal; font-family: 'Gelasio', serif;}
.top-review-grid-list aside{ display: flex; padding: 20px 12px 0;}
.top-review-grid-list .top-review-grid{ display: flex; flex-direction: column; background: #f1f4f6; width: 100%; padding: 35px 32px; border: 1px solid #d2d7da; border-radius: 6px;}
.top-review-grid h3{ font-size: 1.714em;}
.top-review-grid p{ font-size: 1.143em; line-height: normal; margin: 0 0 32px;}
.top-review-grid span{ font-size: 1.143em; font-weight: 700; display: block; text-align: right;}
.review-award-wrapper .img-sec img{ width: 100%;}
.review-award-wrapper .img-cont-sec .cont-sec{ padding-top: 0;}
.form-sec .control-group{ margin-bottom: 0;}
.form-sec .control-group .control{ margin: 0 0 6px; border: 1px solid #dbdee6;}
.form-sec .form-btn{ text-align: right; padding: 15px 0 0;}
.form-sec .form-btn button{ font-size: 1.286em; min-width: 276px; text-align: center; padding: 0 15px; line-height: 55px;}
.form-sec .form-btn button + button{ margin-left: 15px;}
.partner-wrapper .img-cont-sec{ padding-top: 50px;}

.brands-top{ padding: 31px 0 0;}
.brands-top .row{ margin: 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 28px 0;}
.brands-top aside{ padding: 0;}
.brands-top h1{ margin: 0 0 30px;}
.brands-top p{ margin: 0; line-height: 22px; max-width: 1050px;}
.brands-top-vendor{ display: inline-block;}
.brands-top-vendor a{ padding: 12px; display: block; background: #f6f6f6; border: 1px solid #eaeaea; border-radius: 4px;}
.brands-top-vendor span{ color: #1b1b1b; display: inline-block; text-align: right; font-weight: 600; vertical-align: middle; padding-left: 10px;}
.brands-top-vendor span em{ color: #23a3fa; font-style: normal; text-decoration: underline; display: block; font-weight: normal;}
.brands-top .brands-top-left{ padding-right: 15px;}
.brands-top .brands-top-right{ padding-right: 15px; text-align: right;}
.brands-list{ margin-top: 25px;}
.brands-list h2{ margin: 0 0 10px;}
.brands-list strong{ flex: 5 0 auto; display: flex; justify-content: center; font-size: 1em; padding: 10px 0 0;}
.brands-list ul{ display: flex; flex-wrap: wrap; text-align: center;}
.brands-list ul li{ display: flex; -ms-flex: 0 0 12.5%; flex: 0 0 12.5%; max-width: 12.5%; position: relative;}
.brands-list ul li a.over-link{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; display: block;}
.brands-list .brands-grid{ padding: 18px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; width: 100%; display: flex; flex-direction: column;}
.brands-grid .brands-grid-img{ flex: 1 0 auto; display: flex; align-items: center; justify-content: center;}
.brands-wrapper{ padding-bottom: 50px;}
.brands-list .brands-list-in{ border-left: 1px solid #ccc;}
.brands-list ul li+li+li+li+li+li+li+li+li .brands-grid{ border-top: none;}

.ourteam-list .row{ justify-content: flex-start; align-items: flex-start;}
.ourteam-list aside{ margin: 30px 0 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; text-align: center; padding: 0 15px;}
.ourteam-title h3{font-size: 1.714em; padding: 14px 0 0; line-height: 26px; margin: 0;}
.ourteam-title h3 span{  display: block; font-size: 0.8em; font-weight: normal; margin: 5px 0 0;}
.page-paragraph h2{ margin: 0 0 15px;}
.page-paragraph p{ font-size: 1.143em; line-height: normal;}

.contact-wrapper{ padding-bottom: 50px;}
.main-footer ul li a:active {text-decoration: underline;}
.sus-prev-button.slick-disabled, .sus-next-button.slick-disabled{ display: none !important;}
.view-order-box .box-title{ text-transform: uppercase; margin: 0 0 6px; font-weight: 700;}
.sale-container .sale-section .section-content .view-order-box.address-holder{ display: flex; flex-direction: inherit;}
.address-holder.view-order-box .checkout-address-content{ padding: 15px; display: flex; flex-direction: column; width: 100%;}
.address-holder.view-order-box .address-box{ display: flex;}
.sale-container .sale-section .section-content{ border-bottom: none;}
.tabs-content .section-content { border-bottom: 1px solid #e8e8e8;}
.order-placed-date span{ font-size: 1.2em;}
.order-view-content .tabs ul li a{ font-size: 1.2em; font-weight: 700;}
.supreme-table .small-size-table.table thead th,
.supreme-table .small-size-table.table tbody td{ font-size: 1em; padding: 10px 15px;}
.full-width-prods.row{ justify-content: flex-start; padding: 20px 0;}
.full-width-prods .product-card{ -ms-flex: 0 0 12.5%; flex: 0 0 12.5%; max-width: 12.5%; text-align: center;}
.sale-page-top{ border-bottom: 1px solid #ccc; margin: 0 0 36px; padding: 0 0 25px;}
.sale-page-top h1, .sale-page-top p{ margin: 0;}
.sale-page-top .sale-page-top-right{ text-align: right;}
.sale-coupon{ display: inline-block; border: 1px solid #eaeaea; background: #f6f6f6; font-size: 1.286em; padding: 14px 18px; text-align: center; border-radius: 5px;}
.sale-coupon span{ color: #00ae08; font-weight: 900;}
.sale-coupon em{ display: block; font-style: normal; font-size: 0.65em;}
.page-content.not-found{ padding-top: 40px; padding-bottom: 5px;}
.not-found .row{ align-items: flex-start;}
.not-found h2{ font-size: 2.143em;}
.not-found a.supremehrs-btn{ padding: 11px 50px 13px;  line-height: normal; display: inline-block; font-size: 1.429em;}
.not-found p{ max-width: 540px; margin: 10px 0 30px;}
.zoomContainer{ z-index: 2 !important;}
.account-right .control-group label{ font-weight: 700;}
.cart-rem-icon{ text-align: center;}

table.reviews-table{ width: 100%; margin: 0 0 30px;}
.reviews-table tr td{ padding: 15px; vertical-align: top;}
.reviews-table tr td a img{ border: 1px solid #ccc; height: auto; width: 100px;}
.reviews-table tr td h3 a{ font-size: 0.8em; color: #26a4fb; font-weight: normal;}
.front-reviews .prof-del-btn{ text-align: right; padding: 0;}
.reviews-table .operations a span{ font-size: 1.5em; margin: 10px 10px 0 0;}
.reviews-table tr td .stars{ margin: 10px 0;}
.reviews-table tr td .stars span{ color: #f7c200;}
.reviews-table tr td{ border-bottom: 1px solid #ccc;}
.reviews-table tr td.review-img{ width: 130px;}
.account-right .account-table-content.shadow-box{ padding: 19px 25px 15px;}
.coupon-container .applied-coupon-details{ margin-top: 95px;}
.login-form a { text-decoration: underline; color: #0041ff;}
.npa-design-wrapper{ padding: 50px 0;}
.alert-wrapper{z-index:9999!important}
button.blue-btn.back-button{ border-radius: 35px; font-weight: 700; margin: 20px 0; padding: 10px 30px; font-size: 1.2em;}
.header-account-info a.not-logged-in{ color: #fff;}
.blue-text-link{ background:none; border:none; text-decoration:underline; color:#26a4fb;}
.adding{ position: relative;}
.adding:after{content: "\f110"; font-family: "Font Awesome 5 Pro"; /*position: absolute; right: 13px;*/ display: inline-block; margin-left: 5px; animation: fa-spin 2s infinite linear;}
.main-header ul.navbar-nav li a:active{ font-weight: 700;}
.supreme-accordian .accordian .accordian-header{ color: #2d2b50; font-size: 1.714em !important; text-transform: uppercase; background: #ffffff; font-weight: 700; padding: 30px 40px 30px 20px; position: relative;}
.supreme-accordian .accordian .accordian-header i{ display: none;}
.supreme-accordian .accordian .accordian-header:after{ content: "\f107"; font-family: "Font Awesome 5 Pro"; position: absolute; right: 20px; top: 50%; margin-top: -10px; transition: 0.3s all ease; -webkit-transition: 0.3s all ease; -moz-transition: 0.3s all ease;}
.supreme-accordian .accordian.active .accordian-header:after{ transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg);}
.supreme-accordian .accordian-content{ padding: 20px 15px 30px;}
.supreme-accordian .accordian-content .section-title{ color: #2d2b50; font-size: 1.286em; font-weight: 700; text-transform: uppercase; border-bottom: 1px solid #eaeaea; padding: 10px 0 26px;}
.supreme-accordian .small-table-data tr td{ padding: 10px 15px; min-width: 200px; font-size: 1.143em;}
.supreme-accordian .sale-section{ padding: 0;}
.supreme-accordian .section-content address{ font-size: 1.143em; margin: 0; line-height: normal; padding: 0 15px;}
.sale-container.supreme-accordian{ padding: 0 0 20px;}
.supreme-accordian .accordian-content .section-content{ padding: 20px 0 40px;}
.order-sale-summary table.sale-summary{ float: right; text-align: right; padding: 35px 40px 28px 15px; display: block;}
.order-sale-summary table.sale-summary td{ padding-bottom: 10px;}
.order-sale-summary table.sale-summary td:last-child{ font-weight: 700; padding-left: 60px;}
.order-sale-summary table.sale-summary tr.bold td{ border-top: 1px solid #eaeaea; padding-top: 10px;}
.slick-list { padding-left: 0px !important;}
.supreme-table .table i.far.fa-eye{ color: #555;}
.register-tabs .nav-tabs .nav-item.active .nav-link { color: #2d2b50;}
.register-tabs div#locations .control-group{ width: 100%;}
.company-loc-users-sec .register-tabs .tab-content { padding-bottom: 0;}

.loc-user-list{ margin-bottom: 40px; justify-content: flex-start;}
.loc-user-list address{border-right: 1px solid #ccc;}
.loc-main-heading{ padding: 0 0 0 25px;}
.loc-main-heading h2{ color: #3a3a3a; font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 1.4em;}
.account-right .account-table-content.locations-wrapper{ margin-bottom: 10px;}
.locations-head{ padding-bottom: 20px; align-items: end;}
.locations-head .account-head, .locations-head .checkout-add-form{ padding: 0 15px;}
.locations-head .checkout-add-form{ margin: 0;}
.register-tabs .form-left-right-btns aside .btn.blue-btn{ line-height: 35px;}
.special-requests-box{ padding: 0 40px; margin: 20px 0 0;}
.prod-guide-sec .supreme-table table.table thead th:first-child, .supreme-table table.table tbody td:first-child{ width: 130px;}
.prod-guide-sec .dropdown-container {  width: 215px;}